/* background */
.bg-black {
    background-color: #000000;
  }
  .bg-blue-dark {
    background-color: #003869;
  }
  .bg-grey {
    background-color: #EFEDEA;
  }
  .bg-grey-2 {
    background-color: #F5F3F0;
  }
  .bg-grey-3 {
    background-color: #E9ECEF;
  }
  .bg-yellow {
    background-color: #FFE600;
  
  }
  /* Opacity*/
  .opacity-0 {
    opacity: 0;
  }
  /* Shadow */
  .box-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  /* Fonts */
  .font-size-54 {
    font-size: 54px!important;
  }
  .font-size-48 {
    font-size: 48px!important;
  }
  .font-size-40 {
    font-size: 40px!important;
  }
  .font-size-32 {
    font-size: 32px!important;
  }
  .font-size-24 {
    font-size: 24px!important;
  }
  .font-size-20 {
    font-size: 20px!important;
  }
  .font-size-18 {
    font-size: 18px!important;
  }
  .font-size-16 {
    font-size: 16px!important;
  }
  .font-size-14 {
    font-size: 14px!important;
  }
  .font-size-13 {
    font-size: 13px!important;
  }
  .font-size-12 {
    font-size: 12px!important;
  }
  .font-size-10 {
    font-size: 10px!important;
  }
  .font-size-8 {
    font-size: 8px!important;
  }
  .font-weight-700 {
    font-weight: 700;
  }
  .font-weight-600 {
    font-weight: 600;
  }
  .font-weight-500 {
    font-weight: 500;
  }
  .font-weight-400 {
    font-weight: 400;
  }
  .text-decoration-none {
    text-decoration: none;
  }
  .text-decoration-none:hover {
    text-decoration: none;
  }
  
  @media (min-width: 993px) {
    .font-size-lg-54 {
      font-size: 54px!important;
    }
    .font-size-lg-48 {
      font-size: 48px!important;
    }
    .font-size-lg-40 {
      font-size: 40px!important;
    }
    .font-size-lg-32 {
      font-size: 32px!important;
    }
    .font-size-lg-24 {
      font-size: 24px!important;
    }
  }
  
  /* Buttons */
  .btn-rounded {
    border-radius: 30px;
  }
  .btn-black {
    background-color: #000000;
    color: #ffffff;
    line-height: 16px;
  }
  .btn-black:hover {
    background-color: #212529;
    color: #ffffff!important;
  }
  .btn-white {
    background-color: #ffffff;
    color: #000000!important;
    line-height: 16px;
  }
  .btn-white:hover {
    background-color: #fafafa;
    color: #000000!important;
  }
  
  /* Width */
  .w-95 {
    width: 95%;
  }
  .w-80 {
    width: 70%;
  }
  .w-70 {
    width: 70%;
  }
  .w-60 {
    width: 60%;
  }
  .w-40 {
    width: 40%;
  }
  .w-30 {
    width: 32%;
  }
  .max-w-1000 {
    max-width: 994px;
  }
  .min-w-300 {
    min-width: 300px;
  }
  @media (min-width: 993px) {
    .w-lg-100 {
      width: 100%!important;
    }
    .w-lg-75 {
      width: 75%!important;
    }
    .w-lg-70 {
      width: 70%!important;
    }
    .w-lg-50 {
      width: 50%!important;
    }
    .w-lg-30 {
      width: 32%!important;
    }
  }