.hp-benfits-2 .page-width{max-width:1680px;padding:0 120px}.index-section:has(.hp-benfits-2){padding-bottom:0;padding-top:80px}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block{border-radius:8px}.hp-benfits-2 .mosaic_block h3{display:flex;transition:all .3s}.hp-benfits-2 .mosaic_block.has_pop:hover .title-present h3{transition:all .3s;text-underline-offset:6px}.hp-benfits-2 .mosaic_section_wrapper{margin:-8px}.hp-benfits-2 .mosaic_block-caption .h3{font-size:30px;font-weight:500}.hp-benfits-2 .mosaic_block .mosaic_block-caption.title-present{margin:0;padding:16px}.hp-benfits-2 .mosaic_block-caption .text{font-size:16px}.hp-benfits-2 .hp-benfits-2__popup{display:none;position:fixed;top:0;width:100%;left:0;height:100%;z-index:10000}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-overlay{opacity:.4;background:#000;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-wrapper{position:absolute;background-color:#fff;border-radius:12px;width:640px;top:50%;left:50%;transform:translate(-50%,-50%)}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-title{padding:16px 24px 16px 40px;border-bottom:1px solid #DDD;display:flex;align-items:center;justify-content:space-between;font-size:20px}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-title .icon-close{opacity:.4;cursor:pointer}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-content{padding:24px 40px;font-size:16px;color:#666}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-content ul{padding-left:25px}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-content li{list-style:disc;margin-bottom:16px}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-content a{color:#2673ff!important;text-decoration:underline}body:has(.hp-benfits-2__popup.active){overflow:hidden}.hp-benfits-2__popup.active{display:block}.hp-benfits-2 .mosaic_block.has_pop .mosaic_block-caption{cursor:pointer}.hp-benfits-2 .mosaic_section_wrapper{position:relative}.hp-benfits-2 .mosaic_block.color-dark .mosaic_block-caption .h3{font-family:HelveticaNeueForEco-Md}.hp-benfits-2 .mosaic_block.color-dark .mosaic_block-caption .h3 svg{width:32px;height:32px}.hp-benfits-2 .section-header{margin-bottom:24px}.hp-benfits-2 .section-header h2{margin-bottom:0;color:#03060b;font-family:Helvetica Neue ForEco Md;font-size:28px;font-style:normal;font-weight:500;line-height:normal}.hp-benfits-2 .mosaic_block-caption.title-present h3{display:flex;align-items:center}.hp-benfits-2 .mosaic_block-caption .h4{font-family:Helvetica Neue ForEco Md;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.hp-benfits-2 .color-light{color:#fff}.hp-benfits-2 .color-dark{color:#000}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block:hover{box-shadow:0 4px 20px #00000014}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .mosaic_block-caption.-space-between{display:flex;flex-direction:column;justify-content:space-between;height:100%}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .hp-benfits-2__popup-title h3{color:#000;font-family:Helvetica Neue ForEco Md;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin:0}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .hp-benfits-2__popup-content p{color:#666;font-family:Helvetica Neue ForEco Roman;font-size:16px;font-style:normal;font-weight:400;line-height:140%;margin-bottom:16px}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .hp-benfits-2__popup-content p a{color:#2673ff;font-family:Helvetica Neue ForEco Roman;font-size:16px;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}@media (min-width: 1680px){.hp-benfits-2 .mosaic_section_wrapper{width:1440px;min-height:456px}}@media (max-width:1679px) and (min-width: 1367px){.hp-benfits-2 .mosaic_section_wrapper{min-height:380px}}@media (max-width: 1366px) and (min-width: 1025px){.hp-benfits-2 .mosaic_section_wrapper{min-height:357px}}@media (max-width: 1024px) and (min-width: 767px){.hp-benfits-2 .mosaic_section_wrapper{min-height:292px}}@media (max-width: 1239px){.hp-benfits-2 .mosaic_section_wrapper{margin:0}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .mosaic_block-caption{top:0;left:0;padding:12px;width:100%;height:100%}.hp-benfits-2 .mosaic_section_wrapper{display:flex;gap:0;grid-column-gap:var(--column-gap);grid-row-gap:var(--column-gap)}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block{margin:0;width:var(--column-width)}.hp-benfits-2 .mosaic_block-caption .h4{text-align:center;justify-content:center}.hp-benfits-2 .mosaic_block-caption .h3{justify-content:center;text-align:center}.hp-benfits-2 .mosaic_block-caption .h3 svg,.hp-benfits-2 .mosaic_block-caption .h4 svg{display:none}}@media screen and (max-width: 768px){.index-section:has(.hp-benfits-2){padding-top:60px}.hp-benfits-2 .page-width{padding:0 16px}.hp-benfits-2 .mosaic_section_wrapper{margin-right:0;margin-left:0;min-width:786px;max-height:292px;padding-right:0}.hp-benfits-2 .page-width{padding-left:16px;padding-right:16px}.hp-benfits-2 .mosaic_block-caption .text{font-size:8px}.hp-benfits-2 .section-header h2{font-size:20px}.hp-benfits-2 .section-header{margin-bottom:20px}.hp-benfits-2 .mosaic_block-caption .h3{font-size:15px}.hp-benfits-2 .mosaic_block-caption .h4{font-size:12px}.hp-benfits-2 .hp-benefits-2__content{overflow:scroll;scroll-behavior:smooth}.hp-benfits-2 .hp-benefits-2__content::-webkit-scrollbar{display:none}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block{box-shadow:none}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block{border-radius:4px}.hp-benfits-2 .mosaic_section_wrapper{padding-right:0}.hp-scenarios .hp-scenarios_footer{display:none}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-title{padding:12px 20px;gap:10px}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .hp-benfits-2__popup-title h3{font-size:16px}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-content{padding:24px 20px}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .hp-benfits-2__popup-content p,.hp-benfits-2 .mosaic_section_wrapper .mosaic_block .hp-benfits-2__popup-content p a{font-size:14px}.hp-benfits-2 .hp-benfits-2__popup .hp-benfits-2__popup-wrapper{width:calc(100% - 32px)}.hp-benfits-2 .mosaic_section_wrapper .mosaic_block{width:calc(var(--column-mobile-width) - calc(var(--column-gap)))}}
/*# sourceMappingURL=/cdn/shop/t/406/assets/hp-benefits-2.css.map */