.tabs-nav-wrapper{display:flex;align-items:center;position:relative;background-color:#1a1a1a;justify-content:center;transition:padding .3s ease}@media (max-width: 835px){.tabs-nav-wrapper{padding:0 4vw}}.tabs-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.tabs-nav::-webkit-scrollbar{display:none}.tab-link{flex:0 0 auto;background-color:#1a1a1a;color:#fff;border:none;cursor:pointer;padding:3rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;width:180px;transition:background-color .3s ease,width .3s ease,padding .3s ease,font-size .3s ease}@media (max-width: 835px){.tabs-section .tabs-nav .tab-link{width:160px;padding:1.2rem 1.5rem;font-size:1.6rem}}.tab-link.active{background:#d60000}.tab-link:hover:not(.active){background-color:#780d0d}.tab-link:hover:not(.active) img,.tab-link:hover:not(.active) .tab-icon svg{transform:translateY(-.5em)}.tab-link img,.tab-link .tab-icon svg{width:75px;height:75px;margin-bottom:.25rem;transition:all .3s ease;transition:background-color .3s ease,transform .3s ease,width .3s ease,height .3s ease}@media (max-width: 835px){.tab-link img,.tab-link .tab-icon svg{width:50px;height:50px}}.tab-title{font-size:1.8rem;font-weight:700;font-family:var(--font-heading-family);max-width:13rem;transition:font-size .3s ease}@media (max-width: 835px){.tabs-section .tab-title{font-size:1.6rem}}.tabs-section.sticky .tabs-nav-wrapper{padding:0 4vw}.tabs-section.sticky .tabs-nav .tab-link{width:160px;padding:1.2rem 1.5rem;font-size:1.6rem}.tabs-section.sticky .tab-link img,.tabs-section.sticky .tab-link .tab-icon svg{width:65px;height:65px}@media (max-width: 835px){.tabs-section.sticky .tab-link img,.tabs-section.sticky .tab-link .tab-icon svg{width:50px;height:50px}}.tabs-section.sticky .tab-title{font-size:1.6rem}.tab-scroll{background:#d92027;color:#fff;border:none;font-size:1.5rem;width:32px;height:100%;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2}.tab-scroll-left{position:absolute;left:0;top:0;bottom:0}.tab-scroll-right{position:absolute;right:0;top:0;bottom:0}.tab-content{display:none}.tab-content.active{display:block}.tab-row{display:flex;transform:scaleX(0) translate(-100%);height:0;transform-origin:left;transition:transform 0s ease-out,opacity 0s ease-out;opacity:0;overflow:hidden;padding-left:11.5vw;padding-right:11.5vw;padding-top:0;padding-bottom:0;z-index:1}.tab-row-invert.tab-row{transform-origin:right;transform:scaleX(0) translate(100%)}.tab-row.active{transform:scaleX(1) translate(0);height:auto;transition:transform .4s ease-out,.3s opacity .1s ease-out;opacity:1;z-index:2}.tab-row{align-items:center;justify-content:space-between;gap:6rem;flex-wrap:nowrap}.tab-row-invert{flex-direction:row-reverse}.tab-col{flex:1;display:flex}.tab-col-image img{width:100%;height:auto}.tab-col-text{display:flex;flex-direction:column}.tab-col-text.content-top{align-self:flex-start}.tab-col-text.content-middle{align-self:center}.tab-col-text.content-bottom{align-self:flex-end}.tab-col-text h2{margin:-2.2% 0 3rem -3px;text-transform:uppercase;font-size:clamp(27px,calc(27px + (54 - 27) * ((100vw - 1024px) / (1920 - 1024))),54px);line-height:clamp(33px,calc(33px + (66 - 33) * ((100vw - 1024px) / (1920 - 1024))),66px)}.tab-col-text h3{margin:-2.2% 0 3rem -3px;text-transform:uppercase;font-size:clamp(18px,calc(18px + (36 - 18) * ((100vw - 1024px) / (1920 - 1024))),36px);line-height:clamp(22px,calc(22px + (44 - 22) * ((100vw - 1024px) / (1920 - 1024))),44px)}.tab-col-text h4{margin:-2.2% 0 3rem -3px;text-transform:uppercase;font-size:clamp(14px,calc(14px + (28 - 14) * ((100vw - 1024px) / (1920 - 1024))),28px);line-height:clamp(17px,calc(16.5px + (34 - 17) * ((100vw - 1024px) / (1920 - 1024))),34px)}.tab-col-text .rte{margin-bottom:1rem;font-size:1.6rem;line-height:calc(1 + .8 / var(--font-body-scale))}.button{width:fit-content}@media (max-width: 835px){.tab-row,.tab-row-invert{flex-direction:column;gap:1rem;padding:0}.tab-col-image,.tab-col-text{width:100%}.tab-col-text,.tab-col-text.content-top,.tab-col-text.content-middle,.tab-col-text.content-bottom{align-self:flex-start!important;padding:6vw 8.5vw}.tab-col-text h2{font-size:clamp(30px,calc(30px + (72 - 30) * ((100vw - 360px) / (834 - 360))),72px);line-height:clamp(37px,calc(37px + (88 - 37) * ((100vw - 360px) / (834 - 360))),88px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-tabs.css.map */