.product-routine{background-color:#001f69;overflow:hidden}.product-routine__wrapper{width:100%}.product-routine__mobile{display:flex;flex-direction:column}.product-routine__image-area{align-items:center;background:linear-gradient(180deg,#223b76,#deefff);display:flex;justify-content:center;min-height:388px;overflow:hidden;position:relative;width:100%}.product-routine__hero-img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.product-routine__placeholder{align-items:center;display:flex;height:200px;justify-content:center;width:200px}.product-routine__placeholder .placeholder-svg{height:100%;opacity:.5;width:100%}.product-routine__content{padding:32px 16px 40px}.product-routine__heading{color:#fff;font-family:ABC Oracle,sans-serif;font-size:24px;font-weight:400;line-height:1;margin:0 0 24px}.product-routine__steps{display:flex;flex-direction:column}.product-routine__step{align-items:flex-start;display:flex;padding:16px 0}.product-routine__step:first-child{padding-top:0}.product-routine__step:last-child{padding-bottom:0}.product-routine__step-icon{background-color:#efeee9;border-radius:50%;flex-shrink:0;height:64px;margin-right:12px;overflow:hidden;width:64px}.product-routine__step-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-routine__step-placeholder{align-items:center;color:#4b4b4b;display:flex;font-family:ABC Oracle,sans-serif;font-size:24px;font-weight:600;height:100%;justify-content:center;width:100%}.product-routine__step-text{flex:1;min-width:0}.product-routine__step-title{color:#fff;font-family:ABC Oracle,sans-serif;font-size:16px;font-weight:600;line-height:24px;margin:0 0 4px}.product-routine__step-desc{color:#fff;font-family:ABC Oracle,sans-serif;font-size:12px;font-weight:400;line-height:16px;margin:0}.product-routine__divider{background-color:hsla(0,0%,100%,.2);height:1px;width:100%}.product-routine__desktop{display:none;flex-direction:row;min-height:600px}@media (min-width:1024px){.product-routine__desktop{display:flex}}.product-routine__image-col{align-items:center;background:linear-gradient(180deg,#223b76,#deefff);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;width:50%}.product-routine__image-col .product-routine__hero-img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.product-routine__image-col .product-routine__placeholder{height:300px;width:300px}.product-routine__info-col{align-items:center;background-color:#001f69;display:flex;flex-shrink:0;justify-content:flex-start;padding:48px;width:50%}.product-routine__info-inner{max-width:520px}.product-routine__info-col .product-routine__heading{font-size:40px;letter-spacing:-.4px;margin-bottom:32px}.product-routine__info-col .product-routine__step{padding:20px 0}.product-routine__info-col .product-routine__step-icon{height:80px;margin-right:16px;width:80px}.product-routine__info-col .product-routine__step-title{font-size:18px;line-height:28px;margin-bottom:8px}.product-routine__info-col .product-routine__step-desc{font-size:14px;line-height:20px}.product-routine__desktop--image-right{flex-direction:row-reverse}