.elementor-1261 .elementor-element.elementor-element-4050eb4{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;top:0px;--z-index:9999;}body:not(.rtl) .elementor-1261 .elementor-element.elementor-element-4050eb4{left:0px;}body.rtl .elementor-1261 .elementor-element.elementor-element-4050eb4{right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1261 .elementor-element.elementor-element-38e52e5 > .elementor-widget-container{--e-transform-rotateZ:-18deg;}.elementor-1261 .elementor-element.elementor-element-38e52e5{text-align:left;}.elementor-1261 .elementor-element.elementor-element-38e52e5 img{width:70px;}.elementor-1261 .elementor-element.elementor-element-efad952.elementor-element{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1261 .elementor-element.elementor-element-292bb9f .elementor-button{background-color:var( --e-global-color-astglobalcolor2 );font-family:"Inter", Sans-serif;font-weight:500;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-1261 .elementor-element.elementor-element-292bb9f .elementor-button:hover, .elementor-1261 .elementor-element.elementor-element-292bb9f .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-1261 .elementor-element.elementor-element-292bb9f.elementor-element{--align-self:center;}.elementor-1261 .elementor-element.elementor-element-292bb9f .elementor-button:hover svg, .elementor-1261 .elementor-element.elementor-element-292bb9f .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-1261 .elementor-element.elementor-element-c181f3b{--display:flex;}.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-1261 .elementor-element.elementor-element-4050eb4{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1261 .elementor-element.elementor-element-4050eb4{--width:100%;}}@media(max-width:1024px){.elementor-1261 .elementor-element.elementor-element-efad952.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-1261 .elementor-element.elementor-element-efad952.elementor-element{--align-self:flex-end;}}/* Start custom CSS for html, class: .elementor-element-efad952 */#expertise-header.scrolled > div.elementor-element.elementor-element-efad952.elementor-widget.elementor-widget-html > div > nav > a, #expertise-header.scrolled > div.elementor-element.elementor-element-efad952.elementor-widget.elementor-widget-html > div > nav > div > span{
    color: #392112;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4050eb4 */.header {
  transition: background-color 0.3s ease;
}

.header.scrolled {
  background-color: #ffffff; /* or any color you want */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* subtle bottom shadow */
}
#main-header.scrolled > div.elementor-element.elementor-widget.elementor-widget-html > div > nav > a , #main-header.scrolled > div.elementor-element.elementor-widget.elementor-widget-html > div > nav > div > span.menu-trigger{
    color: black !important;
}

#main-header.scrolled > div.elementor-element.elementor-widget.elementor-widget-html > div > nav > a:hover,#main-header.scrolled > div.elementor-element.elementor-widget.elementor-widget-html > div > nav > div > span.menu-trigger:hover{
    color: #F3A637 !important;
}
@media (max-width: 768px){
    .header {
        padding: 10px;
    }
}/* End custom CSS */