.elementor-kit-15714{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-thebase1:#000000;--e-global-color-thebase2:#2B6CB0;--e-global-color-thebase3:#1A202C;--e-global-color-thebase4:#2D3748;--e-global-color-thebase5:#4A5568;--e-global-color-thebase6:#718096;--e-global-color-thebase7:#EDF2F7;--e-global-color-thebase8:#F7FAFC;--e-global-color-thebase9:#FFFFFF;--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;background-color:#000000;}.elementor-kit-15714.el-is-editing{--global-palette1:#000000;--global-palette2:#2B6CB0;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#FFFFFF;}.elementor-kit-15714 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* Keep the overlay always visible for ONLY this gallery */
.elementor-element-8dcbaf0 .elementor-gallery-item__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6) !important; /* Default dark overlay */
    opacity: 1 !important; /* Always visible */
    transition: background 0.3s ease-in-out !important; /* Smooth transition */
    z-index: 1;
}

/* Darken the overlay slightly when hovered */
.elementor-element-8dcbaf0 .elementor-gallery-item:hover .elementor-gallery-item__overlay {
    background: rgba(0, 0, 0, 0.8) !important; /* Darker overlay on hover */
}

/* Keep the title always visible for ONLY this gallery & force bold */
.elementor-element-8dcbaf0 .elementor-gallery-item__content .elementor-gallery-item__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: white !important;
    font-size: .9rem !important;
    font-weight: 400 !important; /* Force bold */
    text-align: center;
    opacity: 1 !important;
    visibility: visible !important;
    font-family: 'Arial', sans-serif !important; /* Force system font in case theme overrides */
    text-transform: uppercase !important; /* Optional - makes text stand out more */
    transition: none !important; /* Prevents any movement on hover */
}

/* Prevent text from moving when hovering */
.elementor-element-8dcbaf0 .elementor-gallery-item:hover .elementor-gallery-item__title {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    transition: none !important; /* Completely disables hover movement */

}





/* Custom Gallery Grid */
.custom-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

/* Individual Image Styling */
.custom-gallery .gallery-item {
    position: relative;
    width: 100%;
    height: 250px; /* Adjust height as needed */
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: background 0.3s ease-in-out;
}

/* Overlay Effect */
.custom-gallery .gallery-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Default overlay */
    transition: background 0.3s ease-in-out;
}

/* Darker Overlay on Hover */
.custom-gallery a:hover .gallery-item::before {
    background: rgba(0, 0, 0, 0.8);
}

/* Title Styling */
.custom-gallery .gallery-title {
    position: relative;
    color: white;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 2;
    transition: color 0.3s ease-in-out;
}

/* Prevent Title Movement */
.custom-gallery a {
    display: block;
    text-decoration: none;
}

/* Custom Gallery Full Width */
.custom-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Default: 3 columns for desktop */
    gap: 15px; /* Space between images */
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* Responsive Layout - One Image Per Row on Mobile */
@media (max-width: 768px) {
    .custom-gallery {
        grid-template-columns: 1fr; /* 1 column per row on mobile */
    }
}



.image-container {
    position: relative;
    width: 100%;
    max-width: 3000px; /* Adjust as needed */
    margin: 0 auto;
}

.image-container img {
    width: 100%;
    height: auto;
    display: block;
}

.text-box {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    width: 40%;
    background: white;
    padding: 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

/* Move the White Box Above the Image on Mobile */
@media (max-width: 768px) {
    .image-text-section {
        display: flex;
        flex-direction: column-reverse; /* Moves text above the image */
    }

    .text-box {
        position: relative !important;
        width: 90% !important; /* Ensures it fits well */
        max-width: 600px !important; /* Prevents it from being too wide */
        margin-bottom: 20px !important; /* Adds spacing between text and image */
        padding: 20px !important;
        background: white !important;
        border-radius: 10px !important;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .image-container img {
        width: 100%;
        height: auto;
    }
}


/* Center the White Box on Mobile */
@media (max-width: 768px) {
    .text-box {
        position: relative !important; /* Ensure it's placed correctly */
        width: 90% !important; /* Keeps it within the screen width */
        max-width: 600px; /* Prevents it from being too wide */
        margin: 20px auto !important; /* Centers it horizontally */
        padding: 20px !important; /* Adjusts padding for better spacing */
        text-align: center !important; /* Centers the text inside */
        transform: none !important; /* Removes any unwanted shifts */
        left: 0 !important; /* Ensures it's not being pushed to the side */
        right: 0 !important;
    }
    
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Improves performance on iOS */
}/* End custom CSS */