@charset "UTF-8";
/****** UTILS ******/
/*** default values ***/
/***** custom values *****/
/***** Grid Values *****/
/** Extends **/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
.css-equal-content,
.css-equal-heights {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.css-equal-content {
    color: red;
    float: left;
}

.privacy-content h4 span,
.create-dpe-acc .lp-login-content .login-form-left .lp-signin-or p,
.landingpage-signin .lp-signin-or p,
.find-exam a,
.find-exam,
.breadcrumb-nav,
.how-works .works-card .works-img,
.pay-information .filled-pay .filled-payment,
.no-available-date .notify-date .notify-date-info,
.calendar-date-exam .calendar-date-time,
.exam-location .exam-location-details .exam-location-info span,
.exam-location .exam-location-details .exam-location-info,
.not-paid,
.upcomingexams-inprogress .exam-time .exam-time-lft,
.no-booked-exams .no-exams span,
.notification-settings .notification-steps .notification-steps-inner,
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .set-request-reset,
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    .app-availablity-first,
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .date-app-checked
    .form-check,
.completed-list-onboarding .rht-complete-onboard span::before,
.add-exam-popup,
.account-info .account-details .account-details-inner ul li i,
.dpe-section .dpe-content .nav-tabs .nav-item .nav-link,
.input-form .form-input-icon,
.login-content .login-form .login-form-left a.social-login,
.login-content .login-form .login-form-left .login-pwd i,
.login-content .login-form,
section.login-section,
.align-center {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.pay-information .filled-pay,
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li,
.checkout-paytype .form-checkout .checkout-pay,
.select-exams-title,
.exam-location .exam-location-details,
.dpe-payments,
.upcomingexams-inprogress .exam-time,
.upcomingexams-inprogress .upcomingexams .upcomingexams-title,
.notification-settings .notification-steps,
.next-print,
.weekly-appointment,
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicants-notes
    .notes-update,
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    .request-print,
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    ul
    li,
.add-exam-date
    .lft-exam-appointment
    .rht-date-calendar
    .input-calendar-appointment,
.unconnect-calendar .connected-calendar .connected-calendar-header,
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates,
.mob-booking-exam,
.set-availablity .availablity-calendar,
.completed-dpe,
.onboarding-title,
.exam-header,
.total-booked,
.account-info .account-details h4,
.remember-forgot,
.login-section-Header,
.dataTables_wrapper .bottom {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.side-popup-appointment .sidepopup-inner .sidepopup-content .payment-due,
.footer-wrapper .contacts-links .contact-inner {
    display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.booking-confirmation .booking-confirmation-details .booking-confirm-title,
.filled-address,
.airplane-multi .exam-type,
.billing-payment .added-billing-payment,
.unconnect-calendar
    .connected-calendar
    .social-calendar
    .social-calendar-connected,
.appointment-dialog-modal .modal-body .regularapp-modal-body .date-app-checked,
.todo-list-onboarding,
.completed-list-onboarding,
.approaval-section {
    display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

/******* BASE *******/
h1 {
    font-weight: 700;
    font-size: 48px;
}
@media (max-width: 767.98px) {
    h1 {
        font-size: 27px;
    }
}

h2 {
    font-weight: 700;
    font-size: 36px;
}
@media (max-width: 767.98px) {
    h2 {
        font-size: 23px;
    }
}

h3 {
    font-weight: 700;
    font-size: 24px;
}
@media (max-width: 767.98px) {
    h3 {
        font-size: 19px;
    }
}

h4 {
    font-weight: 700;
    font-size: 20px;
}
@media (max-width: 767.98px) {
    h4 {
        font-size: 18px;
    }
}

h5 {
    font-weight: 700;
    font-size: 16px;
}

h6 {
    font-weight: 700;
    font-size: 18px;
}

.primary {
    background-color: #1570ef;
}

.secondary {
    background-color: #194185;
}

html {
    height: 100%;
}

body {
    height: 100vh;
    overflow: auto;
    width: 100%;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: #475467;
    font-weight: 400;
}
body.backend-content {
    background-color: #f7f9fa;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #175cd3;
    cursor: pointer;
    font-weight: 600;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a:hover {
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a:focus {
    outline: 0;
}

p {
    margin-bottom: 20px;
}
p:last-child {
    margin-bottom: 0;
}

strong {
    font-weight: 700;
}

/*** default values ***/
/***** custom values *****/
/***** Grid Values *****/
/** Extends **/
.css-equal-heights,
.css-equal-content {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.css-equal-content {
    color: red;
    float: left;
}

.privacy-content h4 span,
.create-dpe-acc .lp-login-content .login-form-left .lp-signin-or p,
.landingpage-signin .lp-signin-or p,
.find-exam a,
.find-exam,
.breadcrumb-nav,
.how-works .works-card .works-img,
.pay-information .filled-pay .filled-payment,
.no-available-date .notify-date .notify-date-info,
.calendar-date-exam .calendar-date-time,
.exam-location .exam-location-details .exam-location-info span,
.exam-location .exam-location-details .exam-location-info,
.not-paid,
.upcomingexams-inprogress .exam-time .exam-time-lft,
.no-booked-exams .no-exams span,
.notification-settings .notification-steps .notification-steps-inner,
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .set-request-reset,
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    .app-availablity-first,
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .date-app-checked
    .form-check,
.completed-list-onboarding .rht-complete-onboard span::before,
.add-exam-popup,
.account-info .account-details .account-details-inner ul li i,
.dpe-section .dpe-content .nav-tabs .nav-item .nav-link,
.input-form .form-input-icon,
.login-content .login-form .login-form-left a.social-login,
.login-content .login-form .login-form-left .login-pwd i,
.login-content .login-form,
section.login-section,
.align-center {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.pay-information .filled-pay,
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li,
.checkout-paytype .form-checkout .checkout-pay,
.select-exams-title,
.exam-location .exam-location-details,
.dpe-payments,
.upcomingexams-inprogress .exam-time,
.upcomingexams-inprogress .upcomingexams .upcomingexams-title,
.notification-settings .notification-steps,
.next-print,
.weekly-appointment,
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicants-notes
    .notes-update,
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    .request-print,
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    ul
    li,
.add-exam-date
    .lft-exam-appointment
    .rht-date-calendar
    .input-calendar-appointment,
.unconnect-calendar .connected-calendar .connected-calendar-header,
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates,
.mob-booking-exam,
.set-availablity .availablity-calendar,
.completed-dpe,
.onboarding-title,
.exam-header,
.total-booked,
.account-info .account-details h4,
.remember-forgot,
.login-section-Header,
.dataTables_wrapper .bottom {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.side-popup-appointment .sidepopup-inner .sidepopup-content .payment-due,
.footer-wrapper .contacts-links .contact-inner {
    display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.booking-confirmation .booking-confirmation-details .booking-confirm-title,
.filled-address,
.airplane-multi .exam-type,
.billing-payment .added-billing-payment,
.unconnect-calendar
    .connected-calendar
    .social-calendar
    .social-calendar-connected,
.appointment-dialog-modal .modal-body .regularapp-modal-body .date-app-checked,
.todo-list-onboarding,
.completed-list-onboarding,
.approaval-section {
    display: flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.col {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    position: relative;
    min-height: 1px;
}

/******* COMPONENTS ******/
.mouse-cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    border-radius: 50%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    visibility: hidden;
}

.cursor-inner {
    margin-left: -4px;
    margin-top: -4px;
    width: 10px;
    height: 10px;
    z-index: 10000001;
    background: #1570ef !important;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
        margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
        margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner.cursor-hover {
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: #1570ef !important;
    opacity: 0.1;
}

.cursor-outer {
    margin-left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.5;
    border: 2px solid #194185;
    transform: all 0.08s ease-out;
    -webkit-transform: all 0.08s ease-out;
    -ms-transform: all 0.08s ease-out;
}
.cursor-outer.cursor-hover {
    opacity: 0;
}

.mim_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1111;
}

.progress-wrap {
    position: fixed;
    right: 25px;
    bottom: 25px;
    height: 35px;
    width: 35px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(75, 64, 237, 0.2);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    content: "\f062";
    font-family: "FontAwesome";
    text-align: center;
    line-height: 35px;
    font-size: 17px;
    color: #0e82fd;
    left: 0;
    top: 0;
    height: 35px;
    width: 35px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: #0e82fd;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/****** LAYOUT ******/
:root {
    --switch-bg: #e8e8e8;
}

.error-message {
    color: #ff0000;
}

.error {
    margin-top: 2px;
}

section {
    padding: 96px 30px;
}
@media (max-width: 767.98px) {
    section {
        padding: 60px 15px;
    }
}
section.common-section {
    padding: 96px 30px;
}
@media (max-width: 767.98px) {
    section.common-section {
        padding: 60px 15px;
    }
}
section.common-section.pricing-section {
    padding: 64px 30px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

input.input-form[type="file"] {
    height: auto !important;
}

button {
    height: 44px;
}

button.modal-close {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

input.form-check-input {
    border: 1px solid #d0d5dd !important;
}
input.form-check-input:checked:checked {
    border: 1px solid #1570ef !important;
}
input.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
    border-color: #84caff;
}
input.input-form {
    height: 48px;
    border: 1px solid #d0d5dd;
    color: #000000;
    border-radius: 8px;
    font-size: 14px;
}
input.input-form:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
    border-color: #84caff;
}

textarea {
    border-width: 1px;
}
textarea.input-form {
    height: 120px;
    border: 1px solid #d0d5dd !important;
    font-size: 14px;
    color: #000000;
    border-radius: 8px;
}

select.form-select {
    border-width: 1px;
    font-size: 14px;
    color: #000000;
    border-radius: 8px;
    height: 48px;
}

.form-label {
    font-weight: 500;
}
.form-label span.error-star {
    color: #ff0000;
}

.form-select:focus {
    border-color: var(--form-select, #86b7fe) !important;
}

.mt-40 {
    margin-top: 40px;
}

.row-gap {
    display: grid;
    row-gap: 40px;
}

a {
    text-decoration: none;
}

input::-ms-reveal,
input::-ms-clear {
    display: none !important;
}

.modal-dialog {
    z-index: 99;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #c7d2db !important;
    font-size: 18px;
    font-weight: 500;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c7d2db !important;
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c7d2db !important;
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c7d2db !important;
    font-size: 18px;
    font-weight: 500;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #c7d2db !important;
    font-size: 18px;
    font-weight: 500;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #c7d2db !important;
    font-size: 18px;
    font-weight: 500;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    content: "ˆ" !important;
    font-size: 36px !important;
    right: 10px !important;
    top: 20px !important;
    font-weight: 400;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "ˇ" !important;
    font-size: 36px !important;
    right: 13px !important;
    font-weight: 400 !important;
    top: 30px !important;
}

.form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
}

.page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
}

table.dataTable.table-striped tbody tr.odd * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0) !important;
    white-space: nowrap;
}
table.dataTable.table-striped tbody tr.even * {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0) !important;
    white-space: nowrap;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #98a2b3 !important;
    color: #667085 !important;
    font-weight: 500 !important;
}

.fc .fc-button {
    background-color: #f1f8fe !important; /* Desired background color */
    border-color: #f1f8fe !important; /* Desired border color */
    color: #1570ef !important; /* Text color */
}

.fc .fc-button-primary {
    background-color: #f1f8fe !important; /* Desired background color */
    border-color: #f1f8fe !important; /* Desired border color */
    color: #1570ef !important; /* Text color */
}

.fc .fc-button-primary:disabled {
    background-color: #c3c9ce !important; /* Desired background color */
    border-color: #c3c9ce !important; /* Desired border color */
    color: #83afed !important; /* Text color */
    pointer-events: none;
}

/* Change hover state */
.fc .fc-button:hover {
    background-color: #0056b3 !important; /* Hover background color */
    border-color: #0056b3 !important; /* Hover border color */
    color: #f1f8fe !important; /* Text color */
}

.dataTables_wrapper .bottom {
    margin-top: 30px;
}
.dataTables_wrapper .bottom .dataTables_paginate ul li {
    margin-right: 10px;
}
.dataTables_wrapper .bottom .dataTables_paginate ul li.active a {
    color: #ffffff;
    background-color: #1570ef;
}
.dataTables_wrapper .bottom .dataTables_paginate ul li a {
    color: #475467;
    font-size: 14px;
}
.dataTables_wrapper .bottom .dataTables_paginate ul li.previous a {
    border-radius: 0;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}
.dataTables_wrapper .bottom .dataTables_paginate ul li.next a {
    border-radius: 0;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}
.dataTables_wrapper .bottom .dataTables_length {
    margin-top: 0;
}
@media (max-width: 575.98px) {
    .dataTables_wrapper .bottom .dataTables_length {
        margin-top: 10px;
    }
}
@media (max-width: 575.98px) {
    .dataTables_wrapper .bottom {
        display: block;
        margin: 10px 0;
    }
}

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}

::-webkit-input-placeholder {
    font-size: 14px;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px;
}

:-ms-input-placeholder {
    font-size: 14px;
}

.nav-breadcrumb {
    background-color: #ffffff;
    padding: 15px;
}

.tab-pane {
    transition: 0.2s;
}
.tab-pane.active {
    animation: slide-down 0.5s ease-out;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.form-check-input {
    width: 1rem !important;
    height: 1rem !important;
}

.form-check-input:checked {
    position: relative;
}
.form-check-input:checked:checked {
    background-color: #ffffff;
    border-color: #1570ef;
}
.form-check-input:checked:checked[type="checkbox"] {
    --bs-form-check-bg-image: none !important;
    position: relative;
}
.form-check-input:checked:checked[type="checkbox"]::before {
    content: "\f00c";
    font-family: FontAwesome;
    left: 1px;
    position: absolute;
    top: -3px;
    color: #1570ef;
}
.form-check-input:checked:focus {
    box-shadow: none !important;
}

.form-control:focus {
    box-shadow: none !important;
}

.btn.common-button {
    width: fit-content;
    margin: 10px 0;
    padding: 5px 25px;
}

.action-view {
    color: #1570ef;
    text-decoration: underline;
}

a.common-button {
    width: fit-content;
    margin: 10px 0;
    padding: 5px 25px;
}

a.hvr-vertical {
    background-color: #1570ef;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #ffffff;
    border: 0;
    border-radius: 8px;
    padding: 8px 25px;
}
a.hvr-vertical:hover {
    color: #ffffff;
    background-color: #175cd3;
}
a.hvr-vertical:focus {
    color: #ffffff;
    background-color: #175cd3;
}
a.hvr-vertical:active {
    color: #ffffff;
    background-color: #1570ef;
}
a.hvr-vertical.social-login {
    background-color: #194185 !important;
}
a.hvr-vertical.link-full {
    height: 44px;
    line-height: 44px;
    padding: 0px 25px;
}

.btn-login {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: #1570ef;
    color: #ffffff;
    width: 100%;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.btn-login:hover {
    color: white;
    background-color: #175cd3;
}
.btn-login:focus {
    color: white;
    background-color: #175cd3;
}
.btn-login:active {
    color: white;
    background-color: #175cd3;
}

.btn.hvr-vertical {
    background-color: #1570ef;
    display: inline-block;
    position: relative;
    color: #ffffff;
    border: 0;
    border-radius: 8px;
    height: 44px;
}
.btn.hvr-vertical:hover {
    color: #ffffff;
    background-color: #175cd3;
}
.btn.hvr-vertical:focus {
    color: #ffffff;
    background-color: #175cd3;
}
.btn.hvr-vertical:active {
    color: #ffffff;
    background-color: #1570ef;
}

.bootstrap-select {
    position: relative;
}
.bootstrap-select .dropdown-toggle::after {
    border: 0 !important;
}

.btn.border-btn {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    color: #1570ef;
    border: 0;
    border-radius: 7px;
    color: #1570ef;
    border: 2px solid #1570ef;
    height: 40px;
    font-weight: 500;
}

a.border-link {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    border: 0;
    border-radius: 9px;
    color: #1570ef;
    border: 2px solid #1570ef;
    height: 44px;
    text-align: center;
    line-height: 40px;
    padding: 0 25px;
    font-weight: 500;
}

/* Common Right slide Modal */
.modal-dialog-slidingright {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #ffffff;
}

.modal.fade .modal-dialog.modal-dialog-slidingright {
    -webkit-transform: translate(100%, 0) scale(1);
    transform: translate(100%, 0) scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slidingright {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
    max-width: 450px;
}

.modal.fade.show .modal-dialog.modal-dialog-slidingright .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-dialog-slidingright .modal-content {
    border: 0;
}

.modal-dialog-slidingright .modal-header,
.modal-dialog-slidingright .modal-footer {
    height: 4rem;
    display: block;
}

.common-right-modal .appointment-modal-header {
    padding: 30px;
}
.common-right-modal .appointment-modal-header h4 {
    font-weight: 700;
    color: #000000;
}
.common-right-modal .appointment-modal-header button {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 14px;
}
.common-right-modal .modal-body {
    padding: 0 30px 60px;
}

input[type="checkbox"].custom-switchbox {
    position: relative;
    width: 40px;
    height: 20px;
    -webkit-appearance: none;
    appearance: none;
    background: var(--switch-bg);
    outline: none;
    border-radius: 2rem;
    cursor: pointer;
}
input[type="checkbox"].custom-switchbox::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    transition: 0.5s;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3333333333);
    box-shadow: 0 0 5px rgba(40, 128, 1, 0.2);
}
input[type="checkbox"].custom-switchbox:checked::before {
    transform: translateX(100%);
    background-color: #ffffff;
}
input[type="checkbox"].custom-switchbox:checked {
    background-color: #1570ef;
}

li::marker {
    content: "";
}

/* Preloader
-------------------------------------------------------*/
.preloader-mask {
    position: fixed;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 99999;
}
.preloader-mask .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    font-size: 0;
    color: #1570ef;
    display: inline-block;
    margin: -25px 0 0 -25px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.preloader-mask .preloader div {
    background-color: #1570ef;
    display: inline-block;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: 0.5;
    border-radius: 50%;
    -webkit-animation: ballPulseDouble 2s ease-in-out infinite;
    animation: ballPulseDouble 2s ease-in-out infinite;
}
.preloader-mask .preloader div:last-child {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes ballPulseDouble {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes ballPulseDouble {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.progress-wrap {
    background-color: #ffffff;
}

.btn.hvr-vertical.btn-same {
    height: 40px;
}

.btn.hvr-vertical.btn-width {
    width: auto;
}

.btn.hvr-vertical.light-bg-btn {
    background-color: #eff8ff;
    color: #1570ef;
    display: flex;
    align-items: center;
}
.btn.hvr-vertical.light-bg-btn::before {
    background-color: #eff8ff;
}
.btn.hvr-vertical.light-bg-btn:hover,
.btn.hvr-vertical.light-bg-btn:focus {
    color: #1570ef;
    background-color: #d1e9ff;
}

/* Header Section */
.faa-logo a {
    font-size: 22px;
    font-weight: 700;
}

.header-area {
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (max-width: 991.98px) {
    .header-area {
        padding: 0;
    }
}
@media (max-width: 991.98px) {
    .header-area .navbar {
        padding: 15px;
    }
}
.header-area .navbar .navbar-brand img {
    max-width: 160px;
}
.header-area .header-section {
    z-index: 9;
    background-color: #ffffff;
    width: 100%;
}
@media (max-width: 991.98px) {
    .header-area .header-section {
        position: absolute;
        top: 75px;
        left: 0;
        border-top: 1px solid #d0d5dd;
        box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    }
}
.header-area .header-section .header-nav {
    width: 100%;
}
@media (max-width: 991.98px) {
    .header-area .header-section .header-nav {
        padding: 15px;
    }
}
@media (max-width: 991.98px) {
    .header-area .header-section .header-nav .navbar-nav {
        width: 100%;
        text-align: center;
    }
}
.header-area .header-section .header-nav .navbar-nav .nav-item a {
    font-weight: 500;
    padding: 12px 15px;
    color: #000000;
}
.header-area .header-section .header-nav .navbar-nav .nav-item a.active {
    color: #1570ef;
}
.header-area .header-section .header-nav .navbar-nav .nav-item a.schedule-test {
    color: #ffffff;
}
@media (max-width: 991.98px) {
    .header-area
        .header-section
        .header-nav
        .navbar-nav
        .nav-item
        a.schedule-test {
        width: 100%;
    }
}
.header-area
    .header-section
    .header-nav
    .navbar-nav
    .nav-item
    a.backend-schedule {
    margin-right: 15px;
}
.header-area .header-section .header-nav .navbar-nav .nav-item a.schedule-link {
    color: #ffffff;
}
.header-area .header-section .header-nav .navbar-nav .nav-item a.link-full {
    padding: 0 25px;
}
@media (max-width: 991.98px) {
    .header-area .header-section .header-nav .navbar-nav .nav-item a.link-full {
        width: 100%;
    }
}
.header-area .navbar-toggler {
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
    width: 45px;
}
.header-area .navbar-toggler:focus {
    box-shadow: none;
}
.header-area.fixed {
    position: fixed;
    width: 100%;
    z-index: 9;
    animation: slideDown 0.5s ease-out;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 7px 12px rgba(0, 0, 0, 0.05);
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
.header-profile {
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.header-profile img {
    width: 40px;
    height: 40px;
    border-radius: 100px;
}

.user-login {
    display: flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    .user-login {
        display: none;
    }
}

.dropdown-menu:before {
  /* Help to be more ease to keep the menu show on hover  */
  content: '';
  width: 50%;
  height: 20px;
  display: block;
  top: -20px;
  position: absolute;
  right: 0px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    background-color: #1570ef;
    padding: 10px;
    right: 0;
    width: 250px;
    color: #ffffff;
}
.dropdown:hover .dropdown-menu li.header-icon:hover path {
    animation: header-icon-animation 1s forwards;
}
.dropdown:hover .dropdown-menu li.header-icon path {
    stroke-dasharray: 1560;
    stroke-dashoffset: 0;
}
.dropdown:hover .dropdown-menu li a {
    font-size: 14px;
    color: #ffffff;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
}
.dropdown:hover .dropdown-menu li a svg {
    margin-right: 10px;
}

@keyframes header-icon-animation {
    0% {
        stroke-dashoffset: 0;
    }
    40% {
        stroke-dashoffset: 1560;
    }
    80% {
        stroke-dashoffset: 3120;
        fill: transparent;
    }
    100% {
        stroke-dashoffset: 3120;
        fill: var(--stroke-color);
    }
}
.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}
.slideIn-menu {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-btn,
.max-appointments .max-appointments-info .max-appointments-day .appoint-day,
.scheduling-conditions .allow-appointments .dontallow-appointments {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 991.98px) {
    .collapse-toggle {
        display: flex;
        align-items: center;
    }
}
@media (max-width: 991.98px) {
    .collapse-toggle button {
        margin-right: 10px;
    }
}

/* Header Section */
.flex-profile {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 575.98px) {
    .flex-profile p {
        display: none;
    }
}

:root {
    --footer-title: #d0d5dd;
}

.footer-wrapper {
    padding: 60px 15px 20px;
    background-color: var(--footer-color, #1d2939);
    color: #ffffff;
}
.footer-wrapper .footer-logo-area a {
    color: #ffffff;
    font-size: 26px;
    font-weight: 700;
}
.footer-wrapper .footer-logo-area p {
    font-size: 15px;
    font-weight: 500;
    margin: 20px 0;
}
.footer-wrapper .footer-logo-area .social-links {
    padding: 0;
}
.footer-wrapper .footer-logo-area .social-links li {
    display: inline-block;
}
.footer-wrapper .footer-logo-area .social-links li a {
    font-size: 20px;
}
.footer-wrapper .footer-logo-area .social-links li a.hover-fx {
    font-size: 20px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    width: 45px;
    height: 45px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    transition: 300ms;
}
.footer-wrapper .footer-logo-area .social-links li a.hover-fx::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    box-sizing: content-box;
    box-shadow: 0 0 0 3px #fff;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 300ms;
}
.footer-wrapper .footer-logo-area .social-links li a.hover-fx:hover {
    background-color: #ffffff;
    color: #1570ef;
}
.footer-wrapper .footer-logo-area .social-links li a.hover-fx:hover::after {
    opacity: 1;
    transform: scale(1.15);
}
@media (max-width: 767.98px) {
    .footer-wrapper .footer-links {
        margin-top: 30px;
    }
}
@media (max-width: 767.98px) {
    .footer-wrapper .footer-links.other-links {
        margin-top: 0;
    }
    .footer-wrapper .footer-links.other-links h4 {
        display: none;
    }
}
.footer-wrapper .footer-links h4 {
    font-weight: 400;
    font-size: 13px;
    color: var(--footer-title);
}
.footer-wrapper .footer-links ul {
    padding: 0;
}
.footer-wrapper .footer-links ul li {
    display: block;
    padding: 7px 0;
}
@media (max-width: 767.98px) {
    .footer-wrapper .footer-links ul li {
        padding: 3px 0;
    }
}
.footer-wrapper .footer-links ul li a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    display: flex;
    align-items: center;
    transition: all ease 0.5s;
}
.footer-wrapper .footer-links ul li a svg {
    margin-right: 5px;
    color: #1570ef;
}
@media (max-width: 767.98px) {
    .footer-wrapper .footer-links ul li a svg {
        display: none;
    }
}
.footer-wrapper .footer-links ul li a p {
    transition: all ease 0.5s;
}
.footer-wrapper .footer-links ul li a:hover {
    color: #194185;
}
.footer-wrapper .footer-links ul li a:hover p {
    padding-left: 5px;
    transition: all ease 0.5s;
}
@media (max-width: 767.98px) {
    .footer-wrapper .footer-links ul li a {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .footer-wrapper .footer-links ul {
        margin: 0;
    }
}
.footer-wrapper .contacts-links .contact-inner {
    justify-content: flex-start;
    margin-top: 15px;
}
.footer-wrapper .contacts-links .contact-inner svg {
    width: 21px;
    height: 21px;
    margin-right: 10px;
    color: #ffffff;
}
.footer-wrapper .contacts-links .contact-inner .contact-inner-details p {
    margin-bottom: 5px;
}
.footer-wrapper .footer-bottom p {
    border-top: 1px solid var(--footer-bottom-line, #475467);
    padding-top: 20px;
    font-size: 15px;
    font-weight: 300;
    margin-top: 20px;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}

/****** PAGES ******/
/* Login Page Start */
.login-wrapper {
    height: 100%;
}

section.login-section {
    padding: 0;
    height: 100%;
    margin: 15px 0 0;
}
@media (max-width: 767.98px) {
    section.login-section {
        padding: 15px;
    }
}

.login-bg {
    background-color: #ffffff;
}

.feather {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.login-section-Header {
    margin: 0;
    padding: 30px;
}
.login-section-Header a.logo {
    font-size: 30px;
    font-weight: 700;
}
@media (max-width: 767.98px) {
    .login-section-Header a.logo {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .login-section-Header a {
        text-align: center;
    }
}
.login-section-Header a.back-to-home {
    border: 3px solid #d0d5dd;
    padding: 7px 15px;
    font-size: 15px;
    border-radius: 10px;
}
.login-section-Header a.back-to-home p i {
    font-size: 13px;
    margin-right: 5px;
}
@media (max-width: 767.98px) {
    .login-section-Header a.back-to-home {
        display: block;
        width: fit-content;
        text-align: center;
        margin: 15px auto;
    }
}
@media (max-width: 767.98px) {
    .login-section-Header {
        display: block;
        text-align: center;
    }
}

.login-content h2 {
    font-size: 30px;
    font-weight: 700;
    color: #000000;
}
.login-content .login-form .login-form-left {
    padding-bottom: 60px;
}
.login-content .login-form .login-form-left label {
    font-weight: 500;
    margin-bottom: 5px;
}
.login-content .login-form .login-form-left input {
    width: 400px;
    height: 48px;
    border: 1px solid #d0d5dd;
    font-size: 14px;
    border-radius: 8px;
}
.login-content .login-form .login-form-left input.icon-left {
    padding-left: 40px;
}
.login-content .login-form .login-form-left input:focus {
    box-shadow: none;
    border-color: #1570ef;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
@media (max-width: 991.98px) {
    .login-content .login-form .login-form-left input {
        width: 300px;
    }
}
@media (max-width: 767.98px) {
    .login-content .login-form .login-form-left input {
        width: 100%;
    }
}
.login-content .login-form .login-form-left .login-pwd input {
    padding-right: 40px;
    border-radius: 8px;
}
.login-content .login-form .login-form-left .login-pwd i {
    position: absolute;
    right: 15px;
    top: 16px;
}
.login-content .login-form .login-form-left a.social-login {
    border: 1px solid #d0d5dd;
    width: 100%;
    margin-top: 15px;
    color: #000000;
}
.login-content .login-form .login-form-left a.social-login img {
    margin-right: 8px;
}
.login-content .login-form .login-form-left a.social-login:hover {
    color: #000000;
}
@media (max-width: 767.98px) {
    .login-content .login-form .login-form-center {
        margin: 15px 0;
    }
}
.login-content .login-form .login-form-right a {
    width: 360px;
    background-color: #ffffff;
    border: 3px solid #1570ef;
    color: #1570ef;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    border-radius: 5px;
}
.login-content .login-form .login-form-right a:hover {
    color: #ffffff;
}
.login-content .login-form .login-form-right a i {
    margin-right: 10px;
}
@media (max-width: 991.98px) {
    .login-content .login-form .login-form-right a {
        width: 300px;
    }
}
@media (max-width: 767.98px) {
    .login-content .login-form .login-form-right a {
        width: 100%;
    }
}
.login-content .login-form .login-form-right:focus {
    color: #ffffff;
}
@media (max-width: 767.98px) {
    .login-content .login-form {
        display: block;
        padding-bottom: 100px;
    }
}

@media (max-width: 575.98px) {
    .remember-forgot {
        display: block;
    }
}
.remember-forgot a {
    font-weight: 600;
}
@media (max-width: 575.98px) {
    .remember-forgot a {
        margin-top: 20px;
        display: block;
    }
}
.remember-forgot .remember-check .form-check {
    display: flex;
    align-items: end;
    justify-content: flex-start;
}
.remember-forgot .remember-check .form-check input#rememberCheck {
    border-width: 1px;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    border-radius: 5px;
}
.remember-forgot .remember-check .form-check label {
    margin-bottom: 0;
}

.input-form .form-input-icon {
    position: absolute;
    right: 0;
    left: 15px;
    height: 48px;
}

/* Radial Out */
.btn-login {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: #1570ef;
    color: #ffffff;
    width: 100%;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.btn-login:hover {
    color: white;
    background-color: #175cd3;
}
.btn-login:focus {
    color: white;
}
.btn-login:active {
    color: white;
}

.btn.login-button {
    width: 100%;
}
.btn.hvr-vertical {
    background-color: #1570ef;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #ffffff;
    border: 0;
    border-radius: 8px;
    font-size: 15px;
}
.btn.hvr-vertical:hover {
    color: #ffffff;
    background-color: #175cd3;
}
.btn.hvr-vertical:focus {
    color: #ffffff;
}
.btn.hvr-vertical:active {
    color: #ffffff;
}
.btn.hvr-vertical.social-login {
    background-color: #194185 !important;
}

/* Login Page end */
/* Dashboard Body Content */
:root {
    --mobileMenu-active: #f7c325;
}

.dpe-section {
    padding: 40px 30px;
}
@media (max-width: 767.98px) {
    .dpe-section {
        padding: 40px 15px;
    }
}
.dpe-section .dpe-header h3 {
    font-weight: 700;
    color: #000000;
}
.dpe-section .dpe-content .nav-tabs {
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
    border: 0;
}
.dpe-section .dpe-content .nav-tabs .nav-item {
    margin-right: 30px;
}
.dpe-section .dpe-content .nav-tabs .nav-item .nav-link {
    color: #000000;
    padding: 0;
    border: 0;
    border-bottom: 3px solid #f7f9fa;
    font-size: 15px;
    font-weight: 600;
}
.dpe-section .dpe-content .nav-tabs .nav-item .nav-link.active {
    color: #1570ef;
    background-color: transparent;
    border-bottom: 3px solid #1570ef;
}
@media (max-width: 767.98px) {
    .dpe-section .dpe-content .nav-tabs .nav-item .nav-link.active.active {
        color: #1570ef;
        background-color: transparent;
        border-bottom: 1px solid var(--border-bottom, #f0f0f0) !important;
    }
}
.dpe-section .dpe-content .nav-tabs .nav-item .nav-link p {
    margin: 0 0 0 10px;
    padding: 3px 10px;
    background-color: var(--new-list, #f7c325);
    border-radius: 100px;
    font-size: 14px;
    color: #000000;
}
.dpe-section .dpe-content .nav-tabs .nav-item .nav-link p.active {
    color: #ffffff;
}
.dpe-section .dpe-content .nav-tabs .nav-item:hover {
    border-color: none;
}
.dpe-section .dpe-content .nav-tabs .nav-item:focus {
    border-color: none;
}

table.table-bordered {
    border: 1px solid #d0d5dd;
}
table.table-bordered.dataTable td {
    border-left-width: 1px !important;
    vertical-align: middle;
}
table.table-bordered.dataTable td:last-child {
    border-right-width: 2px !important;
}
table.table-bordered.dataTable th {
    border-left-width: 1px !important;
    white-space: nowrap;
}
table.table-bordered.dataTable th:last-child {
    border-right-width: 2px !important;
}
table.table-bordered th {
    border: 1px solid #d0d5dd;
}
table.table-bordered td {
    border: 1px solid #d0d5dd;
}
table.table-bordered td .dpe-view {
    color: #1570ef;
    text-decoration: underline;
}

.dpe-content {
    margin-top: 20px;
}
.dpe-content .alldpetable th {
    font-weight: 600;
}

#all-dpe {
    padding-bottom: 120px;
}

.dpe-name {
    overflow: hidden;
    width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.dpe-name a {
    font-weight: 500;
}

.dpe-active {
    background-color: #194185;
    padding: 3px 15px;
    color: #ffffff;
    width: fit-content;
    border-radius: 100px;
    font-size: 14px;
}

.dpe-expire {
    background-color: var(--expire-info, #d3455b);
    padding: 3px 15px;
    color: #ffffff;
    width: fit-content;
    border-radius: 100px;
    font-size: 14px;
}

/* Approval Section */
.approaval-section {
    background: #ffffff;
    padding: 20px;
    border: 3px solid #d0d5dd;
    margin-bottom: 15px;
}
@media (max-width: 767.98px) {
    .approaval-section {
        display: block;
    }
}
.approaval-section .approval-lft h5 {
    font-weight: 700;
    color: #000000;
    text-transform: capitalize;
}
.approaval-section .approval-lft p {
    font-size: 14px;
}
.approaval-section a.review-approval {
    font-size: 14px;
    padding: 8px 15px;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
    font-weight: 600;
    border-radius: 5px;
}
@media (max-width: 767.98px) {
    .approaval-section a.review-approval {
        margin-top: 15px;
        display: inline-block;
    }
}
.approaval-section a.review-approval::before {
    border-radius: 5px;
}

.exam-modal-title {
    margin-bottom: 15px;
    font-size: 16px;
}

.exportDpe {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    margin-bottom: 15px;
}
.exportDpe a.export-dpe {
    background-color: #eff8ff;
    color: #1570ef;
    padding: 7px 10px;
    border: 1px solid #1570ef;
    border-radius: 5px;
    display: inline-flex;
}
.exportDpe a.export-dpe svg {
    margin-right: 5px;
}

#update_site_settings .form-control[type="file"] {
    padding: 13px 20px;
    border-color: #ffffff;
}

/* View Dpe */
.profile {
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb li a {
    color: #1570ef;
}
.breadcrumb li.active {
    color: #000000;
    display: flex;
    align-items: center;
}

.profile-img {
    position: relative;
}
.profile-img .inner-profile-img {
    position: relative;
    width: fit-content;
}
.profile-img img {
    width: 120px;
    height: 120px;
    border-radius: 100px;
}
.profile-img .form-field-file {
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    text-align: center;
    margin: 0 auto;
    background-color: #1570ef;
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
}
.profile-img .form-field-file input {
    opacity: 0;
    position: absolute;
    z-index: -999;
}

.account-info a.delete-user {
    color: var(--delete-User, #d3455b);
    margin-top: 10px;
    display: block;
    text-decoration: underline;
}
.account-info a.delete-user i {
    margin-right: 5px;
}
.account-info .account-details {
    border: 1px solid #d0d5dd;
    background-color: #ffffff;
    margin: 20px 0 0 0;
    padding: 15px;
}
.account-info .account-details button.hvr-vertical {
    font-size: 14px;
    padding: 5px 15px;
    height: 36px;
}
.account-info .account-details h4 {
    font-size: 19px;
    font-weight: 700;
    color: #000000;
}
@media (max-width: 575.98px) {
    .account-info .account-details h4 {
        display: block;
    }
}
.account-info .account-details h4 a {
    color: #1570ef;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 500;
}
@media (max-width: 575.98px) {
    .account-info .account-details h4 a {
        display: block;
        margin: 10px 0;
    }
}
.account-info .account-details h5 {
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    margin: 15px 0;
}
.account-info .account-details p {
    font-size: 17px;
    color: #000000;
}
.account-info .account-details .account-details-inner p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    color: #000000;
}
.account-info .account-details .account-details-inner ul {
    padding: 0;
}
.account-info .account-details .account-details-inner ul li {
    margin-bottom: 8px;
}
.account-info
    .account-details
    .account-details-inner
    ul
    li.acc-profile-details {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.account-info .account-details .account-details-inner ul li i {
    margin-right: 10px;
    width: 20px;
    color: #1570ef;
    background-color: #eff8ff;
    padding: 10px 17px;
    border-radius: 100px;
}
.account-info .account-details .account-details-inner ul li p {
    margin-top: 0;
    font-weight: 400;
}

@media (max-width: 767.98px) {
    .view-dpe .nav-tabs {
        margin-top: 20px;
    }
}
@media (max-width: 767.98px) {
    .view-dpe ul li {
        width: 100%;
        background-color: #ffffff;
        margin-right: 0 !important;
    }
}
@media (max-width: 767.98px) {
    .view-dpe ul li button {
        padding-left: 15px !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }
    .view-dpe ul li button.active {
        border-bottom: 0 !important;
        border-left: 3px solid #1570ef !important;
        border-radius: 0;
    }
}

.total-booked {
    margin-bottom: 10px;
}
.total-booked h6 {
    color: #000000;
}
.total-booked a {
    background-color: #ffffff;
    padding: 5px 20px;
    color: #1570ef;
    border: 2px solid #1570ef;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 600;
}
.total-booked a i {
    margin-left: 5px;
}
@media (max-width: 767.98px) {
    .total-booked a {
        margin: 10px 0;
        display: inline-block;
    }
}
@media (max-width: 767.98px) {
    .total-booked {
        display: block;
    }
}

.dpe-booked,
.dpe-paid,
.dpe-cancelled,
.dpe-unpaid,
.dpe-upcoming {
    padding: 5px 15px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
}

.dpe-upcoming {
    background-color: #2c88d9;
}

.dpe-unpaid {
    background-color: #f7c325;
}

.dpe-cancelled {
    background-color: #d3455b;
}

.dpe-paid {
    background-color: #1aae9f;
}

.dpe-booked {
    background-color: #616161;
}

.alldpetable p.btn-success {
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 100px;
}

.plan-exam-modal .modal-dialog {
    max-width: 1000px;
}
.plan-exam-modal .modal-dialog .modal-body {
    padding: 40px;
}
.plan-exam-modal .modal-dialog .modal-body.planetest-body .select-all {
    padding-bottom: 15px;
    border-bottom: 2px solid #d0d5dd;
    color: #000000;
}
.plan-exam-modal .modal-dialog .modal-body.planetest-body .select-all input {
    position: relative;
    top: -2px;
}
.plan-exam-modal .modal-dialog .modal-body.planetest-body input {
    border-color: #d0d5dd;
}
.plan-exam-modal .modal-dialog .modal-body.planetest-body h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}
@media (max-width: 767.98px) {
    .plan-exam-modal .modal-dialog .modal-body.planetest-body .plane-cap-left {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
}
.plan-exam-modal
    .modal-dialog
    .modal-body.planetest-body
    .plane-cap-left
    .plane-input.type-designee {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}
@media (max-width: 767.98px) {
    .plan-exam-modal .modal-dialog .modal-body.planetest-body .plane-cap-right {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
}
.plan-exam-modal .modal-dialog .modal-body.planetest-body .container-p {
    padding: 0;
}
@media (max-width: 767.98px) {
    .plan-exam-modal .modal-dialog .modal-body.planetest-body .container-p {
        padding: initial;
    }
}
.plan-exam-modal .modal-dialog .modal-body button.btn-close {
    position: absolute;
    right: 25px;
}
.plan-exam-modal .modal-dialog .selected-plans li {
    width: fit-content;
}
.plan-exam-modal .modal-dialog .selected-plans li p {
    align-items: flex-start;
}
.plan-exam-modal .modal-dialog .selected-plans li p i {
    position: relative;
    top: 4px;
}
.plan-exam-modal .modal-dialog .bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}
.plan-exam-modal .modal-dialog .bootstrap-select .dropdown-toggle::after {
    background-color: #ffffff !important;
    padding: 10px !important;
}

.edit-exam-modal {
    padding-bottom: 15px;
    border-bottom: 2px solid #d0d5dd;
    color: #000000;
}
.edit-exam-modal p {
    color: #475467;
}

.search-input {
    margin-bottom: 20px;
}
.search-input input {
    border: 2px solid #d0d5dd !important;
    border-right: 0px !important;
}
.search-input .input-group-append {
    border: 2px solid #d0d5dd;
    border-left: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.search-input .input-group-append button:hover {
    color: #000000;
}

.multi-engine-lft .form-check {
    margin: 10px 0;
}
.multi-engine-lft label {
    color: #000000;
}
.multi-engine-lft h5 {
    font-weight: 700;
    color: #000000;
    font-size: 17px;
}
.multi-engine-lft .multi-engine ul {
    display: block;
    max-height: 100px;
    overflow-y: auto;
}
.multi-engine-lft .multi-engine ul li {
    display: block;
}

.modal-button {
    width: fit-content;
}

/* View Dpe */
.approve-dpe {
    margin: 0;
}

.approve-profile-img {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

@media (max-width: 767.98px) {
    .exam-header {
        display: block;
    }
}
.exam-header .category-exam button {
    font-size: 14px;
}
.exam-header .category-exam .add-exam-btn {
    height: 40px;
    font-size: 14px;
}
.exam-header .category-exam .add-category-btn {
    margin-right: 10px;
    font-size: 14px;
}
@media (max-width: 767.98px) {
    .exam-header .category-exam {
        display: flex;
        margin-top: 20px;
    }
}
@media (max-width: 767.98px) and (max-width: 575.98px) {
    .exam-header .category-exam {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .exam-header .category-exam button {
        width: 50%;
    }
}
@media (max-width: 767.98px) and (max-width: 575.98px) {
    .exam-header .category-exam button {
        width: auto;
        margin-bottom: 10px;
    }
}
@media (max-width: 575.98px) {
    .exam-header .category-exam button {
        font-size: 13px;
    }
}

.side-popup-exam {
    position: fixed;
    top: 0;
    right: -485px;
    width: 445px;
    height: 100%;
    background: #ffffff;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    z-index: 9999999;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
@media (max-width: 767.98px) {
    .side-popup-exam {
        width: 290px;
    }
}
.side-popup-exam.sidepopup-opened {
    right: 0px;
}
.side-popup-exam .sidepopup-inner {
    position: relative;
    padding: 25px;
}
.side-popup-exam .sidepopup-inner .sidebar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    position: absolute;
}
.side-popup-exam .sidepopup-inner .sidepopup-content h4 {
    font-weight: 700;
    margin-bottom: 30px;
    color: #000000;
}
.side-popup-exam .sidepopup-inner .sidepopup-content label {
    font-weight: 600;
    margin-bottom: 5px;
}
.side-popup-exam .sidepopup-inner .sidepopup-content select {
    border: 1px solid #d0d5dd;
    height: 48px;
}
.side-popup-exam .sidepopup-inner .sidepopup-content .exam-save {
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 575.98px) {
    .side-popup-exam .sidepopup-inner .sidepopup-content .exam-save {
        margin: 20px 0;
        width: 100%;
    }
}
@media (max-width: 991.98px) {
    .side-popup-exam .sidepopup-inner .sidepopup-content .scroll-style {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 350px;
    }
}
.side-popup-exam .exam-close-btn {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
}

.side-popup-category {
    position: fixed;
    top: 0;
    right: -485px;
    width: 445px;
    height: 100%;
    background: #ffffff;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    z-index: 9999999;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
@media (max-width: 767.98px) {
    .side-popup-category {
        width: 290px;
    }
}
.side-popup-category.category-popup-opened {
    right: 0px;
}
.side-popup-category .sidepopup-inner-category {
    position: relative;
    padding: 25px;
}
.side-popup-category .sidepopup-inner-category .sidebar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    position: absolute;
}
.side-popup-category .sidepopup-inner-category .sidepopup-content h4 {
    font-weight: 700;
    margin-bottom: 30px;
}
.side-popup-category .sidepopup-inner-category .sidepopup-content label {
    font-weight: 500;
    margin-bottom: 5px;
}
.side-popup-category .sidepopup-inner-category .sidepopup-content select {
    border: 3px solid #d0d5dd;
    height: 48px;
}
.side-popup-category .sidepopup-inner-category .sidepopup-content .exam-save {
    width: 100px;
}
.side-popup-category .exam-close-btn {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
}

.bg-overlay-opened {
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    top: 0;
    z-index: 9;
    position: fixed;
}

.knowledge-text {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 0;
}

#examtimePicker div.btn-group {
    display: none;
}
#examtimePicker select.minutes-dropdown {
    margin-right: 0 !important;
}

.exam-edit-btn {
    text-decoration: underline;
    color: #1570ef;
}

.add-exam-popup {
    margin-top: 20px;
    padding-bottom: 20px;
}
@media (max-width: 575.98px) {
    .add-exam-popup div {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .add-exam-popup #delete_admin_user {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .add-exam-popup a {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .add-exam-popup {
        flex-direction: column;
        width: 100%;
    }
}
.add-exam-popup #delete_exams,
.add-exam-popup #delete_plane,
.add-exam-popup #delete_category {
    margin-right: 10px;
}
.add-exam-popup #delete_exams a,
.add-exam-popup #delete_plane a,
.add-exam-popup #delete_category a {
    border-color: #ff0000;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-exam-popup #delete_exams a:hover,
.add-exam-popup #delete_plane a:hover,
.add-exam-popup #delete_category a:hover {
    background-color: #ff0000;
    color: #ffffff !important;
}

.btn.hvr-vertical.exam-modal-save {
    height: 40px;
    font-size: 14px;
}

.add-plane-category-btn {
    margin-right: 10px;
}

/****** PAGES-FRONTEND ******/
.dpe-signup-body {
    background-color: #ffffff !important;
}

.dpeSignup-banner {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 260px 0;
    position: relative;
    background-image: url(../img/applicant/dpe-signup.png);
    background-blend-mode: overlay;
}
@media (max-width: 767.98px) {
    .dpeSignup-banner {
        padding: 100px 0;
    }
}

.dpe-signup-title p {
    max-width: 70%;
    margin: 20px auto;
    line-height: 1.7;
}
@media (max-width: 767.98px) {
    .dpe-signup-title p {
        max-width: 100%;
    }
}

.dpe-signup-section h2 {
    color: #000000;
    font-weight: 700;
}

.find-exam {
    margin-top: 25px;
}

#privacy_policy-error {
    display: block;
    width: 100%;
}

.signup-info {
    margin-top: 20px;
}
.signup-info h3 {
    font-weight: 700;
    color: #000000;
}
.signup-info .upload-profile {
    width: 100%;
}
.signup-info .upload-profile .form-field-file {
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 5px;
    color: #ffffff;
    width: 100%;
}
.signup-info .upload-profile .form-field-file input {
    opacity: 0;
    position: absolute;
    z-index: -999;
    left: 0;
}
.signup-info .upload-profile .form-field-file label {
    color: #1570ef;
    font-size: 15px;
    border: 2px dashed #1570ef;
    background-color: #eff8ff;
    padding: 45px 15px;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
}
.signup-info .upload-profile .form-field-file label svg {
    margin-right: 5px;
    width: 40px;
    height: 40px;
}
.signup-info .upload-profile p {
    margin-top: 10px;
    color: #000000;
}

#dpe-progress {
    width: 63%;
    margin: 0 auto;
    font-size: 2.5em;
    font-weight: 700;
    position: relative;
}
@media (max-width: 767.98px) {
    #dpe-progress #dpe-progress {
        font-size: 1.5em;
    }
}
#dpe-progress::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 2px;
    width: 100%;
    background-color: var(--progress-bar, #ccc);
    -webkit-transform: translateY(-50%) perspective(1000px);
    transform: translateY(-50%) perspective(1000px);
}
#dpe-progress::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 2px;
    /*width: 150%;*/
    width: 0;
    background-color: #1570ef;
    -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
    transform: scaleX(0) translateY(-50%) perspective(1000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
#dpe-progress.dpe-step-2::after {
    -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px);
    transform: scaleX(0.333) translateY(-50%) perspective(1000px);
}
#dpe-progress.dpe-step-3::after {
    -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
    transform: scaleX(0.666) translateY(-50%) perspective(1000px);
}
#dpe-progress.dpe-step-4::after {
    -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
    transform: scaleX(0.666) translateY(-50%) perspective(1000px);
    left: 0;
    right: 0;
    width: 150%;
}
#dpe-progress .progress-bar-new {
    width: 100%;
    display: flex;
    height: 100px;
    justify-content: space-between;
    align-items: center;
}
#dpe-progress .progress-bar-new .step {
    z-index: 2;
    position: relative;
}
#dpe-progress .progress-bar-new .step .step-label {
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    -webkit-transform: translateX(-50%) perspective(1000px);
    transform: translateX(-50%) perspective(1000px);
    white-space: nowrap;
    font-size: 0.4em;
    font-weight: 600;
    color: #344054;
    transition: 0.3s ease;
}
@media (max-width: 767.98px) {
    #dpe-progress .progress-bar-new .step .step-label {
        display: none;
    }
}
#dpe-progress .progress-bar-new .fa {
    font-size: 16px;
}
#dpe-progress .progress-bar-new .step.valid .fa-check {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}
#dpe-progress .progress-bar-new .step.valid span {
    color: #475467;
    -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
    opacity: 0;
}
#dpe-progress .progress-bar-new .step.valid::after {
    background-color: var(--dpe-checked, #eff8ff);
    border: 2px solid #1570ef;
}
#dpe-progress .progress-bar-new .step.valid .step-label {
    color: #344054;
}
#dpe-progress .progress-bar-new .step.active span {
    color: #1570ef;
}
#dpe-progress .progress-bar-new .step.active span i {
    font-size: 10px;
    position: relative;
    top: -2px;
}
#dpe-progress .progress-bar-new .step.active .step-label {
    color: #1570ef;
}
@media (max-width: 767.98px) {
    #dpe-progress .progress-bar-new .step.active .step-label {
        top: calc(100% + 15px);
        display: none;
    }
}
#dpe-progress .progress-bar-new .step.active::after {
    border: 2px solid #1570ef;
}
#dpe-progress .progress-bar-new .step .fa-check {
    color: #1570ef;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
    transform: translate3d(-50%, -50%, 0) scale(0) perspective(1000px);
}
#dpe-progress .progress-bar-new .step span {
    color: #ccc;
    transition: 0.3s ease;
    display: block;
    -webkit-transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
    transform: translate3d(0, 0, 0) scale(1) perspective(1000px);
    font-size: 16px;
}
#dpe-progress .progress-bar-new .step span i {
    font-size: 10px;
    position: relative;
    top: -2px;
}
#dpe-progress .progress-bar-new .step::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) perspective(1000px);
    transform: translate(-50%, -50%) perspective(1000px);
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #d0d5dd;
    transition: 0.3s ease;
}
@media (max-width: 767.98px) {
    #dpe-progress .progress-bar-new .step::after {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 767.98px) {
    #dpe-progress {
        width: 90%;
    }
}

