.case-study-hero-container {min-height: 400px;}
.case-study-hero-content{padding: 80px 0 135px;}
.cs-hero-image {width: calc(100% + 375px);margin-left: -67px;margin-top: -760px;margin-bottom: 0px;}
.cs-hero-image-box{position: relative;width: 100%;padding-bottom: 112%;-webkit-mask-image: url(../../include/images/hero-shape.svg);mask-image: url(../../include/images/hero-shape.svg);-webkit-mask-size: 100% auto;mask-size: 100% auto;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: top;mask-position: top;}
.cs-image{width: 100%;z-index: 1;position: absolute;left: 0;top: auto;bottom: 0px;height: calc(100% - 660px);object-fit: cover;}
.cs-img-main {width: 100%;height: 100%;object-fit: cover;}
.case-study-hero-shape{position: absolute;left: 50%;bottom: 30px;max-width: none;z-index: 8;margin-left: -1712px;}
.csh-inside-icon{width: 110px; height: 110px; flex-shrink: 0; margin-right: 20px; }
.csh-inside-icon img{width: 100%; height: 100%; object-fit: contain;}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { 
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.case-study-hero-content {padding: 40px 0 0px;} 
.cs-hero-image {width: calc(100% + 30px);margin-left: -15px;margin-top: 90px;margin-bottom: 0;}
.cs-image{height: 100%;}
.cs-hero-image-box{padding-bottom: 85%;-webkit-mask-image: url(../../include/images/mob-hero-shape.png);mask-image: url(../../include/images/mob-hero-shape.png);}

.case-study-hero-shape{transform: rotate(0deg);bottom: auto;left: 0;margin-left: -1120px;top: -30px;}
 
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
    .csh-inside-icon{width: 90px; height: 90px;}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
 @media (max-width: 575.98px){
    .case-study-hero-shape{ margin-left: -1530px;transform: rotate(-3deg);}
}

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