:root{--swiper-navigation-size:16px!important}.body{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#fff;color:#333;font-size:16px;line-height:1.6}.swiper-button-next,.swiper-button-prev{color:#000!important;font-weight:700;background-color:#efecec;border:2px solid #b3aeae;padding:5px;border-radius:50%;width:30px!important;height:30px!important;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}.swiper-pagination-bullet{background-color:#0cb9f3!important;border-radius:15px!important;opacity:1!important}.swiper-pagination-bullet-active{background-color:#fff!important;width:30px!important}.bg-white-100{background-color:#fff}.width-70-rem{max-width:70rem}.search-bar{min-width:200px!important;border-radius:25px;padding:5px;margin:0 10px;overflow:hidden;background-color:#fff}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000}.h-60{height:70px}.horizontal-scroll-container{width:100%;overflow-x:auto;display:flex;scroll-behavior:smooth;padding:1rem 0}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-content{display:flex;gap:1.5rem}.horizontal-scroll-content>*{flex:0 0 auto}.slider{position:relative;width:100%;height:320px;overflow:hidden}.scroll-arrow{position:absolute;transform:translateY(-50%);top:50%;background:hsla(0,1%,83%,.8);width:40px;height:40px;border:none;cursor:pointer;padding:.5rem;z-index:1;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background .2s}.scroll-arrow.left{left:0}.scroll-arrow.right{right:0}.scroll-arrow:hover{background:#fff}.cursor-pointer{cursor:pointer}.align-right{align-items:flex-end;justify-content:flex-end}.f-20{font-size:20px}@media screen and (min-width:350px){.main{width:528px;padding:10px}.nav-button{display:none}}@media screen and (min-width:768px){.main{width:528px}}@media screen and (min-width:1024px){.main{width:528px}}