@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
h1, h2, h3, h4, h5, h6, p, button, a, li, span{
  font-family: 'Inter', sans-serif;
}
a{
  font-size: 12px;
  text-decoration: none;
}
.nav-link{
  color: #ffffff;
  font-size: 14px;
}
.nav-link:hover{
  color: #ffffffb6;
}
.nav-link.active{
  color: #ffffff
}
.bg-danger-bwk{
  background: linear-gradient(180deg, #BF2929 52.6%, #891313 100%);
  background-attachment: fixed;
}
.btn{
  padding: 15px 30px;
  font-size: 12px;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.5s;
}
.btn:hover{
  transform: translateY(-5px);
  box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.234);
}
.btn-light{
  color: #BF2929;
}
.btn-light:hover, .btn-outline-light:hover{
  color: #BF2929;
}
.bg-danger{
  background-color: #BF2929 !important;
}
.btn-light-2{
  color: #3d3d3d;
  background-color: #ededed;
}
.card{
  border: 0;
  border-radius: 10px;
}
.card-body{
  padding: 20px;
}
.form-group{
  margin: 10px 0;
}
.form-secondary-text{
  font-size: 12px;
}
.w-10{
  width: 17%;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #0a58ca;
  outline: 0;
  box-shadow: 0 0 0 0.25rem transparent;
}
.w-80{
  width: 69%;
}

.desktop {
  display: block!important;
}
.mobile {
  display: none!important;
}

svg path {fill: #ffffff}


@media only screen and (max-width: 480px) {
  .btn {
    padding:10px;
  }

  .desktop {
    display: none!important;
  }

  .mobile {
    display: block!important;
  }

}