:root {
    /* Brand Palette */
    --color-primary: #1B535C;
    --color-primary-rgb: 27, 83, 92;
    --color-secondary: #2A818F;
    --color-accent: #00A199;

    /* Typography / Text */
    --color-text-primary: #474747;
    --color-text-side-menu: #2b6777;

    /* On Dark Backgrounds */
    --color-on-dark: #ffffff;
    --color-on-dark-soft: #DEEDEC;

    /* Navigation & Interactive Components */
    --color-side-menu-active: #1d4e5f;
    --color-nav-pill-bg: #1f616b;

    /* Surface & Card Hover States */
    --color-surface-hover: #214f54;

    /* UI Borders & Shadows */
    --color-border-subtle: #D6D6D6;
    --color-shadow-glow: rgba(245, 184, 0, 0.1);
}

p {
    margin: 0;
}

/* Start 13-08-2026 Side menu fixed */
.side-menu-wrap .elementor-nav-menu--main {
    top: 50%;
    transform: translateY(-50%);
    position: fixed;
}

.side-menu-wrap .elementor-nav-menu {
    position: relative;

    border-left: 2px solid var(--color-border-subtle);

    padding-left: 12px;
    margin-left: 20px;

    list-style: none;
}

.side-menu-wrap .elementor-nav-menu--main .elementor-nav-menu a:hover {
    padding: 10px 0;
}

.side-menu-wrap .elementor-nav-menu .menu-item {
    position: relative;
}

.side-menu-wrap .elementor-nav-menu .menu-item a {
    position: relative;

    display: block;

    padding: 10px 0;

    color: var(--color-text-side-menu);

    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;

    transition: color 0.25s ease;
}



.side-menu-wrap .elementor-item::after {
    content: "";
    position: absolute;

    left: -16px !important;
    top: 50%;

    width: 6px !important;
    height: 30px !important;

    background-color: var(--color-side-menu-active);

    border-radius: 10px;

    transform: translateY(-50%) scaleY(0);

    transform-origin: center;

    opacity: 0;

    transition:
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease;
}


.side-menu-wrap .elementor-nav-menu .elementor-item-active::after {

    transform:
        translateY(-50%) scaleY(1);

    opacity: 1;
}

.side-menu-wrap .elementor-nav-menu .elementor-item-active {
    color: var(--color-side-menu-active);
}

