.elementor-2575 .elementor-element.elementor-element-304a271{--display:flex;--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;}.elementor-2575 .elementor-element.elementor-element-4a084f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2575 .elementor-element.elementor-element-a05eedb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2575 .elementor-element.elementor-element-a05eedb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2575 .elementor-element.elementor-element-061915b .elementor-menu-toggle{margin:0 auto;}.elementor-2575 .elementor-element.elementor-element-061915b .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}.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-2575 .elementor-element.elementor-element-4a084f6{--width:25%;}.elementor-2575 .elementor-element.elementor-element-a05eedb{--width:74.098%;}}/* Start custom CSS for container, class: .elementor-element-304a271 *//* Sticky Effects: Background Blur and Color */
.elementor-2575 .elementor-element.elementor-element-304a271.elementor-sticky--effects {
    background-color: rgba(0, 0, 0, 0.5) !important; /* Semi-transparent background */
    backdrop-filter: blur(8px); /* Adds a blur effect */
    -webkit-backdrop-filter: blur(8px); /* Safari compatibility */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adds subtle shadow for depth */
    opacity: 0.95; /* Slight transparency */
    transition: background-color 0.5s ease, backdrop-filter 0.5s ease, opacity 0.5s ease;
}

/* Smooth Transition for Background Changes */
.elementor-2575 .elementor-element.elementor-element-304a271 {
    transition: background-color 1s ease, backdrop-filter 1s ease, opacity 1s ease !important;
}

/* Sticky Container Adjustments */
.elementor-2575 .elementor-element.elementor-element-304a271.elementor-sticky--effects > .elementor-container {
    min-height: 70px;
    padding: 10px 20px;
    display: flex;
    align-items: center; /* Centers items vertically */
    justify-content: space-between; /* Distributes items evenly */
    z-index: 1000; /* Ensures sticky element stays on top */
}

/* Logo Styling: Always Visible */
.logo img {
    max-width: 140px;
    height: auto;
    transition: all 0.5s ease;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2)); /* Subtle shadow under the logo */
    z-index: 1010; /* Ensures the logo remains above the blur */
}

/* Adjust Logo Size in Sticky State */
.elementor-sticky--effects .logo img {
    max-width: 120px; /* Slightly smaller in sticky state */
    height: auto;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3)); /* Slightly stronger shadow */
    transition: all 0.5s ease;
}

/* Text Styling: Normal State */
..elementor-2575 .elementor-element.elementor-element-304a271-text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7); /* Semi-transparent white text */
    opacity: 1;
    transform: translateY(0); /* Normal position */
    transition: transform 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}

/* Text Enhancements in Sticky State */
.elementor-2575 .elementor-element.elementor-element-304a271.elementor-sticky--effects ..elementor-2575 .elementor-element.elementor-element-304a271-text {
    color: rgba(255, 255, 255, 1); /* Full white for better visibility */
    font-weight: bold; /* Makes text stand out */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); /* Adds a shadow for depth */
    opacity: 1; /* Ensures visibility */
    transform: translateY(0); /* No movement */
}

/* Optional: Add Hover Effects for Logo */
.logo img:hover {
    transform: scale(1.05); /* Slightly enlarge the logo on hover */
    filter: brightness(1.2); /* Brighten the logo on hover */
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* Optional Attention-Grabbing Text Animation */
..elementor-2575 .elementor-element.elementor-element-304a271-text {
    animation: fadeSlideIn 1s ease-in-out;
}

@keyframes fadeSlideIn {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Starts slightly below */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Ends at the original position */
    }
}

/* Fade-in Animation for the Sticky Header */
.elementor-2575 .elementor-element.elementor-element-304a271.elementor-sticky--effects {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.95;
    }
}/* End custom CSS */