.cbs-wrap{font-family:'Poppins',sans-serif;width:100%}
.cbs-heading{font-size:36px;font-weight:700;line-height:1.2;margin:0 0 10px;text-align:center;color:#ff4d17}

.cbs-sl{position:relative;--cbs-cols:4.3;--cbs-gap:24px}
.cbs-track{display:flex;align-items:flex-start;gap:var(--cbs-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:4px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;padding:22px 4px 28px;cursor:grab}
.cbs-track::-webkit-scrollbar{display:none}
.cbs-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.cbs-track.is-dragging .cbs-card{pointer-events:none}
.cbs-slide{flex:0 0 calc((100% - var(--cbs-gap) * (var(--cbs-cols) - 1)) / var(--cbs-cols));min-width:0;scroll-snap-align:start;display:flex}
.cbs-equal-yes .cbs-track{align-items:stretch}

.cbs-card{display:block;width:100%;box-sizing:border-box;background:#feefe6;border:1px solid #fde0cf;border-radius:22px;padding:26px 22px;text-align:center;
  text-decoration:none!important;color:inherit;user-select:none;-webkit-user-drag:none;transition:box-shadow .35s ease,transform .35s ease,background-color .35s ease;will-change:transform}
.cbs-card:hover{box-shadow:0 14px 32px rgba(255,77,23,.2);transform:translateY(-6px)}

.cbs-icon{display:inline-flex;align-items:center;justify-content:center;font-size:30px;color:#12344d;margin-bottom:12px;line-height:1;transition:transform .4s ease}
.cbs-icon i{line-height:1}
.cbs-icon svg{width:1em;height:1em;fill:currentColor}
.cbs-icon img{display:block;max-width:100%}
.cbs-ianim-bounce .cbs-card:hover .cbs-icon{animation:cbsBounce .6s ease}
.cbs-ianim-rotate .cbs-card:hover .cbs-icon{transform:rotate(360deg);transition-duration:.7s}
.cbs-ianim-scale .cbs-card:hover .cbs-icon{transform:scale(1.2)}
@keyframes cbsBounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}70%{transform:translateY(-3px)}}

.cbs-title{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 10px;color:#1c1c1c}
.cbs-text{font-size:14px;font-weight:400;line-height:1.7;margin:0;color:#6b6b6b}
.cbs-btn{display:inline-block;margin-top:16px;font-size:14px;font-weight:500;background:#ff4d17;color:#fff;padding:10px 24px;border-radius:50px;text-decoration:none!important;transition:background-color .3s}
.cbs-btn:hover{background:#12344d;color:#fff}

.cbs-progress{position:relative;height:4px;background:#ffd9c7;border-radius:10px;margin-top:6px;cursor:pointer;overflow:hidden}
.cbs-progress-bar{position:absolute;top:0;left:0;height:100%;width:30%;background:#ff4d17;border-radius:10px;transition:left .12s linear}
.cbs-sl.no-scroll .cbs-progress,.cbs-sl.no-scroll .cbs-arrow{display:none}

.cbs-arrow{position:absolute;top:calc(50% - 18px);transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid #ececec;
  background:#fff;color:#12344d;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14);transition:all .25s ease}
.cbs-arrow:hover{background:#ff4d17;color:#fff;border-color:#ff4d17}
.cbs-arrow:focus{outline:none}
.cbs-arrow:disabled{opacity:.35;cursor:default;pointer-events:none}
.cbs-prev{left:-12px}
.cbs-next{right:-12px}

@media(max-width:1024px){.cbs-heading{font-size:30px}}
@media(max-width:767px){.cbs-arrow{display:none}.cbs-heading{font-size:26px}}