/* Reset default margin and padding */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* Correct the line height in all browsers */
/* Prevent adjustments of font size after orientation changes in iOS */
body {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
}

/* Remove default spacing around elements */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* Reset styling of headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

/* Remove list styles */
ol,
ul {
    list-style: none;
}

/* Reset hyperlink styles */
a {
    text-decoration: none;
    color: inherit;
}

img {
    display: block;
}

/* Reset form element styles */
button,
input,
select,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    color: inherit;
    background-color: transparent;
    vertical-align: middle;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

/* Reset table border collapse and spacing */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.prevent-select {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

@font-face {
    font-family: 'DMSans-Bold';
    src: url('../fonts/DMSans-Bold.woff2') format('woff2');
    src: url('../fonts/DMSans-Bold.woff') format('woff');
    src: url('../fonts/DMSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DMSans-BoldItalic';
    src: url('../fonts/DMSans-BoldItalic.woff2') format('woff2');
    src: url('../fonts/DMSans-BoldItalic.woff') format('woff');
    src: url('../fonts/DMSans-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DMSans-Italic';
    src: url('../fonts/DMSans-Italic.woff2') format('woff2');
    src: url('../fonts/DMSans-Italic.woff') format('woff');
    src: url('../fonts/DMSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DMSans-Medium';
    src: url('../fonts/DMSans-Medium.woff2') format('woff2');
    src: url('../fonts/DMSans-Medium.woff') format('woff');
    src: url('../fonts/DMSans-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DMSans-MediumItalic';
    src: url('../fonts/DMSans-MediumItalic.woff2') format('woff2');
    src: url('../fonts/DMSans-MediumItalic.woff') format('woff');
    src: url('../fonts/DMSans-MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DMSans-Regular';
    src: url('../fonts/DMSans-Regular.woff2') format('woff2');
    src: url('../fonts/DMSans-Regular.woff') format('woff');
    src: url('../fonts/DMSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'DMSans-Regular', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #323232;
}

.text-bold {
    font-family: 'DMSans-Bold', sans-serif;
    font-weight: 600;
}

.form-steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-steps.hideBtn {
    display: none;
}
.form-steps .right-buttons {
    display: flex;
    column-gap: 10px;
}

.btn {
    border: 1.5px solid transparent;
    padding: 5px 20px;
    border-radius: 4px;
    font-family: 'DMSans-Bold', sans-serif;
    font-weight: 600;
    cursor: pointer;
}
@media (max-width: 340px) {
    .btn {
        padding: 5px 12px;
    }
}
.btn.btn-back {
    border: 1.5px solid #9a0537;
    color: #9a0537;
}
.btn.btn-next {
    background-color: #9a0537;
    color: #ffffff;
}
.btn.btn-cancel {
    background-color: #e7e3de;
    color: #99877a;
}
.btn.btn-submit,
.btn.btn-otp,
.btn.btn-another {
    background-color: #9a0537;
    color: #ffffff;
}
.btn.btn-another {
    max-width: fit-content;
}

@media (max-width: 991px) {
    .sidebar-wrapper {
        width: 100%;
    }
}

.progress-wrapper {
    padding: 16px 20px;
    background-color: #e7e3de;
    border-radius: 7px 7px 0 0;
    display: flex;
    column-gap: 6px;
    align-items: flex-end;
}
.progress-wrapper div {
    color: #9a0537;
}

.pagination-wrapper {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 12px 12px 0 0;
    width: 200px;
    max-width: 200px;
    position: relative;
}
@media (max-width: 991px) {
    .pagination-wrapper {
        display: flex;
        align-items: flex-start;
        width: auto;
        max-width: 100%;
        justify-content: center;
        column-gap: 40px;
        padding: 25px 12px;
    }
    .pagination-wrapper:before {
        content: '';
        background-color: #bbbfc4;
        width: 220px;
        height: 1.5px;
        position: absolute;
        top: 48px;
        margin: 0 auto;
        right: 0;
        left: 0;
        z-index: 1;
    }
}
@media (max-width: 380px) {
    .pagination-wrapper {
        justify-content: space-between;
        column-gap: 0;
    }
    .pagination-wrapper:before {
        width: 180px;
    }
}
@media (max-width: 340px) {
    .pagination-wrapper {
        padding: 25px 3px;
    }
}
.pagination-wrapper .pg-row {
    margin-bottom: 15px;
    position: relative;
}
@media (max-width: 991px) {
    .pagination-wrapper .pg-row {
        margin-bottom: 0;
        max-width: 90px;
    }
}
.pagination-wrapper .pg-row .pg-img {
    border: 2px solid #5c0321;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 991px) {
    .pagination-wrapper .pg-row .pg-img {
        margin: 0 auto;
        position: relative;
        z-index: 2;
        background: #ffffff;
    }
}
.pagination-wrapper .pg-row .pg-img.pg-active {
    background-color: #9a0537;
}
.pagination-wrapper .pg-row .pg-img.pg-active img {
    filter: invert(99%) sepia(98%) saturate(186%) hue-rotate(190deg) brightness(117%) contrast(100%);
}
.pagination-wrapper .pg-row .pg-img.pg-done {
    background-color: #86bf99;
    border: 2px solid #5c9970;
}
.pagination-wrapper .pg-row .pg-img.pg-done img {
    filter: invert(99%) sepia(98%) saturate(186%) hue-rotate(190deg) brightness(117%) contrast(100%);
}
.pagination-wrapper .pg-row .pg-text {
    display: flex;
    align-items: flex-start;
    column-gap: 7px;
    font-size: 14px;
    margin: 10px 0 10px 0;
}
@media (max-width: 991px) {
    .pagination-wrapper .pg-row .pg-text {
        text-align: center;
        display: block;
        line-height: 15px;
    }
    .pagination-wrapper .pg-row .pg-text .text-bold {
        margin-bottom: 5px;
    }
}
@media (max-width: 340px) {
    .pagination-wrapper .pg-row .pg-text {
        font-size: 12.5px;
    }
}
.pagination-wrapper .pg-row .pg-line {
    border-left: 1.5px solid #bbbfc4;
    margin-left: 20px;
    height: 28px;
}
@media (max-width: 991px) {
    .pagination-wrapper .pg-row .pg-line {
        display: none;
    }
}

body {
    background-color: #fafaf7;
    position: relative;
}

.main-area-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    right: 0;
    left: 0;
}
.container.c-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 30px;
}
@media (max-width: 991px) {
    .container.c-flex {
        flex-direction: column-reverse;
        row-gap: 40px;
    }
}

.content-wrapper {
    max-width: 880px;
}
@media (max-width: 991px) {
    .content-wrapper {
        max-width: 100%;
    }
}

.content-title {
    font-size: 22px;
    margin-bottom: 30px;
    line-height: 30px;
}

.fw-choose-symptom,
.fw-physician {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 20px;
    flex-wrap: wrap;
}

.fw-choose-symptom {
    row-gap: 50px;
}
@media (max-width: 991px) {
    .fw-choose-symptom {
        row-gap: 0px;
    }
}

.val-steps {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 7px;
}
.val-steps .val-msg {
    max-width: fit-content;
    border: 2px solid #9a0537;
    color: #9a0537;
    padding: 4px 13px;
    border-radius: 5px;
    z-index: -1;
    margin-bottom: 10px;
    display: none;
}
.val-steps .val-msg.showMsg {
    display: block;
}

.button-links {
    margin-top: 60px;
}

#choose-symptom,
#recommended-physician,
#book-appointment,
#summary-page {
    display: none;
}
#choose-symptom.showPage,
#recommended-physician.showPage,
#book-appointment.showPage,
#summary-page.showPage {
    display: block;
}

.btn-back,
.btn-submit,
.btn-another {
    display: none;
}
.btn-back.showBtn,
.btn-submit.showBtn,
.btn-another.showBtn {
    display: flex;
}

.btn-next.hideBtn {
    display: none;
}

@media (max-width: 991px) {
    .conditions-wrapper {
        max-width: 100%;
        width: 100%;
    }
    .conditions-wrapper .cond-col-wrapper {
        display: none;
    }
    .conditions-wrapper .cond-col-wrapper.activeCond {
        display: flex;
        margin-bottom: 40px;
    }
    .conditions-wrapper:last-child .cond-title {
        margin-bottom: 0;
    }
    .conditions-wrapper:last-child .cond-col-wrapper.activeCond {
        display: flex;
        margin-bottom: 0;
    }
}
.conditions-wrapper .cond-title {
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .conditions-wrapper .cond-title {
        position: relative;
        margin-bottom: 25px;
        padding-bottom: 20px;
        border-bottom: 1.5px solid #f2f0ef;
        display: flex;
        align-items: center;
    }
    .conditions-wrapper .cond-title:before {
        content: '+';
        color: #9a0537;
        font-size: 30px;
        right: 0;
        position: absolute;
    }
    .conditions-wrapper .cond-title.text-bold {
        font-family: 'DMSans-Regular', sans-serif;
        font-weight: 600;
    }
    .conditions-wrapper .cond-title.adjustCond {
        border-bottom: none;
        margin-bottom: 0;
    }
    .conditions-wrapper .cond-title.adjustCond:before {
        content: '-';
    }
    .conditions-wrapper .cond-title.adjustCond.text-bold {
        font-family: 'DMSans-Bold', sans-serif;
        font-weight: 600;
    }
}

.fw-physician {
    row-gap: 20px;
}
@media (max-width: 991px) {
    .fw-physician .phy-row {
        display: flex;
        align-items: flex-start;
        column-gap: 15px;
    }
}
.fw-physician .phy-profile {
    border: 1.5px solid #e7e3de;
    border-radius: 12px;
    margin-top: 15px;
    max-width: fit-content;
}
.fw-physician .phy-profile img {
    max-width: 160px;
    border-radius: 12px;
}
@media (max-width: 991px) {
    .fw-physician .phy-profile img {
        max-width: 80px;
    }
}
.fw-physician .phy-name {
    font-family: 'DMSans-Bold', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-top: 15px;
    line-height: 23px;
}
.fw-physician .phy-title {
    font-size: 14px;
}
.fw-physician .phy-read {
    font-size: 14px;
    color: #ca6702;
    text-decoration: underline;
    margin-top: 10px;
}

.phy-tag {
    display: flex;
    align-items: center;
    column-gap: 7px;
    margin: 7px 0 7px 0;
}
.phy-tag .tag {
    padding: 1px 8px;
    color: #ffffff;
    border-radius: 4px;
    font-family: 'DMSans-Medium', sans-serif;
    font-size: 13px;
}
.phy-tag .tag.tag-north {
    background-color: #e6955c;
}
.phy-tag .tag.tag-west {
    background-color: #336663;
}
.phy-tag .tag.tag-central {
    background-color: #a63700;
}
.phy-tag .tag.tag-east {
    background-color: #805a40;
}

.cond-col-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 260px;
    width: 260px;
    row-gap: 12px;
}
.cond-col-wrapper.part-wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
    padding-top: 20px;
}
.cond-col-wrapper.part-wrapper input[type='checkbox'] {
    width: 21px !important;
    height: 21px !important;
    border: 1px solid #d9c0ae !important;
    border-radius: 3px !important;
}
.cond-col-wrapper.part-wrapper .ptnc-radio input[type='checkbox'].alert-input:first-child {
    border: 1.5px solid #9a0537 !important;
}
.cond-col-wrapper.choose-wrap {
    flex-direction: row;
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 12px;
}
.cond-col-wrapper.choose-wrap .cond-checkbox {
    max-width: 340px;
    width: 340px;
}
@media (max-width: 1200px) {
    .cond-col-wrapper.choose-wrap .cond-checkbox {
        max-width: 240px;
        width: 240px;
    }
}
@media (max-width: 1100px) {
    .cond-col-wrapper.choose-wrap .cond-checkbox {
        max-width: 200px;
        width: 200px;
    }
}
@media (max-width: 991px) {
    .cond-col-wrapper.choose-wrap .cond-checkbox {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .cond-col-wrapper {
        max-width: 100%;
        width: 100%;
    }
}
.cond-col-wrapper label {
    cursor: pointer;
}
.cond-col-wrapper.loc-wrapper {
    margin-top: 10px;
}
.cond-col-wrapper.loc-wrapper,
.cond-col-wrapper.time-wrapper {
    max-width: fit-content;
    width: 100%;
}
.cond-col-wrapper.time-wrapper {
    flex-direction: row;
    column-gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.cond-col-wrapper .cond-checkbox,
.cond-col-wrapper .phy-radio,
.cond-col-wrapper .loc-radio,
.cond-col-wrapper .time-radio,
.cond-col-wrapper .ptnc-radio,
.cond-col-wrapper .sms-radio {
    background: #ffffff;
    padding: 9px 12px;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 7px 1px rgba(217, 192, 174, 0.29);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(217, 192, 174, 0.29);
    -moz-box-shadow: 1px 1px 7px 1px rgba(217, 192, 174, 0.29);
    position: relative;
    z-index: 2;
    font-size: 15px;
}
.cond-col-wrapper .cond-checkbox.phy-radio,
.cond-col-wrapper .phy-radio.phy-radio,
.cond-col-wrapper .loc-radio.phy-radio,
.cond-col-wrapper .time-radio.phy-radio,
.cond-col-wrapper .ptnc-radio.phy-radio,
.cond-col-wrapper .sms-radio.phy-radio {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 16px 15px;
}
@media (max-width: 991px) {
    .cond-col-wrapper .cond-checkbox.phy-radio,
    .cond-col-wrapper .phy-radio.phy-radio,
    .cond-col-wrapper .loc-radio.phy-radio,
    .cond-col-wrapper .time-radio.phy-radio,
    .cond-col-wrapper .ptnc-radio.phy-radio,
    .cond-col-wrapper .sms-radio.phy-radio {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        padding: 0 12px 15px;
    }
    .cond-col-wrapper .cond-checkbox.phy-radio input,
    .cond-col-wrapper .phy-radio.phy-radio input,
    .cond-col-wrapper .loc-radio.phy-radio input,
    .cond-col-wrapper .time-radio.phy-radio input,
    .cond-col-wrapper .ptnc-radio.phy-radio input,
    .cond-col-wrapper .sms-radio.phy-radio input {
        align-self: flex-start;
        margin-top: 15px !important;
    }
    .cond-col-wrapper .cond-checkbox.phy-radio:before,
    .cond-col-wrapper .phy-radio.phy-radio:before,
    .cond-col-wrapper .loc-radio.phy-radio:before,
    .cond-col-wrapper .time-radio.phy-radio:before,
    .cond-col-wrapper .ptnc-radio.phy-radio:before,
    .cond-col-wrapper .sms-radio.phy-radio:before {
        top: 0;
    }
}
@media (max-width: 340px) {
    .cond-col-wrapper .cond-checkbox.phy-radio,
    .cond-col-wrapper .phy-radio.phy-radio,
    .cond-col-wrapper .loc-radio.phy-radio,
    .cond-col-wrapper .time-radio.phy-radio,
    .cond-col-wrapper .ptnc-radio.phy-radio,
    .cond-col-wrapper .sms-radio.phy-radio {
        flex-direction: column;
        align-items: flex-start;
    }
}
.cond-col-wrapper .cond-checkbox:before,
.cond-col-wrapper .phy-radio:before,
.cond-col-wrapper .loc-radio:before,
.cond-col-wrapper .time-radio:before,
.cond-col-wrapper .ptnc-radio:before,
.cond-col-wrapper .sms-radio:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    z-index: -1;
}
.cond-col-wrapper .cond-checkbox.cond-active,
.cond-col-wrapper .phy-radio.cond-active,
.cond-col-wrapper .loc-radio.cond-active,
.cond-col-wrapper .time-radio.cond-active,
.cond-col-wrapper .ptnc-radio.cond-active,
.cond-col-wrapper .sms-radio.cond-active {
    border: 2px solid #5c9970;
}
.cond-col-wrapper .cond-checkbox.cond-active:before,
.cond-col-wrapper .phy-radio.cond-active:before,
.cond-col-wrapper .loc-radio.cond-active:before,
.cond-col-wrapper .time-radio.cond-active:before,
.cond-col-wrapper .ptnc-radio.cond-active:before,
.cond-col-wrapper .sms-radio.cond-active:before {
    box-shadow: inset 1px 3px 18px -10px rgba(92, 153, 112, 0.5);
    -webkit-box-shadow: inset 1px 3px 18px -10px rgba(92, 153, 112, 0.5);
    -moz-box-shadow: inset 1px 3px 18px -10px rgba(92, 153, 112, 0.5);
}
.cond-col-wrapper .cond-checkbox.cond-block,
.cond-col-wrapper .phy-radio.cond-block,
.cond-col-wrapper .loc-radio.cond-block,
.cond-col-wrapper .time-radio.cond-block,
.cond-col-wrapper .ptnc-radio.cond-block,
.cond-col-wrapper .sms-radio.cond-block {
    background-color: #e7e3de;
    color: #99877a;
    cursor: not-allowed;
}
.cond-col-wrapper .cond-checkbox input[type='checkbox'],
.cond-col-wrapper .cond-checkbox input[type='radio'],
.cond-col-wrapper .phy-radio input[type='checkbox'],
.cond-col-wrapper .phy-radio input[type='radio'],
.cond-col-wrapper .loc-radio input[type='checkbox'],
.cond-col-wrapper .loc-radio input[type='radio'],
.cond-col-wrapper .time-radio input[type='checkbox'],
.cond-col-wrapper .time-radio input[type='radio'],
.cond-col-wrapper .ptnc-radio input[type='checkbox'],
.cond-col-wrapper .ptnc-radio input[type='radio'],
.cond-col-wrapper .sms-radio input[type='checkbox'],
.cond-col-wrapper .sms-radio input[type='radio'] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    width: 27px;
    height: 27px;
    border: 1.5px solid #d9c0ae;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.cond-col-wrapper .cond-checkbox input[type='checkbox']::before,
.cond-col-wrapper .cond-checkbox input[type='radio']::before,
.cond-col-wrapper .phy-radio input[type='checkbox']::before,
.cond-col-wrapper .phy-radio input[type='radio']::before,
.cond-col-wrapper .loc-radio input[type='checkbox']::before,
.cond-col-wrapper .loc-radio input[type='radio']::before,
.cond-col-wrapper .time-radio input[type='checkbox']::before,
.cond-col-wrapper .time-radio input[type='radio']::before,
.cond-col-wrapper .ptnc-radio input[type='checkbox']::before,
.cond-col-wrapper .ptnc-radio input[type='radio']::before,
.cond-col-wrapper .sms-radio input[type='checkbox']::before,
.cond-col-wrapper .sms-radio input[type='radio']::before {
    content: '';
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background: url('../images/icons/icon_checkmark.svg');
    background-repeat: no-repeat;
}
.cond-col-wrapper .cond-checkbox input[type='checkbox']:checked,
.cond-col-wrapper .cond-checkbox input[type='radio']:checked,
.cond-col-wrapper .phy-radio input[type='checkbox']:checked,
.cond-col-wrapper .phy-radio input[type='radio']:checked,
.cond-col-wrapper .loc-radio input[type='checkbox']:checked,
.cond-col-wrapper .loc-radio input[type='radio']:checked,
.cond-col-wrapper .time-radio input[type='checkbox']:checked,
.cond-col-wrapper .time-radio input[type='radio']:checked,
.cond-col-wrapper .ptnc-radio input[type='checkbox']:checked,
.cond-col-wrapper .ptnc-radio input[type='radio']:checked,
.cond-col-wrapper .sms-radio input[type='checkbox']:checked,
.cond-col-wrapper .sms-radio input[type='radio']:checked {
    border: 1.5px solid #5c9970;
}
.cond-col-wrapper .cond-checkbox input[type='checkbox']:checked::before,
.cond-col-wrapper .cond-checkbox input[type='radio']:checked::before,
.cond-col-wrapper .phy-radio input[type='checkbox']:checked::before,
.cond-col-wrapper .phy-radio input[type='radio']:checked::before,
.cond-col-wrapper .loc-radio input[type='checkbox']:checked::before,
.cond-col-wrapper .loc-radio input[type='radio']:checked::before,
.cond-col-wrapper .time-radio input[type='checkbox']:checked::before,
.cond-col-wrapper .time-radio input[type='radio']:checked::before,
.cond-col-wrapper .ptnc-radio input[type='checkbox']:checked::before,
.cond-col-wrapper .ptnc-radio input[type='radio']:checked::before,
.cond-col-wrapper .sms-radio input[type='checkbox']:checked::before,
.cond-col-wrapper .sms-radio input[type='radio']:checked::before {
    transform: scale(1);
}
.cond-col-wrapper .time-radio {
    /*flex-basis: 66px;*/
    flex-basis: 72px;
}
.cond-col-wrapper .time-radio input[type='radio'] {
    width: 0;
    height: 0;
    border: none;
    position: absolute;
}
.cond-col-wrapper .time-radio input[type='radio']::before {
    width: 0;
    height: 0;
}
.cond-col-wrapper .time-radio input[type='radio']:checked {
    border: none;
}

.date-time-wrapper {
    display: flex;
    align-items: flex-start;
    column-gap: 50px;
    margin-top: 50px;
    row-gap: 40px;
}
@media (max-width: 1200px) {
    .date-time-wrapper {
        flex-direction: column;
    }
}

.date-wrapper {
    max-width: 100%;
}
@media (max-width: 480px) {
    .date-wrapper {
        width: 100%;
    }
}

.flatpickr-calendar {
    margin-top: 10px;
    width: 100%;
}
@media (max-width: 991px) {
    .flatpickr-calendar .flatpickr-rContainer {
        max-width: 100%;
    }
}
@media (max-width: 640px) {
    .flatpickr-calendar .dayContainer {
        width: 100%;
        min-width: auto;
    }
}
.flatpickr-calendar .flatpickr-days {
    width: 100%;
}
.flatpickr-calendar.inline {
    padding: 30px;
}
@media (max-width: 640px) {
    .flatpickr-calendar.inline {
        width: 100%;
        padding: 12px;
        max-width: 350px;
    }
}
@media (max-width: 340px) {
    .flatpickr-calendar.inline {
        padding: 9px;
    }
}
.flatpickr-calendar .flatpickr-month {
    color: #99877a !important;
    font-family: 'DMSans-Medium', sans-serif;
}
.flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar .flatpickr-innerContainer {
    margin-top: 10px;
}
@media (max-width: 640px) {
    .flatpickr-calendar .flatpickr-weekdaycontainer,
    .flatpickr-calendar .flatpickr-innerContainer {
        justify-content: center;
    }
}
.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-monthDropdown-months {
    text-align: center;
}
.flatpickr-calendar .flatpickr-weekday {
    color: black !important;
}
.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
    background: #99877a;
    color: #e7e3de;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    border-radius: 5px;
    padding: 0;
}
.flatpickr-calendar .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-next-month svg {
    filter: invert(99%) sepia(98%) saturate(186%) hue-rotate(190deg) brightness(117%) contrast(100%);
}
.flatpickr-calendar .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-next-month:hover {
    background: #9a0537;
}
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
    padding: 0 3px 0 3px;
}
.flatpickr-calendar .numInput {
    text-align: center;
}
.flatpickr-calendar .flatpickr-prev-month {
    left: 38px !important;
    top: 35px !important;
}
@media (max-width: 640px) {
    .flatpickr-calendar .flatpickr-prev-month {
        left: 17px !important;
        top: 17px !important;
    }
}
.flatpickr-calendar .flatpickr-next-month {
    right: 38px !important;
    top: 35px !important;
}
@media (max-width: 640px) {
    .flatpickr-calendar .flatpickr-next-month {
        right: 17px !important;
        top: 17px !important;
    }
}
@media (max-width: 300px) {
    .flatpickr-calendar .flatpickr-day {
        height: 33px;
        line-height: 33px;
    }
}
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
    background: #5c9970;
    border: 1px solid #86bf99;
}
.flatpickr-calendar .flatpickr-day.today {
    border: 1px solid #86bf99;
}
.flatpickr-calendar .flatpickr-day.today:hover {
    background: #86bf99;
}
.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.prevMonthDay.inRange,
.flatpickr-calendar .flatpickr-day.nextMonthDay.inRange,
.flatpickr-calendar .flatpickr-day.today.inRange,
.flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-day.prevMonthDay:hover,
.flatpickr-calendar .flatpickr-day.nextMonthDay:hover,
.flatpickr-calendar .flatpickr-day:focus,
.flatpickr-calendar .flatpickr-day.prevMonthDay:focus,
.flatpickr-calendar .flatpickr-day.nextMonthDay:focus {
    background: #86bf99;
    color: #ffffff;
}

