.cards-container{overflow:hidden;position:relative;width:100%}.cards-wrapper{--gap:35px;display:grid;gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr))}.card-item{background:#f4f4f4;border-radius:28px;box-shadow:0 6px 24px rgba(0,0,0,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.card-item:hover{box-shadow:0 10px 28px rgba(0,0,0,.12);transform:translateY(-3px)}.card-header{align-items:center;background:#9267dc;display:flex;gap:14px;padding:10px 14px}.icon-img{display:block;height:40px;object-fit:contain;width:40px}.card-title{color:#fff;font-size:20px;font-weight:800;margin:0}.card-body{color:#222;font-size:18px;line-height:1.55;padding:20px}.card-body ul{margin:0;padding-left:24px}.card-body li{margin:8px 0}@media (max-width:768px){.cards-wrapper{--gap:35px;display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 12vw 14px}.card-item{flex:0 0 100%;min-width:100%;scroll-snap-align:center}.carousel-arrow{align-items:center;background:#fff;border:none;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.12);color:#432f64;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:3}.carousel-arrow.left{left:6px}.carousel-arrow.right{right:6px}.carousel-arrow:focus{outline:2px solid rgba(255,89,0,.4)}.carousel-dots{display:flex;gap:10px;justify-content:center;margin-top:10px;padding-bottom:2px}.carousel-dots .dot{background:#cfcfcf;border:none;border-radius:999px;cursor:pointer;height:10px;width:9px}.carousel-dots .dot.active{background:#432f64}}@media (min-width:769px){.carousel-arrow,.carousel-dots{display:none}}