.stepperCards .steps-section{padding:50px 0}
.stepperCards .container{max-width:1140px}
.stepperCards .container .heading{font-size:28px;font-weight:500;line-height:40px;color:#374254;text-align:center}
.stepperCards .container h2 span{color:#333;font-weight:700}
.stepperCards .stepperSwiper{overflow:hidden}
.stepperCards .steps-wrapper{display:flex;align-items:stretch;gap:20px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth;margin-top:24px}
.stepperCards .step-card{background:#fff;border-radius:12px;flex:0 0 260px;padding:20px;text-align:left;box-shadow:0 4px 10px rgba(0,0,0,0.05);display:flex;flex-direction:column;justify-content:flex-start;gap:12px;height:auto}
.stepperCards .step-card .card__head{flex-shrink:0;display:flex;gap:12px}
.stepperCards .step-card .card__head--img{width:26px;height:26px;margin-top:24px}
.stepperCards .step-card .card__head .card__head-stepNum{color:#717684;font-size:10px;font-weight:500;line-height:16px}
.stepperCards .step-card .card__head .card__head-stepHead{font-size:16px;font-weight:600;line-height:24px;color:#1c2633}
.stepperCards .card__description{flex-grow:1;display:flex;flex-direction:column}
.stepperCards .card__description p{color:#717684;font-weight:600;font-size:12px;font-weight:400;line-height:16px}
.stepperCards .icon{display:block;font-size:28px;margin-bottom:10px;line-height:1}
.stepperCards .step-num{margin-bottom:4px;display:block;color:#777;font-size:13px}
.stepperCards .step-card h3{margin-bottom:6px;color:#222;font-weight:600;font-size:16px}
.stepperCards .step-card .desc{font-size:13px;color:#555;line-height:1.5}
.stepperCards .swiper-pagination{position:relative;margin-top:12px;display:flex;justify-content:center;z-index:3}
.stepperCards .swiper-pagination-bullet{width:8px;height:8px;background:#ccc;border-radius:50%;margin:0 4px;transition:all .25s ease;opacity:1}
.stepperCards .swiper-pagination-bullet-active{width:35px;height:8px;border-radius:4px;background:#e63946;transition:all .25s ease}
@media screen and (min-width:768px){.stepperCards .desktop-slider .steps-wrapper{overflow-x:visible;padding-bottom:20px;gap:0}
}
@media(max-width:768px){.stepperCards .steps-section{padding:20px 0}
.stepperCards .steps-wrapper{flex-direction:column;overflow-x:unset;gap:12px}
.stepperCards .step-card{width:100%;margin:0;min-height:fit-content;max-height:max-content}
.stepperCards .container h2{font-size:20px}
.stepperCards .card__description{padding-left:37px}
}