.symptom-review,
.symptom-sum {
    display: flex;
    column-gap: 8px;
    row-gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 50px;
}
.symptom-review span,
.symptom-sum span {
    display: block;
    background-color: #e8e3dd;
    color: #99877a;
    max-width: fit-content;
    padding: 5px 15px;
    border-radius: 3px;
}

.physician-review,
.physician-sum {
    margin-top: 10px;
    /*margin-bottom: 50px;*/
    margin-bottom: 40px;
}
.physician-review .phy-row,
.physician-sum .phy-row {
    display: flex;
    align-items: flex-start;
    column-gap: 15px;
}
.physician-review .phy-row .phy-col,
.physician-sum .phy-row .phy-col {
    display: flex;
    flex-direction: column;
}
.physician-review .phy-row .phy-profile,
.physician-sum .phy-row .phy-profile {
    border: 1.5px solid #e7e3de;
    border-radius: 12px;
    max-width: fit-content;
}
.physician-review .phy-row .phy-profile img,
.physician-sum .phy-row .phy-profile img {
    max-width: 80px;
    border-radius: 12px;
}
.physician-review .phy-row .phy-name,
.physician-sum .phy-row .phy-name {
    font-family: 'DMSans-Bold', sans-serif;
    font-weight: 600;
}
.physician-review .phy-row .phy-title,
.physician-sum .phy-row .phy-title {
    font-size: 15px;
    position: relative;
}
.physician-review .phy-row .phy-read,
.physician-sum .phy-row .phy-read {
    display: none;
}

