/*header*/
h1,h2,h3,h4,h5,h6,p,span,a,button{
    font-family: 'Poppins', sans-serif; 
}
p{
  font-size:14px;
}
.solutions-content{
    margin-top:30px;
}
.solutions-content p{
    line-height:1.5;
}
.list-points{
    margin-top:50px;
    width:50%;
}
.list-points p{
    text-align:left;
    line-height:2;
}
.list-points .col-sm-1{
    max-width:5%;
}
section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #000;
    margin-bottom: 50px;
    text-transform: uppercase;
}
nav.tabs-nav{
    height:initial !important;
    background: #EBEBEB;
}
.nav-tabs{
    width:80%;
    margin:auto;
    color: #000;
    padding:50px 0px 150px 0px;
}
.nav-item{
    padding:0 50px;
}
.nav-item p{
    text-transform:uppercase;
    font-size:15px;
    margin-top:20px;
}
.knw-more{
  font-size:12px;
}
.nav-tabs .nav-link.active{
  background-color: #F5F5F5;
  width:0px;
}
.nav-link.active span{
    color: #C62128;
    font-weight:600;
}
#tabs h6.section-title{
    color: #000;
    letter-spacing:2px;
}
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #000;
    font-size:16px;
    width: 187px;
    flex: unset;
    padding: 10px;
    margin: auto;
}

.tab-content{
    box-shadow: 0 0 5px;
    margin-top:-5%;
    z-index: 99999;
    position: relative;
    background-color: #ffff;
    width:75%;
}
.tab-content ul .col-sm-2{
  max-width:5% !important;
  padding:0;
}
.tab-intro{    
    width: 85%;
    margin: auto
}
.tab-intro-bottom{
    width:60%;
    margin:auto
}
.tab-image-wrapper, .tab-content-wrapper{
    display: table;
}
.tab-image-wrapper img, .tab-content-wrapper ul{
    display: table-cell;
    vertical-align:middle;
    margin:auto;
}
.directhire-img{
    width:350px;
    padding-top:30px;
}
@media only screen and (max-width:1500px) and (min-width:1300px){
    .tab-content{
        margin-top:-7%;
    }
    .vmsimg{
        width: 500px;
        padding-top: 50px;
    }
}

@media only screen and (max-width:1300px) and (min-width:1170px){
    .tab-content{
        margin-top:-10%;
    }
    .vmsimg{
        width: 500px;
        padding-top:80px;
    }
}
@media only screen and (max-width:1170px) {
    .tab-content{
        margin-top:-11%;
    }
    .vmsimg{
        width: 500px;
        padding-top: 80px;
    }
}
@media only screen and (max-width:500px) {
    .tab-content{
       width:100% !important
    }
    .tab-content p{
        padding:5px !important;
    }
}
@media only screen and (max-width:1450px){
    .managedservices-img{
        width:100%;
    }
    .tab-content ul .col-sm-2{
        max-width:7% !important;
    }
}
.tab-content p{
    line-height:2;
}
.tab-content li{
    line-height:1.6;
    list-style:none;
}
.tab-pane{
    padding:20px;
}
.tab-sub-heading{
    color:#C62328;
}
.nav-tabs .nav-link img{
    filter:grayscale(100%);
}
.nav-tabs .nav-link.active img{
    filter:brightness(100%)
}
@media only screen and (max-width:768px) {
    .tab-content .tabimg{
        width:100%;
    }
    .solutions-content .w-50{
        width:100% !important;
        padding:10px;
    }
}
/**Mobile view tabs style**/
@media only screen and (min-width:1000px) {
    .mobile-view{
        display:none;
    }
}
@media only screen and (max-width:1000px) {
    .desktop-view{
        display:none;
    }
    .accordian-card .card-body .tabimg{
        width:300px;
    }
}
.accordian-card .card-header .btn-link, .accordian-card .card-link, .accordian-card .card-link:hover
{
    text-align:left;
    color:#000;
    text-decoration:none;
}
.btn:focus{
    box-shadow:none
}
.accordian-card .card-body{
    padding:10px 10px;
}
.accordian-card{
    margin:20px 0px;
}
.accordian-card ul{
    padding:0px;
}
.accordian-card .col-sm-2{
    max-width:11%;
}
.col-sm-2.arrow-img{
    max-width:10%;
}
.accordian-card .card-body ul li{
    list-style:none;
}
.accordian-card .card-body p{
    line-height: 2;
}
.collapsed-icon, .expanded{
    float:right
}

@keyframes minus {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {display: none;}