.p20 {
    padding: 20px 20px 0px 20px;
}

.form-title-custom {
    font-family: pt sans, sans-serif;
    font-size: 29px;
    font-weight: 900;
    margin-bottom: 0;
}

.form-cost-area{
      background-color: #6598ff;
      font-size: 30px;
      font-weight: 700;
      padding: 11px 24px;
      text-align: left;
      color: white;
}


.rounded {
    /*font-family: pt sans,sans-serif;*/
    font-size: 19px;
    margin-top: 10px;
    padding-left: 10px;

    counter-reset: li;
    list-style: none;
    font: 18px "Trebuchet MS", "Lucida Sans";
    padding: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}

.rounded a {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 0 .5em .9em;
    background: #dfd4ea;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: .3s ease-out;
}

.rounded a:hover {
    cursor: pointer;
    background: #E9E4E0;
}

.rounded a:hover:before {
    transform: rotate(360deg);
}

.rounded a:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #8FD4C1;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid white;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


.form-city {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    padding: 8px 40px 8px 0;
    border: none;
    border-bottom: 2px solid #6598ff;
    color: #282828;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJNMTIuNDQgNi40NEw5IDkuODggNS41NiA2LjQ0IDQuNSA3LjUgOSAxMmw0LjUtNC41eiIgZmlsbD0iIzY1OThmZiI+PC9wYXRoPjwvc3ZnPg==);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: calc(100% - 17px);
    background-color: transparent;
}

.form-input{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
}

.form-input input {
      padding: 10px;
      font-size: 18px;
      width: 90%;
      border: none;
      border-bottom: 2px solid #6598ff;
}

.custom-form{
      display: flex;
      flex-direction: column;
      justify-content: space-around;
}

.form-custom-button{
      text-transform: uppercase;
      font-size: 24px;
      background-color: #492479; 
      border:none; 
      border-radius: 5px; 
      color: white;
      padding: 20px;
      width: 350px;
}

.form-custom-button:hover{
      cursor: pointer;
      background-color: #77298a;
}






.radio {
  margin: 16px 0;
  display: block;
  cursor: pointer;
}
.radio input {
  display: none;
}
.radio input + span {
  line-height: 22px;
  height: 22px;
  padding-left: 22px;
  display: block;
  position: relative;
}
.radio input + span:not(:empty) {
  padding-left: 30px;
}
.radio input + span:before, .radio input + span:after {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  /*border-radius: 50%;*/
  left: 0;
  top: 0;
  position: absolute;
}
.radio input + span:before {
  background: #95bee1;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2), 
  -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.radio input + span:after {
  background: #fff;
  -webkit-transform: scale(0.78);
          transform: scale(0.78);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4), 
  -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.radio input:checked + span:before {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
  background: #5d9bfb;
}
.radio input:checked + span:after {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, 
  -webkit-transform 0.3s ease;
}
.radio:hover input + span:before {
  -webkit-transform: scale(0.92);
          transform: scale(0.92);
}
.radio:hover input + span:after {
  -webkit-transform: scale(0.74);
          transform: scale(0.74);
}
.radio:hover input:checked + span:after {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}