/* End 13-08-2026 Side menu fixed */
/* Start 14-08-2026 Search icon */
.e-search-input-wrapper .e-search-input {
    background-image: url("https://staging.gersonrelocation.com/wp-content/uploads/2026/08/lineicons_search-2.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px 20px;
    padding-left: 20px;
    padding-right: 45px;
    border-radius: 50px;
}

/* End 14-08-2026 Search icon*/
/* Start 17-08-2026  */
.side-menu-wrap .elementor-nav-menu .menu-item a {
    opacity: 0
}

.side-menu-wrap .elementor-nav-menu .menu-item a.elementor-item-active {
    opacity: 1;
}

.menu-hidden .elementor-nav-menu--main {
    visibility: hidden;
}

/* banner arrow css start */
.nextend-arrow img {
    display: none !important;
}

.nextend-arrow {
    border: 1px solid var(--color-on-dark) !important;
    width: 38px;
    height: 38px;
    background: transparent !important;
    border-radius: 0 !important;
    position: relative;
}

.nextend-arrow::after {
    content: " ";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 23px;
    height: 16px;
    background: url(https://staging.gersonrelocation.com/wp-content/uploads/2026/08/arrow_slider.svg);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: 100%;
}

.nextend-arrow.nextend-arrow-previous {
    rotate: 180deg;
}

/* banner arrow css end*/
/* Start banner section gradient */

/* .banner-slider .n2-ss-slide-background {
    position: relative !important;
}

.banner-slider .n2-ss-slide-background::before {
    content: "" !important;
    position: absolute;
    background: linear-gradient(180deg,
            var(--color-primary) 0%,
            var(--color-secondary) 50%,
            rgba(var(--color-primary-rgb), 0) 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
} */
.banner-slider .n2-ss-slide-backgrounds {
    position: relative !important;
}

.banner-slider .n2-ss-slide-background::before {
    content: "" !important;
    position: absolute;
    background: linear-gradient(180deg,
            var(--color-primary) 0%,
            var(--color-secondary) 50%,
            rgba(var(--color-primary-rgb), 0) 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
    display: block !important;
}

/* .banner-slider .n2-ss-slide-background:not(i):before {
    display: block !important;
} */

/* End banner section gradient */
/* Start banner animation (2026 Next-Gen Typographic Interaction System) */

/* 1. Base Layer Initial State & Hardware Acceleration */
.n2-ss-slide .n2-ss-layer h1,
.n2-ss-slide .n2-ss-layer h6,
.n2-ss-slide .n2-ss-layer .button_group_row,
.n2-ss-slide .n2-ss-layer .n2-ss-button-container {
    opacity: 0;
    will-change: transform, opacity, clip-path, filter;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* 2. Active Slide - Layered Entrance Choreography */

/* HEADING MASKED REVEAL (750ms duration, 0ms delay, custom spring ease) */
.n2-ss-slide-active .n2-ss-layer h1 {
    animation: modernMaskedHeadingReveal 750ms cubic-bezier(0.16, 1, 0.3, 1) 0ms forwards;
}

/* SUPPORTING TEXT MASK WIPE (700ms duration, 140ms delay) */
.n2-ss-slide-active .n2-ss-layer h6 {
    animation: modernMaskedTextReveal 700ms cubic-bezier(0.16, 1, 0.3, 1) 140ms forwards;
}

/* CTA ENTRANCE (650ms duration, 280ms delay - subtle scale + lift) */
.n2-ss-slide-active .n2-ss-layer .button_group_row,
.n2-ss-slide-active .n2-ss-layer .n2-ss-button-container {
    animation: modernCtaEntrance 650ms cubic-bezier(0.16, 1, 0.3, 1) 280ms forwards;
}

/* Word & line level stagger support when heading words are wrapped in spans */
.n2-ss-slide-active .n2-ss-layer h1 span,
.n2-ss-slide-active .n2-ss-layer h1 .n2-word,
.n2-ss-slide-active .n2-ss-layer h1 .n2-line {
    display: inline-block;
    animation: modernMaskedWordReveal 750ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.n2-ss-slide-active .n2-ss-layer h1 span:nth-child(1),
.n2-ss-slide-active .n2-ss-layer h1 .n2-word:nth-child(1) {
    animation-delay: 0ms;
}

.n2-ss-slide-active .n2-ss-layer h1 span:nth-child(2),
.n2-ss-slide-active .n2-ss-layer h1 .n2-word:nth-child(2) {
    animation-delay: 50ms;
}

.n2-ss-slide-active .n2-ss-layer h1 span:nth-child(3),
.n2-ss-slide-active .n2-ss-layer h1 .n2-word:nth-child(3) {
    animation-delay: 100ms;
}

.n2-ss-slide-active .n2-ss-layer h1 span:nth-child(4),
.n2-ss-slide-active .n2-ss-layer h1 .n2-word:nth-child(4) {
    animation-delay: 150ms;
}

.n2-ss-slide-active .n2-ss-layer h1 span:nth-child(5),
.n2-ss-slide-active .n2-ss-layer h1 .n2-word:nth-child(5) {
    animation-delay: 200ms;
}

/* 3. Outgoing Slide - Cinematic Directional Dissolve & Exit */
.n2-ss-slide:not(.n2-ss-slide-active) .n2-ss-layer h1 {
    animation: modernSlideExitHeading 480ms cubic-bezier(0.7, 0, 0.84, 0) forwards;
}

.n2-ss-slide:not(.n2-ss-slide-active) .n2-ss-layer h6 {
    animation: modernSlideExitSubtext 420ms cubic-bezier(0.7, 0, 0.84, 0) 30ms forwards;
}

.n2-ss-slide:not(.n2-ss-slide-active) .n2-ss-layer .button_group_row,
.n2-ss-slide:not(.n2-ss-slide-active) .n2-ss-layer .n2-ss-button-container {
    animation: modernSlideExitCta 380ms cubic-bezier(0.7, 0, 0.84, 0) 60ms forwards;
}

/* 4. Motion Keyframes */

/* Heading Mask Reveal: vertical translate + clip-path inset mask + optical blur reduction */
@keyframes modernMaskedHeadingReveal {
    0% {
        opacity: 0;
        transform: translateY(24px) scale(0.985);
        clip-path: inset(0 0 100% 0);
        filter: blur(6px);
    }

    40% {
        opacity: 0.85;
        filter: blur(2px);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        clip-path: inset(0 0 0 0);
        filter: blur(0px);
    }
}

/* Staggered Word Reveal Keyframes */
@keyframes modernMaskedWordReveal {
    0% {
        opacity: 0;
        transform: translateY(20px);
        clip-path: inset(0 0 100% 0);
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        filter: blur(0px);
    }
}

/* Supporting Text Mask Reveal Keyframes */
@keyframes modernMaskedTextReveal {
    0% {
        opacity: 0;
        transform: translateY(16px);
        clip-path: inset(0 0 100% 0);
        filter: blur(4px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        filter: blur(0px);
    }
}

/* CTA Entrance Keyframes: scale (0.96 -> 1.0) + subtle upward lift */
@keyframes modernCtaEntrance {
    0% {
        opacity: 0;
        transform: translateY(12px) scale(0.96);
        filter: blur(2px);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0px);
    }
}

/* Outgoing Slide Exit Keyframes */
@keyframes modernSlideExitHeading {
    0% {
        opacity: 1;
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(-18px);
        clip-path: inset(100% 0 0 0);
        filter: blur(4px);
    }
}

@keyframes modernSlideExitSubtext {
    0% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(-14px);
        filter: blur(3px);
    }
}

@keyframes modernSlideExitCta {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translateY(-10px) scale(0.97);
    }
}

/* 5. Responsive Adjustments */
@media (max-width: 1024px) {

    /* Tablet: slightly reduced motion distance and blur */
    .n2-ss-slide-active .n2-ss-layer h1 {
        animation-duration: 700ms;
    }

    @keyframes modernMaskedHeadingReveal {
        0% {
            opacity: 0;
            transform: translateY(18px);
            clip-path: inset(0 0 100% 0);
            filter: blur(4px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
            clip-path: inset(0 0 0 0);
            filter: blur(0px);
        }
    }
}

@media (max-width: 767px) {

    /* Mobile: line-focused, lightweight, fast, no layout shift */
    .n2-ss-slide-active .n2-ss-layer h1 {
        animation-duration: 620ms;
    }

    .n2-ss-slide-active .n2-ss-layer h6 {
        animation-duration: 580ms;
        animation-delay: 100ms;
    }

    .n2-ss-slide-active .n2-ss-layer .button_group_row,
    .n2-ss-slide-active .n2-ss-layer .n2-ss-button-container {
        animation-duration: 550ms;
        animation-delay: 200ms;
    }

    @keyframes modernMaskedHeadingReveal {
        0% {
            opacity: 0;
            transform: translateY(14px);
            clip-path: inset(0 0 100% 0);
            filter: blur(2px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
            clip-path: inset(0 0 0 0);
            filter: blur(0px);
        }
    }

    @keyframes modernMaskedTextReveal {
        0% {
            opacity: 0;
            transform: translateY(10px);
            clip-path: inset(0 0 100% 0);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
            clip-path: inset(0 0 0 0);
        }
    }

    @keyframes modernCtaEntrance {
        0% {
            opacity: 0;
            transform: translateY(8px) scale(0.98);
        }

        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
}

/* 6. Accessibility: Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {

    .n2-ss-slide .n2-ss-layer h1,
    .n2-ss-slide .n2-ss-layer h6,
    .n2-ss-slide .n2-ss-layer .button_group_row,
    .n2-ss-slide .n2-ss-layer .n2-ss-button-container,
    .n2-ss-slide .n2-ss-layer h1 span,
    .n2-ss-slide .n2-ss-layer h1 .n2-word,
    .n2-ss-slide .n2-ss-layer h1 .n2-line {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
        filter: none !important;
        animation: none !important;
        transition: opacity 0.3s ease !important;
    }
}

/* End banner animation  */
/* Start banner button arrow */

.button_group_row a.n2-ow {
    position: relative;
    display: flex !important;
    align-items: center;
    /* Ensure the anchor is the anchor point */
}

.button_group_row a.n2-ow::after {
    content: "";
    width: 23px;
    height: 16px;
    background: url(https://staging.gersonrelocation.com/wp-content/uploads/2026/08/green_arrow.svg);
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 8px;
}

/* End banner button arrow */
/* End 17-08-2026  */
/* Start 18-08-2026 Footer icons set */
.contact-cols-wrap {
    min-width: 30px !important;
}

.contact-cols-wrap div img {
    height: 14px;
    width: auto;
}

.contact-cols-wrap>div {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* navbar hover effect */
/* Container & Link Reset */
.header-menu>ul {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

.header-menu ul li.menu-item a.elementor-item {
    color: var(--color-text-primary) !important;
    transition: color 0.3s ease !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    z-index: 2 !important;
    position: relative !important;
}

.header-menu ul li.menu-item a.elementor-item:hover,
.header-menu ul li.current-menu-item a.elementor-item {
    color: var(--color-on-dark) !important;
}

.header-menu ul li.menu-item a:hover {
    transform: scale(1) !important;

}

/* The Sliding Background */
#nav-sliding-bg {
    position: absolute !important;
    height: 38px !important;
    background: var(--color-nav-pill-bg) !important;
    border-radius: 9999px !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
    z-index: 1 !important;
    opacity: 0;
    pointer-events: none !important;
    box-shadow: 0 4px 6px -1px var(--color-shadow-glow) !important;
}

.header-menu ul.nav-hovering li.current-menu-item:not(:hover) a.elementor-item {
    color: var(--color-text-primary) !important;
}

.header-menu ul li.current-menu-item a.elementor-item {
    color: var(--color-on-dark) !important;
}

/* navbar hover effect */
/* Start How Can section hover effect */
.black-aero-wrap,
.white-aero-wrap {
    max-width: 50px;
    height: 50px;
}

/* Base container transition */
.help-with-link-wrap {
    transition: background-color 0.3s ease;
    position: relative;
    overflow: visible !important;
    /* Ensure the image can pop out if needed */
}

/* Hover background and text color */
.help-with-link-wrap:hover {
    background-color: var(--color-surface-hover) !important;
}

.help-with-link-wrap:hover .elementor-heading-title {
    color: var(--color-on-dark) !important;
    transition: color 0.3s ease;
}

/* Hover Image positioning and animation */
.help-with-link-wrap .hover-img {
    display: block !important;
    /* Override the hidden-desktop/mobile classes */
    position: absolute !important;
    left: auto !important;
    right: -28px;
    /* Adjust based on your preferred visual center */
    top: 50% !important;
    transform: translate(-50%, -50%) scale(0.5) !important;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease !important;
    opacity: 0 !important;
    pointer-events: none;
    z-index: 10;
}

.help-with-link-wrap:hover .hover-img {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
}

/* Arrow Swapping */
.help-with-link-wrap .white-aero {
    display: none !important;
}

/* .help-with-link-wrap:hover .black-aero {
    display: none !important;
} */

.help-with-link-wrap:hover .white-aero {
    display: block !important;
}

/* .help-with-link-wrap:hover .white-aero-wrap {
    display: flex !important;
} */

.white-aero-wrap .e-con-inner {
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure the hover image container is positioned correctly */
.help-with-link-wrap .hover-img {
    display: block !important;
    position: absolute !important;
    left: auto !important;
    right: -28px;
    /* Adjust horizontally to match layout */
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    pointer-events: none;
}

/* The reveal effect on the image itself */
.help-with-link-wrap .hover-img img {
    clip-path: inset(0 100% 0 0);
    /* Start fully clipped from the right (hidden) */
    transition: clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    width: 227px;
    height: 150px;
    object-fit: cover;
}

/* Container Hover State */
.help-with-link-wrap:hover .hover-img {
    opacity: 1;
}

.help-with-link-wrap:hover .hover-img img {
    clip-path: inset(0 0 0 0) !important;
    /* Reveal to full width */
}

/* Standard hover changes for background and arrows */
.help-with-link-wrap:hover {
    background-color: var(--color-surface-hover) !important;
}

.help-with-link-wrap:hover .elementor-heading-title {
    color: var(--color-on-dark) !important;
}

.help-with-link-wrap:hover .black-aero {
    filter: invert(1) brightness(100);
    transform: rotate(45deg);
}

.help-with-link-wrap:hover .white-aero {
    display: block !important;
}

/* End How Can section hover effect */
/* End 18-08-2026 Footer icons set */
/* Start 19-08-2026  */
/* Premium Footer Link Hover Effect */
.footer-links-wrap .elementor-heading-title a {
    position: relative;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Subtle nudge to the right */
.footer-links-wrap .elementor-heading-title a:hover {
    transform: translateX(4px);
    color: var(--color-primary) !important;
}

/* Center-expanding underline */
.footer-links-wrap .elementor-heading-title a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: var(--color-primary);
    transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
}

.footer-links-wrap .elementor-heading-title a:hover::after {
    width: 100%;
    left: 0;
}

/* Subtle directional accent */

.footer-links-wrap .elementor-heading-title a:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* Start about us page FAQ */
.faqs-sec details summary.e-n-accordion-item-title {
    justify-content: space-between;
    gap: 20px;
}

.faqs-sec details p {
    max-width: 94%;
    width: 100%;
}

.faqs-sec details summary.e-n-accordion-item-title .e-n-accordion-item-title-icon {
    border: 1px solid #333;
    height: 40px;
    width: 40px;
    min-width: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .faqs-sec details summary.e-n-accordion-item-title .e-n-accordion-item-title-icon {
        border: 1px solid #333;
        height: 30px;
        width: 30px;
        min-width: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
}

/* End about us page FAQ */
/* End 19-08-2026  */
/* Start 26-08-2026 */
.accordion-sec .eicw-item.is-active .eicw-minus {
    color: #fff;
    transition: color 0.3s;
}

.accordion-sec .eicw-item.is-active .eicw-item-icon {
    background-color: #1B535C;
    transition: background-color 0.3s, transform 0.3s;
}

/* End 26-08-2026 */
/* Start 31-08-2026 */
.side-menu-wrap .elementor-nav-menu .menu-item a[href="#why"] {
    color: white !important;
}

.side-menu-wrap .elementor-nav-menu .menu-item a[href="#why"]::after {
    background-color: white !important;
}

/* .side-menu-wrap .elementor-nav-menu .menu-item a[href="#why"],
.side-menu-wrap .elementor-nav-menu .menu-item a[href="#solution"] {
    color: white !important;
}

.side-menu-wrap .elementor-nav-menu .menu-item a[href="#why"]::after,
.side-menu-wrap .elementor-nav-menu .menu-item a[href="#solution"]::after {
    background-color: white !important;
} */

/* End 31-08-2026 */
/* Start: 01-09-2026 */
.blog-grid-wrap .elementor-widget-post-info,
.blog-slider-wrap .elementor-widget-post-info {
    backdrop-filter: blur(20px);
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.blog-grid-wrap .elementor-widget-post-info ul li,
.blog-grid-wrap .elementor-widget-post-info ul,
.blog-slider-wrap .elementor-widget-post-info ul li,
.blog-slider-wrap .elementor-widget-post-info ul {
    margin: 0 !important;
}

.blog-grid-wrap .elementor-widget-post-info ul,
.blog-slider-wrap .elementor-widget-post-info ul {
    gap: 20px;
    justify-content: space-between;
}

/* =========================
   IMAGE
========================= */

.blog-grid-wrap .elementor-widget-image a,
.blog-slider-wrap .elementor-widget-image a {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Gradient overlay */
.blog-grid-wrap .elementor-widget-image a::before,
.blog-slider-wrap .elementor-widget-image a::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            rgba(27, 83, 92, 0.9) 0%,
            rgba(27, 83, 92, 0) 100%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
    pointer-events: none;
}

/* Gradient show */
.blog-grid-wrap .elementor-widget-image a:hover::before,
.blog-slider-wrap .elementor-widget-image a:hover::before {
    opacity: 1;
}

.blog-grid-wrap .elementor-widget-image a img,
.blog-slider-wrap .elementor-widget-image a img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}


/* Optional: image slight zoom */
/* .blog-grid-wrap .elementor-widget-image:hover img,
.blog-slider-wrap .elementor-widget-image:hover img {
    transform: scale(1.03);
} */

.blog-grid-wrap .hover-aero,
.blog-slider-wrap .hover-aero {
    width: 100px;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex !important;
    position: absolute;
    top: 125px;
    left: 50%;

    /* Initial position */
    transform: translate(-50%, -20px) scale(0.85);

    backdrop-filter: blur(4px);
    border-radius: 50%;

    opacity: 0;
    visibility: hidden;

    /* Smooth animation */
    transition:
        opacity 0.4s ease,
        visibility 0.4s ease,
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);

    z-index: 999;
    pointer-events: none;
}

/* Aero icon */
.blog-grid-wrap .hover-aero::after,
.blog-slider-wrap .hover-aero::after {
    content: '';
    background: url("https://staging.gersonrelocation.com/wp-content/uploads/2026/09/whiteaeroicon.svg");
    position: absolute;
    width: 44px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
}



.blog-grid-wrap .featured-wrap:hover+.hover-aero,
.blog-slider-wrap .featured-wrap:hover+.hover-aero {
    opacity: 1;
    visibility: visible;

    /* Final position */
    transform: translate(-50%, 0) scale(1);
}

.blog-slider-wrap .elementor-swiper-button-prev:hover svg path,
.blog-slider-wrap .elementor-swiper-button-next:hover svg path {
    fill: white;
    transition: fill 0.4s ease-in-out;
}

/* HEADER RESPONSIVE */
@media (max-width: 1360px) {
    .gr_header-logo {
        max-width: 160px !important;
    }
}

@media (max-width: 1200px) {
    .header-search {
        max-width: 180px !important;
    }

    .header-search input {
        width: 100%;
        font-size: 14px !important;
    }

    .gr_header-logo {
        max-width: 140px !important;
    }

    .header-menu ul li a {
        font-size: 14px !important;
    }
}

@media (max-width: 1080px) {
    .header-search {
        max-width: 160px !important;
    }

    .header-menu ul li a {
        padding: 6px 8px !important;
    }
}

@media (max-width: 1024px) {
    .gr_mobile-menu ul.sub-menu {
        margin-left: 0 !important;
        margin-top: 0 !important;
        /* display: flex !important; */
        flex-direction: column !important;
        position: static !important;
        width: 100% !important;
    }

    .header-search {
        max-width: 100% !important;
        width: 100% !important;
    }

}

/* about-gerson-relocation page start */
.our-core-value-left-cols>div {
    position: sticky;
    top: 150px;
}

@media (max-width: 1024px) {
    .our-core-value-left-cols>div {
        position: static;

    }
}

/* about-gerson-relocation page End */
/* End: 01-09-2026 */
/* Start 03-09-2026 */
.gr_file-upload-wap {
    position: relative;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gr_file-upload-wap .e-form-label-base {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-bottom: 15px;
    font-weight: 500;
    color: #333;
}

.gr_file-upload-wap>div::after {
    content: "Upload attachments (PDF, DOC, JPG)";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Helvetica Neue";
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #888;
    font-size: 14px;
    text-align: center;
    pointer-events: none;
    background-image: url('https://staging.gersonrelocation.com/wp-content/uploads/2026/09/fileuploadimg.png');
    background-repeat: no-repeat;
    background-position: center 60%;
    background-size: 50px 50px;
    padding-top: 120px;
    z-index: 2;
    height: 150px;
}

.gr_file-upload-wap>div::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f4f4f4;
    height: 160px;
    margin-top: 36px;
    z-index: 1;
}

/* 4. Make the actual file input invisible but covering the whole area */
.gr_file-upload-wap input.gr_file-upload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px !important;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    padding: 0;
    margin-top: 34px;
}

/* header menu color issues fixing */
.elementor-item .sub-arrow svg {
    fill: #000;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-item-active .sub-arrow svg,
.highlighted .sub-arrow svg.e-fas-caret-down {
    fill: #fff;
    transform: rotate(180deg);
}

.has-submenu.highlighted:has(+ .sub-menu[aria-expanded="true"]) {
    color: #fff !important;
}

.header-menu ul.nav-hovering li.current-menu-item:not(:hover) .sub-arrow svg.e-fas-caret-down {
    fill: #000 !important;
    transform: rotate(0deg);
}

.header-menu ul.nav-hovering li.current-menu-parent:not(:hover) a.has-submenu {
    color: #000 !important;
}

.header-menu ul.nav-hovering li.current-menu-parent:not(:hover) .sub-arrow svg.e-fas-caret-down {
    fill: #000 !important;
}

.header-menu nav ul li.current-menu-parent a.has-submenu {
    color: #fff !important;
}

.header-menu nav ul li.current-menu-parent .sub-arrow svg.e-fas-caret-down {
    fill: #fff;
}

/* Target each main grid container */
.gr_mobility-sec .e-grid-base {
    position: sticky;
    top: 160px;
    /* Offset to show a bit of the previous section if desired */
    background-color: #EDF4F5;
    /* Prevent sections from being transparent and overlapping text */
    min-height: 560px;
    /* box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2); */
    margin-bottom: 50px;
    padding: 20px;
    /* border: 1px solid #1B535C; */
}

/* 
.header-menu .nav-hovering li.menu-item a.elementor-item {
    color: #000 !important;
}

.header-menu .nav-hovering li.menu-item .sub-arrow svg.e-fas-caret-down {
    fill: #000;
} */

/* .header-menu ul li.current-menu-ancestor a.elementor-item,
.header-menu ul li.menu-item a.elementor-item:hover {
    color: #ffffff !important;
} */

/* header menu color issues fixing */
/* End 03-09-2026 */