@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Noto+Sans+TC:wght@100..900&display=swap');

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:first-child {
    margin-top: 0;
}

p,
ul,
ol h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1.2rem;
}

:last-child,
:only-child {
    margin-bottom: 0;
}

:root {
    --pink-100: #F8EFEF;
    --pink-400: #F2D0D6;
    --pink-700: #D0576E;
    --blue: #6A768C;
    --beige: #F3F0EA;
    --dark-blue: #1F304F;
    --black-1000: #000000;
    --black-900: #303030;
    --black-800: #404040;
    --black-700: #616161;
    --black-600: #808080;
    --black-500: #9C9C9C;
    --black-400: #BEBEBE;
    --black-300: #D9D9D9;
    --black-200: #EAEAEA;
    --black-100: #F7F7F7;
    --white: #FFFFFF;
    --default-font-family: 'Funnel Sans', sans-serif;
    --desktop-h1-size: 56px;
    --desktop-h1-line-height: 66px;
    --desktop-h2-size: 42px;
    --desktop-h2-line-height: 50px;
    --desktop-h3-size: 36px;
    --desktop-h3-line-height: 44px;
    --desktop-h4-size: 32px;
    --desktop-h4-line-height: 40px;
    --desktop-h5-size: 24px;
    --desktop-h5-line-height: 32px;
    --desktop-h6-size: 18px;
    --desktop-h6-line-height: 26px;
    --mobile-h1-size: 40px;
    --mobile-h1-line-height: 50px;
    --mobile-h2-size: 32px;
    --mobile-h2-line-height: 40px;
    --mobile-h3-size: 28px;
    --mobile-h3-line-height: 36px;
    --mobile-h4-size: 24px;
    --mobile-h4-line-height: 32px;
    --mobile-h5-size: 20px;
    --mobile-h5-line-height: 28px;
    --mobile-h6-size: 18px;
    --mobile-h6-line-height: 24px;
    --desktop-font-size: 18px;
    --desktop-line-height: 26px;
    --mobile-font-size: 16px;
    --mobile-line-height: 24px;
}

body {
    font-family: var(--default-font-family);
    font-size: var(--desktop-font-size);
    line-height: var(--desktop-line-height);
    color: var(--black-800);
    font-weight: 400;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto !important;
}

@media (max-width: 1279px) {
    body {
        font-size: var(--mobile-font-size);
        line-height: var(--mobile-line-height);
    }
}

strong,
b {
    font-weight: 700;
}

em {
    font-style: italic;
}

span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
}

a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}

a:visited {
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    text-transform: capitalize;
    color: var(--black-1000);
    font-family: var(--default-font-family);
}

h1 {
    font-size: var(--desktop-h1-size);
    line-height: var(--desktop-h1-line-height);
}

h2 {
    font-size: var(--desktop-h2-size);
    line-height: var(--desktop-h2-line-height);
}

h3 {
    font-size: var(--desktop-h3-size);
    line-height: var(--desktop-h3-line-height);
}

h4 {
    font-size: var(--desktop-h4-size);
    line-height: var(--desktop-h4-line-height);
}

h5 {
    font-size: var(--desktop-h5-size);
    line-height: var(--desktop-h5-line-height);
}

h6 {
    font-size: var(--desktop-h6-size);
    line-height: var(--desktop-h6-line-height);
}


@media only screen and (max-width: 1279px) {
    body {
        font-size: var(--mobile-font-size);
        line-height: var(--mobile-line-height);
    }

    h1 {
        font-size: var(--mobile-h1-size);
        line-height: var(--mobile-h1-line-height);
    }

    h2 {
        font-size: var(--mobile-h2-size);
        line-height: var(--mobile-h2-line-height);
    }

    h3 {
        font-size: var(--mobile-h3-size);
        line-height: var(--mobile-h3-line-height);
    }

    h4 {
        font-size: var(--mobile-h4-size);
        line-height: var(--mobile-h4-line-height);
    }

    h5 {
        font-size: var(--mobile-h5-size);
        line-height: var(--mobile-h5-line-height);
    }

    h6 {
        font-size: var(--mobile-h6-size);
        line-height: var(--mobile-h6-line-height);
    }
}

.doctor-section {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px;
    align-items: center;
}

.doctor-section .doctor-img-wrap {
    width: 100%;
    max-width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--color-white);
}

