@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,500&display=swap");

@font-face {
    font-family: Soin-Sans-Pro-Roman;
    src: url(../../Assets/Font/SoinSansProRoman.ttf);
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'Nunito Sans', sans-serif;
    outline: none;
    list-style: none;
    scrollbar-width: none;
    -webkit-tap-highlight-color: transparent;
}

*::-webkit-scrollbar {
    display: none;
}

html,
body {
    overflow-x: hidden !important;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeInDown {
    animation: fadeInDown 0.5s ease forwards;
}

#MenuIcon {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

#MenuIcon.bx-menu {
    transform: rotate(0deg);
    opacity: 1;
}

#MenuIcon.bx-x {
    transform: rotate(180deg);
    opacity: 0.8;
}

@media (min-width: 1024px) and (max-width: 1170px) {
    .pl-7rem {
        padding-left: 8rem !important;
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}