.nav-item.active {

  color: var(--primary);

}

.nav-item {

  white-space: nowrap !important;

  padding: 7px 3px;

}



.nav-item:not(.disabled)::before {

  content: "";

  display: block;

  width: 0%;

  border-top: solid var(--primary) 2px;

  position: absolute;

  bottom: -7px;

  box-sizing: content-box;

  transition: all 0.6s ease;

}



.nav-item {

  position: relative;

  font-size: 28px;

  font-weight: 400;

}



@media screen and (max-width: 1023px) {

  .nav-item {

    font-size: 22px;

  }

}

.nav-item:hover::before {

  width: 100%;

}



.nav-item.active::before {

  width: 100%;

}



.font-poppins {

  font-family: "Poppins";

}



::placeholder {

  color: #adadad !important;

  font-size: 18px;

}



.form-group .form-control {

  background-color: white !important;

  border: 1px solid #ecf4ff !important;

  border-radius: 8px !important;

}



.form-control:focus {

  border: solid 2px #424767;

  -webkit-box-shadow: none;

  box-shadow: none;

}



#demoForm .form-control {

  height: auto !important;

  padding: 0.9rem 0.8rem calc(0.6rem + 1px) 0.8rem !important;

  -webkit-padding-before: 0.9rem 0.8rem calc(0.6rem + 1px) 0.8rem !important;

}



select.form-control {

  height: auto !important;

  padding: 0.9rem 0.8rem calc(0.6rem + 1px) 0.8rem !important;

}



#demoForm input[type="text"],

textarea,

select {

  font-family: "DB Heavent", sans-serif;

  font-size: 18px !important;

  color: black !important;

  font-weight: 300 !important;

}



select:invalid,

select option[value=""] {

  color: #adadad !important;

  font-weight: 300 !important;

  font-size: 18px !important;

}



input.form-check-input {

  transform: scale(1.5);

}



.text-indent {

  text-indent: 50px;

}



.invalid-feedback {

  font-size: 16px !important;

  color: #da373d;

}



.terms-label {

  color: #77c62d;

}



.terms-text {

  color: #77c62d;

  line-height: 1.7;

}



.btn-cool-blue {

  background-color: #e50019 !important;

  color: white;

  border-radius: 8px;

}



.btn-cool-blue:hover {

  -webkit-transition: background-color 300ms ease-in;

  -ms-transition: background-color 300ms ease-in;

  transition: background-color 300ms ease-in;

  opacity: 0.9;

}



.blob {

  background: white;

  border-radius: 50%;

  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);

  transform: scale(1);

  animation: pulse 2s infinite;

}



@keyframes pulse {

  0% {

    transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);

  }



  70% {

    transform: scale(1);

    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);

  }



  100% {

    transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

  }

}



.btn-wrapper {

  position: relative;

  height: 200vh;

  width: 100%;

  max-width: 400px;

  background: #000;

}



.wrapper-to-top {

  position: relative;

  max-width: 1440px;

  margin: 0 auto;

}



.button-wrapper {

  position: absolute;

}



.button {

  position: fixed;

  width: 25px;

  height: 25px;

  cursor: pointer;

  background: black;

}



.pills {

  border-radius: 8px;

}



.bg-hero {

  background-image: url("../media/bg-hero2.png");

  background-position: top;

  background-repeat: no-repeat;

  background-size: cover;

}



.bg-hero-sm {

  background-image: url("../media/mobile/bg-hero-sm.svg");

  background-position: top;

  background-repeat: no-repeat;

  background-size: 100%;

}



.bg-about {

  background-image: url("../media/bg-about.png");

  background-repeat: no-repeat;

  background-size: cover;

}