.doctor-section .doctor-img-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.doctor-section .doctor-details {
    display: flex;
    flex-flow: column nowrap;
    gap: 0;
}

.doctor-section .doctor-details h6 {
    margin: 0;
    color: var(--color-black);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

.doctor-section .doctor-details label {
    color: #D0576E;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0.06px;
    text-transform: uppercase;
    white-space: nowrap;
}

.doctor-section .doctor-details .credentials-list p {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 400;
}

.doctor-section .doctor-details .credentials-list p span {
    display: inline-block;
    margin: 0 4px;
    position: relative;
    top: -1px;
}

@media (min-width: 1280px) {
    .doctor-section .doctor-details h6 {
        font-size: 18px;
        line-height: 26px;
    }

    .doctor-section .doctor-details label {
        font-size: 14px;
        line-height: 22px;
    }

    .doctor-section .doctor-details .credentials-list p {
        font-size: 12px;
        line-height: 20px;
    }

    .doctor-section .doctor-details .credentials-list p span {
        margin: 0 6px;
    }
}

blockquote {
    background: #F3F0EA;
    padding: 12px 20px 12px 44px;
    display: flex;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    border-radius: 2px;
    margin-bottom: 1.2rem;
}

blockquote:before {
    content: '';
    width: 6px;
    height: calc(100% - 24px);
    background: #6A768C;
    position: absolute;
    top: 12px;
    left: 20px;
}

blockquote * {
    color: var(--color-black);
}

.btn,
.btn:visited {
    color: var(--color-white);
    font-size: var(--desktop-font-size);
    font-style: normal;
    font-weight: 700;
    line-height: var(--desktop-font-size);
    border: 1px solid var(--pink-700);
    text-transform: uppercase;
    background-color: var(--pink-700);
    border-radius: 200px;
    padding: 24px 32px;
    display: flex;
    flex-flow: row nowrap;
    gap: 12px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    letter-spacing: 0.64px;
    font-family: var(--default-font-family);
}

@media (max-width: 767px) {
    .doctor-section {
        gap: 12px;
    }

    .btn {
        padding: 19px 32px;
        font-size: 16px;
        line-height: 16px;
    }
}

.btn:hover {
    background-color: var(--color-gold);
    color: var(--color-red);
    border: 1px solid var(--color-gold);
}

.btn-contained,
.btn-contained:visited {
    background: var(--pink-700);
    color: var(--white);
    border: 1px solid var(--pink-700);
}

.btn-contained:hover {
    background: var(--blue);
    color: var(--white);
    border: 1px solid var(--blue);
}

.btn-contained:active {
    opacity: .75;
    background: #D0576E;
    border: 1px solid #D0576E;
}

.btn svg path,
.btn:visited svg path {
    fill: var(--color-white);
}

.btn:hover svg path {
    fill: var(--color-white);
}

.btn-outlined,
.btn-outlined:visited {
    background: transparent;
    color: var(--black-1000);
    border: 1px solid var(--black-1000);
}

.btn-outlined:hover {
    background: #6A768C;
    color: #fff;
    border: 1px solid #6A768C;
}

.btn-outlined:active {
    background: #6A768C;
    color: #fff;
    border: 1px solid #6A768C;
    opacity: .75;
}

.btn-outlined:focus {
    color: #000;
}

.btn-outlined svg path,
.btn-outlined:visited svg path {
    fill: #D0576E;
}

.btn-outlined:hover svg path {
    fill: #fff;
}

.text--400 {
    font-weight: 400;
}

.text--italic {
    font-style: italic;
}

.text--gold {
    color: var(--color-gold);
}

@media (min-width: 1280px) {
    .mobile-break {
        display: none;
    }
}

@media (max-width: 1279px) {
    .desktop-break {
        display: none;
    }
}


.gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang .gt-lang-code {
    order: 2;
    font-size: 14px;
    line-height: 18px;
}

.gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang img {
    width: 18px !important;
}

.gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNiA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNiAwLjVMMyAzLjVMMCAwLjVINloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=') !important;
    background-size: contain !important;
    background-position: center !important;
    height: 7px !important;
    width: 9px !important;
    min-width: unset !important;
}

.gtranslate_wrapper #gt_float_wrapper .gt_float_switcher .gt-selected {
    padding: 6px 5px !important;
}

ul.checkmark,
ul.checkbox {
    list-style: none;
    padding: 0;
    padding-left: 0 !important;
    margin-left: 0;
    display: flex;
    flex-flow: column nowrap;
    gap: 8px;
}

