@font-face {
  font-family: "Gilroy-Black";
  src: url("../assets/fonts/Gilroy-Black.ttf");
}
@font-face {
  font-family: "Gilroy-Bold";
  src: url("../assets/fonts/Gilroy-Bold.ttf");
}
@font-face {
  font-family: "Gilroy-ExtraBold";
  src: url("../assets/fonts/Gilroy-ExtraBold.ttf");
}
@font-face {
  font-family: "Gilroy-Light";
  src: url("../assets/fonts/Gilroy-Light.ttf");
}
@font-face {
  font-family: "Gilroy-Medium";
  src: url("../assets/fonts/Gilroy-Medium.ttf");
}
@font-face {
  font-family: "Gilroy-Regular";
  src: url("../assets/fonts/Gilroy-Regular.ttf");
}
@font-face {
  font-family: "Gilroy-SemiBold";
  src: url("../assets/fonts/Gilroy-SemiBold.ttf");
}
@font-face {
  font-family: "Gilroy-MediumItalic";
  src: url("../assets/fonts/Gilroy-MediumItalic.ttf");
}
@font-face {
  font-family: "Gilroy-Heavy";
  src: url("../assets/fonts/Gilroy-Heavy.ttf");
}

:root {
  /* neutral */
  --neutral-0: #ffffff;
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #eeeeee;
  --neutral-300: #e0e0e0;
  --neutral-400: #bdbdbd;
  --neutral-500: #9e9e9e;
  --neutral-600: #757575;
  --neutral-700: #616161;
  --neutral-800: #424242;
  --neutral-900: #212121;
  --neutral-1000: #0a0a0a;

  /* blue */
  --blue-50: #e6f1fc;
  --blue-100: #b0d5f7;
  --blue-200: #8ac0f3;
  --blue-300: #54a4ed;
  --blue-400: #3392e9;
  --blue-500: #0077e4;
  --blue-600: #006ccf;
  --blue-700: #0054a2;
  --blue-800: #00417d;
  --blue-900: #003260;

  /* orange */
  --orange-50: #fff5f2;
  --orange-100: #feded5;
  --orange-200: #fdcfc1;
  --orange-300: #fcb9a5;
  --orange-400: #fcab93;
  --orange-500: #fb9678;
  --orange-600: #e4896d;
  --orange-700: #b26b55;
  --orange-800: #8a5342;
  --orange-900: #693f32;
}
.padding-top{
  padding-top: 60px;
}
header{
    position: fixed;
    width: 100vw;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.00) 117.37%);
    backdrop-filter: blur(9.050000190734863px); 
    z-index: 999;
    top: 0;
    
}

header a{
    color: var(--neutral-900) !important;
    font-family: Gilroy-Regular;
    font-size: 14px;
    font-weight: 400;
}
header .nav-item{
  margin-right: 30px;
}
header .nav-link{
  font-size: 14px;
}
header .active{
  font-family: Gilroy-Bold;
}
header .btnLogin{
font-family: Gilroy-SemiBold;
}

header .btn{
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--neutral-900);
  color: var(--neutral-0) !important;
  font-family: Gilroy-Bold;
  font-size: 14px;
  font-weight: 400;
  border: none;
}
header .navbar-toggler{
  border-color: var(--neutral-0) !important;
}

header .navbar-toggler-icon{
  background-image: url("../assets/icon/mobile-menu.svg") !important;
}

footer p, footer a{
  color: var(--neutral900) !important; 
  font-family: Gilroy-Regular !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

@media (max-width: 992px) {
  .padding-top{
    padding-top: 40px;
  }
  #navbarNav{
    transition: height 0.1s ease;
    height: 100vh;
  }

  #navbarNav .navbar-nav{
    margin-top: 40px;
  }

  footer .footer-top ul{
    margin-top: 32px;
  }
  footer .footer-content{
    gap: 12px;
  }
}