.cs-heading-holder + .cs-swiper-holder { margin-top: 50px; }
.cs-swiper-insider:has(.case-studies-slider:not(.slider-disabled)) { width: calc(100% - 30px); max-width: 1920px; margin: 0 auto; }
.case-study-box { color: var(--fig-white); background: var(--fig-green); }
.case-study-box-left { width: 480px; padding: 40px; padding-right: 120px; }
.csb-badge { width: fit-content; padding: 18px 25px; font-family: var(--fig-font-primary-alt); font-size: 12px; font-weight: 700; line-height: 1.1; letter-spacing: 0.005em; margin-bottom: 42px; color: var(--fig-grey); background: rgb(196 191 182 / 20%); border-radius: 30px; }
.case-study-box-text { margin-bottom: 25px; }
.case-study-box-text .subtitle { font-family: var(--fig-font-primary-alt); font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: 0.02em; margin-bottom: 12px; }
.case-study-box-text h3 { font-size: 25px; line-height: 1.35; letter-spacing: -0.01em; margin-bottom: 12px; }
.csb-stats-list { width: calc(100% + 32px); margin-left: -16px; }
.csb-stats-item { width: 50%; padding: 0 16px; margin-bottom: 32px; }
.csb-stats-box h4 { font-size: 40px; font-weight: 400; line-height: 1; margin-bottom: 5px; }
.case-study-box-right { width: auto; flex: 1; }
.case-study-box-img { padding-bottom: 65.5%; height: 100%; }
.case-study-box-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.case-study-shape-holder { width: 300px; height: 100%; background: var(--fig-green); position: absolute; top: 0; bottom: 0; clip-path: polygon(0% 0%, 37% 0%, 100% 100%, 0% 100%); left: -110px; }
.cs-back-shape { width: 100%; height: 100%; background: var(--fig-grey); mix-blend-mode: multiply; clip-path: polygon(38% 0%, 100% 100%, 0% 16%); transform: skewX(0deg); transform-origin: bottom right; z-index: 1; position: absolute; top: 0; right: 0; }
.cs-front-shape { width: 100%; height: 100%; background: #99ADB8; clip-path: polygon(47% 0%, 100% 100%, 9% 10%); transform: skewX(3deg); transform-origin: bottom right; z-index: 2; position: absolute; top: 0; right: -2px; }
.case-studies-quarter-circle { width: auto; height: 30.75%; position: absolute; bottom: 35px; right: 0; }
.case-studies-quarter-circle img { width: 100%; height: 100%; object-fit: contain; }
.case-studies-dashed-line { width: 150vw; height: 1px; position: absolute; bottom: 76px; right: 0; transform: rotate(26.8deg); background-image: linear-gradient(90deg, var(--fig-black), var(--fig-black) 60%, transparent 60%, transparent 100%); background-size: 20px 1px; opacity: 0.3; transform-origin: bottom right; }
@media (max-width:1440.98px) {
.cs-front-shape { transform: skewX(2deg); }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.cs-swiper-holder { margin-top: 30px; }
.case-study-box { overflow: hidden; }
.cs-item.swiper-slide { width: 339px; }
.case-studies-slider.slider-disabled .cs-item.swiper-slide { width: 100%; }
.case-study-box-left { width: 100%; padding: 24px; padding-bottom: 76px; }
.csb-badge { padding: 18px 20px; font-size: 14px; margin-bottom: 32px; }
.case-study-box-text .subtitle { margin-bottom: 15px; }
.case-study-box-text h3 { margin-bottom: 15px; }
.case-study-box-right { width: 100%; height: 218px; position: relative; flex: none; margin-top: auto; }
.case-study-box-img { height: 100%; padding-bottom: 0; }
.case-study-box-img.position-relative { clip-path: polygon(0 56%, 100% 0, 100% 100%, 0% 100%); }
.case-study-shape-holder { width: 107%; top: auto; bottom: 150px; margin-left: 0; transform: rotate(-19.5deg); height: 70px; left: -24px; clip-path: none; }
.cs-front-shape { clip-path: polygon(100% 12%, 0% 100%, 100% 100%); top: 1px; right: 0; }
.cs-back-shape { clip-path: polygon(97% 0, 0% 100%, 100% 100%); }
.case-studies-slider.slider-disabled .case-study-shape-holder { width: 109%; }
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { }
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }
/* =========== Case Study Slider CSS END =========== */