.elementor-253 .elementor-element.elementor-element-b38fce{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:0;}body:not(.rtl) .elementor-253 .elementor-element.elementor-element-b38fce{left:0px;}body.rtl .elementor-253 .elementor-element.elementor-element-b38fce{right:0px;}.elementor-widget-theme-site-logo .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-253 .elementor-element.elementor-element-2cef955{width:var( --container-widget-width, 8% );max-width:8%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 050px;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-253 .elementor-element.elementor-element-2cef955.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-253 .elementor-element.elementor-element-76b98cc8{--display:flex;}.elementor-253 .elementor-element.elementor-element-6effcedb{--display:flex;}.elementor-253 .elementor-element.elementor-element-6309f17a{--display:flex;}.elementor-253 .elementor-element.elementor-element-46e6d10d{--display:flex;}.elementor-253 .elementor-element.elementor-element-5dfe46bb{--display:flex;}.elementor-253 .elementor-element.elementor-element-59b03ff3{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:20px;--n-menu-title-color-normal:var( --e-global-color-4221e92 );--n-menu-title-transition:3000ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-253 .elementor-element.elementor-element-59b03ff3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-253 .elementor-element.elementor-element-59b03ff3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-253 .elementor-element.elementor-element-59b03ff3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Roboto", Sans-serif;font-weight:500;text-transform:capitalize;}.elementor-253 .elementor-element.elementor-element-59b03ff3 {--n-menu-title-color-hover:var( --e-global-color-4221e92 );}.elementor-253 .elementor-element.elementor-element-59b03ff3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){text-shadow:0px 0px 25px #FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-253 .elementor-element.elementor-element-b38fce{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-b38fce */.elementor-253 .elementor-element.elementor-element-b38fce {
    top: 0;
    z-index: 999;

    background: rgba(0, 0, 0, 0.8); /* must stay semi-transparent */

    /* Invert + blur + brightness */
    backdrop-filter: invert(1) blur(3px) brightness(1.1);
    -webkit-backdrop-filter: invert(1) blur(3px) brightness(1.1);

    transition: background 0.3s ease, backdrop-filter 0.3s ease;
}/* End custom CSS */
/* Start custom CSS */#section-aM7h77ygYd {
    background: linear-gradient(0deg, rgba(0,0,40,1) 30%, rgba(0,0,0,1) 70%);
}

#section-qniGJk3VIy {
    background: linear-gradient(180deg, rgba(0,0,40,1) 50%, rgba(240,240,240,1) 50%);
}

#section-Tbydc329ZD {
    z-index: 99;
    backdrop-filter: blur(2px) invert(100%) !important;
    -webkit-backdrop-filter: blur(2px) invert(100%) !important;
}

#section-azrLTuOX89 {
    background: linear-gradient(
        177deg,
        rgba(240, 240, 240, 1) calc(50% - 0.5px),
        rgba(255, 255, 255, 1) calc(50% + 0.5px)
    );
}

#section-TKhK_YSjra {
    background: linear-gradient(
        177deg,
        rgba(255, 255, 255, 1) calc(50% - 0.5px),
        rgba(240, 240, 240, 1) calc(50% + 0.5px)
    );
}

#section-mJvKQ5oJK_ {
    background: linear-gradient(
        183deg,
        rgba(255, 255, 255, 1) calc(50% - 0.5px),
        rgba(45, 45, 45, 1) calc(50% + 0.5px)
    );
}

/*#section-9Q6xB_SoWJ {
    background: linear-gradient(180deg, rgba(65,65,65,1) 50%, rgba(240,240,240,1) 50%);
}*/

#section-9Q6xB_SoWJ {
    position: relative;
    background: linear-gradient(to bottom, 
        rgba(240, 240, 240, 1) 0%,  /* Top fade */
        rgba(240, 240, 240, 0) 45%, /* Mid transition */
        rgba(9,175,252, 0.3) 50%,  /* Central line */
        rgba(240, 240, 240, 0) 55%, /* Mid transition */
        rgba(240, 240, 240, 1) 100% /* Bottom fade */
    );
}

.fancy-button {
    background: #000 !important;
    border-radius: 50px !important;
    border: 2px solid black !important;
    color: #fff;
    padding: 12px 24px;
    font-size: 16px;
    text-transform: uppercase;
    transition: ease 0.5s !important;
}

