.email_btn2 {
    margin-left: 1rem;
}

.font-bold {
    font-weight: bold;
}

#finCalc input {
    text-align: end !important;
    border: 1px solid #ccc !important;
}

#finCalc input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.stepper_content {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 50px;
}

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

.stepper_circle {
    position: relative;
    background-color: #fff;
}

.span {
    padding-left: 30px;
}

.step-1 {
    position: relative;
    padding: 10px 10px;
    font-size: 24px;
    text-transform: uppercase;
    color: #555;
    font-weight: 500;
}

.step-2 {
    position: relative;
    padding: 10px 10px;
    font-size: 24px;
    text-transform: uppercase;
    color: #555;
    font-weight: 500;
}

.step-3 {
    padding: 10px 10px;
    font-size: 24px;
    text-transform: uppercase;
    color: #555;
    font-weight: 500;
    position: relative;
}

.step_circle span {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.left_border {
    background: #ddd;
    width: 113vh;
    top: -15px;
    left: 160px;
    height: 1px;
    border-top: 1px solid #ddd;
    position: absolute;
}

.right_border {
    background: #ddd;
    width: 100%;
    top: -15px;
    left: 100px;
    height: 1px;
    border-top: 1px solid #ddd;
    position: absolute;
}

.stepper_border-right {
    background: #ddd;
    position: absolute;
    width: 66% !important;
    height: 1px;
    top: 17px;
    left: 180px;
    border-right: 1px solid #ddd;
}

.btn-align {
    padding-left: 34px !important;
    margin-top: 10px !important;
}

.eli-btn {
    padding-left: 15px !important;
    margin-top: 10px !important;
}

.pad {
    padding: 11px 0px !important;
}

.z-index {
    z-index: 1 !important;
}


/* .step_circle span::after {
    content: '\f00c';
    width: 30px;
    height: 30px;
    position: absolute;
} */

.step_circle span {
    height: 30px;
    width: 30px;
    position: absolute;
    top: -30px;
    left: 70px;
    border-radius: 50%;
    text-align: center;
    background: #F8BD3F;
}

.step_circle-2 span {
    height: 30px;
    width: 30px;
    position: absolute;
    top: -30px;
    left: 50%;
    border-radius: 50%;
    text-align: center;
    background: #ddd;
}

.step_circle-3 span {
    height: 30px;
    width: 30px;
    position: absolute;
    top: -30px;
    left: 50%;
    border-radius: 50%;
    text-align: center;
    background: #ddd;
}


/* Form section */

.form_title h6 {
    padding-top: 15px;
    color: #555;
    font-weight: bold;
}

.start::after {
    content: '*';
    color: red;
}

.gpa {
    padding: 0.5em;
    padding-bottom: 5px;
    width: 43%;
    height: 40px;
    outline: none;
}

#finCalc select {
    width: 43%;
    height: 40px;
}

#finCalc select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.calc-form {
    padding-top: 23px !important;
    padding-left: 23px !important;
    padding-bottom: 23px !important;
}

.gpa {
    text-align: end;
}

.gpa:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.result_btn button {
    border-color: #2e6da4 !important;
    outline: none !important;
    padding: 6px 12px;
    border-radius: 4px;
}

/* Congrats section */

.submit_title h1 {
    color: #333333;
}

.submit_title {
    padding-top: 20px;
    margin-left: 34px;
}

.scholar {
    font-size: 1.5em;
    margin-left: 34px;
    color: rgb(0, 0, 0);
}

.success_text li {
    color: #666666;
}

.email_result span {
    font-weight: 600;
    font-size: 21px;
    margin-top: 15px;
    /* margin-left: 35px; */
}

.email_button button:hover {
    color: #fff;
    background-color: #286090;
}

.email_button button {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
    padding: 6px 12px;
    outline: none !important;
    border: none;
    border-radius: 4px;
}

.email_input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.email_input {
    width: 100%;
    height: 40px;
}

.email_btn button {
    background: #286090;
    color: #fff;
    border: #286090;
    border-radius: 4px;
    padding: 5px 10px;
    margin-left: 1rem !important;
}

.sch {
    margin-left: 9px;
}

.email_btn-2 button {
    background: #286090;
    color: #fff;
    border: #286090;
    border-radius: 4px;
    padding: 5px 10px;
}


/* dependency section */

.depend_input label::after {
    content: '*';
    color: red;
}

.date {
    text-align: start !important;
}

.depend_input input {
    text-align: end;
    outline: none;
    width: 43%;
    height: 40px;
}

.depend_input input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}


/* EFC Section */

.efc_form label::after {
    content: '*';
    color: red;
}

.efc_form input {
    text-align: end;
}

.efc_form input:focus {
    border-color: #6EB3EA !important;
    outline: 0 none;
}


/* Parent section */

.parent_input input {
    width: 60%;
    height: 40px;
}

.after::after {
    content: '*';
    color: red;
}


