@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

nav{
  background-color: #090A3A;
}

.header p{
  font-family: Circular Std Bold;
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;

}

.sub-heading{
  font-family: Circular Std Black;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 38px;
  letter-spacing: -0.06px;
}

@media (min-width: 600px) {
  .sub-heading{
      font-family: Circular Std Black;
      font-style: normal;
      font-weight: bold;
      font-size: 30px;
      line-height: 38px;
      letter-spacing: -0.06px;
  }
}

.p-heading{
    font-family: Circular Std Black;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.32px;
}


.labelcta{
    font-family: Circular Std Black;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    letter-spacing: -0.3px;
}


.radio-custom {
    opacity: 0;
}

.radio-custom, .labelcta {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.radio-custom + .labelcta:before {
    content: '';
    background: #fff;
    border: 2.5px solid #246A73;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom + .labelcta:before {
    border-radius: 50%;
}

.radio-custom:checked + .labelcta:before {
    color:#fff;
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';  
    border: 2.5px solid #FFC000;
    background: #FFC000;
    /* transition: 0.5s ease all; */
}

.yellowBackground {
  background-color: #FFEDB8;
  border: 1px solid #FFC000;
}

.custom-select{
  font-family: Circular Std Book;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.36px;
  border: 1px solid #E0E0E0;
  border-radius: 15px;
}

option { 
  background-color: white; 
  border-radius: value; 
  font-family: Circular Std Book;
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.36px;
  padding:90px 0px;
}

    .btn{
    padding: 10px 45px 10px 45px;
    font-family: Circular Std Black;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    border-radius: 100px;
    border: 2px solid #000000;
    background: #fff;
    color: #000;
    transition: all 0.3s ease-in-out;
    }

    .btn:hover {
        background: #090A3A;
        color:white;
    }


.yellowBackground {
    background: #FFEDB8;
    border: 1px solid #FFC000;
    border-radius: 15px;
}

.container{
  width:350px
}

@media (min-width: 600px) {
  .container {
    width: 1170px;
  }
}

@font-face {
  font-family: 'Circular Std Black';
  src: 
      url('../fonts/Circular Std Book.ttf'),
      url('../fonts/Circular Std Medium.ttf'),
      url('../fonts/CircularSpUIv3T-Bold.ttf'),
      url('../fonts/Circular Std Black.ttf');
      }