.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-4221e92:#F0F0F0;--e-global-color-2641f7c:#2E2E2E;--e-global-color-b924a17:#2D2F35;--e-global-color-d6b37bc:#15B6FF;--e-global-color-207d592:#2D2D2D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-e4fdb99-font-family:"Roboto";--e-global-typography-e4fdb99-font-size:44px;--e-global-typography-e4fdb99-font-weight:900;--e-global-typography-e4fdb99-text-transform:capitalize;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* 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 */