/* Net Price */

blockquote {
    position: relative;
}

blockquote::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 95px;
    left: -10px;
    border-left: 4px solid #ddd;
}

.table_back {
    background-color: #032e40 !important;
    color: #f0f0ee !important;
    padding: 10px auto;
    font-size: 16px;
    font-weight: bold;
}

.d-button {
    cursor: not-allowed;
    opacity: .7;
}


/* Responsive Screen */

@media only screen and (max-width:768px) {
    .z-index {
        padding: 10px;
    }

    .stepper_border-right {
        display: none;
    }

    .parent_input input {
        width: 100%;
    }

    .media_input {
        width: 100% !important;
    }

    .depend_input input[type='text'] {
        width: 100%;
    }

    .mx-4 {
        margin-left: 0rem !important;
    }

    .depend_input input[type='date'] {
        width: 100%;
    }

    .gpa {
        width: 100%;
    }

    #finCalc select {
        width: 100%;
    }

    p {
        text-align: start !important;
    }

    #finCalc span {
        text-align: start !important;
    }

    .margin {
        margin-left: 0rem !important;
    }

    .white {
        text-align: start !important;
    }

    .mx-4 {
        margin-left: 0px !important;
    }

    .media_text {
        text-align: start !important;
    }

    .media_text .bold_text_pad {
        margin-right: 0px;
        margin-left: 28px;
    }

    .scholar {
        margin-left: 10px !important;
        padding-left: 19px;
        font-size: 14px;
    }

    .submit_title {
        margin-left: 28px;
    }

    .media_price_text {
        text-align: left !important;
    }

    .media_box {
        width: fit-content !important;
    }

    .pbmlmt {
        width: fit-content !important;
    }

    .efc_set {
        width: 100% !important;
    }

    .tool_tip {
        display: none !important;
    }

}

.contain {
    padding: 11px 11px;
}

.error {
    color: red
}

.margin {
    margin-left: 1.5rem;
}

.bold_text {
    color: #000;
}

.radio_width input {
    width: inherit;
    height: inherit;
}

.wow {
    color: #ff8200;
}

.span_link {
    color: #12749e;
}

.list {
    list-style: none;
}

.container-padding {
    padding: 11px 0px;
}

.relative {
    position: relative;
}

.font-24 {
    font-size: 24px;
}

.font-18 {
    font-size: 18px;
}

.radio_margin {
    margin-left: 10px;
}

.label_margin {
    margin-top: 20px;
}

.bold_text_margin {
    font-weight: bold;
    padding-left: 11px;
    margin-left: 20px;
}

/* .pba {
    padding-bottom: 20px;
} */

.label_margin_text {
    margin-left: 7px;
}

.lml {
    margin-left: 5px;
}

.m_remove {
    margin-bottom: 0rem !important;
}

.plr {
    padding-left: 23px !important;
    padding-right: 23px !important;
}

.ml {
    margin-left: -11px;
}

.font-12 {
    font-size: 12px;
}

.radio_set {
    width: 60%;
    height: 40px;
}

.line_border {
    line-height: 40px;
    border: double;
}

.container-tbp {
    padding-top: 23px;
    padding-bottom: 23px;
}

.pad_email {
    padding-left: 23px;
    padding-top: 23px;
}

.font-14 {
    font-size: 14px;
}

.bold_text_pad {
    margin-right: 15px;
    color: #000;
}

.color_bold {
    color: #12749e;
    font-weight: bold;
}

.pbmlmt {
    padding-bottom: 30px;
    margin-left: 15px;
    margin-top: 12px;
}

.efc_set {
    width: 43%;
    height: 40px
}

.home_input_margin {
    margin-left: 10px;
}

.fppp {
    padding-bottom: 23px;
    padding-left: 23px;
    padding-top: 23px;
}

.efc-btn {
    margin-left: -15px !important;
}

.efc_label {
    padding-top: 20px;
}

.residence-btn {
    margin-left: -31px !important;
}

.net-btn {
    margin-left: -20px !important;
}

.successarthead {
    margin-left: 23px !important;
}


.legacypadd {
    padding-right: 27px !important;
}

.tool_tip {
    display: inline;
}

.tool_tip div {
    display: inline;
}

svg.svelte-fa.svelte-1cj2gr0 {
    color: orange;
}

@media only screen and (max-width:360px) {
    .scholar {
        font-size: 12px !important;
    }

    .media_email_box {
        margin-left: 4px !important;
    }
}.spin.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 2s 0s infinite linear}.pulse.svelte-1cj2gr0{animation:svelte-1cj2gr0-spin 1s infinite steps(8)}@keyframes svelte-1cj2gr0-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.tooltips.svelte-c3tuw0{width:300px;color:rgb(39, 40, 42);background-color:rgb(255, 167, 76);text-align:center;border-radius:6px;padding:10px;margin-left:20px;z-index:5;font-size:12px;vertical-align:middle}