body {
    font-family: 'Maven Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.active-element{
    color:#78be21 !important;
}

.head-color{
    color:#78be21;
}
a {
  text-decoration: none !important;
  color: #fff !important;
}
a:hover,.hover-nav:hover {
  color: #78be21 !important;
}

.btncolor {
    background-color: #78be21;
    color: #fff !important;
  }

  .btncolor:hover {
    color: #444 !important;
  }

  i.fas,i.far {
    transition: all 0.2s ease-in-out;
  }
  
  i.fas:hover,i.far:hover {
    transform: scale(1.1);
  }
.navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.navigation ul li {
  display: inline-block;
}

.navigation ul li {
  width: 110px;
  padding: 10px;
  text-align: center;
}
.navigation li:last-child {
  width: 150px;
  padding: 10px;
  text-align: center;
}
nav.navbar-expand-lg ul.navbar-nav a.nav-link {
  padding-right: 1.3rem !important;
  padding-left: 1.3rem !important;
}

/* media query for max width 767 */

@media only screen and (max-width: 767px) {
  .navigation ul li {
    display: none;
  }
}

.custom-radio input {
  display: none;
}

.custom-radio-other input {
  display: none;
}

.form2 label,
.form3 label,
.form4 label {
  font-size: 0.8em;
}

.rad-button {
  margin: 10px;
  width: 100%;
  height: auto;
  /* //border: 1px solid grey; */
  box-shadow: 0 0 3px 0;
  display: inline-block;
  border-radius: 10px;
  cursor: pointer;
}

.rad-button-other {
  width: 100%;
  height: auto;
  border: 1px solid #dddddd;
  /* box-shadow: 0 0 3px 0; */
  display: inline-block;
  cursor: pointer;
border: 2px solid #ced4da !important;
border-radius:5px;
}

.custom-radio input:checked + .rad-button {
  border-radius: 10px;
  border: 4px #78be21 solid; box-sizing: border-box;

}
.form-control:focus,.form-select:focus,.rad-button-other:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #f0fae4!important;}

.custom-radio-other input:checked + .rad-button-other {
  color: #000;
 border: 4px #78be21 solid !important;
  box-sizing: border-box;
 }

.fix-width {
  width: 150px;
  margin: 15px;
  margin-bottom: 0;
}

.font-form {
  font-size: 1.2rem;
}

.padding-adjustment {
  padding-right: 0px;
  padding-left: 0px;
}

@media only screen and (max-width: 375px) {
  .progressbar {
    display: none;
  }

  .progressbar-display {
    padding-top: 0 !important;
  }

  .margin-bottom-4:nth-child(1),
  .margin-bottom-4:nth-child(2) {
    margin-bottom: 20px !important;
  }
}

.small-text {
  font-size: 1em;
}

@media only screen and (min-width: 375px) and (max-width: 449px) {
  .progressbar-width {
    width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .progressbar .step .bullet::before,
  .progressbar .step .bullet::after {
    width: 32px;
    right: -38px;
  }

  .fix-width {
    width: 125px;
    margin: 15px;
  }

  .small-text {
    font-size: 1em;
  }

  .margin-bottom-4:nth-child(1),
  .margin-bottom-4:nth-child(2) {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 450px) and (max-width: 575px) {
  .progressbar-width {
    width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .progressbar .step .bullet::before,
  .progressbar .step .bullet::after {
    width: 50px;
    right: -56px;
  }

  .small-text {
    font-size: 1em !important;
  }

  .margin-bottom-4:nth-child(1),
  .margin-bottom-4:nth-child(2) {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .progressbar .step .bullet:before,
  .progressbar .step .bullet:after {
    width: 78px;
    right: -86px;
  }

  .small-text {
    font-size: 1em !important;
  }

  .margin-bottom-4:nth-child(1),
  .margin-bottom-4:nth-child(2) {
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .padding-adjustment {
    padding-right: 100px;
    padding-left: 100px;
  }

  .font-form {
    font-size: 1.6em;
  }

  .progressbar .step .bullet:before,
  .progressbar .step .bullet:after {
    width: 74px;
    right: -81px;
  }

  .small-text {
    font-size: unset !important;
  }

  section#topOfForm {
    margin-top: calc(106px + 3 rem) !important;
    margin-bottom: 3rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .padding-adjustment {
    padding-right: 125px;
    padding-left: 125px;
  }

  .font-form {
    font-size: 1.8em;
  }

  .progressbar .step .bullet:before,
  .progressbar .step .bullet:after {
    width: 120px;
    right: -128px;
  }

  .small-text {
    font-size: unset !important;
  }

  section#topOfForm {
    margin-top: calc(106px + 3rem) !important;
    margin-bottom: 3rem;
  }
.padding-large{

  padding-right: 10rem !important;
  padding-left: 10rem !important;
}
}

@media only screen and (min-width: 1200px) {
  .padding-adjustment {
    padding-right: 150px;
    padding-left: 150px;
  }

  .font-form {
    font-size: 2em;
  }

  .progressbar .step .bullet:before,
  .progressbar .step .bullet:after {
    width: 150px;
    right: -159px;
  }

  .small-text {
    font-size: unset !important;
  }

  section#topOfForm {
    margin-top: calc(106px + 3rem) !important;
    margin-bottom: 3rem;
  }
.padding-large{

  padding-right: 10rem !important;
  padding-left: 10rem !important;
}

}

.form-control {
  border: 2px solid #ced4da !important;
}


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

    
  .logos {
    text-align: center;
    padding-bottom: 20px;
  }

  .logos img {
    width: 50% !important;
  }
  .navbar ul{
      text-align:center;
      height:100vh;
      font-size:24px;
    padding-top:50px;
     }
  .navbar ul li{
    font-size:24px;
    padding:15px;

  }
  .navbar-dark .navbar-toggler {
    
    border: none !important;
  }


}
.hero {
  background-image: url("./images/hero5.jpg");
  background-position: center;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero p{
    font-size:2rem;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero p{
        font-size:2.5rem ;
    }
    .hero {
        
        height: 400px;
      }

      .form-padding-80{
        width:80%;

      }
      .form-padding{
        width:70%;

      }

  }
  @media only screen and (min-width: 991px) and (max-width: 1199px) {
    .hero p{
        font-size:3rem ;
    }

    .hero {
        
        height: 500px;
     
      }

      .form-padding-80{
        width:85%;

      }
      .form-padding{
        width:70%;

      }
  }
  @media only screen and (min-width: 1200px) {
    .hero p{
        font-size:4rem ;
    }
    .hero {
        
        height: 600px;
     
      }

      .form-padding-80{
        width:75%;

      }
      .form-padding{
        width:50%;

      }
  }

  .form-check-input:checked {
    background-color: #78be21 !important;
    border-color: #78be21 !important
}