.section-benefits{width:100%;position:relative;min-height:548px;display:flex}.section-benefits .background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;overflow:hidden}.section-benefits .background-image img{width:100%;height:100%;object-fit:cover}.section-benefits.section-benefits-rounded{border-radius:20px}.section-benefits:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#2e2e2466;z-index:0}.section-benefits.section-benefits-rounded:before{border-radius:20px}.section-benefits .c-container{max-width:1440px;margin:auto;padding:40px 60px;width:100%}.section-benefits .c-container h2{color:#faf9f6;font-family:Metro Sans;font-size:40px;font-style:normal;font-weight:400;line-height:120%;max-width:360px}.section-benefits .c-container .content-benefits{display:flex;align-items:center;justify-content:space-between;position:relative;gap:20px}.section-benefits .c-container .hex-container{position:relative;width:402px;height:402px;margin:auto}.section-benefits .c-container .hex-container svg{height:100%}.section-benefits .c-container .hex-container .lines{position:absolute;top:0;left:0;width:100%;height:100%}.section-benefits .c-container .hex-container .hex-base{stroke:#fff}.section-benefits .c-container .hex-container .point{position:absolute;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid #ccc;display:flex;justify-content:center;align-items:center;color:#2e2e24;text-align:center;font-family:Metro Sans;font-size:12px;line-height:normal;font-style:normal;font-weight:500;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:2;cursor:pointer;will-change:transform,box-shadow;transform:translateZ(0);backface-visibility:hidden}.section-benefits .c-container .hex-container .p1{top:12px;left:75%;transform:translate(-50%)}.section-benefits .c-container .hex-container .p2{top:184px;right:-8px}.section-benefits .c-container .hex-container .p3{bottom:20px;right:80px}.section-benefits .c-container .hex-container .p4{bottom:20px;left:25%;transform:translate(-50%)}.section-benefits .c-container .hex-container .p5{bottom:184px;left:-8px}.section-benefits .c-container .hex-container .p6{top:12px;left:20%}.section-benefits .c-container .hex-container .active{background:#f6be00;border-color:#f6be00}.section-benefits .c-container .hex-container .point:before{content:"";background-image:url(/cdn/shop/files/Flowers_59_1.svg?v=1759484477);position:absolute;top:-12px;left:-12px;width:52px;height:52px;border-radius:50%;background-repeat:no-repeat;background-position:center;z-index:-1;transform:scale(0) rotate(-180deg) translateZ(0);opacity:0;background-size:0%;transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,background-size;backface-visibility:hidden}.section-benefits .c-container .hex-container .active:before{transform:scale(1) rotate(0) translateZ(0);opacity:1;background-size:100%}.section-benefits .c-container .hex-container .center-text{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);color:#faf9f6;text-align:center;font-family:Metro Sans;font-size:26px;font-style:normal;font-weight:400;line-height:120%}.section-benefits .c-container .benefits-description{color:#faf9f6;font-family:Metro Sans;font-size:18px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:-.36px;max-width:360px;width:100%;opacity:0;transition:opacity .5s ease;visibility:hidden;display:none;margin:0}.section-benefits .c-container .benefits-description.active{opacity:1;display:block;visibility:visible}@media only screen and (max-width: 1280px){.section-benefits .c-container{padding:40px 20px}.section-benefits .c-container h2,.section-benefits .c-container .benefits-description{max-width:270px}}@media only screen and (max-width: 992px){.section-benefits .c-container .content-benefits{flex-direction:column}}@media only screen and (max-width: 568px){.section-benefits .c-container h2{font-size:24px;font-style:normal;text-align:center}.section-benefits .c-container .hex-container{width:318px;height:318px}.section-benefits .c-container .hex-container .center-text{font-size:18px;font-style:normal;top:55%}.section-benefits .c-container .benefits-description{font-size:14px;font-style:normal;max-width:301px;text-align:center;margin:50px 0 0}.section-benefits .c-container .hex-container .p3{bottom:8px;right:60px}.section-benefits .c-container .hex-container .p4{bottom:8px}.section-benefits .c-container .hex-container .p5,.section-benefits .c-container .hex-container .p2{top:147px}}
/*# sourceMappingURL=/cdn/shop/t/308/assets/section-benefits.css.map */