.works-hero{background-color:var(--clr-angus);text-align:center}.works-hero h1{padding:50px;font-size:60px;color:#fff}.cut-above{text-align:center;margin-top:50px}.cut-above h2{color:var(--clr-angus);font-size:45px}.cut-above p{font-size:18px;line-height:150%;margin:25px 10px 0}.cut-above img{width:100%;margin-top:25px}@media screen and (min-width: 834px){.cut-above{max-width:1200px;display:flex;align-items:center;margin:75px auto;text-align:left;padding-inline:10px}.cut-above h2{font-size:60px}.cut-above p{margin:25px 0}.cut-above img{margin-left:25px;min-width:400px}}.how-it-works{width:90%;margin-inline:auto}.how-it-works .works-card{margin-top:50px}.how-it-works h2{font-size:45px;text-align:center;margin-top:75px;margin-bottom:-50px}.how-it-works .card-top{display:flex;align-items:flex-end;justify-content:space-between}.how-it-works .card-top p{color:var(--clr-angus);font-size:18px;font-weight:700}.how-it-works .card-top h3{font-size:32px;font-family:var(--ff-Raleway);font-weight:600;margin:15px 0}.how-it-works p{margin-top:25px;font-size:18px;line-height:150%}@media screen and (min-width: 500px){.how-it-works{width:100%;max-width:1200px;margin-inline:10px}.how-it-works h2{text-align:left;margin:100px 0 0}.how-it-works .works-card{border:1px solid rgba(0,0,0,.15);border-radius:5px;padding:5px 10px 20px}}@media screen and (min-width: 834px){.how-it-works{width:100%;margin-inline:auto}.how-it-works h2{font-size:60px}.how-it-works .wrapper{display:flex;justify-content:space-evenly}.how-it-works .works-card{margin-inline:5px}}.why-rastellis{margin:100px 15px 0;text-align:center}.why-rastellis .bullet{display:none}.why-rastellis h2{font-size:45px;color:var(--clr-angus);text-align:center}.why-rastellis h5{font-size:22px;font-family:var(--ff-Raleway);font-weight:600;opacity:90%;margin-top:50px}.why-rastellis p{font-size:18px;margin-top:15px;line-height:150%}@media screen and (min-width: 834px){.why-rastellis{text-align:left;max-width:1200px;margin-inline:auto}.why-rastellis .card{border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:50px;margin-inline:10px}.why-rastellis .bullet{display:block;position:absolute;background-color:var(--clr-angus);height:22px;width:22px;border-radius:5px}.why-rastellis h2{font-size:60px}.why-rastellis h5,.why-rastellis p{margin-left:100px}}.quiz-section{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;margin:75px 0;height:350px;background-image:url(/cdn/shop/files/slate_aaf9875a-6d5e-4d56-ba7e-23f1605cf4c6.png?v=1711553031);background-size:cover}.quiz-section h2{color:#fff;font-size:45px;text-align:center;padding:10px}@media screen and (min-width: 834px){.quiz-section h2{font-size:60px}}.two-ways-to-shop{position:relative;margin:150px auto;width:90vw;max-width:1200px}.two-ways-to-shop h2{font-size:45px;text-align:center}.toggle-switch{position:relative;display:flex;align-items:center;justify-content:space-evenly;height:50px;width:100%;max-width:1200px;margin:25px auto;border:1px solid rgba(0,0,0,.25);background:none;border-radius:5px;overflow:hidden}.toggle-switch:hover{background-color:#fff}.toggle-switch .background-slider{position:absolute;left:0;z-index:-1;display:block;height:100%;width:50%;background-color:var(--clr-angus);transition:transform .3s ease}.toggle{transform:translate(100%)}.selected{color:var(--clr-white)!important;font-weight:600}.toggle-switch p{font-size:16px;font-family:var(--ff-Raleway);background:none;border:none;outline:none;width:50%;color:var(--clr-dark);transition:color .5s ease,font-weight .5s ease}.hidden{display:none}.flex{display:flex;justify-content:center}.toggle-content{margin-inline:auto;width:90%;animation:fadeIn .5s ease forwards}.toggle-content .sub-content{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;font-size:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.img-holder{display:block;width:250px;aspect-ratio:1;flex-shrink:0}@media screen and (max-width: 800px){.toggle-content{width:100%}.toggle-content .sub-content{justify-content:space-between;font-size:18px}.toggle-content .sub-content button{margin-top:15px;width:100%;line-height:normal}.img-holder{width:185px}}@media screen and (max-width: 550px){.toggle-content .sub-content{text-align:center}.img-holder{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/works.css.map */