.tab-width{display:flex;flex-wrap:wrap;gap:0 4px}.tab-title-wrap{width:100%}.left-tab-menu{min-width:320px;width:28%;border-radius:30px;position:relative}.tab-menu{margin:0;display:flex;flex-direction:column;gap:5px;padding:37.5px 10px}.tab-content{border-radius:30px;flex:1;padding:33px 40px 33px 50px}.tab-links{list-style:none}.tab-links .tab-button{width:100%;padding:18px 30px;font-size:20px;background-color:#0000;cursor:pointer;border:none;outline:none;box-shadow:inherit;transition:all .3s ease;position:relative;z-index:2;text-align:left}.tab-links .tab-button:after{position:absolute;content:" ";left:0;top:0;bottom:0;width:calc(100% + 35px);border-radius:30px;background-color:rgba(var(--color-button),var(--alpha-button-background));opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 0 16px #f161224d;z-index:-1}.tab-links .tab-button:hover{color:#fff}.tab-view-content{margin:0;padding-bottom:24px;text-transform:capitalize}.tab-view-tag-list{margin-top:15px}.tab-view-content h2{margin:0}.tab-view-tag-list span{padding:5px 15px;background:transparent;font-size:16px;line-height:normal;border-radius:50px}.tab-view-tag-list span:not(:last-child){margin-right:10px}.tab-links .tab-button.active{color:#fff!important}.tab-links .tab-button.active:after,.tab-button:hover:after{opacity:1;pointer-events:auto;background-color:rgba(var(--color-button),var(--alpha-button-background))}.tab-view-detail{padding-bottom:22px}.tab-view-detail p{margin:0}.tab-view-image{position:relative;padding-bottom:45%;overflow:hidden}.tab-view-image img{width:100%;height:100%;object-fit:cover;position:absolute;border-radius:10px}.tab-content .tab{display:none}.tab-content .tab.active{display:block}.tab-view-text .lising-point{display:flex;flex-wrap:wrap;gap:20px 10px;padding-top:8px;padding-left:0;margin:0}.tab-view-text .lising-point li{width:calc(33.33% - 7px);position:relative;padding-left:20px;overflow:hidden}.tab-view-text .lising-point li a{text-decoration:none;font-size:18px;line-height:30px;font-weight:400;color:#333;transition:.3s ease-in}.tab-view-text .lising-point li a:hover{color:#ffbe00}.tab-view-text .lising-point li:after{content:"";position:absolute;left:-5px;top:9px;width:10px;height:10px;background-color:rgb(var(--color-foreground));border-radius:50%}.tab-view-text .lising-point li:before{content:"";position:absolute;left:-10px;top:4px;width:20px;height:20px;background-color:rgba(var(--color-button),var(--alpha-button-background));border-radius:50%}@media screen and (min-width:990px){.responsive-tab-wrapper{display:none}}@media screen and (max-width:1280px){.tab-menu{padding:30px 10px}.tab-links .tab-button{padding:15px 20px;font-size:18px}.tab-content{padding:30px 20px 30px 30px}.tab-view-content{padding-bottom:20px}.tab-view-detail{padding-bottom:14px}.tab-view-text .lising-point{gap:16px 10px}.tab-view-text .lising-point li{width:calc(50% - 5px)}}@media screen and (max-width:989px){.left-tab-menu{display:none}.responsive-tab-wrapper{width:100%;position:relative}.responsive-tab-toggle{cursor:pointer;background:#fff;color:#121212;font-size:16px;padding:10px 30px 10px 16px;position:relative;display:block;border-radius:10px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid #121212}.responsive-tab-toggle:after{content:"";width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #001033;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.responsive-tab-wrapper .tab-menu{display:none;background:#fff;box-shadow:0 6px 14px #3333;padding:10px;position:absolute;width:100%;z-index:1;border-radius:10px;overflow-x:hidden}.tab-width{gap:20px}.tab-links .tab-button.active:after,.tab-button:hover:after{display:none}.responsive-tab-wrapper .tab-links .tab-button{padding:12px;font-size:16px}.tab-view-text .lising-point{padding-top:0}.responsive-tab-wrapper .tab-links .tab-button.active,.responsive-tab-wrapper .tab-links .tab-button:hover{background:rgba(var(--color-button),var(--alpha-button-background));border-radius:10px}.tab-view-content{padding-bottom:16px}.tab-view-text .lising-point li a{font-size:16px}}@media screen and (max-width:640px){.tab-view-text .lising-point li{width:100%}.tab-content{padding:16px}.tab-view-text .lising-point{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/horizontal-tab.css.map */