html {
  font-family: "Avenir Next","AvenirNextLTPro-Bold",sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1;
}

body {
  background-color: #000;
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  body {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .contauner{
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}

a {
  text-decoration: none;
}

.fs-7 {
  font-size: 14px !important;
}

.fs-8 {
    font-size: 12px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.navbar-glass {
  background-color: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

@media (max-width: 991.98px) {
  .contauner.d-lg-none {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    z-index: 1030;
    box-sizing: border-box;
  }

  body:not(.home-modern-page) {
    padding-top: 3.5rem;
  }
}

.bg-hs{
  background-color: #1f232f !important;
}

.bg-jbh{
  background:linear-gradient(0deg,#000,#999);
}

.bg-lvs{
  background-color: #0ecb81 !important;
}

.bg-lvs1{
  background-color: #00b897 !important;
}

.bg-red{
  background-color: #f5465c !important;
}

.bg-qh{
  background-color: rgb(51, 51, 51) !important;
}

.bg-zs{
  background-color: rgb(118, 31, 227) !important;
}

.bg-fs{
  background-color: rgb(132, 54, 230) !important;
}

.text-lvs{
  color:#0ecb81;
}

.text-dhs{
  color: #95979b;
}

.text-bhs{
  color: rgb(185, 192, 196);
}

.text-red{
  color: #f5465c !important;
}

.text-zs{
  color: rgb(118, 31, 227) !important;
}

.border-lvs{
  border-color:#0ecb81 !important;
}

.pb-6{
  padding-bottom: 4rem !important;
}

.border-zs {
  border-color: rgb(118, 31, 227) !important;
}

.border-bhs {
  border-color: rgb(185, 192, 196) !important;
}

.border-bshs {
  border-color: rgb(72, 73, 73) !important;
}

.border-hhs {
  border-color: rgb(49, 49, 49) !important;
}

@media (min-width: 992px) {
  .mt-lg-7 {
      margin-top: 7rem !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-8 {
      margin-top: 6rem !important;
  }
}

@media (max-width: 992px) {
  .mt-top-4 {
      margin-top: 1.5rem !important;
  }
}