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

.form-title-custom {
    font-family: pt sans, sans-serif;
    font-size: 33px;
    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;
}