@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Kode+Mono:wght@400..700&display=swap";
.theme-btn span i{margin-left:8px;transition:transform .3s;display:inline-block}.theme-btn:hover span i{transform:translate(3px)}.link-btn span i{margin-left:8px;transition:transform .3s;display:inline-block}.link-btn:hover span i{transform:translate(3px)}.theme-btn span,.link-btn span{white-space:nowrap;align-items:center;display:inline-flex}.brand-carousel-active{width:100%;margin:0 auto}.brand-carousel-active .brand-image{outline:none;justify-content:center;align-items:center;height:100px;padding:20px;display:flex!important}.brand-carousel-active .brand-image img{object-fit:contain;filter:grayscale();opacity:.7;width:auto;max-width:120px;height:auto;max-height:60px;transition:all .3s}.brand-carousel-active .brand-image:hover img{filter:grayscale(0%);opacity:1;transform:scale(1.05)}.brand-carousel-active .slick-track{align-items:center;display:flex}.brand-carousel-active .slick-slide{outline:none;height:auto}.brand-carousel-active .slick-slide>div{height:100%}@media (max-width:768px){.brand-carousel-active .brand-image{height:80px;padding:15px}.brand-carousel-active .brand-image img{max-width:100px;max-height:40px}}