@charset "UTF-8";
/* Application Form */
main section.application-form {
    margin-top: 50px;
}

main section.application-form hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

main section.application-form .addBorder {
    border: 1px solid #1a1a1a;
}

main section.application-form .form-text-head {
    text-align: center;
}

main section.application-form .form-text-head h1 {
    font-size: 3rem;
    letter-spacing: -1.85px;
    line-height: 56px;
    color: #1e1e1e;
}

main section.application-form .form-text-head p {
    font-size: 1.313rem;
    letter-spacing: -0.19px;
    line-height: 32px;
    font-weight: 400;
}

main section.application-form #accordionForm .card {
    border: 0;
}

main section.application-form #accordionForm .card .card-header {
    background: none;
    border: 0;
}

main section.application-form #accordionForm .card .card-header h2 button {
    font-size: 1.5rem;
    color: #1e1e1e;
    letter-spacing: -0.88px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

main section.application-form #accordionForm .card .card-header h2 button:hover, main section.application-form #accordionForm .card .card-header h2 button:active, main section.application-form #accordionForm .card .card-header h2 button:focus {
    text-decoration: none;
}

main section.application-form #accordionForm .card .card-header h2 button span {
    background-color: #1e1d1d;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    margin-right: 20px;
    font-size: 1.125rem;
    letter-spacing: -0.16px;
    line-height: 32px;
    position: relative;
}

main section.application-form #accordionForm .card .card-header h2 button span img {
    display: none;
    position: absolute;
    left: 6px;
    top: 10px;
}

main section.application-form #accordionForm .card .card-header h2 a {
    font-size: 0.9rem;
    float: right;
    margin-top: -35px;
    font-weight: 500;
    color: #111;
    text-decoration: underline;
    display: none;
    cursor: pointer;
}

main section.application-form #accordionForm .card p.form-head-info-text {
    text-align: left;
    margin-left: 85px;
    font-size: 0.95rem;
    line-height: 24px;
    font-weight: 500;
    color: #5d5d5d;
}

main section.application-form #accordionForm .card .card-body .form-group {
    position: relative;
}

main section.application-form #accordionForm .card .card-body .form-group label {
    position: absolute;
    left: 0;
    font-size: 1rem;
    pointer-events: none;
    transition: 0.3s ease all;
    left: 15px;
    bottom: 30px;
    color: #8e8e8e;
    margin-bottom: 0;
    z-index: 2;
}

main section.application-form #accordionForm .card .card-body .form-group .form-control,
main section.application-form #accordionForm .card .card-body .form-group .form-select {
    border: 1px solid #aeaeae;
    border-radius: 4px;
    z-index: 1;
    position: relative;
}

main section.application-form #accordionForm .card .card-body .form-group .form-control:active, main section.application-form #accordionForm .card .card-body .form-group .form-control:focus, main section.application-form #accordionForm .card .card-body .form-group .form-control:not(.empty),
main section.application-form #accordionForm .card .card-body .form-group .form-select:active,
main section.application-form #accordionForm .card .card-body .form-group .form-select:focus,
main section.application-form #accordionForm .card .card-body .form-group .form-select:not(.empty) {
    border: 1px solid #1a1a1a;
}

main section.application-form #accordionForm .card .card-body .form-group .form-control ~ label {
    top: 1.2rem;
}

main section.application-form #accordionForm .card .card-body .form-group .form-control:focus ~ label,
main section.application-form #accordionForm .card .card-body .form-group .form-control:not(.empty) ~ label {
    top: 0.5rem;
    font-size: 0.8rem;
}

main section.application-form #accordionForm .card .card-body .form-group .form-control,
main section.application-form #accordionForm .card .card-body .form-group .form-control:not(.empty) {
    padding-top: 18px;
}

main section.application-form #accordionForm .card .card-body .phone-group #mobile_phone {
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

main section.application-form #accordionForm .card .card-body .phone-group #country_phone_code {
    margin-right: 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #aeaeae;
}

main section.application-form #accordionForm .card .card-body .phone-group .input-group-prepend {
    height: 64px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 110px;
}

