@font-face {
    font-family: HKGrotesk-Bold;
    src: url('../fonts/en/HKGrotesk-Bold.woff2') format('woff2');
  }
  @font-face {
    font-family: HKGrotesk-Light;
    src: url('../fonts/en/HKGrotesk-Light.woff2') format('woff2');
  }  
  @font-face {
    font-family: HKGrotesk-Regular;
    src: url('../fonts/en/HKGrotesk-Regular.woff2') format('woff2');
  }
body {
    font-family: HKGrotesk-Regular !important;
}



.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    z-index: 1050;

    width: 100%;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(242, 201, 0, 0.08) 0%,
            transparent 28%
        ),
        linear-gradient(
            110deg,
            #0a0f0c 0%,
            #111914 48%,
            #17231b 100%
        );

    border-bottom:
        1px solid
        rgba(242, 201, 0, 0.18);

    box-shadow:
        0 8px 30px
        rgba(0, 0, 0, 0.12);

    transition:
        padding-top 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        padding-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        background 0.4s ease,
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}


/*
Prevents page content from
going underneath fixed header
*/
body {
    padding-top: var(--header-height, 90px);
}


/* Golden Bottom Line */

.header::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 0;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(242, 201, 0, 0.25) 15%,
            #f2c900 50%,
            rgba(242, 201, 0, 0.25) 85%,
            transparent 100%
        );

    opacity: 0;

    transform:
        translateX(-50%);

    transition:
        width 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.4s ease;

}


/* Scrolled Header */

.header.is-scrolled {

    padding-top:
        6px !important;

    padding-bottom:
        6px !important;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(242, 201, 0, 0.05) 0%,
            transparent 28%
        ),
        linear-gradient(
            110deg,
            rgba(8, 13, 10, 0.98) 0%,
            rgba(14, 22, 17, 0.98) 48%,
            rgba(18, 29, 22, 0.98) 100%
        );

    border-bottom-color:
        transparent;

    box-shadow:
        0 10px 35px
        rgba(0, 0, 0, 0.25),

        0 2px 8px
        rgba(0, 0, 0, 0.12);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

}


/* Golden Line After Scroll */

.header.is-scrolled::after {

    width: 100%;

    opacity: 1;

}


/* Mobile */

@media (max-width: 991.98px) {

    .header {

        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1050;

    }

}


a {
    text-decoration: none !important;
}
.custom.logo p {
	margin-bottom: 0 !important;
}
@media (max-width:768px){

}