#MainContent{padding:60px 0 0}body,html{overflow-x:hidden;height:auto}section{font-size:4.589vw;line-height:1.4}header{left:0;position:fixed!important;right:0;top:0;transition:background-color .4s;z-index:2000}*{box-sizing:border-box}p{margin-top:0;margin-bottom:7vw}h2{font-size:9.179vw;line-height:1.4;margin-top:0;margin-bottom:6.039vw}.wrapper{width:84.541vw;margin:0 auto}img{width:100%;object-fit:cover;max-width:none}h1{font-size:10.145vw;margin-top:0;margin-bottom:2.415vw;line-height:1.4}section .button{width:33.816vw;height:13.285vw;border-radius:2.415vw;font-size:3.14vw;padding:5.314vw 6.763vw;text-align:center}.desktop{display:none}@media (min-width: 1000px){#MainContent{padding:108px 0 0}h2{font-size:2.917vw;line-height:1.3;margin-bottom:1.736vw}p{margin-bottom:2vw}section{font-size:1.458vw}h1{font-size:3.611vw;line-height:1.2;margin-bottom:1.389vw;margin-top:5vw}section .button{width:auto;height:5.556vw;padding:2.083vw 3.889vw 0;font-size:1.25vw;border-radius:.694vw}.desktop{display:block}.mobile{display:none}}.hero{padding-top:12vw;min-height:110vw;position:relative}.hero p{margin:0}.hero .wrapper{position:relative;z-index:10;width:89.372vw}.hero picture{position:absolute;bottom:0;left:0;width:100%}.hero picture img{display:block;width:100%;height:auto}.hero .text{font-size:4.831vw;line-height:1.5;width:82.126vw}@media (min-width: 1000px){.hero{padding-top:4.167vw;min-height:45.764vw;display:flex;align-items:center}.hero .wrapper{width:77.778vw}.hero .text{width:38.889vw;margin-bottom:9.028vw;line-height:1.5;font-size:1.389vw}.hero picture{position:absolute;bottom:0;left:0;width:100%;height:100%}.hero picture img{width:100%;height:100%;position:absolute;top:0;right:0}}.img-section picture{display:block;height:108.696vw}.img-section picture img{height:100%}.img-section .text{text-align:left;padding:9vw 4.589vw 10.145vw;font-size:4.348vw;line-height:1.5}.img-section h2{margin-bottom:5vw;font-size:7.971vw;line-height:1.3;text-align:center}.img-section ul{list-style-type:none;margin:0;padding:0;font-size:4.831vw;line-height:1.5;text-align:left}.img-section ul li{position:relative;padding:0 2vw 0 8vw;margin-bottom:7vw}.img-section ul li:before{content:"";position:absolute;left:2vw;top:2vw;width:1.932vw;height:1.932vw;border-radius:100%;background:#00ebc1}.img-section .button{margin-top:3.623vw}.img-section h3{font-size:4.348vw;text-transform:uppercase;font-family:Gilroy;font-weight:700;letter-spacing:.15em;margin:0}.img-section p{margin-bottom:4.348vw}@media (min-width: 1000px){.img-section{display:flex;height:44.583vw}.img-section picture{height:auto;width:45%}.img-section picture img{height:100%}.img-section .text{width:50%;text-align:left;padding:4.167vw 4.167vw 4.167vw 5.903vw;display:flex;flex-direction:column;justify-content:center;font-size:1.389vw;line-height:1.5}.img-section h2{margin-bottom:1.736vw;margin-top:1.736vw;font-size:2.5vw;text-align:left}.img-section ul{font-size:1.389vw;margin-top:0;margin-left:.208vw;line-height:1.5}.img-section ul li{padding-left:1.736vw;padding-right:0;margin-bottom:2.083vw}.img-section ul li:before{content:"";left:0;top:.694vw;width:.556vw;height:.556vw;border-radius:100%;background:#00ebc1}.img-section .button{margin-top:2.083vw;margin-left:.417vw}.img-section h3{font-size:1.389vw;text-transform:uppercase;font-family:Gilroy;font-weight:700;letter-spacing:.15em;margin:0}.img-section p{max-width:32.986vw;margin-bottom:1.389vw}}.how-it-works-category{padding:2vw 0 12.802vw;text-align:center;font-size:5.314vw;line-height:1.1}.how-it-works-category h2{margin-bottom:4.831vw;font-weight:700;font-family:Gilroy;text-transform:uppercase;letter-spacing:.15em;font-size:4.106vw}.how-it-works-category .wrapper{width:86.232vw}.how-it-works-category .item{margin:0 auto 3.623vw;font-size:4.106vw;line-height:1.5;width:77.295vw}.how-it-works-category .item .image{width:69.324vw;height:69.324vw;display:flex;align-items:flex-end;justify-content:center;margin:0 auto 2.415vw}.how-it-works-category .item:nth-of-type(3) .image{margin-bottom:8.454vw}.how-it-works-category h3{font-size:6.039vw;line-height:1.2;margin-top:0;margin-bottom:6.039vw}.how-it-works-category .item p{margin:0}.how-it-works-category .button{margin-top:3.623vw}.how-it-works-category.body-wash{background-color:#fef8ed;background-image:url(//www.serfacecare.com/cdn/shop/t/77/assets/wave-bg-beige.png?v=110169533956816449901707265171),linear-gradient(to bottom,#fff 0% 48.309vw,#fef8ed 48.309vw 100%);background-position:-24.155vw 0,top center;background-size:169.082vw auto,auto;background-repeat:no-repeat;padding:19.324vw 0 11.836vw}.img-section.img-right picture{height:115.217vw}.img-section.img-right h2{font-size:7.971vw;margin-bottom:6.5vw}.img-section.img-right .text{padding-top:9vw;padding-bottom:5vw;text-align:left}.how-it-works-category ol{list-style-type:none;margin:0;padding:0;counter-reset:counter}.how-it-works-category ol li{padding-left:15.7vw;margin-bottom:6.763vw;position:relative;counter-increment:counter}.how-it-works-category ol li:before{position:absolute;content:counter(counter);top:-1.208vw;left:0;width:8.696vw;height:8.696vw;border:.483vw solid #00ebc1;text-align:center;padding-top:1.449vw;font-size:5.314vw;font-weight:700;color:#00ebc1;border-radius:100%;box-sizing:border-box}.how-it-works-category .text{text-align:left}.how-it-works-category .image{height:86.232vw;margin-bottom:9.662vw;overflow:hidden;position:relative;border-radius:2.415vw}.how-it-works-category img{height:100%}.how-it-works-category .button{width:auto;padding-left:9.662vw;padding-right:9.662vw;margin-top:4vw}.how-it-works-category .image img,.how-it-works-category video{width:100%;height:100%}.how-it-works-category .image .video-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;cursor:pointer}.how-it-works-category .image .video-img:after{content:"";position:absolute;top:50%;left:39.372vw;transform:translateY(-50%);width:8.454vw;height:9.662vw;background:url(//www.serfacecare.com/cdn/shop/t/77/assets/play-btn.svg?v=44848587799281225211707265051);background-size:contain}@media (min-width: 1000px){.how-it-works-category{padding:5.208vw 0 5.486vw;font-size:2.083vw;line-height:1.2;background:transparent}.how-it-works-category .text{width:33.333vw;margin:5.556vw 0 0 8.264vw;text-align:left}.how-it-works-category h2{margin-bottom:2.986vw;font-size:1.389vw}.how-it-works-category .wrapper{width:77.778vw}.how-it-works-category .image{width:36.25vw;height:36.25vw;border-radius:.694vw;overflow:hidden;position:relative;margin:0}.how-it-works-category .image .video-img:after{content:"";position:absolute;top:50%;left:17.153vw;transform:translateY(-50%);width:3.472vw;height:4.097vw;background-image:url(//www.serfacecare.com/cdn/shop/t/77/assets/play-btn.svg?v=44848587799281225211707265051)}.how-it-works-category .row{display:flex;justify-content:flex-start;margin-top:0}.how-it-works-category .item{margin:0 3.819vw 0 0;width:23.611vw;font-size:1.181vw}.how-it-works-category .item:last-child{margin-right:0}.how-it-works-category .item .image{width:19.931vw;height:19.931vw;margin-bottom:.694vw}.how-it-works-category .item:nth-of-type(3) .image{margin-bottom:.694vw;align-items:center}.how-it-works-category .item:nth-of-type(3) .image img{margin-bottom:.694vw}.how-it-works-category h3{font-size:1.736vw;margin-bottom:1.736vw}.how-it-works-category .button{margin-top:5.5vw;padding:2.083vw 3.889vw 0}.how-it-works-category.body-wash{padding-top:4.167vw;padding-bottom:2.778vw}.how-it-works-category ol li{padding-left:6.111vw;margin-bottom:2.083vw}.how-it-works-category ol li:before{top:-.347vw;left:0;width:3.333vw;height:3.333vw;border:.139vw solid #00ebc1;text-align:center;padding-top:.486vw;font-size:2.083vw;font-weight:700;color:#00ebc1;border-radius:100%;box-sizing:border-box}.how-it-works-category.body-wash{background-color:#fef8ed;background-image:url(//www.serfacecare.com/cdn/shop/t/77/assets/wave-bg-beige.png?v=110169533956816449901707265171),linear-gradient(to bottom,#fff 0% 16.908vw,#fef8ed 16.908vw 100%);padding:9.375vw 0 5.556vw;background-position:top center;background-size:100% auto,auto;background-repeat:no-repeat}.how-it-works-category.body-wash .text{margin-top:9.028vw}.img-section.img-right{flex-direction:row-reverse}.img-section.img-right .text{padding:2.778vw 11.458vw 4.167vw 10.417vw}.img-section.img-right h2{font-size:2.5vw;margin-top:3.819vw;margin-bottom:1.736vw}.img-section.img-right picture{height:auto}.how-it-works-category.deodorants .row{flex-direction:row-reverse}.how-it-works-category.deodorants .text{margin:5.556vw 8.264vw 0 0}}.how-it-works-faq{background-color:#e4fdf9;padding:18.116vw 0;text-align:center;font-size:4.831vw;line-height:1.5}.how-it-works-faq .wrapper{width:84.541vw}.how-it-works-faq .button{display:block;margin:7.246vw auto 0}.how-it-works-faq h2{font-size:4.831vw;font-weight:700;font-family:Gilroy;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8.937vw}@media (min-width: 1000px){.how-it-works-faq{padding:5.208vw 0 4.861vw;font-size:20px}.how-it-works-faq h2{font-size:1.389vw;font-weight:700;font-family:Gilroy;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2.778vw}.how-it-works-faq .wrapper{width:52.083vw}.how-it-works-faq .button{margin:3.472vw auto 0}}.img-section.img-left picture{display:none}.img-section.img-left .copy{padding-left:7.246vw}.img-section.img-left h3{position:relative}.img-section.img-left h3:before{content:"";position:absolute;top:-1vw;left:-7.246vw;width:3.623vw;height:6.039vw;background:url(/cdn/shop/t/50/assets/check.png?v=1518300\2026);background-size:contain;background-repeat:no-repeat}@media (min-width: 1000px){.img-section.img-left picture{display:block}.img-section.img-left .copy{padding-left:2.639vw}.img-section.img-left h3:before{content:"";position:absolute;top:-.3vw;left:-2.639vw;width:1.25vw;height:1.875vw;background:url(/cdn/shop/t/50/assets/check.png?v=1518300\2026);background-size:contain;background-repeat:no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/how-it-works.css.map */