.hero-wrapper .hero-wrapper-bar{background-color:#f8f8fb;padding:40px 0;position:relative;z-index:20}.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box{align-items:center;display:flex;flex-wrap:wrap;gap:40px 64px;justify-content:center}.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box .hero-wrapper-bar-item{align-items:center;border:1px solid var(--bsi-base-color);border-radius:8px;color:var(--bsi-base-color);cursor:pointer;display:flex;font-weight:700;height:56px;justify-content:center;min-width:198px;overflow:hidden;position:relative;transition:color .3s ease}.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box .hero-wrapper-bar-item span{position:relative;z-index:2}.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box .hero-wrapper-bar-item:before{background-color:var(--bsi-base-color);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:0;z-index:1;--tw-bg-opacity:1}.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box .hero-wrapper-bar-item:hover{background-color:#182f7bb3;color:#fff}.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box .hero-wrapper-bar-item:hover:before{width:100%}@media screen and (width <= 768px){.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box{gap:20px;justify-content:flex-start}.hero-wrapper .hero-wrapper-bar .hero-wrapper-bar-box .hero-wrapper-bar-item{height:40px;min-width:160px}}