.checkmark li,
.checkbox li {
    position: relative;
    padding-left: 34px;
}

.checkmark li:before,
.checkbox li:before {
    content: '';
    width: 100%;
    max-width: 26px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAyMUMxNy40MTgzIDIxIDIxIDE3LjQxODMgMjEgMTNDMjEgOC41ODE3MiAxNy40MTgzIDUgMTMgNUM4LjU4MTcyIDUgNSA4LjU4MTcyIDUgMTNDNSAxNy40MTgzIDguNTgxNzIgMjEgMTMgMjFaTTE3LjM0NSAxMS44MDY2QzE3LjcwNTUgMTEuNDQ2MSAxNy43MDU1IDEwLjg2MTYgMTcuMzQ1IDEwLjUwMTFDMTYuOTg0NSAxMC4xNDA3IDE2LjQwMDEgMTAuMTQwNyAxNi4wMzk2IDEwLjUwMTFMMTIuMjk4IDE0LjI0MjdMMTAuNDc2OSAxMi44NzY5QzEwLjA2OTEgMTIuNTcxIDkuNDkwNSAxMi42NTM3IDkuMTg0NjIgMTMuMDYxNUM4Ljg3ODczIDEzLjQ2OTQgOC45NjEzOSAxNC4wNDggOS4zNjkyMyAxNC4zNTM4TDExLjgzMDggMTYuMkMxMi4xOTgzIDE2LjQ3NTYgMTIuNzEyNSAxNi40MzkxIDEzLjAzNzMgMTYuMTE0M0wxNy4zNDUgMTEuODA2NloiIGZpbGw9IiM5MDAzMDQiLz4KPC9zdmc+Cg==');
}

ul.checkmark-v2 li+li {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

ul.checkmark-gold li:before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAyM0MxNy45NzA2IDIzIDIyIDE4Ljk3MDYgMjIgMTRDMjIgOS4wMjk0NCAxNy45NzA2IDUgMTMgNUM4LjAyOTQ0IDUgNCA5LjAyOTQ0IDQgMTRDNCAxOC45NzA2IDguMDI5NDQgMjMgMTMgMjNaTTE3Ljg4ODEgMTIuNjU3NEMxOC4yOTM3IDEyLjI1MTggMTguMjkzNyAxMS41OTQzIDE3Ljg4ODEgMTEuMTg4OEMxNy40ODI2IDEwLjc4MzIgMTYuODI1MSAxMC43ODMyIDE2LjQxOTUgMTEuMTg4OEwxMi4yMTAyIDE1LjM5ODFMMTAuMTYxNSAxMy44NjE1QzkuNzAyNzIgMTMuNTE3NCA5LjA1MTgxIDEzLjYxMDQgOC43MDc2OSAxNC4wNjkyQzguMzYzNTcgMTQuNTI4MSA4LjQ1NjU2IDE1LjE3OSA4LjkxNTM4IDE1LjUyMzFMMTEuNjg0NiAxNy42QzEyLjA5OCAxNy45MTAxIDEyLjY3NjYgMTcuODY5IDEzLjA0MiAxNy41MDM1TDE3Ljg4ODEgMTIuNjU3NFoiIGZpbGw9IiNEOTk4MDUiLz4KPC9zdmc+Cg==');
}

img {
    display: block;
}

@media (min-width: 768px) {
    .mobile-image {
        display: none;
    }
}

@media (max-width: 767px) {
    .desktop-image {
        display: none;
    }
}

/* ONLY FOR PAGE 404 */
.page-404-section {
    background: var(--color-yellow);
    padding: 140px 20px;
}

.page-404-section .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}


.page-404-section .wrap h1 {
    color: #1F304F;
    margin-bottom: 0;
    font-family: Funnel Sans;
    font-weight: 600;
    font-size: 56px;
    line-height: 66px;
    letter-spacing: 0;
    text-align: center;
    text-transform: capitalize;
}

.page-404-section .icon-wrap {
    display: flex;
    height: 60px;
}

.page-404-section .icon-wrap svg {
    width: 100%;
    height: 100%;
}

.page-404-section .wrap p {
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
}

