body{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}
.bg-img{
    background-image: url(../img/2.jpg);
    background-position: top;
    background-size: cover;
    min-height: 650px;
}
.mask1 {
-webkit-box-shadow: inset 0px 0px 350px 150px rgba(255,255,255,0.4); 
box-shadow: inset 0px 0px 350px 150px rgba(0,0,0,0.15);
}
.fw-bolder{
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}
.navbar-brand{
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}
.gradient-1{
    background: #FF5574;
background: -webkit-linear-gradient(to right, #FF5574 0%, #6168FF 93%);
background: -moz-linear-gradient(to right, #FF5574 0%, #6168FF 93%);
background: linear-gradient(to right, #FF5574 0%, #6168FF 93%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.rounded-4 {
  border-radius: 0.4rem !important;
}
.rounded-5 {
  border-radius: 0.8rem !important;
}
.btn-pink {
  color: #fff;
  background-color: #FF5574;
  border-color: #FF5574;
}
.btn-pink:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-pink, .btn-pink:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-pink, .btn-check:active + .btn-pink, .btn-pink:active, .btn-pink.active, .show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-pink:focus, .btn-check:active + .btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus, .show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-pink:disabled, .btn-pink.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.text-pink{

  --bs-text-opacity: 1;
  color:  #FF5574 !important;

}
.oswald-font{
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}
.sticky-offset {
    top: 80px;
}
@media (max-width: 431px) {
  .btn-width {
    width: 100%;
  }
}
@media (min-width: 432px) and (max-width: 767px) {
  .btn-width {
    width: 70%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .btn-width {
    width: 100%;
  }
}
@media (min-width: 992px)  {
  .btn-width {
    width: 40%;
  }
}