.main-area{
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.main-area.active .service-badge-logo {
    animation: fadeInRight 0.7s linear 0.3s;
}
.menu_toggle{
    background-color:var(--brand_dot1);
}
.menu_toggle:hover {
    background-color:var(--brand_dot2);
}
.theme-btn.theme-btn-alt {
    background-color: #fff;
    color: var(--brand_dot1);
    border-color: #fff;
}
.theme-btn.theme-btn-alt:hover {
    background-color: var(--brand_dot2);
    color: #fff;
    border-color: var(--brand_dot3);
}
.service-item-bottom{ color: #ffffff;}
.main-area .fp-tableCell{vertical-align: bottom!important;}
.bg-light-box{background-color: rgba(0, 0, 0, .4)}
.lob-box {
    border-radius: 5px;
    background: var(--brand_color);
    display: inline-block;
    padding: 3px 10px;
    font-size: 18px!important;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.18s ease-in-out;
    }
.service-item{ gap: 40px !important; }
.dots-dot1 {background: var(--brand_dot1);background-color: var(--brand_dot1)!important;}
.dots-dot2 {background: var(--brand_dot2);background-color: var(--brand_dot2)!important;}
.dots-dot3 {background: var(--brand_dot3);background-color: var(--brand_dot3)!important;}
.slider-align{background-size: cover; background-position: center;}
.font-s-36{font-size:36px!important;}
.staffing .feature-item::before{opacity: 1!important;visibility: visible!important;}
.our-process .feature-item::before{opacity: 1!important;visibility: visible!important;}
.our-work-staffing {background-image: radial-gradient(#66cc6a, #3eb245);}
.partners .section-title{margin-bottom:0px!important;}
.partner-logo { width: 250px; height: 62px; border-radius: 1em;}
.partner-logo-ow { height: 62px; border-radius: 1em;}
.partners .feature-item{gap:0!important; padding: 10px 10px 10px 10px!important;}
.our-work-websites {background-image: radial-gradient(#66cc6a, #3eb245);}
.our-work-websites .section-title{top:40px!important;}
.our-work-websites .team-item {padding: 15px 20px 0!important;}
.our-work-websites .team-item .team-content{transform: none!important;}
.our-work-websites .team-item .team-content .nav-link{ padding: .5rem .5rem!important;font-size: 12px}
.our-work-websites .team-wrapper{  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr))!important; }
.our-expertise .about-content p{font-size: 16px!important;margin-top: 0!important;}
.our-expertise .about-content .title{ font-family: var(--ibm);font-weight: 600; color: var(--white);}
.our-process .about-content p{font-size: 16px!important;margin-top: 0!important;}
.our-process .about-content .title{ font-family: var(--ibm);font-weight: 600; color: var(--white);}
.banner-area-6 :is(.swiper-button-next, .swiper-button-prev):hover::before {
    width: 43px;
}


