.services-wrapper{display:flex;justify-content:center;flex-wrap:wrap;margin:0 -1rem}.services-wrapper .service{width:33.33%;padding:1rem}.services-wrapper .service .icon-box{position:relative;background:linear-gradient(90deg,var(--clr),transparent,transparent);border-radius:.4rem}.services-wrapper .service .icon-box:before{content:"";position:absolute;inset:.1rem;background:var(--glass);border-radius:.4rem;z-index:1}.services-wrapper .service .icon-box:after{content:"";position:absolute;top:50%;left:0;height:90%;width:.4rem;transform:translateY(-50%);background:var(--clr);border-radius:.4rem;z-index:1}.services-wrapper .service .icon-box .box{position:relative;padding:2.5rem;z-index:2}.services-wrapper .service .icon-box .box:before{content:attr(data-index);position:absolute;top:2.5rem;right:2.5rem;font-size:5.6rem;font-weight:700;color:var(--clr)}.services-wrapper .service .icon-box .box .icon{height:7rem;width:7rem;background:var(--black);border-radius:50%;display:grid;place-items:center;color:var(--white);font-size:2.6rem;margin-bottom:1rem}.services-wrapper .service .icon-box .box h4{font-size:2rem;font-weight:600;color:var(--white)}@media only screen and (max-width:991px){.services-wrapper .service .icon-box .box{padding:2rem}.services-wrapper .service .icon-box .box:before{font-size:4.2rem}}@media only screen and (max-width:767px){.services-wrapper{margin:0 -.5rem}.services-wrapper .service{padding:.5rem;width:50%}.services-wrapper .service .icon-box .box{padding:1.5rem}.services-wrapper .service .icon-box .box .icon{height:5rem;width:5rem;font-size:2.4rem}.services-wrapper .service .icon-box .box h4{font-size:1.6rem}}@media only screen and (max-width:425px){.services-wrapper .service{width:100%}}