.text{padding-top:50px;padding-bottom:50px}@media (min-width:768px){.text{padding-top:90px;padding-bottom:90px}}.text[\:has\(.text-circles\)] .wrapper{overflow:hidden}.text:has(.text-circles) .wrapper{overflow:hidden}.text-circles{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:-1;pointer-events:none;width:350px;height:700px}.text-circles:after{content:"";position:absolute;right:0;top:0;height:100%;width:var(--spacing);background:linear-gradient(90deg,var(--color-transparent),var(--color-white));z-index:1}