.main-header,
body,
.header-menu-wrap:before,
.main-header-info:before{
    background-color: #faf1ea; 
}

.main-slider .swiper-slide{
    background-image: url(../img/slider-background-01.jpg);
    background-position: -600px;
}


.page-header-bg {
    background-size: cover;
    filter: none;
}

.breadCrumb a,
.breadCrumb span{
    color: #FFF;
}

.project-section div.ci,
.service-section div.ci{
    color: #FF9800;
    padding-left: 0px;
}

.default-btn{
    background: linear-gradient(130deg, rgb(255 170 23) 0%, rgb(255 255 255) 70%, rgb(249 78 78) 100%);
}

.category-list li{
    padding-left: 0px;
    display: inline-block;
    width: 100%;
}
.category-list li:hover{
    background-color: #ff98003b;
    border-radius: 5px;
    padding-left: 5px;
}
.category-list li:before{
    content: none;
}
.category-list li a{
    padding-left: 5px;
}

.faq-from h2{
    color: #F44336;
}
.faq-from h2 span{
    color: #FFC107;
}
.faq-from h2 span:before{
    background-color: #FFC107;
}

@media (min-width: 993px) {
    .header-menu-wrap li ul {
        width: 500px;
    }

}

@media (max-width: 500px) {
    .main-header-info:after{
        width: 0px;
    }
    
}




.formfield-checkbox label span{
    width: 500px;
}

@media (max-width: 993px) {
.service-details img{
    width: auto !important; 
    height: auto !important;
}
}















@media (max-width: 1440px) {
    .main-slider .swiper-slide{
        background-position: -300px;
    }
}

@media (max-width: 992px) {
    .main-slider .swiper-slide{
        background-position: initial;
    }
}

@media (max-width: 767px) {
    .main-header-info:after{
        background-color: #ffaa17;
    }
}


@media (max-width: 550px) {
    .main-slider .swiper-slide{
        background-position: -300px;
    }
}