.elementor-24 .elementor-element.elementor-element-6d78e5f{--display:flex;--position:absolute;--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;--justify-content:space-between;--padding-top:25px;--padding-bottom:25px;--padding-left:30px;--padding-right:30px;top:0px;--z-index:999;}body:not(.rtl) .elementor-24 .elementor-element.elementor-element-6d78e5f{left:0px;}body.rtl .elementor-24 .elementor-element.elementor-element-6d78e5f{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-24 .elementor-element.elementor-element-ec8ec90 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;line-height:30px;background-image:linear-gradient(90deg, #7558A5 0%, #25B8D5 99%);border-radius:4px 4px 4px 4px;padding:7px 12px 7px 12px;}.elementor-24 .elementor-element.elementor-element-f386fb1{--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;--justify-content:space-between;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-24 .elementor-element.elementor-element-f386fb1:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-f386fb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24 .elementor-element.elementor-element-cb074a0 .elementor-button{background-color:transparent;font-family:"Poppins", Sans-serif;font-size:24px;font-weight:400;line-height:30px;background-image:linear-gradient(90deg, #7558A5 0%, #25B8D5 99%);border-radius:4px 4px 4px 4px;padding:7px 12px 7px 12px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-6d78e5f{--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-24 .elementor-element.elementor-element-f386fb1{--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-6d78e5f{--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-24 .elementor-element.elementor-element-6a6e08a{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-24 .elementor-element.elementor-element-6a6e08a img{width:100%;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-24 .elementor-element.elementor-element-ec8ec90 .elementor-button{padding:7px 10px 7px 10px;}.elementor-24 .elementor-element.elementor-element-f386fb1{--padding-top:10px;--padding-bottom:10px;--padding-left:15px;--padding-right:15px;}.elementor-24 .elementor-element.elementor-element-f94f283{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-24 .elementor-element.elementor-element-f94f283 img{width:100%;}.elementor-24 .elementor-element.elementor-element-cb074a0 .elementor-button{padding:7px 10px 7px 10px;}}/* Start custom CSS *//* Top Header */
#header-top {
    transition: all 0.1s ease;
    background: transparent;           /* Change if needed */
}

/* Sticky Header - Initial State */
#header-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.4s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    
    /* Make it smaller & different */
    padding: 0 !important;           /* Reduce vertical padding */
    background: #1e3a8a !important;       /* Change to your preferred color */
    min-height: auto !important;
}

/* Active State */
#header-sticky.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Hide Top Header */
#header-top.hidden {
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* Only for Tablet & Mobile */
@media (max-width: 1024px) {

    /* When the Button is clicked (Elementor adds .elementor-active or .open) */
    .elementor-element-ec8ec90.elementor-button .elementor-button-link.elementor-active,
    .elementor-element-ec8ec90.elementor-button .elementor-button-link.open,
    .elementor-element-cb074a0.elementor-button .elementor-button-link.elementor-active,
    .elementor-element-cb074a0.elementor-button .elementor-button-link.open {
        background-color: #0F3E97 !important;
    }

    /* Change 1st container background to black when button is active */
    #header-top.menu-active {
        background-color: #0F3E97 !important;
    }
}/* End custom CSS */