.threeCardBlock .cardItem{
    flex: 0 0 29.39%;
    max-width: 29.39%;
}
.threeCardBlock .row{
    /*justify-content: space-between;*/
    column-gap: 5.9%;
}
.threeCardBlock .cardItem .subTitle{
    text-transform: uppercase;
    color: var(--secondary-color);
    margin-bottom: 15px;
}
.threeCardBlock h1{
    text-align: center;
    margin: auto;
    margin-bottom: 60px;
    color: var(--primary-color);
    width: max-content;
   
}
.threeCardBlock .cardItem img{
    margin-bottom: 30px; 
    width: 100%;
}
.threeCardBlock .videoContainer{
    margin-bottom: 30px;
}
.threeCardBlock h4{
    color: var(--primary-color);
}
.threeCardBlock button{
    text-align: center;
    display: block;
    margin: auto;
    margin-top: 60px;
}
.threeCardBlock .description{
    margin-top: 20px;
    color: var(--primary-color);
}
.threeCardBlock .videoContainer iframe {
    position: relative;
    top: 0;
    width: 100% !important;
    height: 281px !important;
}
.threeCardBlock .readingTime{
    margin-top: 10px;
}
.threeCardBlock .readingTime svg{
    vertical-align: middle;
}
.threeCardBlock .readingTime{
    position: relative;
}
.threeCardBlock .readingTime::after{
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background: url(../icons/clock.svg);
    background-repeat: no-repeat;
    margin-left: 7px;
    top: 50%;
    transform: translate(0%, -50%);
}

@media (max-width: 1280px){
    
    
}

@media (max-width: 1100px){
    .threeCardBlock h1{
        margin-bottom: 50px;
    }
    .threeCardBlock .cardItem {
        flex: 0 0 30.41%;
        max-width: 30.41%;
    }
    .threeCardBlock button{
        margin-top: 50px;
    }
    .threeCardBlock .row{
        column-gap: 4.3%;
    }
}



@media (min-width: 992px) and (max-width: 1299.98px) { 
    
}


@media (max-width: 991.98px) { 
  
}


@media (max-width: 767.98px) { 
    .threeCardBlock .cardItem{
        flex: 0 0 100%;
        max-width: 85.2%;
    }
    .threeCardBlock img, .threeCardBlock .cardItem .subTitle {
        margin-bottom: 20px; 
    }
    .threeCardBlock button{
        margin-top: 40px;
    }
    .threeCardBlock h1 {
        margin-bottom: 40px;
    }    
    .threeCardBlock .swiper-scrollbar{
        top: 0;
        bottom: auto;
        background: var(--gray-color);
        border-radius: 0;
        height: 6px;
        padding: 1px;
    }
    .threeCardBlock .swiper-scrollbar-drag{
        background: var(--primary-color);
        border-radius: 0;
    }
    .threeCardBlock .swiper-wrapper {
        margin-top: 40px;
    }
    .threeCardBlock .readingTime{
        margin-top: 20px;
    }    
    .threeCardBlock .swiper.caseStudiesSwiper,  .threeCardBlock .swiper.resourceSwiper {
        margin-left: 6.67%;
    }
    .threeCardBlock .swiper-scrollbar{
        width: 93%;
    }
}



@media (max-width: 575.98px) {
    .threeCardBlock .swiper.caseStudiesSwiper,  .threeCardBlock .swiper.resourceSwiper {
        margin-left: 6.67%;
    }
    .threeCardBlock .swiper-scrollbar{
        width: 91.5%;
    }
 }