.fancy-button:hover {
    background: #fff !important;
    color: #000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

@keyframes wave-gradient {
    0% {
        background-position: 0% 50%;
    }

    25% {
        background-position: 50% 100%;
    }

    50% {
        background-position: 100% 50%;
    }

    75% {
        background-position: 50% 0%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.gradient-button {
    background: linear-gradient(220deg, rgba(9,175,252,1) 30%, rgba(9,100,252,1) 70%);
    background-size: 300% 300%;
    border-radius: 50px;
    border: none;
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    text-transform: uppercase;
    transition: ease 0.4s;
}

.gradient-button:hover {
    filter: brightness(1.1);
    transform: scale(1.05);
    animation: wave-gradient 2s ease-in-out infinite;
}

.secondary-button {
    background: linear-gradient(220deg, rgba(9,175,252,0.2) 30%, rgba(9,100,252,0.2) 70%);
    border-radius: 50px;
    border: 2px solid rgba(150, 150, 150, 0.7);
 /* Soft, subtle border */
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    text-transform: uppercase;
    transition: ease 0.4s;
    background-size: 300% 300%;
}

.secondary-button:hover {
    filter: brightness(1.1);
    transform: scale(1.05);
    animation: wave-gradient 2s ease-in-out infinite;
}

#section-rAomZ4TWAG {
    background: linear-gradient(
        183deg,
        rgba(240, 240, 240, 1) calc(50% - 0.5px),
        rgba(45, 45, 45, 1) calc(50% + 0.5px)
    );
}

.simple-button {
    background: linear-gradient(220deg, rgba(9,175,252,0.5) 15%, rgba(255,255,255,1) 70%);
    border-radius: 50px;
    border: 2px solid rgba(150, 150, 150, 0.7);
 /* Soft, subtle border */
    color: white;
    padding: 12px 24px;
    font-size: 16px;
    text-transform: uppercase;
    transition: ease 0.4s;
    background-size: 300% 300%;
}

.simple-button:hover {
    filter: brightness(1.1);
    transform: scale(1.05);
    animation: wave-gradient 2s ease-in-out infinite;
}

#section-zsXIMXmkLw {
    height: 100px !important;
}







/* Column container */
.hover-button-column {
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 50px;
    overflow: hidden;
    background: rgba(240, 240, 240, 1);
    text-align: center;
}

/* Button - Initially Hidden */
.hover-button {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

/* Hover Effect - Button Appears */
.hover-button-column:hover .hover-button {
    opacity: 1;
    visibility: visible;
}

/* Button Styling */
.hover-button a {
    display: inline-block;
    background: linear-gradient(220deg, rgba(255,175,100,1) 30%, rgba(255,100,100,1) 70%);
    color: white;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

/* Button Hover Effect */
.hover-button a:hover {
    filter: brightness(1.2);
}

/* ===== Grid Layout ===== */
#section-eeE0165XSc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

/* ===== Row/Column Structure ===== */
#section-eeE0165XSc .row {
    width: calc(33.33% - 7px);
    margin: 0;
    padding: 0;
}

#section-eeE0165XSc .column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
 /* Key for overlay positioning */
    height: 100%;
}

/* ===== Image Styles ===== */
#section-eeE0165XSc img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

/* ===== UNIVERSAL IMAGE HOVER SCALE ===== */
.ghl-image-scale {
    transition: transform 0.3s ease !important;
    transform-origin: center !important;
}

.ghl-image-scale:hover {
    transform: scale(1.05) !important;
    z-index: 2 !important;
 /* Brings hovered image above others */
}

/* ===== MOBILE TOUCH SUPPORT ===== */
@media (hover: hover) {
    /* Only apply hover effects on devices that support them */
    .ghl-image-scale:hover {
        transform: scale(1.05) !important;
    }
}

/* ===== COLUMN OVERLAY (ON TOP) ===== */
#col-ehmYw1cMo1 {
    position: relative !important;
}

#col-ehmYw1cMo1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        0deg, 
        rgba(240,240,240,1) 0%,    /* Solid at bottom */
        rgba(240,240,240,1) 50%, /* 95% opaque */
        rgba(120,120,120,0) 100%  /* 70% at top */
    );
    opacity: 0.7;
    z-index: 2;
 /* Higher than images */
    pointer-events: none;
 /* Allows clicks through overlay */
    /* Remove blend mode for solid overlay */
}

/* Keep images UNDER overlay */
#col-ehmYw1cMo1 img {
    position: relative;
    z-index: 1;
 /* Lower than overlay */
}

/* Maintain hover effects */
#col-ehmYw1cMo1 img.ghl-image-scale {
    transition: transform 0.3s ease !important;
}

/* ===== PERFECT OVERLAP SOLUTION ===== */
#row-yvIioKS2gt {
    position: relative;
    margin-top: calc(-1 * var(--row-height)) !important;
    z-index: 10 !important;
}

/* Desktop height (adjust 400px to your row's desktop height) */
@media (min-width: 801px) {
    #row-yvIioKS2gt {
        --row-height: 400px;
    }
}

/* Mobile height - adjusted to 70% of row height */
@media (max-width: 800px) {
    #row-yvIioKS2gt {
        --row-height: calc(0.7 * 200px); /* 70% of original mobile height */
    }
}

/* Lock sections below in place (adjusted for mobile) */
#row-yvIioKS2gt + * {
    position: relative;
    top: calc(var(--row-height) * 0.7) !important; /* Compensate for 70% shift */
}

.image-in-last-row {
    opacity: 0.5;
}

#section-1YAJxl-D01 {
    background: linear-gradient(
        to bottom,
        #f0f0f0 0%,
        #ffffff 100%
    );
}/* End custom CSS */