#appt-date {
    position: absolute;
    width: 0;
    height: 0;
}

.particulars-wrapper {
    padding-top: 50px;
}
.particulars-wrapper .part-wrapper .part-input {
    flex-direction: column;
    display: flex;
    width: 380px;
}
@media (max-width: 991px) {
    .particulars-wrapper .part-wrapper .part-input {
        width: 100%;
    }
}
.particulars-wrapper .part-wrapper .part-input input {
    /*background: #fff !important;*/
    background: #fff;
    border: 1px solid #d9c0ae;
    padding: 10px 10px;
    border-radius: 5px;
    margin-top: 5px;
}
.particulars-wrapper .part-wrapper .ptnc-radio,
.particulars-wrapper .part-wrapper .sms-radio {
    background: transparent;
    box-shadow: none;
    padding: 0;
    display: flex;
    align-items: flex-start;
}
.particulars-wrapper .part-wrapper .ptnc-wrap {
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    column-gap: 8px;
    margin-bottom: 5px;
}
.particulars-wrapper .part-wrapper .ptnc-wrap:first-child {
    margin-top: 10px;
}
.particulars-wrapper .part-wrapper .ptnc-wrap a {
    color: #9a0537;
}

.locate-sum,
.date-sum {
    margin-bottom: 30px;
}