main section.application-form #accordionForm .card .card-body .phone-group .input-group-prepend select {
    height: auto;
}

main section.application-form #accordionForm .card .card-body .phone-group .input-group-prepend .select2-selection--single {
    border: 1px solid #aeaeae;
    height: calc(2.9em + 1rem + 2px) !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

main section.application-form #accordionForm .card .card-body .phone-group .form-group {
    flex: 1;
}

main section.application-form #accordionForm .card .card-body .phone-group .form-control {
    border-radius: 0;
}

main section.application-form #accordionForm .card .card-body .custom-checkbox {
    text-align: left;
    margin-left: 8px;
}

main section.application-form #accordionForm .card .card-body .custom-checkbox .custom-control-label {
    position: relative;
    bottom: 0;
    left: 0;
    pointer-events: initial;
    top: 3px;
    color: #1b1b1d;
}

main section.application-form #accordionForm .card .card-body .custom-checkbox .custom-control-label:before, main section.application-form #accordionForm .card .card-body .custom-checkbox .custom-control-label:after {
    width: 24px;
    height: 24px;
    left: -2rem;
    border-radius: 4px;
    top: 2px;
}

main section.application-form #accordionForm .card .card-body .custom-checkbox .custom-control-label a {
    color: #1b1b1d;
    border-bottom: 1px solid #1b1b1d;
}

main section.application-form #accordionForm .card .card-body p.text-info-form {
    font-size: 0.875rem;
    color: #777777;
    margin-top: 10px;
    margin-bottom: 10px;
}

main section.application-form #accordionForm .card .card-body .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #1a1a1a;
    background-color: #1a1a1a;
    box-shadow: none !important;
}

