/*
Template: Recrutix - Human Resources & Recruiting WordPress Theme
Author: peacefulqode.co.in
Version: 1.0
Design and Developed by: Peacefulqode

*/
@media(max-width:1400px) {
    .container,
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 100%;
    }
}

@media(max-width:1023px) {
    .content-area .site-main {
        padding: 90px 0;
    }
}

@media(max-width:767px) {
    .content-area .site-main {
        padding: 60px 0;
    }
}



/*================================================
Isotope Portfolio
================================================*/
.pt-filters .pt-filter-button-group ul { margin: 0 0 45px; padding: 0; display: inline-block; width: 100%; text-align: center; }
.pt-filters .pt-filter-button-group ul li { font-family: var(--title-fonts); font-size: 16px; line-height: 24px; letter-spacing:0.04em; text-transform: uppercase; list-style: none; color: var(--dark-color); display: inline-block; cursor: pointer; padding: 12px 20px; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.pt-filters .pt-filter-button-group ul li:last-child { margin-right: 0; }
.pt-filters .pt-filter-button-group ul li.active, .pt-filters .pt-filter-button-group ul li.active:hover { background: var(--primary-color); color: var(--white-color); -webkit-border-radius: var(--big-border-radius); -moz-border-radius: var(--big-border-radius); border-radius: var(--big-border-radius); }
.pt-filters .pt-filter-button-group ul li:hover { color: var(--dark-color); }


/*================================================
custom css
================================================*/
/* .pt-bg-white .pt-service-box-2{
     background-color:  var(--white-color);

}

.pt-bg-white .pt-service-box-2:hover{
     background-color:  var(--primary-color);

}
.pt-bg-white .pt-service-box-2 .pt-service-box-bottom .pt-service-box-icon{
     background-color:  var(--grey-color);
}
.pt-bg-white .pt-service-box-2 .pt-service-box-bottom .pt-service-box-icon{
     background-color:  var(--white-color);
} */