.tab-card{display:flex;flex-wrap:wrap;position:relative}.tab-card .tab-item{border-bottom:1px solid var(--divider-color);width:100%}.tab-card .tab-item .tab-title{padding:20px 0;display:flex;justify-content:space-between;color:var(--main-color);font-size:18px;font-weight:600;overflow:hidden;align-items:center;position:relative}.tab-card .tab-item .tab-title h3{margin-top:0}.tab-card .tab-item .tab-title:after,.tab-card .tab-item .tab-title:before{background-color:var(--main-color);content:'';position:absolute;top:50%;display:none}.tab-card .tab-item .tab-title:before{height:2px;margin-top:-1px;right:0;width:12px}.tab-card .tab-item .tab-title:after{bottom:0;height:12px;margin-top:-6px;right:5px;transition:all .2s;width:2px}.tab-card .tab-item .tab-content{display:none;padding-bottom:20px}.tab-card .tab-item.active .tab-content{display:block}@media (min-width:768px){.tab-card{flex-direction:row;gap:20px;border-bottom:1px solid var(--divider-color);border-top:none}.tab-card .tab-item{border-bottom:none;width:auto}.tab-card .tab-item .tab-title{padding:12px 0;cursor:pointer}.tab-card .tab-item .tab-title .tab-title-icon{display:none}.tab-card .tab-item .tab-content{display:none;padding:20px 0}.tab-card .tab-item.active .tab-title{color:var(--main-color);position:relative;border-bottom:4px solid var(--main-color);font-weight:600}.tab-card .tab-item.active .tab-content{display:block;position:absolute;top:100%;left:0;right:0}}@media (max-width:767px){.tab-card .tab-item .tab-title:after,.tab-card .tab-item .tab-title:before{display:block}.tab-card .tab-item.active .tab-title:after{display:none}}