.featured-course-case-carousel-container{padding-top: 118px;}
.featured-course-case-carousel-container.add-shadow{box-shadow:0 0 12px rgba(0,0,0,0.12) inset;}
.featured-course-case-head{width: 100%; height: 100%; color: #000; position: relative; padding-top: 15px; font-size: 18px;}
.featured-course-case-head:before{content:'';width: 50vw;position: absolute;right: -10px;top: -50px; bottom: -50px;z-index: -1; background: inherit;}
.featured-course-case-head h2{text-transform: uppercase; font-size: 47px; line-height: 1.1; margin-bottom: 30px; font-weight: 400; color: var(--blue);}
.bg-blue.featured-course-case-head h2{color: var(--dark-blue);}
.bg-orange.featured-course-case-head h2{color: var(--white);}

.featured-course-case-head-cta{padding-top: 15px;}
.featured-course-cat-item { width: 374px;}
.featured-course-cat-box {box-shadow: 0 0 10px rgb(0 0 0 / 17%); background: var(--white);  overflow: hidden;  border-radius: 20px; width: 100%; height: 100%;}
.featured-course-cat-box-image { position: relative; height: 148px;  overflow: hidden;}
.featured-course-cat-box-image img {position: absolute; left: 0; top: 0; width: 100%;  height: 100%;  object-fit: cover; transition:var(--custom-ease);}
.featured-course-cat-heading {padding: 20px 28px; min-height: 100px;  background-color: #F5F5F5; transition: var(--custom-ease);}
.featured-course-cat-heading h3{font-size: 25px; line-height: 1.2; color: #444446;  margin-bottom: 0; }
.featured-course-cat-box-content:hover .featured-course-cat-heading {background-color: #67B2E7;}
.featured-course-cat-text{font-size: 18px;  line-height: 1.6; padding: 18px 24px 26px; color: rgb(68 68 70 / 80%);}
.featured-course-cat-box:hover .featured-course-cat-box-image img {transform: scale(1.05);}
.featured-course-cat-box:hover {box-shadow: 0 0 20px rgb(0 0 0 / 17%);}


.featured-case-study-grid-item {width: 374px;  }
.featured-case-study-grid-box {width: 100%; height:100%; background: var(--dark-blue); color: var(--white); box-shadow: 0 0 10px rgb(0 0 0 / 17%);  transition: var(--custom-ease); border-radius: 12px;  overflow: hidden;}
.featured-csg-box-image {width: 100%; height: 200px;padding: 20px;  overflow: hidden; background: var(--white);}
.featured-csg-box-image-inner {width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;}
.featured-csg-box-image-inner img {width: 100%;height: 100%;object-fit: contain; max-width: 290px; max-height: 150px;transition:var(--custom-ease);}
.featured-csg-box-text {padding: 25px 25px 25px 30px;width: 100%;font-size: 17px;line-height: 1.3;}
.featured-csg-box-cta{padding: 0 32px 28px;}
.featured-case-study-grid-box:hover{ box-shadow: 0 0 20px rgb(0 0 0 / 17%);}
.featured-case-study-grid-box:hover .featured-csg-box-image-inner img{transform: scale(1.05);}


.featured-course-case-slider-wrapper .swiper{overflow: visible;}
.featured-course-case-slider-wrapper  .swiper-button-next{position: absolute;top: -50px;left: auto;right: 0;width: auto;}
.featured-course-case-slider-wrapper  .swiper-button-prev{position: absolute;top: -50px;left: auto;right: 40px;width: auto;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {

}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .featured-course-case-carousel-container{padding-top: 60px;}
    .featured-course-case-head:before{display: none;}
    .featured-course-case-head{background: transparent !important;padding: 0;margin-bottom: 40px;height: auto; padding-right: 25%;}
    .featured-course-case-head h2{font-size: 38px;}
    .featured-course-cat-item, .featured-case-study-grid-item{width: 354px; width: 50vw;}
    .featured-course-case-slider-wrapper .swiper-button-next, .featured-course-case-slider-wrapper  .swiper-button-prev{display: none !important;}
    .featured-course-case-head-cta{padding-top: 45px;}
    .featured-course-case-head h2{margin-bottom: 20px;}
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .featured-course-case-carousel-container{padding-top: 40px;}
    .featured-course-case-head h2{font-size: 34px;}
    .featured-course-cat-item, .featured-case-study-grid-item{width: 80vw; max-width: 330px;}
    .featured-course-case-head{padding-right: 0;}

}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
 @media (max-width: 575.98px){

}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { 
}