.circle-slide{display:flex;justify-content:space-around;align-items:center;margin:100px 0}
.ring-wrapper{position:relative;width:300px;height:300px;--colorA:var(--mustard);--colorB:#9c9a9a}
.ring-wrapper .number-ring{position:absolute;top:50%;left:50%;width:400px;height:400px;transform:translate(-50%,-50%);background:conic-gradient(var(--colorA) 0deg,var(--colorA) var(--active-angle),var(--colorB) var(--active-angle),var(--colorB) 360deg);border-radius:50%;box-sizing:border-box}
.ring-wrapper .number-ring .border-cover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:394px;height:394px;background:#fbf5ef;border-radius:50%;z-index:1}
.who-can-take-section .ring-wrapper .number-ring .border-cover,.works-for-you-bo-section .ring-wrapper .number-ring .border-cover{background:#fff}
.ring-wrapper .number-ring span.filled{background:var(--colorA);color:#fff}
.ring-wrapper .number-ring span{position:absolute;display:block;width:50px;height:50px;font-size:20px;line-height:50px;text-align:center;border-radius:50%;background:var(--colorB);color:#fff;cursor:pointer;transition:background .3s;z-index:2}
.ring-wrapper .number-ring span.active{border:2px solid var(--bs-dark);background:var(--colorA);color:var(--bs-dark);font-weight:700}
.ring-wrapper .image-container{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;z-index:1;display:flex;justify-content:center;align-items:center}
.ring-wrapper .image-container img{width:70%;height:70%;object-fit:cover}
.arrow-heading{height:auto;min-height:4rem;position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.content{max-width:400px}
.content h3{font-size:var(--service-h3-comp-size);font-weight:var(--service-h3-comp-fontWeight);margin:0;max-width:357px}
.content p{height:auto;min-height:7.5rem;font-size:var(--service-h3-com-p-size);font-weight:var(--service-h3-com-p-fontWeight);margin-bottom:20px}
#website-link-insertions .content p,.how-itsworks-main-div-casino .content p,.lbs-actually-matters-main .content p,.who-can-take-section .content p,.works-for-you-bo-section .content p{height:auto;min-height:16.5rem}
.arrows{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;transform:translateY(-50%);font-size:20px;background-color:var(--mustard);width:35px;height:35px;border-radius:50%;color:#fff;cursor:pointer;user-select:none}
.arrow-left{left:-50px}
.arrow-right{right:0}
#slideDesc{display:block}
#slideDesc .services-a-btn{display:inline-block;margin-left:.2rem;white-space:nowrap}
@media (max-width:1024px){
.circle-slide{margin:60px 0}
}
@media (max-width:991px){
.circle-slide{flex-wrap:wrap;justify-content:center;margin:45px 0}
.ring-wrapper{width:100%;height:auto;margin-bottom:20px}
.ring-wrapper .number-ring{position:relative;width:100%;height:auto;border:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ring-wrapper .number-ring span{position:relative;width:40px;height:40px;line-height:40px;font-size:18px;margin:5px;transform:none;top:0;left:0}
.ring-wrapper .image-container{display:none}
.number-row{display:flex;justify-content:space-around;align-items:center;gap:2;position:relative}
.number-row span{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background-color:var(--colorA);border-radius:50%;z-index:2}
.number-row span.active{border:2px solid var(--bs-dark);background:var(--colorA);color:var(--bs-dark);font-weight:700}
.number-row .progressbar{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:4px;background:#ccc;border-radius:2px;overflow:hidden;z-index:1}
.number-row .progressbar-fill{height:100%;width:0%;background:var(--colorA);transition:width .3s ease}
.border-cover{display:none}
.content{max-width:none;text-align:center}
.arrow-heading{justify-content:center}
.arrow-left{left:-15px}
.arrow-right{right:-15px}
}
@media (max-width:576px){
div#numberRow{display:none}
}