.elementor-kit-7{--e-global-color-primary:#25408F;--e-global-color-secondary:#808285;--e-global-color-text:#1D1F20;--e-global-color-accent:#F68A42;--e-global-color-450ec90:#FFFFFF;--e-global-color-08ad985:#61A9D3;--e-global-color-00e1b42:#19305E;--e-global-color-2b909d5:#25408F;--e-global-color-5d0ba14:#7DB541;--e-global-color-d9136ad:#B16C3C;--e-global-color-963df02:#F68A42;--e-global-color-d063793:#959BAB;--e-global-color-1cf6dd8:#F7F9FB;--e-global-color-9e79b1f:#E6ECF1;--e-global-color-692a9bb:#80808033;--e-global-color-93efd02:#FFFFFF4D;--e-global-color-416b33a:#FFFFFF00;--e-global-color-10aef0f:#FFFFFFCC;--e-global-color-d547b3b:#00000033;--e-global-color-62c72b3:#FFFFFF26;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-b1da6e6-font-size:25px;--e-global-typography-b1da6e6-font-weight:600;--e-global-typography-b1da6e6-text-transform:none;--e-global-typography-b1da6e6-line-height:1em;--e-global-typography-7fe30e8-font-size:17px;--e-global-typography-7fe30e8-font-weight:600;--e-global-typography-7fe30e8-line-height:1em;--e-global-typography-2b09ca4-font-family:"Montserrat";--e-global-typography-2b09ca4-font-size:50px;--e-global-typography-2b09ca4-font-weight:700;--e-global-typography-2b09ca4-line-height:1.2em;--e-global-typography-2b09ca4-letter-spacing:-1px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-9e79b1f );}.elementor-kit-7 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea:focus,.elementor-kit-7 .elementor-field-textual:focus{border-style:solid;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1360px;}.e-con{--container-max-width:1360px;}.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:1366px){.elementor-kit-7{--e-global-typography-b1da6e6-font-size:22px;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-2b09ca4-font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-2b09ca4-font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Default logo */
.my-sticky-header .elementor-widget-image img {
    content: url('https://satt.ma/storage/2024/03/satt-icon-white-878x1024.png');
   
}

/* Default menu color */
.my-sticky-header .elementor-nav-menu a {
    color: black;
   
}

/* Sticky header styles */
.elementor-sticky--effects.my-sticky-header {
    background-color: #fff !important;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1) !important;
    padding: 5px 0; /* Adjust padding to make transition smoother */
   
}

/* Change logo when the header is sticky */
.elementor-sticky--effects.my-sticky-header .elementor-widget-image img {
    content: url('https://satt.ma/wp-content/uploads/2024/03/satt-icon-1.png');
}

/* Change menu color when the header is sticky */
.elementor-sticky--effects.my-sticky-header .elementor-nav-menu a {
    color: #959bab !important;
}

/* Change menu hover color when the header is sticky */
.elementor-sticky--effects.my-sticky-header .elementor-nav-menu a:hover {
    color: #25408f !important;
}

/* Button style in sticky header */
.elementor-sticky--effects.my-sticky-header .qodef-button {
    color: var(--qode-main-color) !important;
    background-color: transparent;
    border: 1px solid var(--qode-main-color);
    border-radius: 25px;
   
}

/* Button hover style in sticky header */
.elementor-sticky--effects.my-sticky-header .qodef-button:hover {
    font-weight: 500 !important;
    color: #ffffff !important;
    background-color: #25408F !important;
}

/* Smoothly hide the top header */
.elementor-sticky--effects .top-header {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    height: 0 !important;
    overflow: hidden !important;
}


/* Default icon color (white) */
.my-sticky-header .elementor-icon-wrapper .elementor-icon {
    color: #fff; /* Default color */
    
}

/* Change icon color to black when header is sticky */
.elementor-sticky--effects.my-sticky-header .elementor-icon-wrapper .elementor-icon {
    color: #000 !important; /* Change to black */
}


.my-sticky-header {
    width: 100% !important;
    box-sizing: border-box !important; /* Ensures padding and borders are included in the total width and height */
}

.elementor-sticky--effects.my-sticky-header {
    width: 100% !important;
}


/* Change search icon color when the header is sticky */
.elementor-sticky--effects.my-sticky-header i.fa-fw.icon.icon-search2 {
    color: #a1a6b5 !important; /* Sticky state color */
}

.elementor-sticky--effects.my-sticky-header i.fa-fw.icon.icon-search2:hover {
    color: #25408F !important; /* Sticky state color */
}/* End custom CSS */