.steps-swiper-list { width: calc(100% + 32px); margin-left: -16px; margin-bottom: -32px; }
.steps-swiper-item { width: 25%; padding: 0 16px; margin-bottom: 32px; }
.has-five-col-steps .steps-swiper-item { width: 20%; }
.has-three-col-steps .steps-swiper-item { width: 33.333%; }
.steps-swiper-box { width: 100%; height: 100%; padding: 24px; background: var(--nhc-light-grey); border-radius: 30px; font-size: 16px; }
.steps-swiper-box h3 { font-size: 24px; line-height: 1.4; margin-bottom: 6px; }
.steps-swiper-box p:not(:last-child) { margin-bottom: 18px; }
.steps-nav-holder { margin-top: 48px; }
.steps-buttons { width: 112px; }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
 .steps-swiper-item, .has-five-col-steps .steps-swiper-item { width: 33.33%; }
 }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
 .steps-swiper-list { width: auto; margin-left: 0; }
.steps-swiper-item { width: auto; padding: 0; }
 }
/* =================================================  
! 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) {
 }