.button-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.location-btn {
    background-color: #ffffff;
    border: 3px solid #1570ef;
    color: #1570ef;
    font-weight: 700;
    margin-bottom: 20px;
}
.location-btn:hover {
    border: 3px solid #1570ef;
    color: #1570ef;
}
@media (max-width: 767.98px) {
    .location-btn {
        width: 100%;
    }
}

.button-container {
    width: 100%;
    margin: 50px auto 0px;
}
.button-container .dpe-btn-prev {
    margin-right: 10px;
}
.button-container .btn.progress-btn {
    width: 100%;
}
@media (max-width: 767.98px) {
    .button-container .btn.progress-btn {
        margin-bottom: 15px;
    }
}
.button-container a.dpe-prev-btn {
    margin: 0 10px 0 0;
    padding: 12px 25px;
    width: 140px;
    height: 48px;
}
@media (max-width: 767.98px) {
    .button-container a.dpe-prev-btn {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: -1px;
    }
}

.multiselect-dropdown-ui .multiselect-dropdown {
    width: 100% !important;
    border: 3px solid #d0d5dd;
    height: 48px;
}
.multiselect-dropdown-ui .multiselect-dropdown span.placeholder {
    color: #475467;
    background: transparent;
    line-height: 39px;
}
.multiselect-dropdown-ui .multiselect-dropdown span.optext {
    margin: 7px 5px 0;
    background-color: #1570ef;
    color: #ffffff;
    width: fit-content;
}
.multiselect-dropdown-ui .multiselect-dropdown span.optext .optdel {
    margin-top: 4px;
    color: #ffffff;
}
.multiselect-dropdown-ui .multiselect-dropdown span.optext .optdel:hover {
    color: #ffffff;
}
.multiselect-dropdown-ui
    .multiselect-dropdown
    .multiselect-dropdown-list-wrapper {
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.multiselect-dropdown-ui
    .multiselect-dropdown
    .multiselect-dropdown-list-wrapper
    input.multiselect-dropdown-search {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 300;
    line-height: 2;
}
.multiselect-dropdown-ui
    .multiselect-dropdown
    .multiselect-dropdown-list-wrapper
    .multiselect-dropdown-list
    .multiselect-dropdown-all-selector {
    padding: 10px 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d0d5dd;
}
.multiselect-dropdown-ui
    .multiselect-dropdown
    .multiselect-dropdown-list-wrapper
    .multiselect-dropdown-list
    div {
    display: flex !important;
    align-items: center;
}
.multiselect-dropdown-ui
    .multiselect-dropdown
    .multiselect-dropdown-list-wrapper
    .multiselect-dropdown-list
    input {
    border: 1px solid #d0d5dd;
}

.agree-dpe {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.agree-dpe input {
    width: 21px;
    height: 21px;
    border-radius: 3px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.agree-dpe label {
    font-size: 15px;
}
.agree-dpe label a {
    text-decoration: underline;
}

.plane-search {
    position: relative;
}
.plane-search input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: grey;
    opacity: 1;
}
.plane-search input {
    border: 1px solid #d0d5dd;
    height: 44px;
}
.plane-search .plane-search-list {
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 14px 10px;
    background-color: #ffffff;
    margin-top: 10px;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
    display: none;
    position: absolute;
    top: 43px;
    width: 100%;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1;
}
.plane-search .plane-search-list .list-plane {
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 3px 0;
}
.plane-search .plane-search-list .list-plane b {
    font-weight: 800;
}
.plane-search .plane-search-list .list-plane input {
    position: relative;
    top: -3px;
}
.plane-search
    .plane-search-list
    .list-plane
    input.form-check-input:checked:checked[type="checkbox"] {
    background-color: #1570ef;
}
.plane-search
    .plane-search-list
    .list-plane
    input.form-check-input:checked:checked[type="checkbox"]::before {
    color: #ffffff;
}
.plane-search .plane-search-list.showSearch {
    display: block;
}

.plane-cap-left {
    border-right: 1px solid #d0d5dd;
    padding-right: 35px;
}
@media (max-width: 767.98px) {
    .plane-cap-left {
        border: 0;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
}
.plane-cap-left h2 {
    color: var(--plane-title, #1d2939);
}
.plane-cap-left .plane-input label {
    margin-bottom: 5px;
    color: var(--plane-dpe, #344054);
    font-weight: 500;
}
.plane-cap-left .plane-input select {
    height: 44px;
    color: #667085;
}
.plane-cap-left .plane-input.type-designee {
    padding-right: 5px;
}
@media (max-width: 767.98px) {
    .plane-cap-left .plane-input.type-designee {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }
}
.plane-cap-left .plane-input .bootstrap-select {
    width: 100% !important;
}
.plane-cap-left .plane-input .bootstrap-select .multiselect-dropdown,
.plane-cap-left .plane-input .bootstrap-select .optext {
    display: none;
}
.plane-cap-left .plane-input .bootstrap-select button {
    background: #ffffff;
    border: 1px solid #d0d5dd;
    line-height: 31px;
    font-size: 14px;
    color: var(--modal-select, #667085);
    position: relative;
}
.plane-cap-left .plane-input .bootstrap-select button:focus {
    outline: 0 !important;
}
.plane-cap-left .plane-input .bootstrap-select button::before {
    content: "\f078";
    font-family: FontAwesome;
    right: 10px;
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #667085;
}
.plane-cap-left
    .plane-input
    .bootstrap-select
    .bs-actionsbox
    .btn-group
    .bs-select-all,
.plane-cap-left
    .plane-input
    .bootstrap-select
    .bs-actionsbox
    .btn-group
    .bs-deselect-all {
    display: none !important;
}
.plane-cap-left .plane-input .bootstrap-select .inner.show ul li a {
    font-size: 14px;
    color: #667085;
    position: relative;
}
.plane-cap-left
    .plane-input
    .bootstrap-select
    .inner.show
    ul
    li
    a
    span.check-mark {
    left: 22px !important;
    color: #ffffff;
    top: 6px;
}
.plane-cap-left
    .plane-input
    .bootstrap-select
    .inner.show
    ul
    li
    a
    span.check-mark::after {
    font-size: 11px !important;
    left: 25px !important;
}
.plane-cap-left .plane-input .bootstrap-select .inner.show ul li a span.text {
    padding-left: 28px !important;
}
.plane-cap-left .plane-input .bootstrap-select .inner.show ul li a::before {
    content: "";
    position: absolute;
    border: 1px solid #d0d5dd;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background-color: #ffffff;
    display: block;
}
.plane-cap-left
    .plane-input
    .bootstrap-select
    .inner.show
    ul
    li
    a.selected::before {
    background-color: #1570ef;
}
.plane-cap-left .plane-input .bootstrap-select .dropdown-toggle::after {
    background-color: #ffffff !important;
    padding: 10px !important;
}
.plane-cap-left
    .plane-input.plane-modal-input
    .dropdown-menu
    .bs-actionsbox
    .btn-group {
    display: none;
}
.plane-cap-left .plane-input .dropdown-menu.show {
    width: 100% !important;
}

.plane-cap-right {
    padding-left: 35px;
}
@media (max-width: 767.98px) {
    .plane-cap-right {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
}
.plane-cap-right .no-plane-selected {
    background-color: var(--no-plane-selected, #f2f4f7);
    margin: 15px 0 0 0;
    padding: 10px 30px;
    border-radius: 8px;
    font-weight: 800;
    color: #667085;
    width: max-content;
}
.plane-cap-right .selected-plans {
    margin: 15px 0 0 0;
    padding: 0;
}
.plane-cap-right .selected-plans li {
    background-color: var(--selected-plans, #d1e9ff);
    border-radius: 8px;
    padding: 10px 15px;
    width: max-content;
    display: block;
    margin-bottom: 8px;
}
@media (max-width: 1199.98px) {
    .plane-cap-right .selected-plans li {
        width: fit-content;
    }
}
@media (max-width: 767.98px) {
    .plane-cap-right .selected-plans li {
        width: max-content;
    }
}
.plane-cap-right .selected-plans li:last-child {
    margin: 0;
}
.plane-cap-right .selected-plans li p {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-weight: 600;
    color: #667085;
}
@media (max-width: 1199.98px) {
    .plane-cap-right .selected-plans li p {
        align-items: flex-start;
    }
}
@media (max-width: 767.98px) {
    .plane-cap-right .selected-plans li p {
        align-items: center;
    }
}
@media (max-width: 1199.98px) {
    .plane-cap-right .selected-plans li p i {
        position: relative;
        top: 4px;
    }
}
@media (max-width: 767.98px) {
    .plane-cap-right .selected-plans li p i {
        position: relative;
        top: 0;
    }
}
.plane-cap-right .selected-plans li#select_all {
    display: none;
}

.thank-you-icon {
    width: 15%;
    margin-bottom: 20px;
}

:root {
    --nextStep-color: #788896;
    --onboarding-border: #eaecf0;
}

section.onboaring-profile {
    padding-bottom: 150px;
}

body.dpe-inner-body {
    background-color: #f7f9fa;
}

.onboarding-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 30px;
    position: relative;
    background-color: #194185;
}
@media (max-width: 767.98px) {
    .onboarding-banner {
        padding: 20px 15px;
    }
}

.onboarding-steps {
    color: #ffffff;
}
.onboarding-steps h1 {
    font-weight: 700;
    font-size: 30px;
}
.onboarding-steps p:nth-child(2) {
    margin-bottom: 0;
}

.progress-bar-wrapper {
    position: relative;
    width: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.progress-bar-wrapper p {
    margin: 0 10px 5px;
    color: #000000;
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
}
@media (max-width: 991.98px) {
    .progress-bar-wrapper p {
        margin: 10px 10px 0 0;
    }
}
.progress-bar-wrapper p i {
    color: #1570ef;
}
@media (max-width: 991.98px) {
    .progress-bar-wrapper {
        justify-content: flex-start;
    }
}
.progress-bar-wrapper .progress-bar-inner {
    width: 50%;
    background: #ffffff;
    padding: 15px;
    border-radius: 8px;
}
@media (max-width: 767.98px) {
    .progress-bar-wrapper .progress-bar-inner {
        width: 100%;
        margin-top: 15px;
    }
}

progress {
    width: 100%;
    height: 20px;
    border-radius: 5px;
    background-color: #eff8ff;
    transition: width 300ms ease;
    appearance: none !important;
}
progress[value]::-webkit-progress-bar {
    width: 100%;
    height: 20px;
    border-radius: 5px;
    background-color: #eff8ff;
    transition: width 300ms ease;
}
progress[value]::-webkit-progress-value {
    border-radius: 5px;
    background-color: #1570ef;
    transition: width 300ms ease;
}
@media (max-width: 767.98px) {
    progress {
        width: 100%;
        margin: 15px 0 0;
    }
}

.onboaring-step h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.completed-dpe {
    padding: 25px;
    border: 3px solid #d0d5dd;
    background-color: #ffffff;
}
.completed-dpe .completed-dpe-info {
    display: flex;
    align-items: center;
}
.completed-dpe .completed-dpe-info img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    object-fit: cover;
}
.completed-dpe .completed-dpe-info .created-dpe-acc {
    margin-left: 15px;
}
.completed-dpe .completed-dpe-info .created-dpe-acc h4 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 17px;
    color: #1570ef;
}
.completed-dpe .completed-dpe-info .created-dpe-acc p {
    color: #1570ef;
}
@media (max-width: 991.98px) {
    .completed-dpe .completed-dpe-info {
        margin-bottom: 15px;
    }
}
.completed-dpe i {
    font-size: 26px;
    color: #1570ef;
}
.completed-dpe .bank-acc-dpe i {
    font-size: 40px;
    color: #000000;
}
.completed-dpe .bank-acc-dpe .created-dpe-acc h4 {
    color: #000000;
}
.completed-dpe .bank-acc-dpe .created-dpe-acc p {
    color: #000000;
}
@media (max-width: 767.98px) {
    .completed-dpe a.create-acc {
        width: 100%;
        text-align: center;
    }
}
.completed-dpe a.btn-acc-info i {
    font-size: 35px;
    color: #000000;
}

.set-availablity {
    display: block;
    margin-bottom: 90px;
}
.set-availablity .availablity-calendar:first-child {
    margin-bottom: 24px;
}
@media (max-width: 991.98px) {
    .set-availablity .availablity-calendar {
        display: block;
    }
}
@media (max-width: 575.98px) {
    .set-availablity .availablity-calendar a {
        width: 100%;
    }
    .set-availablity .availablity-calendar a:first-child {
        margin-bottom: 10px;
    }
}

.google-event {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: white !important;
}

.sync-calendar a:first-child {
    margin-right: 10px;
}

.onboaring-next {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-shadow: 0px -5px 15px rgba(0, 0, 0, 0.08);
}
.onboaring-next p {
    margin: 0 10px 0;
    color: var(--nextStep-color);
}
@media (max-width: 767.98px) {
    .onboaring-next {
        display: none;
    }
}

.mob-booking-exam {
    width: 100%;
}

/* New Onboarding UI */
section.dpe-onboarding {
    background-color: #ffffff;
}

.dpe-onboarding-title span {
    line-height: 1.8;
}

.todo-list-onboarding,
.completed-list-onboarding {
    margin: 10px 0 0;
    padding: 18px;
    border-radius: 12px;
}

.todo-list-onboarding .rht-todo-onboard span,
.completed-list-onboarding .rht-complete-onboard span {
    display: block;
    width: 21px;
    height: 21px;
    border-radius: 5px;
    position: relative;
}

.completed-list-onboarding {
    border: 2px solid #1570ef;
    background-color: #eff8ff;
}
.completed-list-onboarding .lft-complete-onboard {
    display: flex;
    align-items: flex-start;
}
.completed-list-onboarding .lft-complete-onboard img {
    margin-right: 10px;
    width: 45px;
}
.completed-list-onboarding .rht-complete-onboard span {
    border: 1px solid #1570ef;
}
.completed-list-onboarding .rht-complete-onboard span::before {
    content: "\f00c";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #1570ef;
    font-family: FontAwesome;
}

.todo-list-onboarding {
    border: 2px solid var(--onboarding-border);
    background-color: #ffffff;
}
.todo-list-onboarding .lft-todo-onboard {
    display: flex;
    align-items: flex-start;
}
.todo-list-onboarding .lft-todo-onboard img {
    margin-right: 10px;
    width: 45px;
}
.todo-list-onboarding .rht-todo-onboard span {
    border: 1px solid #d0d5dd;
}

.todo-list-completed {
    padding: 45px;
    border-radius: 12px;
    background-color: #eff8ff;
}
.todo-list-completed i {
    font-size: 35px;
    color: #1570ef;
}
.todo-list-completed p {
    margin-top: 10px;
    font-weight: 600;
}

section.account-create-section.next-step-section {
    background-color: #ffffff;
}

:root {
    --table-th-btn: #c3cfd9;
    --unaviailable-date: #c3cfd9;
    --saved-msg: #18ad9e;
    --box-padding: 15px;
}

section.waitinglist-section {
    background-color: #194185;
}

.waiting-list-users p {
    margin: 0;
}
.waiting-list-users ul {
    margin: 10px 0 0 0;
    padding: 15px;
    background-color: var(--waitling-users, #255098);
    border-radius: 6px;
    min-height: 40px;
    max-height: 140px;
    height: 100%;
    overflow-y: auto;
}
.waiting-list-users ul li {
    color: #ffffff;
}
.waiting-list-users ul li:not(:last-child) {
    margin-bottom: 10px;
}

.booking-timeline li {
    padding-left: 15px;
}
.booking-timeline.findDpe li {
    padding-left: 15px;
}
.booking-timeline.findDpe li:first-child {
    margin: 0 0 25px 0;
}

.common-navtabs ul {
    border: 0;
    background: #ffffff;
    padding: 0 20px;
}
@media (max-width: 767.98px) {
    .common-navtabs ul {
        padding: 0;
        background: transparent;
        border: 0 !important;
    }
}
.common-navtabs ul li {
    padding-right: 20px;
}
@media (max-width: 767.98px) {
    .common-navtabs ul li {
        width: 100%;
        background-color: #ffffff;
        margin-bottom: 2px;
    }
}
.common-navtabs ul li:last-child {
    padding-right: 0;
}
.common-navtabs ul li .nav-link {
    padding: 10px 0;
    border: 0 !important;
    color: #475467;
    font-size: 17px;
    border-bottom: 3px solid #ffffff !important;
    font-weight: 700;
    height: 55px;
    font-size: 15px;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .common-navtabs ul li .nav-link {
        border-bottom: 0px solid #f7f9fa !important;
    }
}
.common-navtabs ul li .nav-link:focus {
    border: 0;
    padding: 0;
}
.common-navtabs ul li .nav-link.active {
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid #1570ef !important;
    color: #1570ef;
}
@media (max-width: 767.98px) {
    .common-navtabs ul li .nav-link.active {
        border-bottom: 0px !important;
        border-left: 3px solid #1570ef !important;
        border-radius: 0;
        padding: 0 15px;
    }
}
@media (max-width: 767.98px) {
    .common-navtabs ul li .nav-link {
        padding: 0 15px;
        border-left: 3px solid #ffffff !important;
        border-radius: 0;
        font-size: 16px;
        width: 100%;
        text-align: left;
    }
}

.set-availble-day {
    display: flex;
}
@media (max-width: 767.98px) {
    .set-availble-day {
        display: block;
    }
}
.set-availble-day .form-check {
    display: flex;
    align-items: center;
}
.set-availble-day .form-check input {
    width: 22px;
    height: 22px;
    position: relative;
    top: -2px;
}
.set-availble-day .form-check label {
    font-size: 19px;
    font-weight: 700;
    color: #000000;
    line-height: 1.2;
    margin-left: 10px;
}
.set-availble-day #setavailabilitypicker {
    border: 3px solid #d0d5dd;
    margin: 0 0 0 10px;
    padding: 10px 15px;
    border-radius: 5px;
}
.set-availble-day #setavailabilitypicker:focus-visible {
    outline: none;
}
@media (max-width: 767.98px) {
    .set-availble-day #setavailabilitypicker {
        margin: 0;
        width: 100%;
    }
}
.set-availble-day .set-last-available {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
@media (max-width: 767.98px) {
    .set-availble-day .set-last-available {
        margin-top: 15px;
    }
}

.datepicker-dropdown {
    padding: 0;
}

.datepicker-days {
    padding: 10px;
}
.datepicker-days thead tr th.prev {
    background-color: var(--table-th-btn);
    padding: 5px;
}
.datepicker-days thead tr th.next {
    background-color: var(--table-th-btn);
    padding: 5px;
}
.datepicker-days thead tr th.datepicker-switch {
    margin-bottom: 10px;
}
.datepicker-days thead tr th.dow {
    margin-top: 20px;
    padding: 5px 10px;
}
.datepicker-days thead tr:nth-child(2) {
    margin-top: 10px;
}
.datepicker-days tbody tr td {
    padding: 5px;
}
.datepicker-days tbody tr td .active.active {
    background-color: #1570ef !important;
}

.set-availablity-first {
    border: 3px solid #d0d5dd;
    background-color: #ffffff;
    padding: 15px;
}
.set-availablity-first .avail-date {
    position: relative !important;
}
.set-availablity-first .avail-date svg {
    position: absolute;
    top: 15px;
    right: 15px;
}
.set-availablity-first p.app-cant-book {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
@media (max-width: 767.98px) {
    .set-availablity-first p.app-cant-book {
        align-items: flex-start;
    }
}
.set-availablity-first p.app-cant-book svg {
    margin-right: 5px;
}
@media (max-width: 767.98px) {
    .set-availablity-first p.app-cant-book svg {
        width: 50px;
        height: auto;
        position: relative;
        top: 5px;
        margin-right: 10px;
    }
}
.set-availablity-first span.error {
    display: block;
    margin: 10px 0;
}
.set-availablity-first .set-availble-day .form-check input {
    width: 22px !important;
    height: 22px !important;
    position: relative;
    top: -2px;
}
.set-availablity-first .set-availble-day .form-check input::before {
    position: initial !important;
    top: -3px;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1570ef;
}

.regular-availability button {
    margin-top: 20px;
}
.regular-availability p {
    margin-top: 10px;
    color: #000000;
}

.availablity-monthly {
    margin-top: 20px;
}
.availablity-monthly h5 {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
}
.availablity-monthly .next-prev-availability {
    display: flex;
    align-items: flex-start;
    margin: 20px 0;
}
.availablity-monthly .next-prev-availability p {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}
.availablity-monthly .next-prev-availability svg {
    width: 30px;
    height: 30px;
    color: #000000;
}

#event-monthly-calendar td .date {
    margin-bottom: 10px;
}
#event-monthly-calendar td .date .detailed-date {
    display: none;
}
@media (max-width: 767.98px) {
    #event-monthly-calendar td .date .detailed-date {
        display: block;
    }
}
@media (max-width: 767.98px) {
    #event-monthly-calendar td .event-time {
        border-left: 3px solid #1570ef;
        padding: 15px;
        background-color: #ffffff;
        margin-bottom: 10px;
    }
}

.modal.fade.show .modal-dialog.appointment-dialog-modal {
    max-width: 650px;
}

.appointment-dialog-modal .modal-body {
    padding: 25px;
}
.appointment-dialog-modal .modal-body .appointment-modal-header h4 {
    font-weight: 700;
    color: #000000;
}
.appointment-dialog-modal
    .modal-body
    .appointment-modal-header
    button.btn-close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 14px;
}
.appointment-dialog-modal .modal-body .regularapp-modal-body {
    margin-top: 45px;
}
.appointment-dialog-modal .modal-body .regularapp-modal-body .date-app-checked {
    margin-bottom: 30px;
    position: relative;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .date-app-checked {
        display: block;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .date-app-checked
    .form-check
    input {
    width: 20px;
    height: 20px;
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .date-app-checked
    .form-check
    label {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    font-size: 15px;
    position: relative;
    top: 2px;
    margin-left: 10px;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .date-app-checked
        .form-check {
        display: block;
        margin-bottom: 10px;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .date-app-checked
    button {
    font-size: 14px;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .date-app-checked
        button {
        width: 100%;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .date-app-checked
    label.error {
    position: absolute;
    top: 40px;
    left: 10px;
    width: 100%;
    font-size: 14px;
    margin-left: -10px;
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time {
    width: 50%;
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    .app-availablity-first {
    position: relative;
    column-gap: 5px;
    margin-bottom: 10px;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time
        .app-availablity-first {
        column-gap: 10px;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    .app-availablity-first
    span {
    display: block;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time
        .app-availablity-first
        span {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time
        .app-availablity-first
        input {
        margin: 0;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    .app-availablity-first
    label.error {
    position: absolute;
    right: 0;
    bottom: -22px;
    font-size: 13px;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time
        .app-availablity-first
        label.error {
        top: unset;
        bottom: 0;
        margin-left: 10px;
        position: initial;
        display: block;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    .app-availablity-first
    i {
    font-size: 18px;
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    input {
    width: 180px;
    margin: 0;
    height: 40px;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time
        input {
        width: 100%;
        margin: 0 10px 10px;
    }
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time
        svg {
        width: 40px;
        font-weight: 700;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    span {
    font-size: 17px;
    font-weight: 700;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time
        span {
        margin: 0 5px;
    }
}
.appointment-dialog-modal
    .modal-body
    .regularapp-modal-body
    .app-availablity-time
    p.unavailbletime {
    font-weight: 700;
    color: var(--unaviailable-date);
    font-size: 15px;
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal
        .modal-body
        .regularapp-modal-body
        .app-availablity-time {
        width: auto;
        margin-bottom: 10px;
    }
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal .modal-body .regularapp-modal-body button {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .appointment-dialog-modal .modal-body .regularapp-modal-body {
        margin-bottom: 50px;
    }
}

#set-calendar .datepicker-inline {
    width: 100%;
    padding: 0;
}
#set-calendar .datepicker-inline .datepicker-days {
    padding: 0;
}
#set-calendar .datepicker-inline .datepicker-days .table-condensed {
    width: 100%;
}
#set-calendar .datepicker-inline .datepicker-days thead tr th.prev {
    background-color: #ffffff;
    border: 2px solid #1570ef;
    border-radius: 10px;
    color: #1570ef;
}
#set-calendar .datepicker-inline .datepicker-days thead tr th.next {
    background-color: #ffffff;
    border: 2px solid #1570ef;
    border-radius: 10px;
    color: #1570ef;
}
#set-calendar
    .datepicker-inline
    .datepicker-days
    thead
    tr
    th.datepicker-switch:hover {
    background-color: transparent;
}
#set-calendar .datepicker-inline .datepicker-days thead tr th.dow {
    padding: 30px 0 10px;
    color: #000000;
    font-weight: 700;
}
#set-calendar .datepicker-inline .datepicker-days thead tr td.today {
    background-color: #1570ef !important;
    background-image: none !important;
}

.datepicker table tr td.today {
    background-color: #194185 !important;
    background-image: none !important;
    color: #ffffff !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
    background-color: rgba(44, 136, 217, 0.1) !important;
    background-image: none !important;
    color: #1570ef !important;
    border: 1px solid #1570ef;
    border-radius: 5px !important;
}

.hours-availability {
    margin-top: 20px;
}
.hours-availability h5 {
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 20px;
}
.hours-availability .date-app-check {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 767.98px) {
    .hours-availability .date-app-check {
        display: block;
    }
}
.hours-availability .date-app-check .app-availablity-first {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 15px;
    position: relative;
}
@media (max-width: 575.98px) {
    .hours-availability .date-app-check .app-availablity-first div {
        width: 100%;
    }
}
.hours-availability .date-app-check .app-availablity-first input {
    width: 130px;
}
@media (max-width: 767.98px) {
    .hours-availability .date-app-check .app-availablity-first input {
        width: 100%;
    }
}
.hours-availability .date-app-check .app-availablity-first span {
    font-size: 17px;
    font-weight: 700;
    display: inline-flex;
    margin: 0 5px;
}
.hours-availability .date-app-check .app-availablity-first i {
    color: #ff0000;
    margin-left: 10px;
}
.hours-availability .date-app-check .app-availablity-first .app-time label {
    width: 100px;
}
@media (max-width: 767.98px) {
    .hours-availability .date-app-check .app-availablity-first div {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .hours-availability .date-app-check button {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .hours-availability {
        margin-bottom: 20px;
    }
}
.hours-availability button.add_interval {
    font-size: 14px;
    display: block;
    white-space: nowrap;
}

.modal.fade.show .modal-dialog.modal-dialog-slidingright.appointment-modal {
    max-width: 500px;
}

.schedule-condition-details {
    display: flex;
    align-items: flex-start;
}
.schedule-condition-details .schedule-condition label {
    width: 140px;
}
@media (max-width: 575.98px) {
    .schedule-condition-details {
        display: block;
    }
}

.scheduling-conditions h4 {
    font-size: 19px;
    font-weight: 700;
    color: #000000;
}
.scheduling-conditions p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
.scheduling-conditions .allow-appointments {
    background-color: #ffffff;
    border: 3px solid #d0d5dd;
    padding: var(--box-padding);
    margin-top: 15px;
}
.scheduling-conditions .allow-appointments .dontallow-appointments select {
    width: 160px;
    margin-right: 10px;
    margin-top: 0;
    font-size: 14px;
}
@media (max-width: 575.98px) {
    .scheduling-conditions .allow-appointments .dontallow-appointments select {
        width: 100%;
        display: inline-flex;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
@media (max-width: 575.98px) {
    .scheduling-conditions .allow-appointments .dontallow-appointments {
        display: block;
    }
}
@media (max-width: 575.98px) {
    .scheduling-conditions .allow-appointments .dontallow-appointments span {
        display: block;
        margin-top: 10px;
        color: #000000;
    }
}

.max-appointments {
    margin: 25px 0;
}
.max-appointments h4 {
    font-size: 19px;
    font-weight: 700;
    color: #000000;
}
.max-appointments .accept-appointments {
    background-color: #ffffff;
    border: 3px solid #d0d5dd;
    padding: var(--box-padding);
    margin-top: 15px;
}
.max-appointments .accept-appointments .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.max-appointments .accept-appointments .form-check input {
    width: 21px;
    height: 21px;
    margin-right: 10px;
    border-radius: 100px;
    position: relative;
    top: -3px;
}
.max-appointments .accept-appointments .form-check input.Max-app-input {
    border-radius: 5px;
    position: relative;
    top: -3px;
}
@media (max-width: 575.98px) {
    .max-appointments .accept-appointments .form-check input {
        width: 24px;
        height: 23px;
    }
}
.max-appointments .accept-appointments .form-check input:checked:checked {
    background-color: #1570ef;
}
.max-appointments .accept-appointments .form-check label {
    color: #000000;
}
@media (max-width: 575.98px) {
    .max-appointments .accept-appointments .form-check label {
        width: 100%;
    }
}
.max-appointments .max-appointments-info .max-appointments-day {
    padding-left: 30px;
}
.max-appointments
    .max-appointments-info
    .max-appointments-day
    .appoint-day:first-child {
    margin-bottom: 10px;
}
.max-appointments
    .max-appointments-info
    .max-appointments-day
    .appoint-day
    select {
    width: 140px;
    margin-left: 10px;
    font-size: 14px;
    height: 40px;
    line-height: 14px;
}
@media (max-width: 575.98px) {
    .max-appointments
        .max-appointments-info
        .max-appointments-day
        .appoint-day {
        display: block;
    }
}
.max-appointments
    .max-appointments-info
    .max-appointments-day
    .appoint-day
    .form-check {
    margin-bottom: 0;
}

.set-exam-pricing p {
    margin-bottom: 25px;
}
.set-exam-pricing p a {
    color: #1570ef;
    text-decoration: underline;
}

.exampricing-accordion {
    border: 0;
    background: transparent;
}
.exampricing-accordion .exampricing-item {
    border: 0;
    background: transparent;
}
.exampricing-accordion .exampricing-item:not(:first-of-type) {
    margin-top: 30px;
}
.exampricing-accordion .exampricing-item h2 button {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    box-shadow: none;
}
.exampricing-accordion .exampricing-item h2 button.accordion-button {
    padding: 0;
    background: transparent;
}
.exampricing-accordion .exampricing-item h2 button.accordion-button:focus {
    box-shadow: none;
}
.exampricing-accordion .exampricing-item .examcategorys .exam-category {
    margin-top: 15px;
    border: 3px solid #d0d5dd;
    background-color: #ffffff;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category:first-child {
    margin-top: 0;
}
.exampricing-accordion .exampricing-item .examcategorys .exam-category h5 {
    background-color: #475467;
    padding: 15px;
    color: #ffffff;
    margin-bottom: 0;
    font-size: 17px;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail {
    padding: var(--box-padding);
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    button {
    height: 40px;
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        button {
        width: 100%;
    }
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .price-deposit {
    display: flex;
    align-items: center;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .price-deposit
    .exam-categoryone-input {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .price-deposit
    .exam-categoryone-input
    p {
    font-weight: 700;
    margin: 0 10px 0 0;
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates
        .price-deposit
        .exam-categoryone-input
        p {
        width: 210px;
    }
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .price-deposit
    .exam-categoryone-input
    input {
    width: 100px;
    height: 40px;
    margin-left: 5px;
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates
        .price-deposit
        .exam-categoryone-input
        input {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates
        .price-deposit
        .exam-categoryone-input:not(:first-of-type) {
        margin-top: 10px;
    }
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates
        .price-deposit {
        display: block;
    }
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .set-request-reset
    input {
    width: 21px;
    height: 21px;
    margin-right: 10px;
    position: relative;
    top: -3px;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .set-request-reset
    button
    svg {
    margin-right: 10px;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .set-request-reset
    button.set-reset-btn {
    background: transparent;
    border: 0;
    margin-left: 20px;
    margin-top: 0;
    text-decoration: underline;
    color: #1570ef;
}
@media (max-width: 991.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates
        .set-request-reset
        button.set-reset-btn {
        margin-left: 0;
        width: auto;
    }
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-detail
    .exam-price-updates
    .set-request-reset
    span.custom-price {
    background-color: #475467;
    color: #ffffff;
    padding: 5px 10px;
    margin-left: 15px;
    border-radius: 100px;
    font-size: 14px;
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates
        .set-request-reset
        span.custom-price {
        display: block;
        width: fit-content;
        margin-left: 0;
    }
}
@media (max-width: 991.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates
        .set-request-reset {
        display: block;
        margin: 10px 0;
    }
}
@media (max-width: 991.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-detail
        .exam-price-updates {
        display: block;
        margin: 10px 0;
    }
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-btn {
    margin-top: 10px;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-btn
    p {
    color: var(--saved-msg);
    font-weight: 700;
    margin-left: 10px;
}
.exampricing-accordion
    .exampricing-item
    .examcategorys
    .exam-category
    .exam-price-btn
    p
    i {
    margin-right: 5px;
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-btn
        p {
        margin: 10px 0 0;
    }
}
@media (max-width: 767.98px) {
    .exampricing-accordion
        .exampricing-item
        .examcategorys
        .exam-category
        .exam-price-btn {
        display: block;
    }
}

.unconnect-calendar h4 {
    font-size: 19px;
    font-weight: 700;
    color: #000000;
}
.unconnect-calendar .unconnected-calendar {
    background: #ffffff;
    margin: 20px 0 20px 0;
    padding: 25px;
}
.unconnect-calendar
    .connected-calendar
    .connected-calendar-header
    .connected-calendar-detail {
    flex: 1 0 0;
}
.unconnect-calendar
    .connected-calendar
    .connected-calendar-header
    .connected-calendar-detail
    h5 {
    font-size: 19px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
}
.unconnect-calendar
    .connected-calendar
    .connected-calendar-header
    .connected-calendar-detail
    p {
    font-size: 15px;
}
@media (max-width: 767.98px) {
    .unconnect-calendar .connected-calendar .connected-calendar-header {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .unconnect-calendar .connected-calendar .connected-calendar-header button {
        width: 100%;
        margin-top: 10px;
    }
}
.unconnect-calendar .connected-calendar .social-calendar {
    margin: 20px 0 0 0;
    padding: 20px;
    background: #ffffff;
    border: 3px solid #d0d5dd;
}
.unconnect-calendar
    .connected-calendar
    .social-calendar
    .social-calendar-connected
    .calendar-connected {
    display: flex;
    align-items: flex-start;
}
.unconnect-calendar
    .connected-calendar
    .social-calendar
    .social-calendar-connected
    .calendar-connected
    i {
    font-size: 26px;
    margin-right: 15px;
}
.unconnect-calendar
    .connected-calendar
    .social-calendar
    .social-calendar-connected
    .calendar-connected
    .calendar-connected-lft
    h6 {
    color: #000000;
    font-weight: 700;
    margin-bottom: 4px;
}
@media (max-width: 767.98px) {
    .unconnect-calendar
        .connected-calendar
        .social-calendar
        .social-calendar-connected
        .calendar-connected
        .calendar-connected-lft
        p {
        word-break: break-all;
        margin-right: 10px;
    }
}
.unconnect-calendar
    .connected-calendar
    .social-calendar
    .social-calendar-connected
    button {
    border-color: #ff0000;
    background-color: #ff0000;
    color: #ffffff;
}
.unconnect-calendar
    .connected-calendar
    .social-calendar
    .social-calendar-connected
    button:hover {
    color: #ffffff;
}

.connect-calendar-modal {
    padding: 0;
}
.connect-calendar-modal li {
    padding: var(--box-padding);
    border: 3px solid #d0d5dd;
    margin-bottom: 15px;
}
.connect-calendar-modal li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}
.connect-calendar-modal li a i {
    font-size: 24px;
    margin-right: 10px;
}

#calendar-slider {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
#calendar-slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 40px;
    list-style: none;
    background-color: transparent;
}
#calendar-slider ul li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin: 0;
    padding: 0;
    width: 170px;
    height: 40px;
    text-align: center;
    font-weight: 600;
    color: #1570ef;
}

a.control_prev,
a.control_next {
    position: absolute;
    z-index: 999;
    display: block;
    width: auto;
    height: auto;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    background-color: #ffffff;
    padding: 5px 10px;
    opacity: 0.8;
    cursor: pointer;
    color: #1570ef;
}

a.control_prev:hover,
a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

a.control_prev {
    border-radius: 5px;
}

a.control_next {
    right: 0;
    border-radius: 5px;
}

.datepicker-dropdown {
    z-index: 9999 !important;
}

:root {
    --blocked-day: #ced8e0;
    --other-month: #e3e8ed;
    --set-availability: #d5e7f7;
    --calendar-schedule: #4b5c6b;
    --mark-as-paid: #d1efec;
    --applicant-notes: #c3cfd9;
    --calendar-details: #98a2b3;
}

section {
    padding: 20px 30px;
}
@media (max-width: 767.98px) {
    section {
        padding: 20px 15px;
    }
}
section.calendar-section {
    background-color: #194185;
}

section.calendar-section,
section.signed-dpe-calendar,
section.set-availablity-section {
    padding: 20px 30px;
}
@media (max-width: 767.98px) {
    section.calendar-section,
    section.signed-dpe-calendar,
    section.set-availablity-section {
        padding: 20px 15px;
    }
}

.calendar-sync-error {
    background-color: var(--bs-danger-bg-subtle);
}

.container-calendar-sync-error {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container-sync-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.container-sync-subtitle {
    margin-left: 36px;
}

.container-sync-btn {
    display: flex;
    align-items: center;
    height: 44px;
}

.signed-dpe-calendar {
    background-color: #ffffff;
}

.appointment-modal .modal-body {
    padding: 25px;
}
.appointment-modal .modal-body .appointment-modal-header {
    margin-bottom: 25px;
}
.appointment-modal .modal-body .appointment-modal-header button.btn-close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 14px;
}
.appointment-modal .modal-body .appointment-modal-header h4 {
    font-weight: 700;
    color: #000000;
}
.appointment-modal .modal-body .appointment-modal-header span {
    font-size: 16px;
}
.appointment-modal .modal-body .appointment-modal-header span i {
    font-size: 24px;
    margin-right: 10px;
}

.appointment-modal-body .appoint-booking-print {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.appointment-modal-body .appoint-booking-print .appoint-booking-date {
    font-weight: 700;
    color: #000000;
}
.appointment-modal-body .appoint-booking-print .appoint-booking-date h5 {
    font-weight: 700;
    color: #000000;
}
.appointment-modal-body .appoint-booking-print .appoint-booking-date p {
    margin-bottom: 0;
}
.appointment-modal-body .appoint-booking-print i {
    font-size: 24px;
}

.add-exam-date {
    margin-top: 20px;
    margin: 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #d0d5dd;
}
.add-exam-date .lft-exam-appointment {
    display: flex;
    align-items: flex-start;
}
.add-exam-date .lft-exam-appointment .rht-date-calendar {
    width: 100%;
}
.add-exam-date .lft-exam-appointment .rht-date-calendar h5 {
    display: flex;
    font-size: 17px;
    font-weight: 700;
    color: var(--calendar-schedule);
    border: 1px solid #d0d5dd;
    padding: 10px;
    border-radius: 10px;
    align-items: center;
}
.add-exam-date .lft-exam-appointment .rht-date-calendar h5 img {
    margin-right: 10px;
    max-width: 70%;
}
.add-exam-date
    .lft-exam-appointment
    .rht-date-calendar
    .input-calendar-appointment {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    column-gap: 15px;
}
.add-exam-date
    .lft-exam-appointment
    .rht-date-calendar
    .input-calendar-appointment
    p {
    margin: 0 20px 0 20px;
    font-weight: 700;
    color: #000000;
}
@media (max-width: 575.98px) {
    .add-exam-date
        .lft-exam-appointment
        .rht-date-calendar
        .input-calendar-appointment {
        display: block;
    }
}
@media (max-width: 575.98px) {
    .add-exam-date
        .lft-exam-appointment
        .rht-date-calendar
        .input-calendar-appointment
        .select-timerange
        label {
        display: block;
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .add-exam-date
        .lft-exam-appointment
        .rht-date-calendar
        .input-calendar-appointment
        .select-timerange
        select {
        width: 100%;
    }
}
.add-exam-date .lft-exam-appointment .rht-date-calendar .select-timerange i {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.add-exam-date
    .lft-exam-appointment
    .rht-date-calendar
    .select-timerange
    select {
    padding: 0;
    font-size: 14px;
    display: inline-block;
    width: 210px;
    height: 48px;
    border: 1px solid #d0d5dd;
    padding: 5px 10px;
}

.side-popup-appointment {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: -485px;
    width: 445px;
    height: 100%;
    background: #ffffff;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    z-index: 9;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
    .side-popup-appointment {
        width: 290px;
    }
}
.side-popup-appointment.category-popup-opened {
    right: 0px;
}
@media (max-width: 767.98px) {
    .side-popup-appointment.category-popup-opened {
        width: 80%;
    }
}
@media (max-width: 575.98px) {
    .side-popup-appointment.category-popup-opened {
        width: 100%;
    }
}
.side-popup-appointment .sidepopup-inner-category {
    position: relative;
    padding: 25px;
}
.side-popup-appointment .sidepopup-inner-category .sidebar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    position: absolute;
}
.side-popup-appointment .sidepopup-inner-category .sidepopup-content h4 {
    font-weight: 700;
    margin-bottom: 30px;
}
.side-popup-appointment .sidepopup-inner-category .sidepopup-content label {
    font-weight: 700;
    margin-bottom: 5px;
}
.side-popup-appointment .sidepopup-inner-category .sidepopup-content select {
    border: 3px solid #d0d5dd;
    height: 48px;
}
.side-popup-appointment
    .sidepopup-inner-category
    .sidepopup-content
    .exam-save {
    width: 100px;
}
.side-popup-appointment .exam-close-btn {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
}
.side-popup-appointment .sidepopup-inner .sidepopup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 18px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-close
    .appointment-close-btn
    i {
    cursor: pointer;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .appointment-first-info {
    padding: 25px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .appointment-first-info
    .appointment-modal-header
    h4 {
    font-weight: 700;
    color: #000000;
    width: 80%;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .appointment-first-info
    .appointment-modal-header
    span
    i {
    font-size: 22px;
    margin-right: 10px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .appointment-first-info
    .appointment-modal-body {
    margin-top: 20px;
}
.side-popup-appointment .sidepopup-inner .sidepopup-content .payment-due {

}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .payment-due
    .markas-paid-inner
    p {
    color: #000000;
    line-height: 21px;
}
.side-popup-appointment .sidepopup-inner .sidepopup-content .payment-due i {
    font-size: 24px;
    margin-right: 10px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information {
    padding: 25px 25px 0 25px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    h5 {
    font-weight: 700;
    color: #000000;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    ul {
    padding: 0;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    ul
    li {
    border-bottom: 1px solid #d0d5dd;
    padding: 10px 0;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    ul
    li
    span {
    color: #000000;
}
@media (max-width: 575.98px) {
    .side-popup-appointment
        .sidepopup-inner
        .sidepopup-content
        .applicant-information
        ul
        li
        span {
        display: block;
    }
}
@media (max-width: 575.98px) {
    .side-popup-appointment
        .sidepopup-inner
        .sidepopup-content
        .applicant-information
        ul
        li {
        display: block;
        padding-top: 10px;
    }
}
@media (max-width: 575.98px) {
    .side-popup-appointment
        .sidepopup-inner
        .sidepopup-content
        .applicant-information
        .request-print
        .request-reschedule {
        margin-bottom: 10px;
    }
}
@media (max-width: 575.98px) {
    .side-popup-appointment
        .sidepopup-inner
        .sidepopup-content
        .applicant-information
        .request-print
        .border-link {
        margin-right: 10px;
    }
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    .request-print
    .request-reschedule
    .cancel-req {
    color: #ff0000;
    text-decoration: underline;
    margin-left: 10px;
}
@media (max-width: 575.98px) {
    .side-popup-appointment
        .sidepopup-inner
        .sidepopup-content
        .applicant-information
        .request-print
        .request-reschedule
        .cancel-req {
        margin-left: 0;
        margin-top: 10px;
        display: inline-block;
    }
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    .request-print
    button.req-print {
    border: 0;
    background-color: transparent;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    .request-print
    button.req-print
    i {
    font-size: 24px;
    color: #475467;
}
@media (max-width: 575.98px) {
    .side-popup-appointment
        .sidepopup-inner
        .sidepopup-content
        .applicant-information
        .request-print {
        align-items: flex-start;
    }
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-information
    .request-print
    a {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 7px;
    border-radius: 6px;
    height: 37px;
}
@media (max-width: 575.98px) {
    .side-popup-appointment
        .sidepopup-inner
        .sidepopup-content
        .applicant-information
        .request-print
        a.req-download {
        margin-right: 0;
    }
}
.side-popup-appointment .sidepopup-inner .sidepopup-content .applicants-notes {
    padding: 25px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicants-notes
    h5 {
    font-weight: 700;
    color: #000000;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicants-notes
    .notes-update {
    margin-top: 15px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicants-notes
    .notes-update
    p {
    color: var(--applicant-notes);
    margin: 0;
}
.side-popup-appointment .sidepopup-inner .sidepopup-content .applicant-history {
    padding: 25px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-history
    h5 {
    font-weight: 700;
    color: #000000;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-history
    .dpe-applicant-history {
    margin-top: 15px;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-history
    .dpe-applicant-history
    span {
    font-weight: 700;
    color: #000000;
}
.side-popup-appointment
    .sidepopup-inner
    .sidepopup-content
    .applicant-history
    .dpe-applicant-history
    p {
    margin-bottom: 0;
}

#applicantpaydetail-error {
    font-size: 14px;
    font-weight: 500;
}

.modal-applicantpay .modal-body {
    padding: 25px;
}
.modal-applicantpay .modal-body h5 {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    margin-bottom: 25px;
}
.modal-applicantpay .modal-body .applicant-pay-form {
    width: 100%;
}
.modal-applicantpay .modal-body .applicant-pay-form p.pay-form-method {
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #000000;
    border-bottom: 1px solid #d0d5dd;
    padding-bottom: 15px;
}

.modal-applicantpay
    .modal-body
    .applicant-pay-form
    .applicant-payform:first-child {
    margin-left: 0;
}
.modal-applicantpay
    .modal-body
    .applicant-pay-form
    .applicant-payform
    input.form-check-input {
    display: none;
}
.modal-applicantpay
    .modal-body
    .applicant-pay-form
    .applicant-payform
    input.form-check-input:checked:checked
    + label {
    border: 3px solid #1570ef;
    z-index: 9;
}

@media (max-width: 575.98px) {
    .modal-applicantpay
        .modal-body
        .applicant-pay-form
        .applicant-payform
        label {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .modal-applicantpay .modal-body .applicant-pay-form .applicant-payform {
        width: 33%;
    }
}
.modal-applicantpay .modal-body .applicant-pay-form .applicant-pay-detail {
    margin-top: 15px;
}
.modal-applicantpay .modal-body .applicant-pay-form button.applicant-paid {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
}
.modal-applicantpay .modal-body .applicant-pay-form .applicant-pay-note {
    margin-top: 10px;
}
.modal-applicantpay .modal-body .applicant-pay-form .applicant-pay-note i {
    font-size: 14px;
}

.appointment-btn {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
@media (max-width: 575.98px) {
    .appointment-btn {
        display: block;
        text-align: center;
    }
}
.appointment-btn button {
    font-size: 14px;
}

.fc-day {
    background-color: #d0d5dd;
}
.fc-day.fc-other-month {
    background-color: #ffffff;
}

.fc-event-container {
    position: relative;
}
.fc-event-container::before {
    content: "";
    position: absolute;
    top: -33px;
    left: 0;
    background-color: #f5faff;
    width: 100%;
    min-height: 300px;
    max-height: 350px;
    height: 100%;
    z-index: -1;
}
.fc-event-container.fc-helper-container::before {
    min-height: inherit;
}

.fc-more-popover .fc-widget-content .fc-event-container {
    height: 160px !important;
    overflow-y: auto !important;
}

#calendar .fc-today {
    opacity: 1;
    position: relative;
    color: #ffffff;
}
#calendar .fc-today::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #d1e9ff !important;
    z-index: 0;
    min-height: 300px;
    max-height: 400px;
    height: 100%;
}
#calendar .fc-today span {
    position: relative;
    z-index: 1;
    text-align: center;
    width: 14px;
    margin: 0 auto;
    color: #ffffff;
}
#calendar .fc-today span.fc-day-number::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -3px;
    background-color: #1570ef;
    z-index: 999;
    opacity: 1;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 100px;
    color: #ffffff;
    margin: 5px;
    z-index: -1;
}
#calendar .fc-today.fc-week::before {
    min-height: inherit;
    max-height: inherit;
}
#calendar .fc-today.fc-week span {
    color: #475467;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    font-size: 13px !important;
}

.event-completed {
    background: transparent !important;
    border-left: 3px solid var(--calendar-details) !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
}
.event-completed .fc-content {
    background: transparent !important;
    border: 0;
}
.event-completed .fc-content .fc-title,
.event-completed .fc-content .fc-time {
    border: 0;
    color: var(--calendar-details) !important;
    display: block !important;
    margin-left: 5px;
    text-decoration: line-through;
    font-size: 13px;
    font-weight: 500;
}

.event-day {
    background: transparent !important;
    border-left: 3px solid #1570ef !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
}
.event-day .fc-content {
    background: transparent !important;
    border: 0;
}
.event-day .fc-content .fc-title,
.event-day .fc-content .fc-time {
    border: 0;
    color: #000000;
    display: block !important;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
}

.fc-day-header {
    background-color: #eff8ff;
}

.fc-content-col .fc-event-container::before {
    background-color: transparent;
}

.fc-event-container:has(.event-current)::before {
    background-color: transparent !important;
}

.fc-scroller {
    overflow-y: hidden !important;
}

.fc-header-toolbar .fc-left button {
    background-color: #eff8ff;
    border: 0;
    color: #1570ef;
    opacity: 1;
    font-weight: 600;
    background-image: none;
    text-transform: capitalize;
    padding: 10px;
    height: 40px;
}

.fc-right .fc-button-group {
    column-gap: 15px;
    background-color: #eff8ff;
    padding: 5px;
    border: 1px solid #eff8ff;
    border-radius: 5px;
}
.fc-right .fc-button-group button {
    background-color: transparent;
    color: #1570ef;
    background-image: none;
    border: 0;
    text-transform: capitalize;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    padding: 5px 25px;
    font-size: 14px;
}
@media (max-width: 575.98px) {
    .fc-right .fc-button-group button {
        width: 49%;
    }
}
.fc-right .fc-button-group button.fc-state-active {
    background-color: #1570ef;
    color: #ffffff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0);
    padding: 5px 25px;
    border-radius: 5px;
    font-size: 14px;
}

.calendar-info ul li.calendar-unavailable span,
.calendar-info ul li.calendar-available span,
.calendar-info ul li.calendar-today span {
    border: 2px solid #d0d5dd;
    border-radius: 100px;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
@media (max-width: 575.98px) {
    .calendar-info ul li.calendar-unavailable span,
    .calendar-info ul li.calendar-available span,
    .calendar-info ul li.calendar-today span {
        display: block;
    }
}

.calendar-info ul {
    margin: 15px 0 0;
    padding: 15px;
    background-color: #ffffff;
    border: 1px solid #475467;
    width: fit-content;
    border-radius: 10px;
    display: flex;
}
@media (max-width: 575.98px) {
    .calendar-info ul {
        display: block;
    }
}
.calendar-info ul li {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
}
.calendar-info ul li:not(:last-child) {
    margin-right: 20px;
}
.calendar-info ul li.calendar-today span {
    background-color: #eff8ff;
}
.calendar-info ul li.calendar-available span {
    background-color: var(--calendar-available, #f5faff);
}
.calendar-info ul li.calendar-unavailable span {
    background-color: var(--calendar-unavailable, #d0d5dd);
}

.fc-toolbar .fc-left {
    float: left;
}
@media (max-width: 575.98px) {
    .fc-toolbar .fc-left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .fc-toolbar .fc-right {
        width: 100%;
        margin-top: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 767.98px) {
    .fc-toolbar .fc-right .fc-button-group {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .fc-toolbar .fc-center {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .fc-today-button {
        width: 100%;
        height: 39px;
    }
}

tr:first-child > td > .fc-day-grid-event {
    margin: 2px 5px !important;
}

.fc-day-grid-event {
    margin: 5px 5px 5px !important;
}

.fc-center h2 {
    color: #000000;
}

#event-monthly-calendar {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}
#event-monthly-calendar tr,
#event-monthly-calendar tbody {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    width: 100%;
}
#event-monthly-calendar tr .event-days,
#event-monthly-calendar tbody .event-days {
    background-color: #ffffff;
}
@media (max-width: 767.98px) {
    #event-monthly-calendar tr .event-days,
    #event-monthly-calendar tbody .event-days {
        background-color: transparent;
    }
}
@media (max-width: 767.98px) {
    #event-monthly-calendar tr,
    #event-monthly-calendar tbody {
        grid-template-columns: 1fr;
    }
}
#event-monthly-calendar td,
#event-monthly-calendar th {
    padding: 5px;
    box-sizing: border-box;
    border: 2px solid #d0d5dd;
}
@media (max-width: 767.98px) {
    #event-monthly-calendar td,
    #event-monthly-calendar th {
        border: 0px;
    }
}
#event-monthly-calendar .other-month {
    background: var(--other-month);
    color: #666;
}
#event-monthly-calendar .blocked-date {
    background: var(--blocked-day);
    border: 1px solid #98a2b3;
}
@media (max-width: 767.98px) {
    #event-monthly-calendar .weekdays {
        display: none;
    }
}
@media (max-width: 767.98px) {
    #event-monthly-calendar .other-month {
        display: none;
    }
}
@media (max-width: 767.98px) {
    #event-monthly-calendar li {
        height: auto !important;
        border: 1px solid #d0d5dd;
        width: 100%;
        padding: 10px;
        margin-bottom: -1px;
    }
}
@media (max-width: 767.98px) {
    #event-monthly-calendar .date {
        align-self: flex-start;
    }
}

#event-monthly-calendar .weekdays th {
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 6px;
    color: #000000;
    font-weight: 700;
}

#event-monthly-calendar td {
    min-height: 180px;
    display: flex;
    flex-direction: column;
}
#event-monthly-calendar td .event-calendar-info {
    margin-top: 15px;
    cursor: pointer;
}
#event-monthly-calendar td .event-calendar-info p {
    margin-bottom: 5px;
    color: #000000;
}
@media (max-width: 767.98px) {
    #event-monthly-calendar td .event-calendar-info p {
        border-left: 3px solid #1570ef;
        padding: 15px;
        background-color: #ffffff;
        margin-bottom: 10px;
    }
}
@media (max-width: 767.98px) {
    #event-monthly-calendar td.no-event {
        display: none;
    }
}
@media (max-width: 767.98px) {
    #event-monthly-calendar td {
        min-height: auto;
        margin-bottom: 20px;
    }
}

#event-monthly-calendar .date {
    color: #000000;
}
@media (max-width: 767.98px) {
    #event-monthly-calendar .date {
        font-size: 19px;
        font-weight: 700;
        color: #000000;
        display: flex;
    }
}

@media (max-width: 768px) {
    #event-monthly-calendar tr {
        grid-column: 1/2;
    }
}
.knowledge_file a {
    display: block;
    margin-top: 10px;
}

#sett-calendar .datepicker-inline,
#sett-calendar .datepicker-days {
    width: 100% !important;
    padding: 0;
}
#sett-calendar .table-condensed {
    width: 100% !important;
    padding: 0;
}
#sett-calendar .datepicker-switch {
    font-weight: 800;
    padding: 10px;
    font-size: 18px;
    text-transform: uppercase;
}

.icon::before {
    /* removed font- based rules */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#calendar button span {
    border: 2px solid #1570ef;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#calendar button span.fc-icon-left-single-arrow:after {
    content: "\f060" !important;
    font: var(--fa-font-solid);
    font-size: 12px !important;
    top: 0 !important;
    display: inline-block;
}
#calendar button span.fc-icon-right-single-arrow:after {
    content: "\f061" !important;
    font: var(--fa-font-solid);
    font-size: 12px !important;
    top: 0 !important;
    display: inline-block;
}
#calendar .fc-view .fc-head-container tr th.fc-day-header span {
    width: 100%;
    display: block;
    padding: 5px;
}
@media (max-width: 767.98px) {
    #calendar .fc-view .fc-head-container tr th.fc-day-header span {
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}
#calendar .fc-view .fc-head-container tr th.fc-day-header span.fc-day-number {
    color: #ffffff;
}

:root {
    --single-event: #d5e7f7;
    --empty-event: #6f7d89;
}

li::marker {
    content: "";
}

.cd-schedule {
    position: relative;
    margin: 2em 0;
}
.cd-schedule::before {
    /* never visible - this is used in js to check the current MQ */
    content: "mobile";
    display: none;
}
.cd-schedule .timeline {
    display: none;
}
.cd-schedule .events {
    position: relative;
    z-index: 1;
}
.cd-schedule .events .events-group {
    margin-bottom: 30px;
}
@media (max-width: 767.98px) {
    .cd-schedule .events .events-group {
        margin-bottom: 0;
    }
}
.cd-schedule .events .top-info {
    width: 100%;
    padding: 0 5%;
}
.cd-schedule .events .top-info > span {
    display: inline-block;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
}
@media (max-width: 991.98px) {
    .cd-schedule .events .top-info > span {
        font-size: 18px;
        font-weight: 700;
        color: #000000;
    }
}
@media (max-width: 991.98px) {
    .cd-schedule .events .top-info {
        padding: 0;
    }
}
.cd-schedule .events .events-group > ul {
    position: relative;
    padding: 0 5%;
}
.cd-schedule .events .events-group > ul::after {
    display: inline-block;
    content: "-";
    width: 1px;
    height: 100%;
    opacity: 0;
    color: transparent;
}
@media (max-width: 991.98px) {
    .cd-schedule .events .events-group > ul {
        padding: 0;
    }
}
.cd-schedule .events .single-event {
    /* force them to stay on one line */
    -ms-flex-negative: 0;
    flex-shrink: 0;
    float: left;
    height: 150px;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
    margin-right: 20px;
    -webkit-transition: opacity 0.2s, background 0.2s;
    transition: opacity 0.2s, background 0.2s;
}
.cd-schedule .events .single-event:last-of-type {
    margin-right: 5%;
}
.cd-schedule .events .single-event a {
    display: block;
    height: 100%;
    padding: 0.8em;
}
@media (max-width: 991.98px) {
    .cd-schedule .events .single-event {
        width: 100%;
        margin-bottom: 15px;
    }
}
@media (max-width: 991.98px) {
    .cd-schedule .events .single-event {
        height: auto;
    }
}
.cd-schedule .events .wrap {
    padding: 0;
}
.cd-schedule.loading .events .single-event {
    opacity: 0;
}
.cd-schedule .event-name,
.cd-schedule .event-date {
    display: block;
    color: #ffffff;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-schedule .event-name p,
.cd-schedule .event-date p {
    font-weight: 700;
}
.cd-schedule .event-name {
    font-size: 2.4rem;
}
.cd-schedule .event-date {
    font-size: 1.4rem;
    opacity: 0.7;
    line-height: 1.2;
    margin-bottom: 0.2em;
    display: none;
}
.cd-schedule .single-event[data-event="event-1"],
.cd-schedule [data-event="event-1"] .header-bg {
    background: var(--single-event);
}
.cd-schedule .single-event[data-event="event-1"]:hover {
    background: var(--single-event);
}
.cd-schedule .single-event[data-event="event-2"] {
    background: var(--empty-event);
}
.cd-schedule [data-event="event-2"] .header-bg {
    background: var(--empty-event);
}
.cd-schedule .single-event[data-event="event-2"]:hover {
    background: var(--empty-event);
}
.cd-schedule .single-event[data-event="event-3"] {
    background: #a2b9b2;
}
.cd-schedule [data-event="event-3"] .header-bg {
    background: #a2b9b2;
}
.cd-schedule .single-event[data-event="event-3"]:hover {
    background: #b1c4be;
}
.cd-schedule .single-event[data-event="event-4"] {
    background: #f6b067;
}
.cd-schedule [data-event="event-4"] .header-bg {
    background: #f6b067;
}
.cd-schedule .single-event[data-event="event-4"]:hover {
    background: #f7bd7f;
}

@media only screen and (min-width: 800px) {
    .cd-schedule::after {
        clear: both;
        content: "";
        display: block;
    }
    .cd-schedule::before {
        content: "desktop";
    }
}
@media only screen and (min-width: 800px) {
    .cd-schedule .timeline {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 50px;
        background: #ffffff;
    }
    .cd-schedule .timeline li {
        position: relative;
        height: 50px;
        width: 100%;
        left: 0;
    }
    .cd-schedule .timeline li::after {
        /* this is used to create the table horizontal lines */
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #d0d5dd;
    }
    .cd-schedule .timeline li:last-of-type::after,
    .cd-schedule .timeline li span {
        display: none;
    }
    .cd-schedule .timeline ul {
        margin: 0;
    }
}
@media only screen and (min-width: 1000px) {
    .cd-schedule .timeline li::after {
        width: calc(100% - 54px);
        left: 52px;
    }
    .cd-schedule .timeline li span {
        display: inline-block;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-top: 50px;
        font-weight: 700;
    }
    .cd-schedule .timeline li span.hidden-time {
        display: none;
    }
}
@media only screen and (min-width: 800px) {
    .cd-schedule .events {
        float: left;
        width: 100%;
    }
    .cd-schedule .events .events-group {
        width: 14%;
        float: left;
        border: 3px solid #d0d5dd;
        /* reset style */
        margin-bottom: 0;
    }
    .cd-schedule .events .events-group:not(:first-of-type) {
        border-left-width: 0;
    }
    .cd-schedule .events .top-info {
        /* vertically center its content */
        display: table;
        height: 50px;
        border-bottom: 3px solid #d0d5dd;
        /* reset style */
        padding: 0;
    }
    .cd-schedule .events .top-info > span {
        /* vertically center inside its parent */
        display: table-cell;
        vertical-align: middle;
        padding: 0 0.5em;
        text-align: center;
        /* reset style */
        font-weight: normal;
        margin-bottom: 0;
        font-weight: 700;
    }
    .cd-schedule .events .events-group > ul {
        height: 498px;
        /* reset style */
        display: block;
        overflow: visible;
        padding: 0;
    }
    .cd-schedule .events .events-group > ul::after {
        clear: both;
        content: "";
        display: block;
        /* reset style */
        display: none;
    }
    .cd-schedule .events .single-event {
        position: absolute;
        z-index: 3;
        /* top position and height will be set using js */
        width: calc(100% + 2px);
        left: -1px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1),
            inset 0 -3px 0 rgba(0, 0, 0, 0.2);
        /* reset style */
        -ms-flex-negative: 1;
        flex-shrink: 1;
        height: auto;
        max-width: none;
        margin-right: 0;
    }
    .cd-schedule .events .single-event a {
        padding: 1.2em;
    }
    .cd-schedule .events .single-event:last-of-type {
        /* reset style */
        margin-right: 0;
    }
    .cd-schedule .events .single-event.selected-event {
        /* the .selected-event class is added when an user select the event */
        visibility: hidden;
    }
}
@media only screen and (min-width: 1000px) {
    .cd-schedule .events {
        /* 60px is the .timeline element width */
        width: calc(100% - 60px);
        margin-left: 83px;
    }
}
@media only screen and (min-width: 800px) {
    .cd-schedule .event-name {
        font-size: 2rem;
    }
}
@media only screen and (min-width: 1000px) {
    .cd-schedule .event-modal .header .content {
        padding: 1.2em;
    }
}
@media only screen and (min-width: 800px) {
    .cd-schedule.animation-completed .event-modal .close,
    .cd-schedule.content-loaded.animation-completed .event-modal .event-info {
        opacity: 1;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    .cd-schedule.modal-is-open .body-bg {
        opacity: 1;
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
        transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
    }
}
.week-events p {
    font-weight: 700;
}
@media (max-width: 991.98px) {
    .week-events p {
        font-size: 14px;
    }
}
@media (max-width: 767.98px) {
    .week-events p {
        font-size: 17px;
        margin-bottom: 0;
    }
}

.empty-event {
    visibility: hidden;
}

.dpe-title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media (max-width: 767.98px) {
    .dpe-title {
        display: block;
    }
}
.dpe-title h1 {
    font-size: 30px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}

.weekly-appointment h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}
.weekly-appointment h2 span {
    font-size: 14px;
    background: #eff8ff;
    color: #1570ef;
    padding: 5px 10px;
    border-radius: 100px;
    display: inline-block;
    margin-left: 5px;
    font-weight: 500;
}
.weekly-appointment .appointment-btn .btn:first-child {
    margin-right: 10px;
    display: flex;
    align-items: center;
    padding: 5px 20px;
}
@media (max-width: 575.98px) {
    .weekly-appointment .appointment-btn .btn:first-child {
        margin-bottom: 10px;
    }
}
@media (max-width: 767.98px) {
    .weekly-appointment .appointment-btn .btn {
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
}
@media (max-width: 575.98px) {
    .weekly-appointment .appointment-btn .btn {
        width: 100%;
    }
}
@media (max-width: 991.98px) {
    .weekly-appointment .appointment-btn {
        margin-top: 15px;
    }
}
@media (max-width: 991.98px) {
    .weekly-appointment {
        display: block;
    }
}

.next-print a i {
    font-size: 24px;
}
.next-print .signed-dpe-filter {
    display: flex;
    align-items: center;
}
.next-print .signed-dpe-filter .next-prev-dpe {
    display: flex;
    align-items: center;
}
.next-print .signed-dpe-filter .next-prev-dpe svg {
    width: 30px;
    height: 30px;
}
.next-print .signed-dpe-filter .next-prev-dpe p {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

a.app-show-all {
    color: #194185;
}

@media (max-width: 767.98px) {
    .empty-event-group {
        display: none;
    }
}

.weekly-modal-dialog .modal-header {
    border: 0;
    padding-bottom: 0;
}
.weekly-modal-dialog .modal-body {
    padding: 25px;
}
.weekly-modal-dialog .modal-body .set-availablity-info p {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.availability-book {
    max-width: 477px;
}
.availability-book .set-availablity-info.any-availability p {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    line-height: 1.6;
}
.availability-book .set-availablity-info.any-availability a.avail-popup {
    display: inline-flex;
    align-items: center;
}

:root {
    --box-padding: 25px;
}

.billing-payment {
    padding: var(--box-padding);
    background-color: #ffffff;
    border: 3px solid #d0d5dd;
}
.billing-payment:not(:first-child) {
    margin-top: 20px;
}
.billing-payment h5 {
    font-weight: 700;
    color: #000000;
}
.billing-payment .added-billing-payment a {
    color: #1570ef;
    text-decoration: underline;
}

.added-card {
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
    margin: 24px 0 15px;
}
.added-card .added-card-details h6 {
    margin-bottom: 3px;
}

.your-information.newuser .pay-adding-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.your-information.newuser .paynow-btn {
    padding: 0 40px;
}

.your-information.existuser .paynow-btn {
    padding: 0 40px;
}

.add-billing-form .add-billing {
    position: relative;
}
.add-billing-form .add-billing i {
    position: absolute;
    top: 45px;
    right: 15px;
    font-size: 22px;
}
.add-billing-form button.bankaccount-btn {
    width: 80px;
    margin-bottom: 20px;
}
.add-billing-form button.bankaccount-btn:first-child {
    margin-right: 5px;
}

.added-bank-account .billing-payment {
    margin-bottom: 20px;
}
.added-bank-account .billing-payment .added-card {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
}
.added-bank-account .billing-payment .added-card img {
    width: 45px;
}
.added-bank-account .billing-payment .added-card a {
    text-decoration: underline;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.added-bank-account .billing-payment .added-card .added-card-details h6 {
    font-weight: 700;
    color: #000000;
    margin-bottom: 5px;
    font-size: 17px;
}
.added-bank-account .billing-payment .added-card .added-card-details p {
    font-size: 14px;
    font-weight: 600;
}
.added-bank-account
    .billing-payment
    .added-card
    .added-card-details
    p.billing-acc {
    font-size: 16px;
    margin-bottom: 0;
}
.added-bank-account .billing-payment .added-card .added-card-details p span {
    color: #000000;
    font-weight: 700;
}
.added-bank-account .billing-payment a.delete-user {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}

.notification-settings {
    padding: var(--box-padding);
    background-color: #ffffff;
    border: 3px solid #d0d5dd;
}
.notification-settings:not(:first-child) {
    margin-top: 20px;
}
.notification-settings .notification-steps-first {
    margin-bottom: 10px;
}
.notification-settings h5 {
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}
.notification-settings
    .notification-steps
    .notification-settings:nth-of-type(1n) {
    margin-bottom: 15px;
}
.notification-settings .notification-steps .notification-steps-inner svg {
    font-size: 19px;
    width: 21px;
    height: 21px;
    margin-right: 10px;
}

.contactus-modal h5 {
    font-weight: 700;
    color: #000000;
}

.subscription-expired {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
    margin-top: 20px;
}
.subscription-expired a,
.subscription-expired span {
    font-size: 14px;
}

.sub-expired {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.sub-expired .active-cancel {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.sub-expired .active-cancel span,
.sub-expired .active-cancel a {
    font-size: 14px;
}
@media (max-width: 575.98px) {
    .sub-expired {
        display: block;
    }
}

#cancel-subscription .appointment-modal-header p {
    width: 80%;
    margin: 15px 0 10px 0;
    font-weight: 500;
}
#cancel-subscription .appointment-modal-header ul li {
    list-style-type: disc;
}
#cancel-subscription .appointment-modal-header ul li::marker {
    content: unset;
}
#cancel-subscription .modal-body .add-billing {
    display: flex;
    align-items: center;
    column-gap: 25px;
}
#cancel-subscription .modal-body .add-billing label {
    margin: 0;
    white-space: nowrap;
}
#cancel-subscription .modal-body .add-billing input {
    border-width: 2px;
}
#cancel-subscription .modal-body .add-billing button.btn-cancel-sub {
    padding: 0;
    text-decoration: underline;
}

:root {
    --exam-type: #d1efec;
    --mark-paid: #5fc6bc;
    --year-prev: #c3cfd9;
    --exam-cencelled: #d3455b;
    --no-exam-bg: #e3e8ed;
    --no-exam-icon: #9eadba;
}

.signed-dpe {
    background-color: #f7f9fa;
}

.no-booked-exams {
    padding: 25px;
}
.no-booked-exams .no-exams {
    display: flex;
    align-items: center;
    justify-content: center;
}
.no-booked-exams .no-exams span {
    background-color: var(--no-exam-bg);
    width: 150px;
    height: 150px;
    border-radius: 100px;
    display: flex;
    margin-bottom: 15px;
}
.no-booked-exams .no-exams span i {
    font-size: 50px;
    color: var(--no-exam-icon);
}
.no-booked-exams h2 {
    font-size: 21px;
    font-weight: 700;
    color: #000000;
}
.no-booked-exams p {
    color: #000000;
}
.no-booked-exams p a {
    margin-left: 10px;
    color: #1570ef;
    text-decoration: underline;
    font-size: 16px;
}

.past-exam-date {
    display: none;
    position: absolute;
    top: 7px;
    right: 7px;
}
@media (max-width: 767.98px) {
    .past-exam-date {
        position: initial;
        margin: 10px 0;
    }
}
.past-exam-date .past-exam-inner {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.past-exam-date .past-exam-inner input {
    width: 50%;
}
@media (max-width: 767.98px) {
    .past-exam-date .past-exam-inner input {
        width: 100%;
    }
}
.past-exam-date .past-exam-inner svg {
    position: absolute;
    top: 10px;
    right: 7px;
}

.upcomingexams-inprogress {
    background-color: #ffffff;
    border: 3px solid #d0d5dd;
}
.upcomingexams-inprogress:not(.upcomingexams-inprogress:last-child) {
    margin-bottom: 20px;
}
.upcomingexams-inprogress .upcomingexams {
    padding: 15px;
}
.upcomingexams-inprogress .upcomingexams .upcomingexams-title h5 {
    font-weight: 700;
    color: #000000;
}
.upcomingexams-inprogress
    .upcomingexams
    .upcomingexams-title
    h5
    span.exam-cancel {
    font-size: 14px;
    background-color: var(--exam-cencelled);
    padding: 5px 10px;
    border-radius: 100px;
    color: #ffffff;
    margin-left: 10px;
}
@media (max-width: 767.98px) {
    .upcomingexams-inprogress .upcomingexams .upcomingexams-title {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .upcomingexams-inprogress
        .upcomingexams
        .upcomingexams-title
        .upcomingexams-btns {
        margin: 10px 0;
    }
}
.upcomingexams-inprogress
    .upcomingexams
    .upcomingexams-title
    .upcomingexams-btns {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.upcomingexams-inprogress
    .upcomingexams
    .upcomingexams-title
    .upcomingexams-btns:hover {
    color: #1570ef;
}
.upcomingexams-inprogress
    .upcomingexams
    .upcomingexams-title
    .upcomingexams-btns ul{
    display: flex;
    align-items: center;
    column-gap: 10px;
    list-style-type: none;
    width: 100%;
    padding: 0;
}
.upcomingexams-inprogress
    .upcomingexams
    .upcomingexams-title
    .upcomingexams-btns ul li{
    padding-right: 0;
}
@media (max-width: 478.98px) {
    .upcomingexams-inprogress
        .upcomingexams
        .upcomingexams-title
        .upcomingexams-btns {
        display: grid;
        row-gap: 10px;
    }
}
.upcomingexams-inprogress .upcomingexams p {
    margin-bottom: 0;
    font-weight: 500;
}
.upcomingexams-inprogress .upcomingexams p.upcoming-examname {
    color: #000000;
    font-weight: 700;
}
@media (max-width: 767.98px) {
    .upcomingexams-inprogress .upcomingexams button {
        width: 47%;
    }
}
.upcomingexams-inprogress .upcomingexams button:first-child {
    margin-right: 10px;
}
.upcomingexams-inprogress .upcomingexams button:first-child.past-btn {
    margin-right: 0;
}
.upcomingexams-inprogress .exam-time {
    background-color: var(--exam-type);
    padding: 10px 20px;
}
.upcomingexams-inprogress .exam-time .exam-time-lft i {
    font-size: 25px;
    margin-right: 10px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.upcomingexams-inprogress .exam-time button,
.upcomingexams-inprogress .exam-time:focus {
    border: 2px solid var(--mark-paid);
    color: var(--mark-paid);
    font-weight: 600;
    background-color: #ffffff;
}
@media (max-width: 767.98px) {
    .upcomingexams-inprogress .exam-time button,
    .upcomingexams-inprogress .exam-time:focus {
        margin: 10px 0;
        width: 100%;
    }
}
.upcomingexams-inprogress .exam-time button:active,
.upcomingexams-inprogress .exam-time:focus:active {
    border: 2px solid var(--mark-paid);
    color: var(--mark-paid);
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .upcomingexams-inprogress .exam-time {
        display: block;
    }
}
.upcomingexams-inprogress .booking-confirm-btn {
    padding: 0 15px 15px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
@media (max-width: 575.98px) {
    .upcomingexams-inprogress .booking-confirm-btn {
        display: grid;
        row-gap: 10px;
    }
}
.upcomingexams-inprogress .booking-confirm-btn button {
    margin-right: 0;
}
.upcomingexams-inprogress .booking-confirm-btn a {
    display: flex !important;
    align-items: center;
}
@media (max-width: 575.98px) {
    .upcomingexams-inprogress .booking-confirm-btn a {
        text-align: center;
        justify-content: center;
    }
}

.datepicker-years {
    padding: 10px;
}
.datepicker-years tr th.prev {
    background-color: var(--year-prev) !important;
    padding: 5px 10px;
}
.datepicker-years tr th.next {
    background-color: var(--year-prev) !important;
    padding: 5px 10px;
}

.spinner-grow {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

:root {
    --earned-money: #d5e7f7;
    --not-paid-bg: #e3e8ed;
}

.dpe-payments .payment-update {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.dpe-payments .payment-update a {
    margin-right: 10px;
}
@media (max-width: 575.98px) {
    .dpe-payments .payment-update a {
        width: 100%;
    }
}
.dpe-payments .payment-update a.update-bank {
    height: 40px;
    display: flex;
    align-items: center;
}
@media (max-width: 575.98px) {
    .dpe-payments .payment-update a.update-bank {
        display: block;
        margin: 15px 0;
    }
}
.dpe-payments .payment-update .past-exam-inner {
    position: relative;
    width: 20%;
}
@media (max-width: 575.98px) {
    .dpe-payments .payment-update .past-exam-inner {
        width: 100%;
        margin-top: 15px;
    }
}
.dpe-payments .payment-update .past-exam-inner input {
    height: 40px;
}
.dpe-payments .payment-update .past-exam-inner svg {
    position: absolute;
    top: 12px;
    right: 7px;
}
.dpe-payments .payment-update .past-exam-inner.exam-calc {
    width: 30%;
}
@media (max-width: 767.98px) {
    .dpe-payments .payment-update {
        justify-content: flex-start;
        margin: 15px 0;
    }
}
@media (max-width: 575.98px) {
    .dpe-payments .payment-update {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .dpe-payments {
        display: block;
    }
}

.view-pay {
    display: inline-flex;
    align-items: center;
}

.pay-earned p.you-earned {
    background-color: var(--earned-money);
    padding: 15px;
    font-weight: 700;
    margin: 15px 0 0 auto;
    display: flex;
    align-items: center;
}
.pay-earned p.you-earned i {
    font-size: 35px;
    margin-right: 10px;
    transform: scaleX(-1);
}

.pay-table {
    border: 3px solid #d0d5dd;
}
.pay-table thead tr th {
    background-color: var(--earned-money);
    white-space: nowrap;
}
.pay-table tbody tr td {
    padding: 10px;
    white-space: nowrap;
}

.est-payment .payment-status {
    margin: 0;
}
.est-payment i {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    color: #475467;
}

.payment-refund,
.payment-partial,
.payment-paid,
.payment-pending {
    width: fit-content;
    padding: 5px 15px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}

.payment-pending {
    background-color: #f7c325;
    color: #ffffff;
}

.payment-paid {
    background-color: #09cd87;
    color: #ffffff;
}

.payment-partial {
    background-color: #0d6efd;
    color: #ffffff;
}

.payment-refund {
    background-color: red;
    color: #ffffff;
}

.pay-table-details {
    width: 40%;
    float: right;
}

.not-paid .booking-link span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.not-paid .booking-link span {
    background-color: var(--not-paid-bg);
    padding: 10px;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
}
.not-paid .booking-link span img {
    width: 30%;
}
.not-paid .booking-link h2 {
    font-size: 21px;
    font-weight: 700;
    color: #000000;
    margin-top: 15px;
}
.not-paid .booking-link p {
    color: #000000;
}
.not-paid .booking-link button i {
    margin-right: 5px;
}

.datepicker-years tr td span.year {
    font-size: 14px;
}
.datepicker-years tr td span.year.active {
    height: 40px;
    line-height: 40px;
    top: 5px;
    position: relative;
}

/****** APPLICANT ******/
:root {
    --exam-location: #e3e8ed;
}

.booking-location {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    position: relative;
    background-image: url(../img/applicant/applicant-bg.png);
    background-blend-mode: overlay;
}
@media (max-width: 767.98px) {
    .booking-location {
        padding: 100px 0;
    }
}

section.exam-section {
    padding: 0;
}

.pilot-exams {
    background-color: #194185;
    padding: 80px;
}
@media (max-width: 991.98px) {
    .pilot-exams {
        padding: 25px 50px;
        text-align: left;
        display: block !important;
    }
}
@media (max-width: 767.98px) {
    .pilot-exams {
        padding: 25px 30px;
    }
}

.set-availablity-tabs .bookexam-tab {
    padding: 0;
}

.exam-locationbased .exam-locationbased-inner {
    display: inline-flex;
    column-gap: 24px;
    width: 100%;
}
.exam-locationbased .exam-locationbased-inner .search-location svg {
    position: absolute;
    top: 15px;
    right: 10px;
}
.exam-locationbased .exam-locationbased-inner div {
    flex-basis: 100%;
}
@media (max-width: 767.98px) {
    .exam-locationbased .exam-locationbased-inner div {
        margin-bottom: 15px;
    }
}
@media (max-width: 767.98px) {
    .exam-locationbased .exam-locationbased-inner {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .exam-locationbased .exam-locationbased-inner select {
        margin-bottom: 15px;
        height: 48px;
    }
}

.exam-location {
    margin-top: 40px;
}
.exam-location h2 {
    font-size: 21px;
    font-weight: 700;
    columns: #000000;
    margin-bottom: 15px;
}
.exam-location .exam-location-details {
    border: 1px solid #d0d5dd;
    padding: 20px;
    border-radius: 10px;
}
.exam-location .exam-location-details:not(:last-child) {
    margin-bottom: 15px;
}
.exam-location .exam-location-details .exam-location-info span {
    background-color: var(--exam-location);
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin-right: 10px;
}
.exam-location .exam-location-details .exam-location-info h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}
@media (max-width: 767.98px) {
    .exam-location .exam-location-details .exam-location-info {
        justify-content: flex-start;
    }
}
.exam-location .exam-location-details .exam-location-info p {
    font-size: 16px;
    font-weight: 500;
}
@media (max-width: 575.98px) {
    .exam-location .exam-location-details .exam-location-info p {
        width: 80%;
    }
}
@media (max-width: 767.98px) {
    .exam-location .exam-location-details {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .exam-location .exam-location-details a {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
}

.no-exam p a {
    color: #1570ef;
    margin-left: 10px;
    text-decoration: underline;
}

.cancel-booking-info input {
    position: relative;
    top: -3px;
}

:root {
    --booking-progress: #c3cfd9;
    --booking-active: #98a2b3;
    --booking-line: #d0d5dd;
    --booking-before: #98a2b3;
}

a.hvr-vertical.light-bg {
    background-color: #eff8ff;
    color: #1570ef;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.hvr-vertical.light-bg::before {
    background-color: #eff8ff;
}
a.hvr-vertical.light-bg img {
    margin-left: 5px;
}
a.hvr-vertical.light-bg:hover,
a.hvr-vertical.light-bg:focus {
    color: #1570ef;
    background-color: #d1e9ff;
}
@media (max-width: 767.98px) {
    a.hvr-vertical.light-bg {
        display: block;
        text-align: center;
    }
}

.exam-title {
    margin-bottom: 0;
}
.exam-title a {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.exam-title a svg {
    margin-right: 5px;
}

.select-exams-title h2 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0;
}
.select-exams-title a {
    display: flex;
    align-items: center;
    color: #1570ef;
}
@media (max-width: 767.98px) {
    .select-exams-title a {
        display: block;
        margin-top: 10px;
    }
}
@media (max-width: 767.98px) {
    .select-exams-title {
        display: block;
    }
}

.airplane-multi h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}
.airplane-multi .exam-type {
    border: 1px solid #d0d5dd;
    margin: 0 0 15px 0;
    padding: 20px;
    border-radius: 10px;
}
.airplane-multi .exam-type .exam-type-lft h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 5px;
}
@media (max-width: 767.98px) {
    .airplane-multi .exam-type .exam-type-lft h4 {
        text-align: left;
    }
}
.airplane-multi .exam-type .exam-type-lft p {
    font-size: 15px;
}
.airplane-multi .exam-type .exam-type-lft p.examtype {
    font-size: 14px;
    font-weight: 500;
    color: #1570ef;
    margin-bottom: 7px;
}
@media (max-width: 767.98px) {
    .airplane-multi .exam-type .exam-type-lft p.examtype {
        text-align: left;
    }
}
.airplane-multi .exam-type .exam-type-lft ul {
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    list-style-type: none;
}
@media (max-width: 575.98px) {
    .airplane-multi .exam-type .exam-type-lft ul {
        display: block;
    }
}
.airplane-multi .exam-type .exam-type-lft ul li p {
    display: flex;
    align-items: center;
    font-weight: 500;
}
.airplane-multi .exam-type .exam-type-lft ul li p img {
    margin-right: 5px;
}
@media (max-width: 575.98px) {
    .airplane-multi .exam-type .exam-type-lft ul li p {
        text-align: left;
    }
}
@media (max-width: 575.98px) {
    .airplane-multi .exam-type .exam-type-lft ul li {
        margin-bottom: 10px;
    }
}
@media (max-width: 767.98px) {
    .airplane-multi .exam-type {
        display: block;
        text-align: center;
    }
}
@media (max-width: 767.98px) {
    .airplane-multi .exam-type a {
        width: 100%;
        margin-top: 10px;
        display: block;
        text-align: center;
    }
}

.booking-progress .booking-progress-status ul li.active::before,
.booking-progress .booking-progress-status ul li.completed::before,
.booking-progress .booking-progress-status ul li::before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: -9px;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    z-index: 400;
}

.booking-progress {
    background-color: #ffffff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}
.booking-progress .booking-progress-tile {
    background-color: #1570ef;
    padding: 15px;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.booking-progress .booking-progress-tile h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}
.booking-progress .booking-progress-status {
    padding: 25px;
}
.booking-progress .booking-progress-status ul {
    position: relative;
}
.booking-progress .booking-progress-status ul::before {
    content: " ";
    background: var(--booking-line);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 100%;
    border-radius: 100px;
}
.booking-progress
    .booking-progress-status
    ul
    li:not(:first-child):not(:last-child) {
    margin: 25px 0;
}
.booking-progress .booking-progress-status ul li::before {
    content: "";
    background-color: var(--booking-before);
    border: 3px solid var(--booking-before);
    width: 7px;
    height: 7px;
    left: 1px;
}
.booking-progress .booking-progress-status ul li.completed::before {
    content: "✓";
    background-color: #1570ef;
    border: 3px solid #1570ef;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    border: 3px solid #ffffff;
    font-size: 13px;
    text-align: center;
    line-height: 1.8;
    font-weight: 700;
    color: #ffffff;
}
.booking-progress .booking-progress-status ul li.active::before {
    content: " ";
    background-color: var(--booking-active);
    border: 3px solid var(--booking-active);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    border: 3px solid #ffffff;
}
.booking-progress .booking-progress-status ul li small {
    display: block;
    margin: 0 0 5px 10px;
    font-size: 13px;
}
.booking-progress .booking-progress-status ul li p {
    margin-left: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 767.98px) {
    .booking-progress .booking-progress-status ul {
        padding: 0;
    }
}

.sticky-lg-top {
    top: 10px;
}

.booking-timeline:has(.completed.step-examiner)::after,
.booking-timeline:has(.completed.step-exam).bookByExam::after,
.booking-timeline:has(.completed.step-exam)::after,
.booking-timeline:has(.completed.step-location)::after {
    content: " ";
    background: #1570ef;
    display: inline-block;
    position: absolute;
    left: 0;
    width: 10px;
}

.booking-timeline:has(.completed.step-location)::after {
    top: -12px;
    height: 28px;
    border-radius: 210px;
    -webkit-transform: scaleY(0.333) translateX(-50%) perspective(1000px);
    transform: scaleY(0.9) translateX(0) perspective(0px);
}

.booking-timeline:has(.completed.step-exam)::after {
    top: 0;
    height: 40%;
    border-radius: 210px;
    -webkit-transform: scaleY(0.333) translateX(-50%) perspective(1000px);
    transform: scaleY(0.9) translateX(0) perspective(0px);
}
.booking-timeline:has(.completed.step-exam).bookByExam::after {
    top: 0;
    height: 70%;
    border-radius: 210px;
    -webkit-transform: scaleY(0.333) translateX(-50%) perspective(1000px);
    transform: scaleY(0.9) translateX(0) perspective(0px);
}

.booking-timeline:has(.completed.step-examiner)::after {
    top: 0;
    height: 90%;
    border-radius: 210px;
    -webkit-transform: scaleY(0.333) translateX(-50%) perspective(1000px);
    transform: scaleY(0.9) translateX(0) perspective(0px);
}

#knowledge_test_result-error {
    display: block;
}

:root {
    --table-bg: #e3e8ed;
}
/*
.availble-slots h4,
.calendar-date-exam h3,
.select-exam-date h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
}

#exam-date .datepicker-days {
    padding: 0;
}
#exam-date .datepicker-days table {
    border: 1px solid #d0d5dd;
    padding: 15px;
    width: 100%;
    border-collapse: separate;
    position: relative;
}
#exam-date .datepicker-days table::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 102px;
    background-color: #1570ef;
    left: 0;
    z-index: -1;
    top: 0;
}
@media (max-width: 1249.98px) {
    #exam-date .datepicker-days table::before {
        height: 85px;
    }
}
#exam-date .datepicker-days table tr th {
    text-align: center;
}
#exam-date .datepicker-days table tr th.datepicker-switch {
    pointer-events: none;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
}
#exam-date .datepicker-days table tr th.prev,
#exam-date .datepicker-days table tr th.next {
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 0;
    color: #ffffff;
    padding: 10px;
    cursor: pointer;
}
@media (max-width: 1249.98px) {
    #exam-date .datepicker-days table tr th.prev,
    #exam-date .datepicker-days table tr th.next {
        border: 0;
    }
}
#exam-date .datepicker-days table tr th.dow {
    padding: 10px 15px;
    color: #ffffff;
    font-weight: 600;
}
@media (max-width: 1199.98px) {
    #exam-date .datepicker-days table tr th.dow {
        padding: 10px;
    }
}
#exam-date .datepicker-days table tr td {
    text-align: center;
}
#exam-date .datepicker-days table tr td.day {
    padding: 10px;
}
#exam-date .datepicker-days table tr td.day.today {
    background-color: rgba(44, 136, 217, 0.1) !important;
    background-image: none !important;
    color: #194185 !important;
    border: 1px solid #194185;
    border-radius: 5px !important;
}
@media (max-width: 1249.98px) {
    #exam-date .datepicker-days table {
        border-collapse: collapse;
    }
}

.calendar-date-exam .calendar-date-time {
    border: 1px solid #d0d5dd;
    padding: 10px;
    margin-top: 15px;
}
.calendar-date-exam .calendar-date-time select {
    border: 0;
    background-color: transparent;
    padding: 5px;
    text-indent: 5px;
}
.calendar-date-exam .calendar-date-time i {
    font-size: 21px;
    margin-right: 10px;
}
@media (max-width: 991.98px) {
    .calendar-date-exam {
        margin-top: 40px;
    }
}
.calendar-date-exam span.err-timezone {
    display: block;
    margin-top: 5px;
}

#available-slots {
}



@media (max-width: 1399.98px) {
    .availble-slots .availble-slots-check .available-slot-button {
        width: 28%;
    }
}
@media (max-width: 991.98px) {
    .availble-slots .availble-slots-check .available-slot-button {
        width: 31%;
    }
}
@media (max-width: 767.98px) {
    .availble-slots .availble-slots-check .available-slot-button {
        width: 47%;
    }
}
@media (max-width: 575.98px) {
    .availble-slots .availble-slots-check .available-slot-button {
        width: 44%;
    }
}
.availble-slots .availble-slots-check .available-slot-button input {
    display: none;
}
.availble-slots
    .availble-slots-check
    .available-slot-button
    input.form-check-input:checked:checked
    + label {
    border: 1px solid #1570ef;
    background-color: #1570ef;
    color: #ffffff;
}
.availble-slots .availble-slots-check .available-slot-button label {
    background-color: #ffffff;
    padding: 5px 10px;
    border: 1px solid #d0d5dd;
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: #000000;
    font-size: 14px;
}
.availble-slots
    .availble-slots-check
    .available-slot-button:not(
        .availble-slots .availble-slots-check .available-slot-button:last-child
    ) {
    margin-bottom: 15px;
}
@media (max-width: 1199.98px) {
    .availble-slots {
        padding: 15px 0 15px 15px;
    }
}


.no-date .datepicker-days table tr td.day {
    pointer-events: none;
    opacity: 0.4;
}
.no-date .datepicker-days table tr td.day.today {
    border: 0 !important;
    background-color: rgba(44, 136, 217, 0) !important;
}

.no-available-date h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}
.no-available-date .no-time-month {
    background: rgba(234, 245, 255, 0.9);
    padding: 35px 15px;
    text-align: center;
    border: 3px solid #1570ef;
}
.no-available-date .no-time-month p {
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}
.no-available-date .notify-date {
    background: rgba(193, 245, 240, 0.3);
    padding: 35px 15px;
    text-align: center;
    border: 3px solid #194185;
    margin-top: 20px;
}
.no-available-date .notify-date .notify-date-info i {
    font-size: 24px;
    color: #194185;
    margin-right: 5px;
}
.no-available-date .notify-date .notify-date-info p {
    font-size: 17px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}
.no-available-date .notify-date a {
    border-color: #194185;
    color: #194185;
}
.no-available-date .notify-date a:hover {
    color: #194185;
}

    */

 /******************************** CSS for the Exam Booking Modal *************************/
.appointment-modal hr {
  margin: 20px 0;
}

.date-picker-loading {
    pointer-events: none;
    opacity: 0.5;
}

#exam-date-picker table {
  border-collapse: separate;
}

#exam-date-picker table tr th.prev,  #exam-date-picker table tr th.next{
  background-color: transparent;
  border: 1px solid #1570ef;
  border-radius: 4px;
  color: #1570ef;
  padding: 6px;
}

#exam-date-picker  table tr td.active.active {
  border-radius: 20px !important;
  background-color: #DBE6F4;
}

#exam-time-picker {
  padding-top: 16px;
  padding-left: 10px;
}

#available-slots .available-slot-button {
  display: inline-block;
  margin: 10px 10px 0 0;
  width: 100%;
  background-color: white;
  border: 1px solid #DBE6F4;
}

#available-slots .selected {
  background-color: #DBE6F4;
}

 /******************************** Indian Code :'( *************************/
.booking-exam-logins a {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}
.booking-exam-logins a.disabled {
    pointer-events: none;
    opacity: 0.4;
}
.booking-exam-logins a.guest-account {
    height: 44px;
    line-height: 44px;
    padding: 0;
}


:root {
    --checkout-bg: #e3e8ed;
    --cancel-booking: #d3455b;
}

.checkout-location {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    position: relative;
    background-image: url(../img/applicant/checkout-bg.png);
    background-blend-mode: overlay;
}
@media (max-width: 767.98px) {
    .checkout-location {
        padding: 100px 0;
    }
}

.equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-equal .col-lg-6 {
    display: flex;
    flex-direction: column;
}

.pay-your-exam h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 15px;
}

.checkout-paytype .form-checkout {
    padding: 0;
}
.checkout-paytype .form-checkout .checkout-pay {
    border: 1px solid #d0d5dd;
    padding: 20px;
    border-radius: 10px;
    column-gap: 15px;
    margin-top: 15px;
}
.checkout-paytype .form-checkout .checkout-pay .checkout-pay-details label {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.checkout-paytype
    .form-checkout
    .checkout-pay
    .checkout-pay-details
    label
    span {
    font-size: 14px;
    font-weight: 500;
    display: block;
    color: #475467;
    margin-top: 10px;
    line-height: 21px;
}
.checkout-paytype .form-checkout .checkout-pay p.checkout-info {
    padding-left: 30px;
    margin-top: 10px;
}
@media (max-width: 767.98px) {
    .checkout-paytype .form-checkout .checkout-pay {
        align-items: flex-start;
    }
}

.checkout-paytype-info input[type="radio"]:checked,
.checkout-paytype-info input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.checkout-paytype-info input[type="radio"]:checked + .checkout-pay label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000000;
}
.checkout-paytype-info input[type="radio"]:checked .form-checkout {
    border: 3px solid #1570ef;
}
.checkout-paytype-info input[type="radio"]:not(:checked) .checkout-pay label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #475467;
    font-size: 16px;
    font-weight: 700;
}

.checkout-paytype [type="radio"]:checked + .checkout-pay label,
.checkout-paytype [type="radio"]:not(:checked) + .checkout-pay label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.checkout-paytype [type="radio"]:checked + .checkout-pay label::before,
.checkout-paytype [type="radio"]:not(:checked) + .checkout-pay label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #d0d5dd;
    border-radius: 100%;
    background: #ffffff;
}
.checkout-paytype [type="radio"]:checked + .checkout-pay {
    border: 2px solid #1570ef;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: #eff8ff;
}
.checkout-paytype [type="radio"]:checked + .checkout-pay label::before {
    border-color: #1570ef;
}
.checkout-paytype [type="radio"]:checked + .checkout-pay label::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #1570ef;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.checkout-paytype [type="radio"]:not(:checked) + .checkout-pay label::after {
    content: "";
    width: 15px;
    height: 14px;
    background: #1570ef;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.checkout-paytype
    [type="radio"]:checked
    + .checkout-pay
    label:after
    + .checkout-pay
    label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.add-billing {
    position: relative;
}
.add-billing i {
    position: absolute;
    top: 45px;
    right: 15px;
    font-size: 16px;
}

.checkout-summary .checkout-exam-details {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}
.checkout-summary .checkout-exam-details .checkout-title {
    background-color: #1570ef;
    padding: 15px;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.checkout-summary .checkout-exam-details .checkout-title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}
.checkout-summary .checkout-exam-details .checkout-title p {
    font-size: 17px;
    font-weight: 700;
}
.checkout-summary .checkout-exam-details .checkout-content {
    padding: 20px;
    margin-bottom: 20px;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info {
    margin: 0 0 20px 0;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul {
    padding: 0;
    margin: 0;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li:not(:nth-child(3n)) {
    margin-bottom: 10px;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li
    p {
    margin: 0;
    color: #000000;
    font-weight: 500;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li
    span {
    font-weight: 700;
    color: #000000;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li.checkout-total {
    border-top: 3px solid #d0d5dd;
    padding-top: 15px;
    margin-top: 15px;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li.checkout-total
    p,
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    ul
    li.checkout-total
    span {
    font-size: 15px;
    color: #000000;
    font-weight: 700;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info.booking-details
    small {
    font-weight: 500;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info.booking-details
    p {
    font-weight: 600;
    font-size: 15px;
    color: #000000;
}
.checkout-summary
    .checkout-exam-details
    .checkout-content
    .checkout-details-info
    button {
    font-size: 15px;
}
.checkout-summary .checkout-exam-details .checkout-footer {
    margin-bottom: 0 !important;
}
.checkout-summary p.checkout-terms {
    margin: 15px 0;
    color: #000000;
}
.checkout-summary p.checkout-terms a {
    color: #1570ef;
    text-decoration: underline;
}
.checkout-summary button {
    width: 100%;
}

@media (max-width: 767.98px) {
    .booking-confirm-btn {
        padding: 0 25px 25px;
    }
}
.booking-confirm-btn button {
    margin-right: 10px;
}
.booking-confirm-btn a {
    display: inline-flex !important;
    align-items: center;
}
@media (max-width: 767.98px) {
    .booking-confirm-btn a {
        display: block !important;
    }
}

.checkout-title h6 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .checkout-title p {
        margin-bottom: 5px;
    }
}

.mob-checkout-title {
    background-color: #1570ef;
    padding: 15px;
    color: #ffffff;
}
.mob-checkout-title h3 {
    color: #ffffff;
}

.mob-checkout-info h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}
.mob-checkout-info p {
    color: #000000;
}

/* Checkout Filled details*/
.filled-address {
    background-color: #ffffff;
    padding: 15px;
    border: 3px solid #d0d5dd;
}
.filled-address .filled-address-info h4 {
    font-size: 17px;
    font-weight: 700;
    color: #000000;
}
.filled-address .filled-address-info p {
    margin-bottom: 0;
}
.filled-address a {
    color: #1570ef;
    text-decoration: underline;
}
.filled-address a i {
    margin-right: 5px;
    font-size: 13px;
}

.pay-information {
    background-color: #ffffff;
    border: 3px solid #d0d5dd;
}
.pay-information .filled-pay {
    padding: 15px;
    border-bottom: 3px solid #d0d5dd;
}
.pay-information .filled-pay:last-child {
    border-bottom: 0;
}
.pay-information .filled-pay img {
    margin-right: 10px;
}
.pay-information .filled-pay p {
    color: #000000;
    font-weight: 700;
}
.pay-information .filled-pay a {
    color: #1570ef;
    text-decoration: underline;
}
.pay-information .filled-pay a i {
    margin-right: 5px;
    font-size: 13px;
}

/* Booking Confirmation */
.booking-confirmation .mob-checkout-info h3,
.booking-confirmation .mob-checkout-title h3,
.booking-confirmation h3 {
    font-size: 20px;
    font-weight: 700;
}

.booking-confirmation .mob-checkout-title p {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
}

.booking-confirmation h3 {
    font-size: 24px;
    color: #000000;
}
@media (max-width: 767.98px) {
    .booking-confirmation h3 {
        font-size: 21px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
}
.booking-confirmation .mob-checkout-title h3 {
    color: #ffffff;
}
.booking-confirmation .mob-checkout-info {
    margin: 20px 0;
}
@media (max-width: 767.98px) {
    .booking-confirmation .mob-checkout-info {
        padding-bottom: 15px;
    }
}
.booking-confirmation .mob-checkout-info h3 {
    color: #000000;
}
.booking-confirmation .booking-confirmation-details {
    background-color: #ffffff;
    border: 3px solid #d0d5dd;
    padding: 15px;
}
.booking-confirmation .booking-confirmation-details h4 {
    font-size: 21px;
    font-weight: 700;
    color: #000000;
}
.booking-confirmation .booking-confirmation-details h5 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    margin: 0;
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-date
    .booking-add {
    margin: 25px 0 25px 0;
    padding: 0;
    background-color: var(--checkout-bg);
    padding: 10px;
    list-style-type: none;
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-date
    .booking-add
    li
    p {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-date
    .booking-add
    li
    p
    span {
    font-weight: 500;
}
.booking-confirmation .booking-confirmation-details .booking-confirm-location {
    height: 100%;
    background-color: rgba(193, 245, 240, 0.4);
    margin: 25px 0;
    padding: 15px;
}
@media (max-width: 991.98px) {
    .booking-confirmation
        .booking-confirmation-details
        .booking-confirm-location {
        margin: 5px 0 25px;
        padding: 15px;
    }
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-location
    h5 {
    margin-bottom: 10px;
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-location
    p {
    font-size: 16px;
    color: #000000;
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-location
    p
    i {
    margin-right: 5px;
    font-size: 18px;
}
@media (max-width: 767.98px) {
    .booking-confirmation
        .booking-confirmation-details
        .booking-confirm-location
        .booking-confirm-btn {
        padding: 0 15px;
    }
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-location
    .booking-confirm-btn
    button:not(
        .booking-confirmation
            .booking-confirmation-details
            .booking-confirm-location
            .booking-confirm-btn
            button:last-child
    ) {
    margin-right: 10px;
}
.booking-confirmation
    .booking-confirmation-details
    .booking-confirm-location
    .booking-confirm-btn
    a {
    display: flex;
    align-items: center;
}
.booking-confirmation .account-schedule a.schedule-exam {
    margin-top: 25px;
}
@media (max-width: 767.98px) {
    .booking-confirmation .account-schedule a.schedule-exam {
        width: 100%;
    }
}
.booking-confirmation .account-schedule a.schedule-exam:last-child {
    margin-top: 15px;
}

.custom-dropdown button {
    background: transparent;
    color: #000000;
    padding: 0;
    border: 0;
    line-height: normal;
    height: auto;
}
.custom-dropdown button::after {
    border: 0;
    margin: 0;
}
.custom-dropdown button:active,
.custom-dropdown button:hover,
.custom-dropdown button.show {
    background: transparent;
    padding: 0;
    color: #000000;
}
.custom-dropdown .dropdown-menu {
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.custom-dropdown .dropdown-menu li a i {
    margin-right: 5px;
}
.custom-dropdown .dropdown-menu li:hover a {
    color: #1570ef;
}
.custom-dropdown .dropdown-menu li:hover a i {
    color: #1570ef;
}

.cancel-booking-confirm .cancel-booking-info input {
    border-color: var(--cancel-booking);
}
.cancel-booking-confirm .cancel-booking-info label {
    color: #000000;
    font-weight: 700;
}
.cancel-booking-confirm .cancel-booking-info a.back-to {
    border-color: #d0d5dd;
    height: 44px;
    margin-right: 10px;
    color: #000000;
}
.cancel-booking-confirm .cancel-booking-info a.back-to::before {
    border-radius: 3px;
}
.cancel-booking-confirm .cancel-booking-info button.cancel-btn::before {
    background-color: var(--cancel-booking);
}

/* succesfull cancel exam */
.cancel-exam-success img {
    max-width: 25%;
}
@media (max-width: 767.98px) {
    .cancel-exam-success img {
        max-width: 50%;
    }
}
@media (max-width: 575.98px) {
    .cancel-exam-success img {
        max-width: 70%;
    }
}
.cancel-exam-success h2 {
    font-weight: 700;
    margin: 20px 0;
    color: #000000;
    font-size: 24px;
}
.cancel-exam-success p {
    color: #000000;
}

.knowledge-input {
    padding: 10px 15px;
}

:root {
    --howit-works: #f2f4f7;
    --faq-bg: #d1e9ff;
    --account-creation: #f9fafb;
}

.becomeDpe-banner {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    position: relative;
    background-image: url(../img/applicant/become-dpe.png);
    background-blend-mode: overlay;
}
@media (max-width: 767.98px) {
    .becomeDpe-banner {
        padding: 100px 0;
    }
}

.caption-content p {
    font-size: 16px;
}

.dpe-lp {
    height: 100%;
}

.faq-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 30px;
    position: relative;
    background-color: #f2f4f7;
}
@media (max-width: 767.98px) {
    .faq-section {
        padding: 60px 15px;
    }
}

.faq-card {
    background-color: transparent;
    margin-bottom: 5px;
    padding: 32px;
    border-radius: 16px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
    .faq-card {
        padding: 15px;
    }
}
.faq-card .faq-card-header a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.faq-card .faq-card-header a i {
    font-size: 21px;
    margin-right: 10px;
    color: #1570ef;
}
.faq-card .faq-card-header a[aria-expanded="true"] .fa:before {
    content: "\f056";
}
.faq-card .faq-card-header a[aria-expanded="false"] .fa:before {
    content: "\f055";
}
.faq-card .faq-card-header p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.faq-card .faq-card-body {
    padding: 15px 0 0 28px;
    line-height: 1.8;
}
.faq-card .faq-card-body p {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.faq-card .faq-card-body p i {
    font-size: 8px;
    line-height: 2.8;
    margin-right: 10px;
}
.faq-card:has(.show) {
    background-color: var(--faq-bg);
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.01);
}

.account-creation-lp {
    display: flex;
    align-items: center;
}

@media (max-width: 767.98px) {
    .pilot-exams-section .equal-height {
        display: block;
    }
}

.dpe-acc-link {
    display: flex;
    align-items: center;
}
.dpe-acc-link i {
    margin-left: 10px;
}

.dpe-newAccount {
    display: flex;
    align-items: center;
}
.dpe-newAccount svg {
    margin-left: 10px;
}

@media (max-width: 991.98px) {
    .how-works {
        display: inline-flex;
        row-gap: 20px;
    }
}
@media (max-width: 767.98px) {
    .how-works {
        display: block;
    }
}
.how-works .works-card {
    padding: 24px;
    background-color: var(--howit-works);
    border: 0;
    border-radius: 8px;
    margin-right: 15px;
    height: 100%;
    position: relative;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
@media (max-width: 991.98px) {
    .how-works .works-card {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.how-works .works-card.works-card-last {
    margin-right: 0;
}
.how-works .works-card.works-card-last::before {
    background-image: none;
}
.how-works .works-card .works-img {
    background-color: #1570ef;
    width: 80px;
    height: 80px;
    border-radius: 16px;
    margin-bottom: 80px;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
@media (max-width: 767.98px) {
    .how-works .works-card .works-img {
        margin-bottom: 20px;
    }
}
.how-works .works-card .card-body {
    padding: 0;
}
.how-works .works-card .card-body .card-text {
    color: #475467;
    margin-top: 10px;
}
.how-works .works-card::before {
    content: "";
    background-image: url(../img/applicant/how-it-arrow.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: 25px;
    position: absolute;
    top: 150px;
    right: -30px;
    background-position-x: right;
    background-position-y: center;
}
@media (max-width: 991.98px) {
    .how-works .works-card::before {
        background-image: none;
        position: inherit;
    }
}

section.pricing-section {
    background-color: #194185;
}
section.pricing-section .pricing-info p {
    font-weight: 400;
}

.join-faa {
    background-color: var(--account-creation);
    padding: 32px;
    display: flex;
    align-items: flex-start;
    border-radius: 16px;
    column-gap: 60px;
    justify-content: space-between;
}
@media (max-width: 767.98px) {
    .join-faa {
        display: block;
    }
}
.join-faa .landing-title span {
    line-height: 1.8;
    margin-top: 15px;
}
.join-faa a {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
@media (max-width: 767.98px) {
    .join-faa a {
        margin-top: 20px;
        justify-content: center;
    }
}

:root {
    --scheduling-bg: #f2f4f7;
}

.aboutus-banner-section {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 30px;
    position: relative;
    background-image: url(../img/applicant/inner-banner.png),
        linear-gradient(rgba(18, 26, 52, 0.8), rgba(18, 26, 52, 0.8));
    background-blend-mode: overlay;
}

.about-banner {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    position: relative;
    background-image: url(../img/about-banner.png);
    background-blend-mode: overlay;
}
@media (max-width: 767.98px) {
    .about-banner {
        padding: 100px 0;
    }
}

section.why-scheduling {
    background-color: var(--scheduling-bg);
}

.breadcrumb-nav li::before {
    color: #ffffff !important;
}
.breadcrumb-nav li.active {
    color: #ffffff;
}

.find-exam a {
    width: fit-content;
    display: block;
}
@media (max-width: 767.98px) {
    .find-exam a {
        width: 100%;
    }
}
.find-exam a i {
    margin-left: 5px;
}

.pilot-examiner.aboutus p {
    font-weight: 400;
    font-size: 16px;
    color: #475467;
    line-height: 1.8;
}
.pilot-examiner.aboutus a {
    display: inline-flex;
    align-items: center;
}
.pilot-examiner.aboutus a i {
    margin-left: 10px;
}

.about-scheduling {
    display: flex;
    align-items: center;
}

.about-one img {
    height: 400px;
}

.pilot-exam-card.about-card {
    padding: 0;
}
.pilot-exam-card.about-card .card-img {
    width: 100%;
}
.pilot-exam-card.about-card .card-body {
    padding: 40px;
}
.pilot-exam-card.about-card .card-body p {
    line-height: 1.8;
}

:root {
    --card-bg: #1f5788;
    --pilot-exams: #f2f4f7;
}

.home-banner-section .home-banner {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    position: relative;
    background-image: url(../img/home-banner.png);
    background-blend-mode: overlay;
}
@media (max-width: 767.98px) {
    .home-banner-section .home-banner {
        padding: 100px 0;
    }
}
.home-banner-section .banner-right {
    background-color: #194185;
    padding: 80px;
}
@media (max-width: 767.98px) {
    .home-banner-section .banner-right {
        padding: 50px 25px;
    }
}
.home-banner-section .search-bylocation {
    margin: 30px 0 0;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 8px;
}
.home-banner-section .search-bylocation button {
    margin: 15px 0 0;
    width: 100%;
}
@media (max-width: 767.98px) {
    .home-banner-section .search-bylocation {
        margin: 15px 0;
    }
}
.home-banner-section .search-bylocation .search-form label {
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
}

.pilot-exams-section {
    background-color: var(--pilot-exams);
}

.landing-title h2 {
    position: relative;
    color: #000000;
}
.landing-title p {
    margin-bottom: 5px;
    color: #1570ef;
    font-weight: 600;
}

.our-platform {
    width: fit-content;
}
.our-platform i {
    margin-left: 5px;
}

.pilot-examiner {
    color: #000000;
    padding-right: 40px;
}
@media (max-width: 767.98px) {
    .pilot-examiner {
        padding-right: 0;
    }
}
.pilot-examiner p {
    font-weight: 500;
    font-size: 15px;
    color: #475467;
    line-height: 1.8;
}
.pilot-examiner ul {
    margin-bottom: 0;
    padding-left: 0;
}
.pilot-examiner ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
}
.pilot-examiner ul li svg {
    margin-right: 5px;
    color: #1570ef;
}
.pilot-examiner ul li p {
    font-weight: 500;
    color: #475467;
}
@media (max-width: 1199.98px) {
    .pilot-examiner ul li p {
        max-width: 90%;
    }
}
.pilot-examiner a i {
    margin-left: 5px;
}

.pilot-exam-card {
    padding: 40px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
    background-color: #ffffff;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 8px;
}
@media (max-width: 767.98px) {
    .pilot-exam-card {
        margin-top: 40px;
        padding: 20px;
    }
}
.pilot-exam-card .card-img {
    width: 80px;
}
.pilot-exam-card .card-img span {
    width: 80px;
    height: 80px;
    background-color: rgba(44, 136, 217, 0.2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    transform: rotateY(0deg);
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pilot-exam-card .card-img span img {
    max-width: 50%;
}
.pilot-exam-card .card-body p {
    color: #475467;
    margin-top: 15px;
    border-left: 2px solid #1570ef;
    padding-left: 15px;
    line-height: 1.7;
}
@media (max-width: 767.98px) {
    .pilot-exam-card .card-body {
        padding: 0;
        margin-top: 40px;
    }
}
@media (max-width: 767.98px) {
    .pilot-exam-card a {
        margin-top: 40px;
    }
}
@media (max-width: 767.98px) {
    .pilot-exam-card {
        display: block;
    }
    .pilot-exam-card:nth-of-type(1n) {
        margin-bottom: 15px;
    }
}

@keyframes updown {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0%);
    }
}
.join-platform {
    display: flex;
    align-items: center;
}
@media (max-width: 767.98px) {
    .join-platform {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .pilot-examiner-img {
        padding: 20px 20px 20px 0;
    }
}
@media (max-width: 767.98px) {
    .pilot-examiner-img {
        margin: 0 0 40px 0;
        padding: 20px 0;
    }
}
.pilot-examiner-img .pilot-examiner-lft,
.pilot-examiner-img .pilot-examiner-rht {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.pilot-examiner-img .pilot-examiner-lft img,
.pilot-examiner-img .pilot-examiner-rht img {
    width: 100%;
    position: relative;
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
    height: 460px;
    object-fit: cover;
}
.pilot-examiner-img .pilot-examiner-lft .inner-pilot-exam .cloud-img-lft,
.pilot-examiner-img .pilot-examiner-rht .inner-pilot-exam .cloud-img-lft {
    position: absolute;
    top: 30px;
    left: 5px;
    max-width: 40%;
    animation: move-lft 5s linear infinite;
}
.pilot-examiner-img .pilot-examiner-lft .pilot-one,
.pilot-examiner-img .pilot-examiner-rht .pilot-one {
    position: relative;
    overflow: hidden;
}
.pilot-examiner-img .pilot-examiner-lft .pilot-one:hover img,
.pilot-examiner-img .pilot-examiner-rht .pilot-one:hover img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.pilot-examiner-img .pilot-examiner-lft .pilot-one:hover::before,
.pilot-examiner-img .pilot-examiner-rht .pilot-one:hover::before {
    -webkit-animation: circle 1s;
    animation: circle 1s;
}
.pilot-examiner-img .pilot-examiner-lft .pilot-one::before,
.pilot-examiner-img .pilot-examiner-rht .pilot-one::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: "";
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    opacity: 0;
}
.pilot-examiner-img .pilot-info {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    width: fit-content;
    padding: 25px;
    position: absolute;
    bottom: 0;
    left: 30px;
}
.pilot-examiner-img .pilot-info span {
    font-size: 14px;
    font-weight: 700;
    color: #194185;
}
@media (max-width: 575.98px) {
    .pilot-examiner-img .pilot-info span {
        font-size: 12px;
    }
}
.pilot-examiner-img .pilot-info p.about-booking {
    font-size: 21px;
    font-weight: 700;
    color: #1570ef;
    margin-top: 5px;
}
@media (max-width: 575.98px) {
    .pilot-examiner-img .pilot-info p.about-booking {
        font-size: 16px;
    }
}
@media (max-width: 991.98px) {
    .pilot-examiner-img .pilot-info {
        bottom: -90px;
        left: 0;
    }
}
@media (max-width: 767.98px) {
    .pilot-examiner-img .pilot-info {
        bottom: 0;
        left: 0;
    }
}
@media (max-width: 575.98px) {
    .pilot-examiner-img .pilot-info {
        padding: 15px;
        bottom: 10px;
        left: 0;
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@-webkit-keyframes move-lft {
    0% {
        left: 0;
    }
    40% {
        left: 15%;
    }
    100% {
        left: 0;
    }
}
@-webkit-keyframes move-rht {
    0% {
        right: 0;
    }
    50% {
        right: 15%;
    }
    100% {
        right: 0;
    }
}
/* create account popup*/
.book-exam-btn button {
    width: 100%;
    font-size: 15px;
    height: 44px !important;
}
.book-exam-btn button:first-child {
    margin-bottom: 15px;
}

.landingpage-signin a {
    width: 100%;
    margin: 15px 0;
}
.landingpage-signin a i {
    margin-right: 5px;
}
.landingpage-signin .lp-signin-or {
    position: relative;
}
.landingpage-signin .lp-signin-or p {
    background: #ffffff;
    position: absolute;
    top: -15px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 30px;
    height: 30px;
    z-index: 9;
}
.landingpage-signin .lp-login-content .login-form-left a {
    text-decoration: underline;
}

.create-dpe-acc p.book-exam-allow {
    color: #000000;
}
.create-dpe-acc p.book-exam-allow a {
    color: #1570ef;
    text-decoration: underline;
}
.create-dpe-acc .lp-login-content .login-form {
    margin-top: 0;
}
.create-dpe-acc .lp-login-content .login-form-left .lp-signin-or {
    position: relative;
}
.create-dpe-acc .lp-login-content .login-form-left .lp-signin-or p {
    background: #ffffff;
    position: absolute;
    top: -15px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 30px;
    height: 30px;
    z-index: 9;
}
.create-dpe-acc .lp-login-content .login-form-left a {
    width: 100%;
    margin-top: 15px;
}

.contact-banner {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    position: relative;
    background-image: url(../img/contact-banner.png);
    background-blend-mode: overlay;
}
@media (max-width: 767.98px) {
    .contact-banner {
        padding: 100px 0;
    }
}

.contact-details .contacts-links .contact-inner {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.contact-details .contacts-links .contact-inner svg {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    color: #1570ef;
}
.contact-details .contacts-links .contact-inner h5 {
    margin-bottom: 10px;
}
.contact-details .contacts-links .contact-inner p {
    margin-bottom: 5px;
}

.contact-form .contact-form-check {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}
.contact-form .contact-form-check input {
    width: 21px;
    height: 21px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.contact-form .contact-form-check label a {
    text-decoration: underline;
}
.contact-form .contact-form-check label#privacy_check-error {
    position: absolute;
    top: 30px;
    left: 0;
}
.contact-form button i {
    margin-left: 5px;
}

:root {
    --success-bg: #1aae9f;
}

.waitlist-list h3 {
    color: #ffffff;
}

.waitlist-info {
    padding: 15px;
}
.waitlist-info p {
    color: #000000;
    margin-bottom: 5px;
    font-size: 15px;
    display: flex;
}
.waitlist-info p i {
    font-size: 21px;
    margin-right: 5px;
}
.waitlist-info span {
    color: #000000;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

/* Waitlist Success */
.waitlist-select h3 {
    color: var(--success-bg);
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.waitlist-select h3 i {
    margin-right: 5px;
    font-size: 21px;
}
.waitlist-select p {
    color: #000000;
}

.your-information h3 {
    font-size: 18px;
    color: #000000;
}

.checkout-content.waitlist_notify .waitlist-info {
    padding: 0;
}

.checkout-summary.waitListSuccess a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.browse-dpe-title {
    display: flex;
    align-items: center;
}

.search-dpe small {
    font-size: 16px;
}
.search-dpe small i {
    font-size: 21px;
    margin-right: 10px;
}
.search-dpe .search-dpe-content {
    margin-top: 30px;
}
.search-dpe .search-dpe-content p {
    color: #000000;
    line-height: 1.8;
}

.browse-byExam {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.browsedpe-img {
    text-align: right;
}
@media (max-width: 767.98px) {
    .browsedpe-img {
        text-align: left;
    }
}
.browsedpe-img img {
    width: 360px;
    height: 360px;
    object-fit: cover;
    border-radius: 100%;
}
@media (max-width: 1199.98px) {
    .browsedpe-img img {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 767.98px) {
    .browsedpe-img img {
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 575.98px) {
    .browsedpe-img img {
        width: 100%;
        height: 100%;
    }
}

section.policy-section {
    background-color: #194185;
}

.policy-title,
.applicant-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.policy-title .breadcrumb-item + .breadcrumb-item::before {
    color: #ffffff;
}
@media (max-width: 767.98px) {
    .policy-title h1 {
        margin-bottom: 10px;
    }
}
@media (max-width: 767.98px) {
    .policy-title {
        display: block;
    }
}

.privacy-content {
    margin-bottom: 25px;
}
.privacy-content h4 {
    display: flex;
    align-items: center;
}
.privacy-content h4 span {
    font-size: 12px;
    font-weight: 500;
    background-color: #1570ef;
    padding: 15px;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    color: #ffffff;
    margin-right: 10px;
}
.privacy-content .privacy-content-inner {
    padding-left: 40px;
}
.privacy-content .privacy-content-inner p {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
}
.privacy-content .privacy-content-inner ul {
    padding-left: 0;
}
.privacy-content .privacy-content-inner ul li {
    color: #000000;
    margin-bottom: 10px;
    font-weight: 500;
}
.privacy-content .privacy-email h6,
.privacy-content .privacy-email p {
    font-weight: 600;
}

.set-conditions p {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
}

/*# sourceMappingURL=style.css.map */