@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
  font-family: 'Inter', sans-serif;
  font-variant-ligatures: none;
  cursor: default;
  color: #000;
  font-size: 0.8rem;
}

.bg-dark {
  background-color: #0e0e0e !important;
}

@media (min-width: 992px) {
  .navbar-light {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}

.navbar-brand {
  font-weight: 600;
}

.navbar-light .navbar-nav .nav-link {
  font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #e5e5e5 !important;
}

.bg {
  background-image: linear-gradient(-40deg, rgba(245, 122, 47, .8),rgba(245, 47, 110, .8), rgba(119, 114, 241, .8)), url('./img/bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.content h1 {
  font-size: calc(30px + 0.9vw);
  font-weight: 800;
  line-height: normal;
  margin-bottom: 30px;
}

@media (min-width: 1600px) {
  .content h1 {
    font-size: 60px;
    line-height: 70px;
  }
}

.content h1 span {
  background: -webkit-linear-gradient(40deg,  #7772f1, #f52f6e, #f57a2f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

main {
  background-image: linear-gradient(-40deg, rgba(245, 122, 47, .8),rgba(245, 47, 110, .8), rgba(119, 114, 241, .8)), url('./img/inner-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

main h1 {
  font-size: 57px;
  font-weight: 600;
  letter-spacing: -2px;
}

.legal h6 {
  margin-top: 2.5rem;
  font-weight: bold;
}

.main-page .p-5.content {
  padding-left: 3rem !important;
  padding-right: 1rem !important;
}

.main-page .p-5.col-lg-6 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.main-page > .navbar {
  z-index: 9;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (max-width: 1199px) {
  .main-page .p-5.content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .content h1 {
    font-size: calc(28px + 0.6vw);
  }

  .main-page .navbar-brand {
    padding-left: 0 !important;
  }
}

@media (max-width: 991px) {
  .bg {
    min-height: calc(250px + 25vw);
  }
}

@media (max-width: 767px) {
  .main-page .p-5.col-lg-6 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .main-page > .navbar {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}