:root{--color-white: #fff;--color-black: #000;--color-gray-light: #f1f1f1;--color-gray-dark: #888;--tab-active-bg: #000;--tab-active-text: #fff;--color-tab: #000;--font-size-section-title: var(--font-size-desk);--font-weight-title: var(--font-heading-weight);--font-size-tab: 16px;--font-weight-tab: 500;--section-margin-bottom: 30px;--tab-padding-y: 14px;--tab-padding-x: 50px;--tab-border-radius: 50px;--tabs-gap: 16px;--tabs-margin-bottom: 50px;--grid-gap: 20px;--tab-min-height: 500px;--font-size-section-title-mobile: var(--font-size-mobile);--font-size-tab-mobile: 14px;--tab-padding-y-mobile: 12px;--tab-padding-x-mobile: 32px;--tabs-gap-mobile: 8px;--tabs-margin-bottom-mobile: 30px;--grid-gap-mobile: 12px;--tab-min-height-mobile: 300px;--animation-duration: .3s}.business-tabs-section{background:var(--color-white)}.container{margin:0 auto}.section-heading{text-align:center;margin-bottom:var(--section-margin-bottom)}.section-title{font-size:var(--font-size-desk);font-weight:var(--font-weight-title);letter-spacing:.02em;margin:0}.tabs-navigation{margin-bottom:var(--tabs-margin-bottom);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-gray-dark) var(--color-gray-light)}.tabs-navigation::-webkit-scrollbar{height:6px}.tabs-navigation::-webkit-scrollbar-track{background:var(--color-gray-light);border-radius:10px}.tabs-navigation::-webkit-scrollbar-thumb{background:var(--color-gray-dark);border-radius:10px}.tabs-nav-wrapper{display:flex;justify-content:center;gap:var(--tabs-gap);min-width:max-content;padding:0 20px}.tabs-nav-wrapper.tabs-align-left{justify-content:flex-start}.tabs-nav-wrapper.tabs-align-right{justify-content:flex-end}.tab-button{padding:var(--tab-padding-y) var(--tab-padding-x);border:1px solid var(--color-black);background:var(--color-white);color:var(--color-tab);font-size:var(--font-size-tab);font-weight:var(--font-weight-tab);border-radius:var(--tab-border-radius);cursor:pointer;transition:all var(--animation-duration) ease;white-space:nowrap;position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tab-active-bg);transform:scaleX(0);transform-origin:left;transition:transform var(--animation-duration) ease;z-index:0}.tab-button span{position:relative;z-index:1}.tab-button:hover:before{transform:scaleX(1)}.tab-button:hover{color:var(--tab-active-text)}.tab-button.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.tab-button.active:before{transform:scaleX(1)}.tabs-content{position:relative;min-height:var(--tab-min-height)}.tab-panel{opacity:0;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.tab-panel.active{opacity:1;visibility:visible;position:relative;transform:translateY(0)}.tab-grid{display:grid;gap:var(--grid-gap)}.tab-grid.tab-grid--2{grid-template-columns:repeat(2,1fr)}.tab-grid.tab-grid--3{grid-template-columns:repeat(3,1fr)}.tab-grid.tab-grid--4{grid-template-columns:repeat(4,1fr)}.tab-grid__item{position:relative;overflow:hidden}.tab-image{width:100%;height:100%;position:relative;overflow:hidden}.tab-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.tab-grid__item:hover .tab-image img{transform:scale(1.05)}.tab-panel.active .tab-grid__item{animation:fadeInUp .5s ease backwards}.tab-panel.active .tab-grid__item:nth-child(1){animation-delay:.05s}.tab-panel.active .tab-grid__item:nth-child(2){animation-delay:.1s}.tab-panel.active .tab-grid__item:nth-child(3){animation-delay:.15s}.tab-panel.active .tab-grid__item:nth-child(4){animation-delay:.2s}.tab-panel.active .tab-grid__item:nth-child(5){animation-delay:.25s}.tab-panel.active .tab-grid__item:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){.section-heading{margin-bottom:20px}.section-title{font-size:var(--font-size-mobile)}.tabs-nav-wrapper{gap:var(--tabs-gap-mobile);justify-content:flex-start;padding:0}.tabs-navigation{margin-bottom:var(--tabs-margin-bottom-mobile);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-navigation::-webkit-scrollbar{display:none}.tab-button{padding:var(--tab-padding-y-mobile) var(--tab-padding-x-mobile);font-size:var(--font-size-tab-mobile)}.tab-grid.tab-grid--2,.tab-grid.tab-grid--3,.tab-grid.tab-grid--4{grid-template-columns:repeat(2,1fr)}.tab-grid{gap:var(--grid-gap-mobile)}.tabs-content{min-height:var(--tab-min-height-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-business-tabs.css.map */