.compact-circles-wrapper{font-family:sans-serif;margin:40px auto;max-width:620px;position:relative;width:100%}.circles-container{display:block;height:520px;position:relative;width:100%}.circle-card{border-radius:50%;height:320px;perspective:1000px;position:absolute;transition:z-index 0s linear .3s;width:320px}.circle-1{left:50%;top:0;transform:translateX(-50%);z-index:1}.circle-2{bottom:0;left:0;z-index:2}.circle-3{bottom:0;right:0;z-index:3}.circle-card:hover{transition:z-index 0s linear .1s;z-index:10!important}.circle-inner{background-color:var(--bg-color);border:8px solid #fff;border-radius:50%;box-sizing:border-box;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.circle-card:hover .circle-inner{transform:rotateY(180deg)}.circle-back,.circle-front{align-items:center;backface-visibility:hidden;border-radius:50%;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:35px;position:absolute;width:100%}.circle-back,.circle-front{background-color:var(--bg-color)}.circle-back{transform:rotateY(180deg)}.circle-content{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.circle-icon{height:36px;margin-bottom:12px;width:36px}.circle-title{font-size:22px;font-weight:700;line-height:1.2;margin:0}.circle-description{font-size:15px;line-height:1.5;margin:0}.carousel-arrow{display:none!important}@media (max-width:650px){.compact-circles-wrapper{box-sizing:border-box;max-width:100%;overflow:visible;padding:0 50px}.circles-container{display:flex!important;flex-direction:row;height:auto;min-height:310px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:center;gap:20px;margin-left:-10px;margin-right:-10px;padding:15px 10px;width:auto}.circles-container::-webkit-scrollbar{display:none}.circles-container{-ms-overflow-style:none;scrollbar-width:none}.circle-card{bottom:auto!important;flex-shrink:0;height:clamp(240px,60vw,280px);left:auto!important;position:relative;right:auto!important;scroll-snap-align:center;top:auto!important;transform:none!important;width:clamp(240px,60vw,280px)}.circle-inner{border:none;box-shadow:0 4px 15px rgba(0,0,0,.08)}.circle-back,.circle-front{padding:25px}.circle-title{font-size:20px}.circle-description{font-size:14px}.carousel-arrow{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#333;cursor:pointer;display:flex!important;font-size:24px;height:38px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:38px;z-index:10}.prev-arrow{left:4px}.next-arrow{right:4px}.carousel-arrow:active{background-color:#f5f5f5}}