.form-step {
    padding: 45px 10px 45px 10px;
}

.form-step .step-title {
    font-family: 'Aeonik Bold';
    font-size: 1.4rem;
    font-style: normal;

    margin-bottom: 30px;
}

.form-step .step-description {
    font-family: 'Aeonik Medium';
    font-size: 0.85rem;
    font-style: normal;
    text-align: justify;

    margin-bottom: 30px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.input-title {
    font-family: 'Aeonik Bold';
    font-size: 1rem;
    font-style: normal;

    margin-top: 15px;
    margin-bottom: 15px;
}

.input-description {
    font-family: 'Aeonik Medium';
    font-size: 0.8rem;
    font-style: normal;

    text-align: justify;

    margin-bottom: 25px;
}

.form-step .form-group {
    margin-bottom: 50px;
}

.form-step label {
    font-family: 'Aeonik Bold';
    font-size: 1rem;
    font-style: normal;

    text-align: justify;
}

.form-step p.h6 {
    font-size: 0.9rem;
    font-style: normal;
    color: #737373;

    margin-bottom: 15px;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef !important;
  opacity: 1;
}

.form-step .form-group input {
    width: auto;

    font-size: 1.2rem;
    color: #000000;

    outline: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid #cdcdcd;

    padding-left: 0;

    background: transparent;

    appearance: none;

    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: #000000;
}

.form-step .form-group input:focus {
    border-bottom: 2px solid #fec641;
    box-shadow: none;
    -webkit-text-fill-color: #fec641;
}

.form-group select {
    width: auto;
    max-width: 100%;

    outline: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid #cdcdcd;

    padding: 0 1em 0 0;

    background: transparent;

    font-size: 1.2rem;
    color: #000000;
    line-height: inherit;

    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: #000000;

    cursor: inherit;
}

.form-group select:focus {
    border-bottom: 2px solid #fec641;
    box-shadow: none;
    -webkit-text-fill-color: #fec641;
}

.form-group select option {
    font-size: 0.9rem;
}

.form-step .form-group textarea {
    resize: none;

    font-size: 1.2rem;
    color: #000000;

    outline: none;
    border: none;
    border-radius: 0px;
    border-bottom: 2px solid #cdcdcd;

    padding-left: 0;

    background: transparent;

    appearance: none;

    -webkit-font-smoothing: antialiased;
    -webkit-text-fill-color: #000000;
}

.form-step .form-group textarea:focus {
    border-bottom: 2px solid #fec641;
    box-shadow: none;
    -webkit-text-fill-color: #fec641;
}

.form-step .form-group input.error,
.form-step .form-group select.error,
.form-step .form-group textarea.error {
    border-bottom: 2px solid #ee3b3b;
}

.tipo-incricao {
    font-family: 'Aeonik';
    font-size: 1rem;
    font-style: normal;
    color: rgb(115, 115, 115);
}

.tipo-incricao span {
    font-family: 'Aeonik Bold';
}

.form-fields {
    width: 100%;
}

.form-fields.scroll-shadow {
    overflow-y: auto;
    background:
        /* Shadow Cover TOP */
        linear-gradient(white 30%,
            rgba(255, 255, 255, 0)) center top,

        /* Shadow Cover BOTTOM */
        linear-gradient(rgba(255, 255, 255, 0),
            white 70%) center bottom,

        /* Shadow TOP */
        radial-gradient(farthest-side at 50% 0,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0)) center top,

        /* Shadow BOTTOM */
        radial-gradient(farthest-side at 50% 100%,
            rgba(0, 0, 0, 0.2),
            rgba(0, 0, 0, 0)) center bottom;

    background-repeat: no-repeat;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    background-attachment: local, local, scroll, scroll;
}

.form-controllers .golden-btn {
    margin-top: 30px;
}

.payment-outline-btn {
    background-color: transparent;

    padding: 8px 5px 8px 5px;

    border: 2px solid #545454;
    border-radius: 15px;

    font-family: 'Aeonik Bold';
    color: #545454;
    font-style: normal;
}

.payment-outline-btn:active,
.payment-outline-btn:focus {
    border-color: #000000;
    color: #000000;
    box-shadow: none;
}

.payment-outline-btn.active {
    border-color: #f3bb3a;
    color: #f3bb3a;
}

.payment-outline-btn .icon {
    font-size: 1.5rem;

    margin-bottom: 5px;
}

.payment-outline-btn .label {
    font-size: 0.7rem;
}


@media (min-width: 768px) {
    .form-step {
        padding: 30px 30px 30px 30px;
    }

    .input-description {
        padding-right: 30px;
    }

    .form-step label {
        padding-right: 30px;
    }

    .form-fields::-webkit-scrollbar-track {
        border-radius: 10px;
        border: 0.5px solid #fec641;

        background-color: transparent;
    }

    .form-fields::-webkit-scrollbar {
        border-radius: 10px;

        width: 10px;
        background-color: transparent;
    }

    .form-fields::-webkit-scrollbar-thumb {
        border-radius: 10px;

        background-color: #fec641;
    }

    .form-fields::-webkit-scrollbar-thumb:hover {
        background-color: #be9431;
    }

    .payment-outline-btn:hover {
        border-color: #000000;
        color: #000000;
        box-shadow: none;
    }

    .step-description {
        line-height: 1.35;
        padding-right: 150px;
    }
}