.how-to-use-section{text-align:center;font-family:gotham}.how-to-use-section.border-top{border-top:1px solid #ccc}.how-to-use-section.border-bottom{border-bottom:1px solid #ccc}.how-to-use-section .title{margin-top:0;margin-bottom:18px;font-family:gotham}.how-to-use-section .subtitle{font-size:18px;line-height:120%;font-weight:500;text-align:center;max-width:715px;margin:20px auto 0}.how-to-use-section .content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center}.how-to-use-section .video-wrapper{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1 / 1.55}.how-to-use-section .video-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.how-to-use-section .video-wrapper video{width:100%;height:100%;object-fit:cover}.how-to-use-section .play-button,.how-to-use-section .pause-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff80;width:65px;height:65px;border-radius:50%;font-size:24px;line-height:65px;text-align:center;cursor:pointer;border-color:transparent;padding:0;display:flex;align-items:center;justify-content:center}.how-to-use-section .steps{text-align:left;display:flex;flex-direction:column;font-family:gotham}.how-to-use-section .step{display:flex;align-items:flex-start;gap:15px}.how-to-use-section .step+.step,.how-to-use-section .step+.heading{margin-top:35px}.how-to-use-section .step-number{color:#fff;border-radius:50%;width:27px;height:27px;line-height:27px;text-align:center;font-size:12px;font-weight:700;flex:none}.how-to-use-section .step-content h4{font-weight:700;font-size:18px;line-height:110%;margin-top:4px;margin-bottom:6px;color:#0d5954;font-family:gotham;text-transform:uppercase}.how-to-use-section .step-content p{margin:5px 0 0;font-weight:400;font-size:16px;line-height:20px;font-family:gotham}.how-to-use-section .step-content p b,.how-to-use-section .step-content p strong{font-weight:500}.video-wrapper{position:relative;display:inline-block}.play-button,.pause-button{position:absolute;top:10px;left:10px;z-index:2}.play-button.playing-hover{display:none}.video-wrapper:hover .play-button.playing-hover{display:inline-block}.how-to-use-section .steps .heading{display:flex;align-items:center}.how-to-use-section .steps .heading{border-bottom:1px solid #0D5954;margin-bottom:20px;padding-bottom:20px;font-family:gotham}.how-to-use-section .steps .heading h3,.how-to-use-section .steps .heading .divider{font-family:gotham;font-weight:700;font-size:24px;line-height:100%;letter-spacing:0;text-transform:uppercase;color:#0d5954;margin:0}.how-to-use-section .steps .heading .icon{width:30px;aspect-ratio:1/1;flex:none;margin-right:10px;line-height:0}.how-to-use-section .steps .heading .icon img{width:100%;height:auto}.how-to-use-section .steps .heading .divider{margin-left:10px;margin-right:10px}.how-to-use-section .sectionHeader__pretext.pretext.badge{background-color:#defad2;color:#0d5954;padding:4px 16px;font-size:24px;line-height:110%;font-family:"Instrument Serif";border-radius:99px;width:max-content;margin-bottom:10px!important;font-style:normal;font-weight:400;border:0}.how-to-use-section h2.sectionHeader__headline.headline{font-size:32px;line-height:36px;font-weight:700;font-family:Quicksand,sans-serif;text-transform:capitalize;margin:0;color:#3b3b3b}.sectionHeader{padding-bottom:30px}.container{position:relative;max-width:1220px;width:calc(70% + 20px);margin:0 auto}@media (min-width: 992px){.how-to-use-section h2.sectionHeader__headline.headline{font-size:40px}.sectionHeader{padding-bottom:50px}}@media (min-width: 768px){.how-to-use-section .sectionHeader__pretext.pretext.badge{font-size:26px}.how-to-use-section .step-number{width:34px;height:34px;line-height:34px;font-size:15px}.how-to-use-section .step-content h4{margin-top:4px;margin-bottom:6px;font-size:24px}.how-to-use-section .step-content p{font-size:20px;line-height:25px}}@media (min-width: 992px){.how-to-use-section .container{width:calc(100% - 40px)}.how-to-use-section .subtitle{font-size:20px;line-height:25px}.how-to-use-section .video{width:47.5%}.how-to-use-section .steps{width:46.5%}.how-to-use-section .step+.step,.how-to-use-section .step+.heading{margin-top:42px}.how-to-use-section .content{gap:46px}.how-to-use-section .steps .heading{margin-bottom:30px}.how-to-use-section .steps .heading h3,.how-to-use-section .steps .heading .divider{font-size:32px}.how-to-use-section .steps .heading .icon{width:36px;margin-right:14px}.how-to-use-section .steps .heading .divider{margin-left:14px;margin-right:14px}}@media (min-width: 1200px){.how-to-use-section .container{width:100%;max-width:980px}}@media only screen and (max-width: 480px){.how-to-use-section .container{width:calc(100% - 40px)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-how-to-use.css.map */