main section.application-form #accordionForm .card .card-body a.cardContinue,
main section.application-form #accordionForm .card .card-body button.cardContinue {
    height: 48px;
    border-radius: 8px;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .programmePrice p.priceLabel {
    text-align: left;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: normal;
    margin-bottom: 0;
    line-height: normal;
    padding-left: 15px;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .programmePrice p.price {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: normal;
    text-align: left;
    border-bottom: 1px solid #d6d7d7;
    line-height: 45px;
    padding-left: 15px;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .programmePrice span.priceInfo {
    font-size: 0.85rem;
    font-weight: 500;
    margin-left: 10px;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriod,
main section.application-form #accordionForm .card .card-body .programmeInfo .chooseGroupText {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    font-size: 1.125rem;
    float: left;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriodGroup {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    justify-content: space-between;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriodGroup a {
    width: 48%;
    margin-bottom: 10px;
    height: 64px;
    line-height: 50px;
    float: left;
    text-align: left;
    font-size: 1.125rem;
    color: #aeaeae;
    border: 1px solid #aeaeae;
    font-weight: 500;
    border-radius: 4px;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriodGroup a:hover, main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriodGroup a:active, main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriodGroup a:focus, main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriodGroup a:visited {
    background: none;
    border: 1px solid #1e1d1d;
    color: #1e1d1d;
}

main section.application-form #accordionForm .card .card-body .programmeInfo .educationPeriodGroup a:focus-within {
    background: none;
    border: 1px solid #1e1d1d;
    color: #1e1d1d;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .pickGroup {
    width: 100%;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .pickGroup a:active, main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .pickGroup a:focus {
    background: none;
    border: 1px solid #1e1d1d;
    color: #1e1d1d;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox {
    border: 1px solid #979797;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    padding: 20px;
    color: #1a1a1a;
    border-radius: 4px;
    margin-bottom: 15px;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox:focus-within {
    border: 2px solid #1e1d1d !important;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox h3 {
    font-size: 1.125rem;
    margin-bottom: 10px;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox > div {
    display: flex;
    flex-direction: row;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox > div .days {
    flex: 1;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox > div .days p,
main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox > div .date p {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
}

main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox > div .days span,
main section.application-form #accordionForm .card .card-body .programmeInfo #chooseGroup .groupBox > div .date span {
    color: #505050;
}

main section.application-form #accordionForm .card .card-body .dateInfo {
    display: flex;
    flex-direction: column;
    border: 1px solid #afafaf;
    border-radius: 8px;
    margin-top: 20px;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox {
    display: flex;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar {
    padding: 20px;
    border-right: 1px solid #d2d2d2;
    height: 100%;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget.ui-widget-content {
    border: 0;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker {
    width: auto;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker .ui-datepicker-title {
    letter-spacing: -0.56px;
    font-size: 1.125rem;
    margin-bottom: 15px;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-state-default,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-content .ui-state-default,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-header .ui-state-default,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-button,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker html .ui-button.ui-state-disabled:hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker html .ui-button.ui-state-disabled:active {
    border: 0;
    background: none;
    font-weight: 500;
    color: #1e1d1d;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding: 10px 12px;
    border: 1px solid #fff;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-state-active,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-content .ui-state-active,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-header .ui-state-active,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker a.ui-button:active,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-button:active,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-button.ui-state-active:hover {
    border: 1px solid #1e1d1d;
    border-radius: 50%;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-header {
    border: 0;
    background: none;
    color: #333333;
    font-weight: 500;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: 600;
    border: 0;
    color: #817d7d;
    font-size: 1rem;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker td {
    padding: 0;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url("../images/arrow-right.png");
    top: 50%;
    background-position: bottom;
    cursor: pointer;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
    background-image: url("../images/arrow-left.png");
    top: 50%;
    background-position: bottom;
    cursor: pointer;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-state-hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-widget-content .ui-state-hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-widget-header .ui-state-hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-state-focus,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-widget-content .ui-state-focus,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-widget-header .ui-state-focus,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-button:hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-datepicker-header .ui-button:focus {
    border: 0;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-state-hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-content .ui-state-hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-header .ui-state-hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-state-focus,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-content .ui-state-focus,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-widget-header .ui-state-focus,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-button:hover,
main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateCalendar #datepicker .ui-button:focus {
    background: none;
    font-weight: 600;
    color: #1e1d1d;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 80px;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour p {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 30px;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div {
    width: 23%;
    margin: 1% 1%;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose label {
    font-size: 1rem;
    text-align: center;
    padding: 0;
    height: auto;
    line-height: 46px;
    letter-spacing: -0.5px;
    color: #1b1b1d;
    border-radius: 8px;
    border: 1px solid #afafaf;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose label.disabled {
    background-color: #efefef;
    color: #888888;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose .radio:checked + .label {
    border: 2px solid #1e1d1d;
    background: none;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose input:disabled + label {
    background-color: #efefef;
    color: #888888;
    cursor: not-allowed;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary {
    padding: 20px;
    box-shadow: 0 4px 8px rgba(219, 219, 220, 0.5);
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #d2d2d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary h5 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateMeet div {
    padding: 6px 15px 5px 15px;
    border: 1px solid #000 !important;
    min-width: 250px;
    font-size: 15px;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateLocation select {
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 5px 44px 5px 10px;
    min-width: 250px;
    background: url('../images/select-menu-arrow.svg') #fff center right 15px no-repeat;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary span {
    font-size: 0.75rem;
    font-weight: 600;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary p {
    margin-bottom: 0;
}

main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateButton a {
    font-weight: 500;
    padding: 17px 30px;
}

main section.application-form #accordionForm .card .card-body .experiencePro,
main section.application-form #accordionForm .card .card-body .programmeBoxChoose {
    display: flex;
    width: 100%;
    flex-direction: row;
    /* justify-content: space-between; */
}

main section.application-form #accordionForm .card .card-body .experiencePro .isHidden,
main section.application-form #accordionForm .card .card-body .programmeBoxChoose .isHidden {
    display: none;
    /* hide radio buttons */
}

main section.application-form #accordionForm .card .card-body .experiencePro .label,
main section.application-form #accordionForm .card .card-body .programmeBoxChoose .label {
    width: 100%;
    margin-bottom: 10px;
    height: 64px;
    line-height: 60px;
    position: relative;
    pointer-events: auto;
    float: left;
    font-size: 1.125rem;
    color: #aeaeae;
    border: 1px solid #aeaeae;
    font-weight: 500;
    border-radius: 4px;
    left: 0;
    bottom: 0;
    padding-left: 10px;
    cursor: pointer;
    transition: none;
}

main section.application-form #accordionForm .card .card-body .experiencePro .radio:checked + .label,
main section.application-form #accordionForm .card .card-body .programmeBoxChoose .radio:checked + .label {
    /* target next sibling (+) label */
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
    background: url("../images/tick.png") center right 15px no-repeat;
}

main section.application-form #accordionForm .card .card-body .experiencePro a,
main section.application-form #accordionForm .card .card-body .programmeBoxChoose a {
    width: 48%;
    margin-bottom: 10px;
    height: 64px;
    line-height: 50px;
    float: left;
    text-align: left;
    font-size: 1.125rem;
    color: #aeaeae;
    border: 1px solid #aeaeae;
    font-weight: 500;
    border-radius: 4px;
}

main section.application-form #accordionForm .card .card-body .experiencePro a:hover,
main section.application-form #accordionForm .card .card-body .programmeBoxChoose a:hover {
    color: #fff;
}

main section.application-form #accordionForm .card .card-body .experiencePro div {
    width: 100%;
    margin-right: 10px;
}

main section.application-form #accordionForm .card .card-body .experiencePro div:last-child {
    margin-right: 0px;
}

main section.application-form #accordionForm .card .card-body .programmeBoxChoose {
    flex-wrap: wrap;
}

main section.application-form #accordionForm .card .card-body .programmeBoxChoose div {
    width: 48%;
    margin: 1% 1%;
}

main section.application-form #accordionForm .card .card-body .programmeBoxChoose div:nth-child(odd) {
    margin-left: 0;
}

main section.application-form #accordionForm .card .card-body .programmeBoxChoose div:nth-child(even) {
    margin-right: 0;
}

main section.application-form #accordionForm .card .card-body .programmeSummary {
    border: 1px solid #aeaeae;
    border-radius: 4px;
}

main section.application-form #accordionForm .card .card-body .programmeSummary .summaryInfo {
    display: flex;
    flex-direction: column;
}

main section.application-form #accordionForm .card .card-body .programmeSummary .summaryInfo > div {
    display: flex;
}

main section.application-form #accordionForm .card .card-body .programmeSummary .summaryInfo > div:first-child {
    width: 300px;
}

main section.application-form #accordionForm .card .card-body .programmeSummary .summaryInfo > div div:nth-child(2) {
    width: 5%;
}

main section.application-form #accordionForm .card .card-body .programmeBox {
    margin-bottom: 20px;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose {
    display: flex;
    width: 100%;
    flex-direction: column;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .isHidden {
    display: none;
    /* hide radio buttons */
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .label {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    pointer-events: auto;
    float: left;
    font-size: 1.125rem;
    border: 1px solid #aeaeae;
    font-weight: 500;
    border-radius: 4px;
    left: 0;
    bottom: 0;
    cursor: pointer;
    transition: none;
    padding: 20px;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .label h3 {
    font-size: 1.125rem;
    margin-bottom: 10px;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .label > div {
    display: flex;
    flex-direction: row;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .label > div .days {
    flex: 1;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .label > div .days p,
main section.application-form #accordionForm .card .card-body .groupBoxChoose .label > div .date p {
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .label > div .days span,
main section.application-form #accordionForm .card .card-body .groupBoxChoose .label > div .date span {
    color: #505050;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose .radio:checked + .label {
    /* target next sibling (+) label */
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
    background: url("../images/tick.png") top 15px right 15px no-repeat;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose a {
    width: 48%;
    margin-bottom: 10px;
    height: 64px;
    line-height: 50px;
    float: left;
    text-align: left;
    font-size: 1.125rem;
    color: #aeaeae;
    border: 1px solid #aeaeae;
    font-weight: 500;
    border-radius: 4px;
}

main section.application-form #accordionForm .card .card-body .groupBoxChoose a:hover {
    color: #fff;
}

main section.application-form #accordionForm .card .card-body .inputHead {
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    font-size: 1.125rem;
    float: left;
}

main section.application-form #accordionForm .card .card-body .finallyStep {
    font-size: 13px;
    justify-content: center;
    margin: 20px auto;
    width: 50%;
    color: #8c8c8c;
}

main section.application-form #accordionForm .card .card-body select {
    background: url("../images/select-menu-arrow.svg") #fff center right 20px no-repeat;
    -webkit-appearance: none;
    z-index: 1;
    position: relative;
}

main section.application-form #accordionForm .card .card-body select option {
    font-weight: 500;
}

main section.application-form #accordionForm .card #card2Collapse .birthDateLabel {
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 5px;
}

main section.application-form #accordionForm .card #card2Collapse .birthDateGroup {
    display: flex;
    justify-content: space-between;
    flex: 1;
}

main section.application-form #accordionForm .card #card2Collapse .birthDateGroup div {
    float: left;
    width: 100%;
}

main section.application-form #accordionForm .card #card2Collapse .birthDateGroup select {
    border-radius: 4px;
    display: flex;
}

.otp-inputs {
    display: flex;
}

.otp-inputs input {
    border: 1px solid #aeaeae;
    width: 70px;
    height: 70px;
    margin: 0 5px;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    border-radius: 8px;
}

.form-error {
    background: #FCC7C7;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 10px 6px 10px;
    margin: -4px 0px 10px 0px;
    border-radius: 4px;
    z-index: 0;
    position: relative;
    width: 100%;
}

.form-steps {
    display: flex;
    flex-direction: column;
}

.form-steps .step {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 30px;
}

.form-steps .step img {
    margin-right: 40px;
}

.form-steps .step .step-info h6 {
    font-size: 0.875rem;
}

.form-steps .step .step-info p {
    font-size: 1.313rem;
    font-weight: 600;
    letter-spacing: -0.66px;
    margin-bottom: 5px;
}

.form-steps .step .step-info span {
    font-size: 1.125rem;
    font-weight: 400;
}

.form-steps .step.active {
    border: 2px solid #000;
}

.form-steps .step.disabled {
    background: #d8d8d8;
    opacity: 0.4;
}

.form-steps .step-finally {
    text-align: center;
    font-weight: 500;
}

.form-steps .step-finally a {
    border-bottom: 1px solid #000;
}

#accordionSSS .card-header [data-toggle=collapse] .fa:before {
    content: "";
}