.page-404-section .wrap a {
    color: #000 !important;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .page-404-section {
        padding: 40px 20px;
    }

    .page-404-section .wrap h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .page-404-section .wrap p {
        font-size: 18px;
        line-height: 26px;
    }

    .page-404-section .wrap {
        gap: 24px;
    }

    .page-404-section .wrap a {
        display: block;
    }

    .page-404-section .icon-wrap {
        height: 40px;
    }
}


/* For wysiwyg section with #referral id */
.section-plain-wysiwyg#referral .section-inner .column-header {
    gap: 8px
}

.section-plain-wysiwyg#referral .section-inner .column-header .section-content>* {
    margin-bottom: 0
}

.section-plain-wysiwyg#referral .section-inner .column-header .section-content>p>strong {
    margin-top: 24px;
    display: block;
}

.section-plain-wysiwyg#referral .section-inner .column-header .section-content>ul {
    margin-top: 4px;
    padding-left: 20px;
}

ul.checkmark--underline {
    gap: 0;
}

ul.checkmark--underline li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #D9D9D9;
}

ul.checkmark--underline li:before {
    top: 10px;
}

ul.two--columns {
    flex-flow: row wrap;
}

ul.two--columns li {
    width: 100%;
}

@media (min-width: 1024px) {
    ul.two--columns li {
        max-width: 50%;
    }
}

@media (max-width: 1279px) {
    .repeater-side-by-side-image-content .section--inner .section--content.section--content-sticky {
        gap: 60px;
    }
}

@media (max-width: 1024px) {
    .repeater-side-by-side-image-content .section--inner .section--content.section--content-sticky {
        gap: 40px;
    }
}

@media (max-width: 767px) {
    .repeater-side-by-side-image-content .section--inner .section--content.section--content-sticky {
        gap: 0;
    }

    .repeater-side-by-side-image-content .section--inner .section--content.section--content-sticky .section--content-inner-image-sticky-container {
        max-width: 100%;
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .mobile--only {
        display: none;
    }
}

.wysiwyg-content p,
.wysiwyg-content ul,
.wysiwyg-content ol {
    margin-top: 12px;
    margin-bottom: 0;
}

.wysiwyg-content h1,
.wysiwyg-content h2,
.wysiwyg-content h3,
.wysiwyg-content h4,
.wysiwyg-content h5,
.wysiwyg-content h6 {
    margin-top: 32px;
    margin-bottom: 0
}

.wysiwyg-content h1:first-child,
.wysiwyg-content h2:first-child,
.wysiwyg-content h3:first-child,
.wysiwyg-content h4:first-child,
.wysiwyg-content h5:first-child,
.wysiwyg-content h6:first-child,
.wysiwyg-content p:first-child,
.wysiwyg-content ul:first-child,
.wysiwyg-content ol:first-child,
{
margin-top: 0;
}

.wysiwyg-content .boxes:not(:first-child) {
    margin-top: 12px;
}

.boxes {
    display: flex;
    flex-flow: row wrap;
    gap: 6px;
    width: 100%;
    max-width: 760px;
}

.boxes .box {
    width: 100%;
    max-width: calc(50% - (6px * 1 / 2));
    background: #F3F3F3;
    padding: 16px 10px;
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
    align-items: center;
    border-radius: 8px;
}



.boxes .box .box--image {
    width: 100%;
    max-width: 75px;
    height: 75px;
}

.boxes .box .box--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.boxes .box .box--content {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
}

.boxes .box .box--content p {
    font-family: Funnel Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    margin: 0;
}

@media (min-width: 992px) {
    .boxes .box {
        max-width: calc(33.33% - (6px * 2 / 3));
        padding: 16px 10px;
    }

    .boxes .box .box--content p {
        font-size: 18px;
        line-height: 26px;
    }
}

.wysiwyg-content .gray--table:not(:first-child) {
    margin-top: 12px;
}

.gray--table {
    width: 100%;
    max-width: 760px;
    display: flex;
    flex-flow: column nowrap;
    gap: 6px;
}

.gray--table .gray--table-row {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    gap: 6px;
}

.gray--table .gray--table-row .gray--table-td {
    width: 100%;
    padding: 16px 10px;
    background: #F3F3F3;
    border-radius: 8px;
    font-family: Funnel Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
}

.gray--table .gray--table-row .gray--table-td:first-child {
    max-width: 100px;
}

@media (min-width: 992px) {
    .gray--table .gray--table-row .gray--table-td:first-child {
        max-width: 200px;
    }
}

.mandarin {
    font-family: "Noto Sans TC", sans-serif !important;
}