@font-face {
    font-family: 'Hero';
    src: url('../font/HeroLight-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Hero';
    src: url('../font/HeroLight-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Hero';
    src: url('../font/HeroLight-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #ffffff;
}

/* Mobile menu toggle classes */
.mobile-menu-active {
    transform: translateX(0) !important;
}

.no-scroll {
    overflow: hidden;
}

/* Hide scrollbar for carousels */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}