.elementor-2120 .elementor-element.elementor-element-4bfce51{margin-top:50px;margin-bottom:50px;}.elementor-2120 .elementor-element.elementor-element-1c0ff17 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2120 .elementor-element.elementor-element-1c0ff17 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2120 .elementor-element.elementor-element-559bbce .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2120 .elementor-element.elementor-element-a1db844{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2120 .elementor-element.elementor-element-8c28292{border-radius:8px 8px 8px 8px;}.elementor-2120 .elementor-element.elementor-element-8c28292.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-2120 .elementor-element.elementor-element-8c28292.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-2120 .elementor-element.elementor-element-8c28292.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-2120 .elementor-element.elementor-element-8c28292 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-2120 .elementor-element.elementor-element-8c28292 .elementor-image-box-img img{border-radius:8px;transition-duration:0.3s;}.elementor-2120 .elementor-element.elementor-element-8c28292 .elementor-image-box-title{font-family:"Raleway", Sans-serif;font-size:24px;font-weight:600;}@media(max-width:767px){.elementor-2120 .elementor-element.elementor-element-8c28292 .elementor-image-box-img{margin-bottom:15px;}}/* Start custom CSS for image-box, class: .elementor-element-8c28292 *//* === Image Box Hover Arrow Effect (FIXED) === */

/* Apply rounded corners to the WHOLE card including title */
.elementor-widget-image-box {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #fff;
}

/* Lift the entire card on hover */
.elementor-widget-image-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}

/* Make the image wrapper a relative container for the arrow */
.elementor-image-box-wrapper {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Smooth transition on image normally */
.elementor-image-box-wrapper img {
    transition: transform 0.4s ease, filter 0.4s ease;
    display: block;
    width: 100%;
}

/* Dim and zoom the image on hover */
.elementor-image-box-wrapper:hover img {
    transform: scale(1.05);
    filter: brightness(0.85);
}

/* Show the arrow on hover */
.elementor-image-box-wrapper:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}/* End custom CSS */