.kl-knowBetterTabs{width:100%;background:#fff}
.kl-knowBetterTabs__header{background:#fff;position:sticky;top:0;position:relative}
.kl-knowBetterTabs__nav{display:flex;align-items:center;gap:5px;width:fit-content;max-width:1200px;margin:0 auto;padding:0 20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;@media screen and (max-width:768px){padding:0 16px}
@media screen and (max-width:1240px){width:auto}
}
.kl-knowBetterTabs__nav::-webkit-scrollbar{display:none}
.kl-knowBetterTabs__tab{display:flex;align-items:center;gap:8px;padding:16px 24px;border:2px solid transparent;border-radius:8px 8px 0 0;border-bottom:0;cursor:pointer;transition:all .1s ease;white-space:nowrap;flex-shrink:0;position:relative;@media screen and (max-width:768px){padding:8px 10px;gap:6px}
}
.kl-knowBetterTabs__tab--active{border-top:2px solid #f57b7f;border-left:2px solid #f57b7f;border-right:2px solid #f57b7f;color:#f57b7f;background:#fff;z-index:2}
.kl-knowBetterTabs__tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;position:relative;@media screen and (max-width:768px){width:16px;height:16px}
}
.kl-knowBetterTabs__tab-icon img{width:100%;height:100%}
.kl-knowBetterTabs__tab-icon-active{display:none}
.kl-knowBetterTabs__tab--active .kl-knowBetterTabs__tab-icon-default{display:none}
.kl-knowBetterTabs__tab--active .kl-knowBetterTabs__tab-icon-active{display:block}
.kl-knowBetterTabs__tab-title{font-size:18px;font-weight:500;line-height:28px;color:#717684;@media screen and (max-width:768px){font-size:14px;line-height:20px}
}
.kl-knowBetterTabs__tab--active .kl-knowBetterTabs__tab-title{color:#ed1c24}
.kl-knowBetterTabs__content{width:100%}
.kl-knowBetterTabs__categoryPanel{display:none}
.kl-knowBetterTabs__categoryPanel--active{display:block}
.kl-knowBetterTabs__subNav{display:flex;align-items:center;gap:20px;width:fit-content;width:100%;justify-content:center;margin:0 auto;padding:24px 20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;background:#FFF;position:sticky;top:57px;z-index:10;box-sizing:border-box;@media screen and (max-width:768px){padding:20px 16px;gap:12px;top:49px}
@media screen and (max-width:475px){top:45px}
@media screen and (max-width:1240px){width:auto}
}
.kl-knowBetterTabs__subNav::-webkit-scrollbar{display:none}
.kl-knowBetterTabs__subTab{font-size:16px;font-weight:500;line-height:24px;color:#1C2633;background-color:#F3F4F6;padding:8px 16px;cursor:pointer;white-space:nowrap;flex-shrink:0;border:0;border-radius:20px;transition:all .1s ease;@media screen and (max-width:768px){font-size:12px;line-height:16px;border-radius:4px;padding-block:5px}
}
.kl-knowBetterTabs__subTab:hover{color:#ed1c24;background-color:#fef1f1}
.kl-knowBetterTabs__subTab--active{color:#ed1c24;background-color:#fef1f1}
.kl-knowBetterTabs__subContent{max-width:1200px;margin:0 auto;padding:24px 20px;@media screen and (max-width:768px){padding-inline:0}
}
.kl-knowBetterTabs__subPanel{display:none}
.kl-knowBetterTabs__subPanel--active{display:block}
.divider{display:block;height:4px;background-color:#f4f6fb}
.kl-knowBetterTabs__categoryPanel .info-box{display:none;text-align:left;gap:5px;background:#F4F8FE;padding:8px 10px;border-radius:11px;width:fit-content;align-items:center;margin:20px auto;@media screen and (max-width:768px){margin:20px 18px}
}
.kl-knowBetterTabs__categoryPanel .info-text{margin:0;color:#0057e5;font-size:12px;line-height:16px;font-weight:500}
.kl-knowBetterTabs__categoryPanel .info-icon-img{width:13px;height:13px;flex-shrink:0}