html {
    scroll-behavior: smooth;
}

body {
    font-family: Raleway, sans-serif;
    background: #F7F7F7;
    font-weight: 300;
}

.container {
    max-width: 1440px !important;
}

.shadow-main {
    box-shadow: 0px 0px 10px 0px #00000040;
}

.shadow-main-inset {
    box-shadow: 0px 0px 7px 0px #00000040 inset;
}

.menu-link.active {
    border-bottom: 3px solid #FFC400
}

.btn {
    background: radial-gradient(124.57% 164.59% at 50% 50%, #FFC400 0%, #F9DE31 100%);
    border-radius: 100px;
}

.bg-gradient {
    background: radial-gradient(124.57% 164.59% at 50% 50%, #FFC400 0%, #F9DE31 100%);
}

/* Hamburger */
.hamburger-box {
    position: relative;
    width: 24px;
    height: 18px;
    display: inline-block;
}

.hamburger-line {
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background: #111827;
    border-radius: 9999px;
    transform-origin: center;
    transition: transform 300ms ease, opacity 300ms ease;
}

.hamburger-line.line-1 {
    top: 0;
}

.hamburger-line.line-2 {
    top: 8px;
}

.hamburger-line.line-3 {
    top: 16px;
}

#hamburger.open .line-1 {
    transform: translateY(8px) rotate(45deg);
}

#hamburger.open .line-2 {
    opacity: 0;
    transform: scaleX(0.6);
}

#hamburger.open .line-3 {
    transform: translateY(-8px) rotate(-45deg);
}

#mobileMenu.is-open {
    transform: translateY(calc(100% + 76px));
    opacity: 1;
    pointer-events: auto;
}

.no-scroll {
    overflow: hidden;
}