.ty-msg {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-bottom: 30px;
}
.ty-msg .content-title {
    margin-bottom: 0;
}

.patient-title-name,
.patient-nric,
.patient-contact,
.patient-email {
    margin-bottom: 30px;
}

.patient-title-name {
    display: flex;
    align-items: flex-start;
    column-gap: 5px;
}

.particulars-wrap {
    margin-top: 30px;
}

.purpose-review {
    width: 380px;
}
.purpose-review .pur-input {
    max-width: 100%;
}
@media (max-width: 991px) {
    .purpose-review {
        width: 100%;
    }
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.alert-input {
    border: 1.5px solid #9a0537 !important;
}

.approve-input {
    border: 1.5px solid #5c9970 !important;
    position: relative;
    box-shadow: inset 1px 3px 18px -10px rgba(92, 153, 112, 0.5);
    -webkit-box-shadow: inset 1px 3px 18px -10px rgba(92, 153, 112, 0.5);
    -moz-box-shadow: inset 1px 3px 18px -10px rgba(92, 153, 112, 0.5);
}

.part-input .small-text {
    margin-left: 2px;
    font-size: 12px;
    color: #9a0537;
}
.part-input sup {
    color: #9a0537;
}

.purpose-review .pur-input {
    background: #fff;
    border: 1px solid #d9c0ae;
    padding: 10px 35px 10px 10px;
    border-radius: 5px;
    margin-top: 5px;
    max-width: 350px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.purpose-review .pur-input::after {
    content: '';
    position: absolute;
    background: url('../images/icons/icon_dropdown.svg');
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    right: 12px;
}
.purpose-review .pur-input div {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
}
.purpose-review .pur-dropdown {
    background: #fff;
    width: fit-content;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 10px 0 20px;
    webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6,
        0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.purpose-review .pur-dropdown.active-drop {
    display: flex;
    position: absolute;
    z-index: 9;
    margin-top: 1px;
}
.purpose-review .pur-dropdown div {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
    cursor: pointer;
}
.purpose-review .pur-dropdown div:hover {
    color: #5c9970;
}

.pur-dropdown div {
    padding: 5px 16px 5px 16px;
}

.ptnc-wrap sup {
    color: #9a0537;
}