.subnavcomponent{border-bottom:1px solid #c4c5c6}
.subnavcomponent .sub_main-nav ::-webkit-scrollbar{display:none}
.subnavcomponent .sub_nav_wrap{display:flex;justify-content:space-between}
.subnavcomponent ul{display:flex;min-height:48px;align-items:center;overflow:auto;padding:0;margin:0;width:90%}
.subnavcomponent .prev svg{transform:rotateY(180deg)}
.subnavcomponent ul .nav_item{display:inline-block;font-size:14px;font-family:'akkurat-pro';line-height:20px;color:#05687f;padding:16px}
.subnavcomponent ul .nav_item a{display:block;width:max-content;color:#05687f}
.subnavcomponent ul .nav_item.active a{color:#00243d}
.subnavcomponent ul .nav_item.active{background:#eff5f6;border-bottom:2px solid #00243d}
.subnavcomponent .prev,.subnavcomponent .next{display:flex;align-items:center;gap:5px}
.subnavcomponent .prev .pipe-seperator{border-right:1px solid #c4c5c6;height:24px}
.subnavcomponent .next .pipe-seperator{border-left:1px solid #c4c5c6;height:24px}
@media(min-width:1024px){.subnavcomponent ul{width:auto;justify-content:center}
.subnavcomponent .prev,.subnavcomponent .next{display:none}
.subnavcomponent .sub_nav_wrap{width:auto;justify-content:center}
}