#accordionSSS .card-header [data-toggle=collapse].collapsed .fa:before {
    content: "";
}

#accordionSSS .card-header button {
    font-size: 1.125rem;
}

#accordionSSS .card-header button i {
    font-size: 1rem;
}

@media (min-width: 1200px) and (max-width: 1459.98px) {
    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div {
        width: 30%;
        margin: 1% 1%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour {
        padding: 30px 30px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div {
        width: 31%;
        margin: 1% 1%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour {
        padding: 30px 30px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div {
        width: 23%;
        margin: 1% 1%;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div label {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {


    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour {
        padding: 30px 30px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div {
        width: 31%;
        margin: 1% 1%;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div label {
        margin-bottom: 0;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary {
        flex-direction: column;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateApply {
        margin-bottom: 15px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateLocation {
        margin-bottom: 15px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateMeet {
        margin-bottom: 15px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateButton a {
        padding: 10px 30px;
        min-width: 250px;
        margin-bottom: 15px;
    }
}

@media (max-width: 575.98px) {
    body {
        padding-bottom: 0;
    }

    .modal .modal-dialog {
        margin: 0.5rem;
    }

    .modal .modal-dialog .modal-content .modal-header {
        justify-content: flex-start;
    }

    .modal .modal-dialog .modal-content .modal-header button.close {
        position: initial;
        left: 0;
    }

    .modal .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 1.1rem;
        margin-left: 10px;
    }

    main section.application-form {
        margin-top: 30px;
    }

    main section.application-form .form-text-head h1 {
        font-size: 1.6rem;
        letter-spacing: -1px;
        line-height: 35px;
    }

    main section.application-form .form-text-head p {
        font-size: 1.1rem;
        letter-spacing: -0.19px;
        line-height: 28px;
        font-weight: 400;
    }

    main section.application-form .form-text-head h5 {
        font-size: 1.1rem;
        letter-spacing: -0.19px;
        line-height: 28px;
        font-weight: 500;
        margin-top: 0 !important;
    }

    main section.application-form #accordionForm .card .card-header h2 button {
        font-size: 1.2rem;
    }

    main section.application-form #accordionForm .card .card-header h2 button span {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 1.1rem;
        margin-right: 10px;
    }

    main section.application-form #accordionForm .card .card-header h2 button span img {
        width: 15px;
    }

    main section.application-form #accordionForm .card .card-header h2 a {
        margin-top: -25px;
    }

    main section.application-form #accordionForm .card .card-body p.text-info-form, main section.application-form #accordionForm .card .card-body span.text-info-form {
        font-size: 0.8rem;
        color: #777777;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: justify !important;
    }

    main section.application-form #accordionForm .card .card-body .custom-checkbox .custom-control-label {
        font-size: 0.9rem;
    }

    main section.application-form #accordionForm .card .card-body .groupBoxChoose .label {
        font-size: 1rem;
        padding: 13px;
    }

    main section.application-form #accordionForm .card .card-body .groupBoxChoose .label > div {
        flex-direction: column;
    }

    main section.application-form #accordionForm .card .card-body .programmeBoxChoose .label {
        font-size: 1rem;
        padding-left: 13px;
    }

    main section.application-form #accordionForm .card .card-body .programmeSummary h4 {
        font-size: 1.2rem;
    }

    main section.application-form #accordionForm .card .card-body .programmeSummary table td {
        padding-bottom: 8px;
    }

    main section.application-form #accordionForm .card .card-body .inputHead {
        font-size: 1rem;
    }

    main section.application-form #accordionForm .card .card-body .programmeInfo .chooseGroupText {
        font-size: 1rem;
    }

    main section.application-form #accordionForm .card .card-body .programmeBox {
        margin-bottom: 10px;
    }

    main section.application-form #accordionForm .card p.form-head-info-text {
        margin-left: 40px;
        margin-bottom: 0;
    }

    main section.application-form #accordionForm .card #card2Collapse .birthDateLabel {
        font-size: 1rem;
    }

    main section.application-form .form-steps .step {
        align-items: flex-start;
    }

    main section.application-form .form-steps .step img {
        margin-right: 20px;
    }

    main section.application-form .form-steps .step .step-info p {
        font-size: 1rem;
    }

    main section.application-form .form-steps .step .step-info span {
        font-size: 1rem;
    }

    main section.application-form .form-steps .step-finally {
        margin-top: 10px !important;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour {
        padding: 30px 30px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div {
        width: 48%;
        margin: 1% 1%;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateBox .dateHour .programmeBoxChoose div label {
        margin-bottom: 0;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary {
        flex-direction: column;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateApply {
        margin-bottom: 15px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateLocation {
        margin-bottom: 15px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateMeet {
        margin-bottom: 15px;
    }

    main section.application-form #accordionForm .card .card-body .dateInfo .dateSummary .dateButton a {
        padding: 10px 30px;
        min-width: 250px;
        margin-bottom: 15px;
    }

    /*
    .otp-inputs input {
        width: 33px;
        height:50px;
        text-align: center!important;
        margin:0px 2px 0px 0px
    }
     */
    .otp-inputs input {
        width: 50px;
        height: 50px;
        margin: 0 5px;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 300;
    }

    .msa-form .form-text-info {
        font-size: 1rem;
    }
}

@media (max-width: 320px) {
    .modal:not(.fullScreenModal) {
        padding: 10px 10px 60px 10px;
    }
}

#previous_workplaces, #reference_contact_info, #want_to_add {
    padding-top: 25px !important;
}

/*# sourceMappingURL=application-form.css.map */