.benefits{box-sizing:border-box;padding:0 14px;position:relative}.benefits .container{position:relative;z-index:1}.benefits .container .benefit{border-radius:12px;display:none;overflow:hidden}.benefits .container .benefit.benefit-with-products .media{border-radius:12px;margin-bottom:14px;overflow:hidden}.benefits .container .benefit.active{display:block}.benefits .container .benefit.active .media-title .tab{animation:slideIn 1s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.3s}.benefits .container .benefit.active .media-title .title{animation:slideIn 1s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.5s}.benefits .container .benefit .media{height:calc(100vh - 371px);min-height:525px;position:relative;width:100%;z-index:1}@media only screen and (min-width:992px){.benefits .container .benefit .media{height:calc(100vh - 295px)}}.benefits .container .benefit .media img,.benefits .container .benefit .media svg,.benefits .container .benefit .media video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;top:0;width:100%}.benefits .container .benefit .media-title{align-items:center;color:#f5f4f1;display:flex;flex-direction:column;gap:20px;left:50%;max-width:305px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}@media only screen and (min-width:992px){.benefits .container .benefit .media-title{max-width:413px}}.benefits .container .benefit .media-title .tab{align-items:center;border:2px solid #f5f4f1;border-radius:35px;display:flex;font-size:16px;font-weight:500;justify-content:center;letter-spacing:.02em;line-height:19.3px;opacity:0;padding:2px 10px;text-transform:uppercase;transform:translateY(30px)}@media only screen and (min-width:992px){.benefits .container .benefit .media-title .tab{font-size:20px;line-height:23.3px}}.benefits .container .benefit .media-title .title{opacity:0;transform:translateY(30px)}@media only screen and (max-width:991.98px){.benefits .container .benefit .media-title .title{font-size:24px;line-height:26.4px}}.benefits .container .benefit .content{background:#f5f4f1;box-sizing:border-box;counter-reset:benefit-counter;display:flex;padding:20px}@media only screen and (max-width:991.98px){.benefits .container .benefit .content .text{width:100%}}.benefits .container .benefit .content ul{list-style:none;margin:0;padding:0}@media only screen and (min-width:992px){.benefits .container .benefit .content ul{-moz-column-count:2;column-count:2;-moz-column-gap:34px;column-gap:34px}}.benefits .container .benefit .content ul li{font-size:16px;line-height:19.2px;max-width:400px;width:100%}.benefits .container .benefit .content ul li:before{align-items:center;border:1px solid;border-radius:10px;content:counter(benefit-counter);counter-increment:benefit-counter;display:inline-flex;font-size:10px;font-weight:500;height:11px;justify-content:center;margin-right:6px;transform:translateY(2px);vertical-align:top;width:11px}@media only screen and (max-width:991.98px){.benefits .container .benefit .benefit-product-swiper{margin-left:-14px;margin-right:-14px}.benefits .container .benefit .content ul li{font-size:14px}}.benefits .tabs{--active-tab-left:0;--active-tab-top:0;--active-tab-width:0;--active-tab-height:0;left:50%;position:absolute;top:0;transform:translate(-50%);z-index:2}.benefits .tabs:before{background:var(--primary-color);border-radius:25px;content:"";height:var(--active-tab-height);left:var(--active-tab-left);position:absolute;top:var(--active-tab-top);transition:left .3s ease,bottom .3s ease,width .3s ease;width:var(--active-tab-width);z-index:1}.benefits .tabs.tabs-mobile{align-items:center;display:flex;flex-direction:column;gap:5px}.benefits .tabs.tabs-mobile .tab-row{gap:15px}.benefits .tabs .tab-row{background:hsla(45,17%,95%,.2);border-radius:50px;gap:5px;padding:8px 10px}.benefits .tabs .tab-row,.benefits .tabs .tab-row .tab{align-items:center;box-sizing:border-box;display:flex;position:relative}.benefits .tabs .tab-row .tab{background:transparent;border-radius:25px;cursor:pointer;justify-content:center;padding:10px 18px;text-align:center;z-index:2}@media only screen and (max-width:991.98px){.benefits .tabs .tab-row .tab{min-width:42px;padding:10px}}.benefits .tabs .tab-row .tab.active{color:#f5f4f1}.tabs{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50px}

/*# sourceMappingURL=section-hk-benefits.min.css.map*/