.elementor-14 .elementor-element.elementor-element-56fc73b{--display:flex;--min-height:160px;--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;--margin-top:0px;--margin-bottom:-160px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-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-14 .elementor-element.elementor-element-356fb07 img{width:100%;height:112px;}.elementor-widget-image .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-14 .elementor-element.elementor-element-7506edf{text-align:start;}.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-14 .elementor-element.elementor-element-2c33f7a .elementor-button{background-color:#E2A14D00;font-family:"Manrope", Sans-serif;font-size:25px;font-weight:500;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-2c33f7a .elementor-button-content-wrapper{flex-direction:row;}.elementor-14 .elementor-element.elementor-element-2c33f7a .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-2c33f7a .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-2c33f7a .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-2c33f7a .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.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-14 .elementor-element.elementor-element-56fc73b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-356fb07 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-2c33f7a .elementor-button{font-size:20px;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-56fc73b{--min-height:120px;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-356fb07 img{height:80px;}.elementor-14 .elementor-element.elementor-element-2c33f7a .elementor-button{font-size:17px;}}/* Start custom CSS for container, class: .elementor-element-56fc73b */.elementor-14 .elementor-element.elementor-element-56fc73b.elementor-sticky--effects{
background-color: #000!important
}
.elementor-14 .elementor-element.elementor-element-56fc73b{
transition: background-color 1s ease !important;
}
.elementor-14 .elementor-element.elementor-element-56fc73b.elementor-sticky--effects{
 min-height: 80px!important;
 max-height: 80px!important;
}
.elementor-14 .elementor-element.elementor-element-56fc73b > .elementor-container{
transition: min-height 1s ease !important;
}

.logo {
    width: 100px;
    text-align: left;
}

.logo img {
width: 100%!important;
transition: all 0.5s ease;
}
.elementor-sticky--effects .logo, .logoSticky {
display: none;
transition: all 0.5s ease;
}


 .elementor-sticky--effects .logoSticky { display: block;}
 .logoSticky img {
    height: 40px;
    width: auto;
    transition: all 0.5s ease;
}
/*
.elementor-14 .elementor-element.elementor-element-56fc73b.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {color: #000!important;}
.elementor-14 .elementor-element.elementor-element-56fc73b.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover {color: #BC182D!important;}*/


@media only screen and (max-width: 1120px) {
.logo {width: 110px;}
    
}


@media only screen and (max-width: 1024px) {

.logo {width: 98px;}
.elementor-14 .elementor-element.elementor-element-56fc73b.elementor-sticky--effects .logo {width: 70px;
    }
    
}


/* Hide search bar on desktop */
li.mobile-search {
    display: none!important;
}

/* Show search bar inside mobile menu */
@media (max-width: 1024px) {
    li.mobile-search {
        display: block!important;
        width: 100%;
        text-align: center;
    }
    
    li.mobile-search label {display: block; padding: 0;}
    
    .mobile-search input[type="search"] {
        width: 100%;
        padding: 8px 0 8px 48px !important;
        border-radius: 0;
        border: 0;
        background: #2E4169;
        color: #FFF !important;
        height: 42px; position: relative;
    }
     .mobile-search input[type="search"]:hover,  .mobile-search input[type="search"]:focus {background: #2E4169!important; outline: none!important;}
    
     .mobile-search input[type="search"]::placeholder { color: #ffffff87!important;}
    
    
    .mobile-search input[type="submit"] {
        position: absolute;
        right: 0;
        z-index: 6;
        top: 0;
        background: #f8c43e;
        border: 0;
        border-radius: 0;
        height: 42px;
    }
    
  li.mobile-search label:before {
        content: "";
        background: url(https://sctchemicals.ae/wp-content/uploads/2025/02/magnifier.svg) no-repeat;
        width: 20px; height: 20px; background-size: cover;
        position: absolute;
        top: 10px;
        left: 20px;
        z-index: 1;
    }
}/* End custom CSS */