.customer-service-page{padding:60px 20px}.customer-service-hero{text-align:center;margin-bottom:40px}.support-wrapper{display:flex;gap:40px;position:relative;flex-wrap:wrap}.cs-tabs-nav{display:flex;flex-direction:column;gap:15px;min-width:220px;padding-right:20px;border-right:1px solid #ddd;flex-shrink:0}.cs-tab-btn{background:none;border:none;outline:none;cursor:pointer;font-family:Jost,sans-serif;font-size:16px;font-weight:600;color:#444;text-align:left;padding:10px 0;position:relative;transition:color .3s}.cs-tab-btn:hover{color:#60196e}.cs-tab-btn.active{color:#000;font-weight:700}.cs-tab-btn.active:after{content:"";position:absolute;left:0;bottom:-4px;width:40px;height:3px;background:#60196e;border-radius:2px}.cs-tabs-content{flex:1;text-align:left;min-width:250px}.cs-tab-content{display:block;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;height:0;overflow:hidden}.cs-tab-content.active{opacity:1;transform:translateY(0);height:auto}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:0}.service-box{background:#fff;border-radius:0;padding:0;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.service-box h2{letter-spacing:.6px;font-size:22px;color:#000;margin-bottom:15px}.service-box p{font-size:13px;margin-bottom:10px}.service-box ul li{font-size:13px}.customer-service-faq{padding:20px;background:#fafafa;border-radius:12px;margin-top:20px}.faq-item{border-bottom:1px solid #ddd;padding:12px 0}.faq-question{font-size:16px;cursor:pointer;margin:0 0 5px}.faq-answer{font-size:15px;color:#555;display:none;transition:all .3s ease}.customer-service-contact{text-align:left;padding:20px 0;margin-top:20px}.customer-service-contact h2{font-size:22px;color:#000;margin-bottom:10px}.customer-service-contact .btn{padding:10px 25px;background:#60196e;color:#fff;border-radius:50px;text-decoration:none;font-size:15px;border:1px solid #60196e}.customer-service-contact .btn:hover{background:#fff;color:#60196e}@media (max-width: 991px){.support-wrapper{flex-direction:column}.cs-tabs-nav{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #ddd;padding-right:0;gap:10px;margin-bottom:20px}.cs-tab-btn{padding:10px 15px;white-space:nowrap}.cs-tab-btn.active:after{bottom:-2px;width:100%;height:3px}.support-wrapper{overflow-x:auto}}@media (max-width: 600px){.service-grid{grid-template-columns:1fr}.customer-service-contact,.customer-service-faq{padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/8/compiled_assets/styles.css.map */