.new-collection-diagram{overflow:hidden}.new-collection-diagram__container{max-width:1700px;margin:0 auto;padding:0 40px}.new-collection-diagram__header{max-width:900px;margin:0 auto 50px;text-align:center}.new-collection-diagram__title{margin:0 0 18px;color:var(--diagram-title-color);font-size:39px;line-height:1.15em;font-weight:500}.new-collection-diagram__description{color:var(--diagram-description-color);font-size:24px;line-height:1.3em;font-weight:500}.new-collection-diagram__description p{margin:0}.new-collection-diagram__desktop{position:relative;display:flex;align-items:center;justify-content:center;gap:0}.new-collection-diagram__side{position:relative;z-index:2;width:25%;display:flex;flex-direction:column}.new-collection-diagram__side--left{gap:40px;padding-right:0;margin-right:0}.new-collection-diagram__side--right{gap:80px;padding-left:0;margin-left:0}.new-collection-diagram__image-wrap{position:relative;z-index:1;width:60%;display:flex;align-items:flex-end;justify-content:center;margin:0 30px}.new-collection-diagram__image{display:block;width:100%;max-width:none;height:auto}.new-collection-diagram__point{display:flex;align-items:center;position:relative}.new-collection-diagram__point--left{justify-content:flex-end;text-align:right}.new-collection-diagram__point--right{justify-content:flex-start;text-align:left}.new-collection-diagram__point-content{max-width:360px}.new-collection-diagram__point-content h3{margin:0 0 6px;color:var(--diagram-point-title-color);font-size:24px;line-height:1.15em;font-weight:500}.new-collection-diagram__point-content .rte{color:var(--diagram-point-text-color);font-size:15px;line-height:1.6em;font-weight:400}.new-collection-diagram__point-content .rte p{margin:0}.new-collection-diagram__line{position:absolute;top:50%;width:var(--line-width, 180px);height:4px;margin:0;background-image:linear-gradient(to right,var(--diagram-line-color) 0 12px,transparent 12px 24px);background-size:24px 4px;background-repeat:repeat-x;background-position:center;transform:translateY(-50%);pointer-events:none}.new-collection-diagram__line--left{left:calc(100% + 26px)}.new-collection-diagram__line--right{right:calc(100% + 26px)}.new-collection-diagram__line:before{content:"";position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--diagram-line-color);transform:translateY(-50%)}.new-collection-diagram__line--left:before{left:-4px}.new-collection-diagram__line--right:before{right:-4px}.new-collection-diagram__mobile{display:none}@media screen and (max-width:1200px){.new-collection-diagram__container{padding:0 30px}.new-collection-diagram__side{width:32%}.new-collection-diagram__image-wrap{width:44%;margin:0 -30px}.new-collection-diagram__point-content h3{font-size:22px}.new-collection-diagram__point-content .rte{font-size:14px;line-height:1.6em}}@media screen and (max-width:989px){.new-collection-diagram__desktop{display:none}.new-collection-diagram__mobile{display:block}.new-collection-diagram__container{padding:0 24px}.new-collection-diagram__header{margin-bottom:0}.new-collection-diagram__title{font-size:32px}.new-collection-diagram__description{font-size:20px}.new-collection-diagram__mobile-image-wrap{display:flex;justify-content:center}.new-collection-diagram__mobile-image{display:block;width:100%;max-width:700px;height:auto}.new-collection-diagram__mobile-line{position:relative;width:4px;height:115px;margin:-40px auto 36px;background-image:linear-gradient(to bottom,var(--diagram-line-color) 0 12px,transparent 12px 24px);background-size:4px 24px;background-repeat:repeat-y}.new-collection-diagram__mobile-line:after{content:"";position:absolute;left:50%;bottom:-8px;width:18px;height:18px;border-radius:50%;background:var(--diagram-line-color);transform:translate(-50%)}.new-collection-diagram__mobile-points{display:flex;flex-direction:column;gap:40px;max-width:640px;margin:0 auto;text-align:center}.new-collection-diagram__mobile-point h3{margin:0 0 5px;color:var(--diagram-point-title-color);font-size:24px;line-height:1.2em;font-weight:500}.new-collection-diagram__mobile-point .rte{color:var(--diagram-point-text-color);font-size:16px;line-height:1.6em}.new-collection-diagram__mobile-point .rte p{margin:0}}@media screen and (max-width:767px){.new-collection-diagram__container{padding:0 20px}.new-collection-diagram__title{font-size:28px}.new-collection-diagram__description{font-size:18px}.new-collection-diagram__mobile-image{max-width:420px}.new-collection-diagram__mobile-point h3{font-size:22px}.new-collection-diagram__mobile-point .rte{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/559/assets/benefit_collections_tamplate_styles.css.map */