/* ----------------------------------------------------------
TABLE OF CONTENT         
-------------------------------------------------------------
* 1. imported styles 
* 2. preloader styles 
* 3. header styles
* 4. banner styles 
* 5. footer styles 
* 6. categories styles 
* 7. services styles 
* 8. featured styles
* 9. reward styles 
* 10. pricing styles 
* 11. counter styles 
* 12. blog styles 
* 13. testimonial styles 
* 14. app styles 
* 15. search bar styles  
* 16. choose styles  
* 17. contact styles   
-------------------------------------------------------------
TABLE OF CONTENT         
------------------------------------------------------------ */


/* module css */
@import url('module-css/01-header.css');
@import url('module-css/02-mobile-menu.css');
@import url('module-css/03-banner.css');
@import url('module-css/04-footer.css');
@import url('module-css/05-categories.css');
@import url('module-css/06-services.css');
@import url('module-css/07-featured.css');
@import url('module-css/08-rewards.css');
@import url('module-css/09-pricing.css');
@import url('module-css/10-counter.css');
@import url('module-css/11-blog.css');
@import url('module-css/12-testimonial.css');
@import url('module-css/13-app.css');
@import url('module-css/14-search-bar.css');
@import url('module-css/15-choose.css');
@import url('module-css/16-contact.css');


/* css plugings */
@import url('01-global.css');
@import url('bootstrap.css');
@import url('color.css');
@import url('responsive.css');
@import url('all.min.css');
@import url('animate.css');
@import url('search-popup.css');
@import url('flatpickr-min.css');
@import url('icomoon.css');
@import url('swiper.min.css');
@import url('elpath.css');
@import url('select2.min.css');
@import url('nice-select.css');
@import url('odometer-theme-default.css');
@import url('magnific-popup.css');
@import url('nouislider.min.css');


/* ===== Custom css here ===== */
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1290px;
    }
}

.logo-box img {
    width: 180px;
    height: auto;
}

.categories-sec1 .categories-single:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 8px;
    background-color: var(--primary-color);
    transition: all 0.5s ease;
    z-index: 1;
}

.blog-single {
    margin-top: 20px;
    padding: 0px 15px;
}

.footer-top-logo img {
    width: 150px;
    height: auto;
}

.foot-map{
    margin-top: 20px;

}

.client-sec{
    margin-bottom: 50px;
}

.client-sec .row{
    align-items: center;
}

.client-logo{
    margin-bottom: 20px;
}

.client-logo img {
    width: 100%;
    height: 100px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 10px;
    background-color: #fff;
    object-fit: contain;
    padding: 4px;
}

.client-sec{
    background-image: url(../img/bg3.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 50px 0px;
}

.page-mt{
    margin-top: 70px;
}

.breadcrumb-layer {
    width: 100%;
    height: auto;
    position: relative;
    background: url('https://site2demo.in/manpowernew/wp-content/uploads/2026/01/breadcrumb-img-1.jpg') center/cover no-repeat;
    overflow: hidden;
    background-attachment: fixed;
}

.breadcrumb-layer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 71%);
    z-index: 1;
}

.blog-pge{
    padding-bottom: 20px;
}

.blog-single-info a {
    color: #000;
}   

.faq-pge{
    margin: 50px 0px 0px;
}

.accordion-button:focus{
    box-shadow: unset;
}

section.faq-pge div#accordionExample {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: #ffffff;
    padding: 22px;
    border-radius: 20px;
}

.policy-pge{
    margin: 50px 0px 0px;
}

.policy-pge img{
    width: 100%;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 20px;
    border-radius: 20px;
}

h4 {
    font-size: 27px;
    font-weight: 700;
}

.breadcrumb-layer p {
    color: #fff !important;
    font-size: 20px;
}

.service-pge1{
    padding: 50px 0px 50px;
    background-color: transparent;
}

.works {
    padding: 50px 0 50px;
}

.breadcrumb-layer p span{
    display: block;
}

.choose-right-image2{
    height: 330px;
}

.choose-right-image3{
    margin-left: 0;
}

.banner-two-right-image1{
    width: 100%;
}

.service-sec2-1 .col-lg-12 {
    background-color: var(--primary-color);
    border-radius: 20px;
    padding: 30px;
}

.service-sec2-1 h3{
    color: #fff;
}

.service-sec2-1 p{
    color: #fff !important;
}

.service-sec2-1 ul li{
    font-size: 17px;
    line-height: 32px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.service-sec2-1 ul li i{
    font-size: 11px;
}
/* ===== // Custom css here ===== */