.tabs-image .opposite-true{flex-direction:row-reverse}.tabs-image .t4s-tabs-ul li a{flex-direction:column;align-items:flex-start;white-space:unset;opacity:1;width:100%}.tabs-image .tabs-image-title{font-size:24px;font-weight:600;color:var(--hd-cl)}.tabs-image .tabs-image-des{font-size:16px;margin:8px 0 0;color:var(--des-cl)}.tabs-image .t4s-tabs-ul .t4s_ratio{flex:0 0 auto;width:42px;margin-bottom:12px}.tabs-image .t4s-tab-content2 .t4s_ratio{border-radius:var(--block-radius);overflow:hidden}.tabs-image .tabs-image-info-title{font-size:32px;font-weight:600;color:var(--heading-color)}.tabs-image-info-des{font-size:16px;margin:8px 0 0}.tabs-image-info a{margin-top:16px}@media(max-width:767px){.tabs-image .tabs-image-title{font-size:20px}.tabs-image .tabs-image-des{font-size:14px}.tabs-image .tabs-image-info-title{font-size:24px}.tabs-image-info-des{font-size:14px}}.tabs-image .design-1 .t4s-tabs-ul{display:flex;flex-direction:column;border-left:1px solid var(--border-color);padding-left:32px;max-width:416px}.tabs-image .design-1 .t4s-tabs-ul li:not(:last-child){margin-bottom:56px}.tabs-image .design-1 .t4s-tabs-ul li a:before{content:"";position:absolute;top:0;left:-33.5px;height:0;width:2px;border-radius:40px;transition:.3s ease}.tabs-image .design-1 .t4s-tabs-ul li a.t4s-active:before{height:100%;background-color:var(--hd-cl)}.tabs-image .design-1 .t4s-tab-content2,.tabs-image .design-3 .t4s-tab-content2{-webkit-transform:translateX(40px) translateY(0);-ms-transform:translateX(40px) translateY(0);transform:translate(40px) translateY(0)}.tabs-image .design-1 .t4s-tab-content2.t4s-active,.tabs-image .design-3 .t4s-tab-content2.t4s-active{-webkit-transform:none;-ms-transform:none;transform:none}.tabs-image .design-1 .tabs-image-des{max-height:0;overflow:hidden;transition:max-height .3s ease}.tabs-image .design-1 .t4s-active .tabs-image-des{max-height:48px}@media(max-width:767px){.tabs-image .design-1 .t4s-tabs-ul li:not(:last-child){margin-bottom:32px}}.tabs-image .design-2 .t4s-tabs-ul{flex-wrap:wrap;gap:25px}.tabs-image .design-2 .t4s-tabs-ul li{flex:0 0 auto;width:calc(50% - 12.5px)}.tabs-image .design-2 .t4s-tabs-ul li a{padding:34px 42px;background-color:var(--item-bg);border-radius:var(--block-radius);overflow:hidden;min-height:250px}.tabs-image .design-2 .t4s-tabs-ul li a.t4s-active{background-color:var(--item-bg-active)}.tabs-image .design-2 .t4s-active .tabs-image-title{color:var(--hd-cl-active)}.tabs-image .design-2 .t4s-active .tabs-image-des{color:var(--des-cl-active)}.tabs-image .design-2 .t4s-tab-content2{-webkit-transform:translateX(-40px) translateY(0);-ms-transform:translateX(-40px) translateY(0);transform:translate(-40px) translateY(0)}.tabs-image .design-2 .t4s-tab-content2.t4s-active{-webkit-transform:none;-ms-transform:none;transform:none}@media(max-width:767px){.tabs-image .design-2 .t4s-tabs-ul{gap:15px}.tabs-image .design-2 .t4s-tabs-ul li a{padding:17px 21px;min-height:unset}}.tabs-image .design-3{align-items:start!important}.tabs-image .design-3 .t4s-col-item:first-child{width:320px}.tabs-image .design-3 .t4s-col-item:last-child{flex:1;width:auto}.tabs-image .design-3 .t4s-tabs-ul{display:flex;flex-direction:column;max-width:279px}.tabs-image .design-3 .t4s-tabs-ul li:not(:last-child){margin-bottom:16px}.tabs-image .design-3 .t4s-tabs-ul li a{display:flex;flex-direction:row;align-items:center;gap:12px;padding:31px;border:1px solid var(--border-color);border-radius:var(--block-radius);overflow:hidden}.tabs-image .design-3 .t4s-tabs-ul li a.t4s-active{border-color:transparent;background-color:var(--item-bg-active)}.tabs-image .design-3 .tabs-image-title{font-size:20px}.tabs-image .design-3 .t4s-tabs-ul .t4s_ratio{margin-bottom:0}.tabs-image .design-3 .t4s-tab-contents2{border:1px solid var(--border-color);border-radius:var(--block-radius)}.tabs-image .design-3 .t4s-tab-content2{display:flex;align-items:end;gap:49px;padding:20px}.tabs-image .design-3 .t4s-tab-content2 .t4s_ratio{flex:1}.tabs-image .design-3 .t4s-tab-content2 .tabs-image-info{flex:0 0 auto;width:313px;margin-bottom:58px}@media(max-width:767px){.tabs-image .design-3 .t4s-col-item:first-child,.tabs-image .design-3 .t4s-col-item:last-child{width:100%}.tabs-image .design-3 .t4s-tabs-ul{flex-direction:row;flex-wrap:wrap;max-width:unset;gap:15px}.tabs-image .design-3 .t4s-tabs-ul li{flex:0 0 auto;width:calc(50% - 7.5px)}.tabs-image .design-3 .t4s-tabs-ul li:not(:last-child){margin-bottom:0}.tabs-image .design-3 .t4s-tabs-ul li a{flex-direction:column;padding:15.5px;text-align:center}.tabs-image .design-3 .tabs-image-title{font-size:18px}.tabs-image .design-3 .t4s-tab-content2{flex-direction:column;gap:24px}.tabs-image .design-3 .t4s-tab-content2 .tabs-image-info{width:100%;margin-bottom:0}}.tabs-image .design-4 .t4s-current-scrollbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tabs-image .design-4 .t4s-current-scrollbar::-webkit-scrollbar{display:none}.tabs-image .design-4 .t4s-tabs-ul{container-type:inline-size;padding-bottom:50px;border-bottom:1px solid var(--border-color)}.tabs-image .design-4 .t4s-tabs-ul li{transition:.3s ease;width:calc(15.5% - var(--space-between) + (var(--space-between) / 6))}.tabs-image .design-4 .t4s-tabs-ul li:has(a.t4s-active){width:calc(22.5% - var(--space-between) + (var(--space-between) / 6))}.tabs-image .design-4 .t4s-tabs-ul li a{justify-content:center;padding:24px;background-color:var(--item-bg);border-radius:var(--block-radius)}.tabs-image .design-4 .t4s-tabs-ul li a.t4s-active{background-color:var(--item-bg-active)}.tabs-image .design-4 .t4s-tabs-ul li a:before{content:"";position:absolute;bottom:-51.5px;left:0;height:2px;width:0;border-radius:40px;transition:.3s ease}.tabs-image .design-4 .t4s-tabs-ul li a.t4s-active:before{width:100%;background-color:var(--hd-cl)}.tabs-image .design-4 .tabs-image-title{width:calc(15.5cqw - var(--space-between) + (var(--space-between) / 6) - 48px);font-size:20px}.tabs-image .design-4 .t4s-active .tabs-image-title{width:calc(22.5cqw - var(--space-between) + (var(--space-between) / 6) - 48px);color:var(--hd-cl-active)}.tabs-image .design-4 .tabs-image-des{width:calc(22.5cqw - var(--space-between) + (var(--space-between) / 6) - 48px);display:none}.tabs-image .design-4 .t4s-active .tabs-image-des{display:block;color:var(--des-cl-active)}.tabs-image .design-4 .t4s-tab-contents{margin-bottom:32px}@media(max-width:767px){.tabs-image .design-4 .t4s-tabs-ul{width:1000px}.tabs-image .design-4 .t4s-tabs-ul li a{padding:12px}.tabs-image .design-4 .tabs-image-title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-tabs-image.css.map */