.installation-steps{width:100%}.installation-steps__grid{display:grid;grid-template-columns:1fr;gap:1.6rem}@media(min-width:992px){.installation-steps__grid{grid-template-columns:1fr 1fr;gap:2.4rem;align-items:stretch}}.installation-steps__left{display:flex;flex-direction:column;align-items:flex-start;gap:3.2rem;border-radius:1.6rem;padding:3.2rem 2.4rem}@media(min-width:992px){.installation-steps__left{border-radius:2.4rem;padding:4.8rem 5.2rem;justify-content:space-between}}.installation-steps__heading{font-family:Raleway,sans-serif;font-weight:700;font-size:3.2rem;line-height:1.2;color:#000;margin:0}@media(min-width:992px){.installation-steps__heading{font-size:4.8rem}}.installation-steps__list{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.6rem}.installation-steps__divider{width:100%;height:1px;background-color:#00000026;flex-shrink:0}.installation-steps__item{display:flex;gap:1.6rem;align-items:center;width:100%;padding-block:21px}.installation-steps__icon{flex-shrink:0;width:6.4rem;height:6.4rem;overflow:hidden}@media(min-width:992px){.installation-steps__icon{width:10rem;height:10rem}}.installation-steps__icon .xo-image,.installation-steps__icon img{width:100%;height:100%;object-fit:contain}.installation-steps__icon--placeholder{background:#0000000f;border-radius:1.2rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#000}.installation-steps__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.6rem}.installation-steps__step-header{display:flex;align-items:center;gap:1.1rem}.installation-steps__badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:10rem;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.2rem;line-height:1.1;color:#fff;text-transform:uppercase}.installation-steps__step-title{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.4rem;line-height:1.1;color:#000;text-transform:uppercase;margin:0}@media(min-width:992px){.installation-steps__step-title{font-size:1.6rem;white-space:nowrap}}.installation-steps__step-desc{font-family:Montserrat,sans-serif;font-weight:400;font-size:1.4rem;line-height:1.1;color:#000;margin:0}@media(min-width:992px){.installation-steps__step-desc{font-size:1.6rem}}.installation-steps__cta{display:inline-flex;align-items:center;gap:1.6rem;padding:.8rem .8rem .8rem 2.4rem;border-radius:8rem;text-decoration:none;flex-shrink:0}.installation-steps__cta span:first-child{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.6rem;line-height:1.1;color:#fff;white-space:nowrap}@media(min-width:992px){.installation-steps__cta{padding:1.2rem 1.2rem 1.2rem 2.4rem}.installation-steps__cta span:first-child{font-size:1.8rem}}.installation-steps__cta-arrow{position:relative;width:4rem;height:4rem;background:#fff;border-radius:50%;flex-shrink:0;overflow:hidden}.installation-steps__cta-arrow-icon{position:absolute;top:.8rem;width:2.4rem;height:2.4rem;transition:left .3s ease}.installation-steps__cta-arrow-icon:first-child{left:.8rem}.installation-steps__cta-arrow-icon:last-child{left:-2.4rem}.installation-steps__cta:hover .installation-steps__cta-arrow-icon:first-child{left:4rem}.installation-steps__cta:hover .installation-steps__cta-arrow-icon:last-child{left:.8rem}.installation-steps__right{border-radius:1.6rem;overflow:hidden;position:relative;min-height:32rem}@media(min-width:992px){.installation-steps__right{border-radius:2.4rem;min-height:unset}}.installation-steps__image-wrap{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.installation-steps__image-wrap .xo-image,.installation-steps__image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.installation-steps__image-wrap--placeholder{display:flex;align-items:center;justify-content:center}.installation-steps__image-wrap--placeholder .placeholder-svg{width:60%;height:60%;opacity:.4}.installation-steps__hotspot{position:absolute;z-index:100;top:calc(var(--top_mb) * 1%);left:calc(var(--left_mb) * 1%);transform:translate(-50%,-50%)}@media(min-width:768px){.installation-steps__hotspot{top:calc(var(--top_dt) * 1%);left:calc(var(--left_dt) * 1%)}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-installation-steps.css.map */