.sidebar-dock .mobile-dock .mobile-dock-5 .dock-item img,
.sidebar-dock .mobile-dock .mobile-dock-double .dock-item img {
    width: var(--mobile-icon-size);
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
}

#header .header-btm .mobile-burger-button i,
.banner-s-title,
.contact-locate .tbb,
.more-about-us .mau-title {
    font-size: 1.5rem
}

*,
::after,
::before {
    box-sizing: border-box
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw0aXpsog.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw9aXpsog.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw2aXpsog.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw3aXpsog.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat-Bold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w0aXpsog.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Montserrat-Bold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w9aXpsog.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Montserrat-Bold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w2aXpsog.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Montserrat-Bold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXpsog.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Montserrat-Bold;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

body,
html {
    padding: 0;
    margin: 0;
    scroll-padding: 64px
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: #bca994
}

h1,
h2,
h3,
h4,
h5 {
    color: #8f6f4c;
    font-family: Tinos, Arimo, sans-serif
}

h1 {
    font-size: 1.8rem;
    line-height: 2.25rem
}

#footer .footer-left p,
h2 {
    line-height: 2rem
}

h2 {
    font-size: 1.6rem
}

h3 {
    font-size: 1.4rem;
    line-height: 1.65rem
}

h4 {
    font-size: 1.25rem;
    line-height: 1.5rem
}

h5 {
    font-size: 1.1rem;
    line-height: 1.25rem
}

a,
div,
ol,
p,
table,
ul {
    font-size: 1rem;
    font-family: Montserrat, Arimo, sans-serif
}

div,
ol,
p,
table,
ul {
    line-height: 1.5rem
}

ol ul {
    list-style-type: disc !important
}

ol,
p,
ul {
    color: inherit
}

.appointment-page .appointment-confitmation .confirmation-form .form-section p,
.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper.enhanced .doc-info-item,
.ehealth-page .convenient-healthcare ul,
.emergency-item-wrapper .emergency-item h5,
.medical-report-list p,
ol:last-child,
p:last-child,
ul:last-child {
    margin-bottom: 0
}

input::-moz-placeholder {
    font-style: unset !important;
    color: #18395f
}

input,
input::placeholder {
    font-style: unset !important;
    color: #18395f
}

div,
table {
    color: inherit
}

a {
    color: inherit;
    text-decoration: none !important;
    cursor: pointer
}

a[href^="mailto:"] {
    text-decoration: underline !important;
    font-weight: 700
}

.content-block a,
.highlight-and-promotion .catetory-list .cat-selector.selected,
.highlight-and-promotion .catetory-list .cat-selector:hover,
a[href^="tel:"] {
    font-weight: 700
}

.container-fluid:not(#footer) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 1920px;
    margin: auto
}

.container-fluid:not(#footer).header {
    max-width: unset
}

#footer .row .row>*,
.row>* {
    --bs-gutter-x: 3rem !important
}

.appointment-page .row>*,
.row .row>* {
    --bs-gutter-x: 1.5rem !important
}

b,
strong {
    font-weight: 700 !important
}

[data-spacing=header] {
    padding-top: 120px
}

#header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    transition: .3s
}

#header .header-top {
    color: #072240;
    background: #f6f3f1;
    padding: 1rem 0
}

#footer,
#header .header-btm,
#header .header-top .header-top-left .language-dropdown-wrapper .language-dropdown>ul li:hover,
.doctor-details-page .doctor-other-details,
.pdpa table tr:nth-child(odd) {
    background: #e9e2db
}

#header .header-top img {
    height: 15px;
    width: 15px
}

#header .header-top a,
#header .header-top li,
#header .header-top p {
    color: inherit;
    margin-bottom: 0;
    font-size: .75rem;
    display: grid;
    place-content: center
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .header-trending,
#header .header-top .header-top-left,
#header .header-top .header-top-right .doctor,
#header .header-top .header-top-right .health-screening,
#header .header-top .header-top-right .make-appointment,
#header .mobile-header-panel .top-buttons,
.appointment-page .contact-number-field,
.media-coverage .media-item .media-info,
.two-button-center {
    display: flex
}

#header .header-top .header-top-left .language-dropdown-wrapper,
.appointment-page .appointment-tab .contact-number-field .contact-region .dropdown-btn,
.appointment-page .appointment-tab .contact-number-field .contact-region .dropdown-menu .dropdown-item,
.brown-button.with-icon,
.reverse-brown-button.with-icon,
.search-bar-wrapper .search-bar .search-component .live-agent,
.search-result-page .ha-item-grid .ha-item {
    display: flex;
    align-items: center
}

#header .header-top .header-top-left .language-dropdown-wrapper .language-dropdown,
.doctor-details-page .doctor-other-details .doctor-details-publication .slick-dots,
.global-banner,
.img-with-bl-desc,
.input-text-box-container,
.search-bar-wrapper {
    position: relative
}

#header .header-top .header-top-left .language-dropdown-wrapper .language-dropdown .language-button {
    display: grid;
    place-content: center;
    margin-left: .5rem
}

#header .header-top .header-top-left .language-dropdown-wrapper .language-dropdown>ul {
    display: none;
    padding: 0;
    margin: 0;
    position: absolute;
    list-style-type: none;
    border: 1px solid #072240;
    left: -13px
}

#header .header-top .header-top-left .language-dropdown-wrapper .language-dropdown>ul li {
    background: #f6f3f1;
    padding: .25rem .5rem;
    transition: .3s;
    cursor: pointer
}

#header .header-top .header-top-left .language-dropdown-wrapper .language-dropdown:hover ul {
    display: block
}

#header .header-top .header-top-right,
.search-bar-wrapper .search-bar .search-component {
    display: flex;
    margin-left: auto
}

#header .header-top .header-top-right .doctor p,
#header .header-top .header-top-right .health-screening p,
#header .header-top .header-top-right .make-appointment p {
    margin-left: .3rem;
    font-weight: 400
}

#header .header-top .header-top-right .divider {
    width: 2px;
    height: 1.25rem;
    align-self: center;
    background-color: #072240;
    margin: 0 1.5rem
}

#header .header-top .header-top-right img,
.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn[data-tab=enq] h5,
.asc {
    align-self: center
}

#header .header-btm {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .3)
}

#header .header-btm .pcmc-logo-wrapper {
    max-width: 200px
}

#header .header-btm .header-navigation-container,
#header .mobile-header-panel .mobile-header-brown-button .brown-long-button .fa,
#header .mobile-header-panel .top-buttons .close-button,
.highlight-and-promotion .hap-item .hap-info .hap-date,
.media-coverage .media-item .media-info p.media-time {
    margin-left: auto
}

#header .header-btm .pcmc-header-logo {
    height: auto;
    padding: .75rem 0;
    width: 100%
}

#header .header-btm .header-navigation {
    float: right;
    display: flex
}

#header .header-btm .header-navigation .nav-main-link {
    font-family: Montserrat-Bold, Arimo, sans-serif;
    position: relative;
    padding: .75rem 0;
    color: #8f6f4c;
    text-align: center;
    display: grid;
    place-content: center;
    height: 100%;
    line-height: 1.25em;
    font-size: 14px
}

@media (max-width:1200px) {
    #header .header-btm .header-navigation .nav-dropdown-wrapper:not(:last-child) {
        margin-right: 1rem !important
    }

    #header .header-top a {
        margin-left: 1rem !important
    }

    #header .header-top .header-top-right .health-screening p,
    .header-top .header-top-right .make-appointment p {
        line-height: 1.2em
    }
}

#header .header-btm .header-navigation .nav-main-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 0;
    background: #072240;
    transition: .3s linear
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content {
    opacity: 0;
    visibility: hidden;
    padding: 3rem 1rem 2rem;
    position: absolute;
    left: 0;
    width: 100vw;
    max-width: 100%;
    background-color: #e9e2db;
    transition: .3s;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .3)
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .header-trending img {
    --item-clip-path: 40px;
    max-width: 45%;
    height: 100%;
    margin-right: 1.5rem
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .header-trending .content .title {
    color: #8f6f4c;
    margin-bottom: 1rem
}

#footer,
#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .header-trending:hover .read-discover-more,
.color-black,
.content-block ol,
.content-block p,
.content-block ul,
.img-title-desc-rm-slick .item-wrapper:hover .read-discover-more,
.search-result-page.general .search-result-item {
    color: #072240
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .header-trending .content .sub-title {
    color: #072240;
    line-height: 1.5rem
}

#doctorVideoModal video,
#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .header-trending:hover .read-discover-more::after,
#header .header-btm .header-navigation .nav-dropdown-wrapper:hover .nav-main-link::after,
.appointment-page .contact-number-field .input-wrapper,
.content-block img,
.dash-6-6-template .template-content,
.doc-item .img-wrapper img,
.doctor-details-page .doctor-fw-profile-1 .profile-content .video-section .video-item-slick .video-item img,
.form-box-wrapper:hover::after,
.general-dropdown-dropdown.input-select input,
.highlight-and-promotion .hap-item:hover .read-discover-more::after,
.hover-line:hover::after,
.img-brown-backdrop-icon-item:hover .item-hover-line,
.img-title-desc-item .img-wrapper img,
.img-title-desc-item:hover::after,
.img-title-desc-rm-slick .item-wrapper .img-wrapper img,
.img-title-desc-rm-slick .item-wrapper:hover .read-discover-more:after,
.more-about-us .mau-item:hover::after,
.template-4-3-2-1-slick {
    width: 100%
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .dropdown-sub-links-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1.5rem;
    padding-left: 2rem
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .dropdown-sub-links-grid a {
    color: #8f6f4c;
    display: flex;
    transition: .3s
}

#header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .dropdown-sub-links-grid a:hover {
    transform: translateX(10px)
}

#header .header-btm .header-navigation .nav-dropdown-wrapper:hover .dropdown-content {
    opacity: 1;
    visibility: visible
}

#header .header-btm .header-navigation .nav-dropdown-wrapper:not(:last-child) {
    margin-right: 2rem
}

#header .header-btm .mobile-burger-button {
    display: flex;
    justify-content: end;
    font-family: Tinos, Arimo, sans-serif;
    text-align: right;
    cursor: pointer;
    color: #8f6f4c;
    font-size: 1.25rem;
    align-items: center
}

#header .header-btm .mobile-burger-button .menu-text {
    margin-right: .625rem
}

#header .header-btm .mobile-burger-button .burger-bar div,
#header .header-btm .mobile-burger-button .burger-bar:after,
#header .header-btm .mobile-burger-button .burger-bar:before {
    background: #8f6f4c;
    content: "";
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    margin: 6px 0;
    transition: .3s
}

#header .header-btm .mobile-burger-button.open .burger-bar:before {
    transform: translateY(9px) rotate(135deg)
}

#header .header-btm .mobile-burger-button.open .burger-bar:after {
    transform: translateY(-9px) rotate(-135deg)
}

#header .header-btm .mobile-burger-button.open .burger-bar div {
    transform: scale(0)
}

#header .mobile-header-panel {
    position: fixed;
    right: 0;
    height: 0%;
    width: 100%;
    transition: .5s;
    overflow-y: auto;
    background: #e9e2db;
    overflow: auto
}

#header .mobile-header-panel::-webkit-scrollbar {
    width: 5px
}

#header .mobile-header-panel::-webkit-scrollbar-thumb {
    background: #bca994
}

#header .mobile-header-panel .top-buttons i {
    color: #fff;
    font-size: 1.5rem
}

#header .mobile-header-panel h2 {
    margin: 0;
    padding: 1rem;
    border-top: .5px solid #bca994
}

#header .mobile-header-panel .mobile-links {
    border-bottom: .5px solid #bca994
}

#header .mobile-header-panel .mobile-links .accordion-items .link,
#header .mobile-header-panel .mobile-links>a {
    display: block;
    color: #8f6f4c;
    font-weight: 700;
    padding: 1.25rem 1rem;
    border-top: .5px solid #bca994;
    font-size: 1.125rem;
    font-family: Montserrat-Bold, Arimo, sans-serif
}

#header .mobile-header-panel .mobile-links .mobile-links-accordion .accordion-items .link {
    padding: 1rem 3rem 1rem 1rem;
    position: relative;
    transition: .3s
}

#header .mobile-header-panel .mobile-links .mobile-links-accordion .accordion-items .link .fa {
    position: absolute;
    top: calc(50% - 10px);
    right: .875rem;
    transition: .3s
}

#header .mobile-header-panel .mobile-links .mobile-links-accordion .accordion-items .submenu a {
    font-weight: 400;
    display: block;
    color: #8f6f4c;
    padding: 0 1rem 1.5rem;
    font-size: 1.125rem
}

#header .mobile-header-panel .mobile-links .mobile-links-accordion .accordion-items .submenu a:first-child {
    padding-top: 1.5rem
}

#header .mobile-header-panel .mobile-links .mobile-links-accordion .accordion-items.open .link,
.ehealth-page .filter-container .filter-btns a.selected,
.ehealth-page .filter-container .filter-btns a:hover,
.medical-specialties-detail .ms-result-btns-wrapper .result-btns a.selected,
.search-result-page .search-container .search-result-selection .result-btns a.selected {
    background: #18395f;
    color: #fff
}

#header .mobile-header-panel .mobile-links .mobile-links-accordion .accordion-items.open .link .fa {
    transform: rotate(180deg)
}

#header .mobile-header-panel .mobile-header-brown-button {
    padding: 1rem 1rem 2rem
}

#header .mobile-header-panel .mobile-header-brown-button .brown-long-button {
    display: block;
    padding: 1rem;
    display: flex;
    background: linear-gradient(to bottom right, #8f6f4c, #cc9e52);
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    align-items: center
}

#header .mobile-header-panel .mobile-header-brown-button .brown-long-button img {
    height: 40px;
    width: 40px;
    margin-right: 1rem
}

#header .mobile-header-panel .mobile-header-brown-button .brown-long-button p {
    margin: 0;
    height: -moz-max-content;
    height: max-content
}

#footer .subcribe-email,
#header .mobile-header-panel .mobile-header-brown-button .brown-long-button:not(:last-child),
.appointment-page .appointment-confitmation .confirmation-form .form-section:not(:last-child),
.cares-section,
.doctor-details-page .doctor-other-details .doctor-details-publication .img-title-desc-item,
.guide-to-pcmc .brown-button:not(:last-child),
.health-screening .hsp-tab-section .general-tab-selector .tab-selector:not(:last-child),
.highlight-and-promotion .hap-item .hap-info h5,
.li-spacing li:not(:last-child),
.medical-report-list>li,
.search-result-page .general-section-desc .section-header,
.search-result-page .search-desc .desc-title,
.search-result-page .search-desc .section-header,
.search-result-page.general .search-result-item h3 {
    margin-bottom: 1rem
}

#header .mobile-header-panel .bottom-links {
    display: flex;
    margin: 0 1rem;
    border-top: .5px solid #bca994;
    padding: 1rem 0
}

#header .mobile-header-panel .bottom-links .links-item {
    text-align: center;
    flex-basis: 33.333333%;
    margin: 1rem 0;
    padding: 0 1rem
}

#header .mobile-header-panel .bottom-links .links-item p {
    margin-top: 1rem;
    font-weight: 700;
    color: #8f6f4c;
    line-height: 1.25rem
}

#header .mobile-header-panel .bottom-links .links-item:not(:last-child) {
    border-right: .5px solid #bca994
}

#header .mobile-header-panel.open {
    height: calc(100dvh - 58px)
}

#footer .footer-left {
    padding-right: 10%
}

#footer .footer-middle-links a {
    display: block;
    color: inherit;
    margin-bottom: 1rem
}

#footer .footer-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    font-weight: 700
}

#footer .brown-button {
    padding: .5rem 2.5rem
}

#footer .social-buttons {
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex
}

#footer .social-buttons a {
    display: block;
    margin-right: 2rem
}

#footer .social-buttons a img {
    height: 20px;
    width: auto
}

#footer .legacy-links {
    display: flex;
    flex-wrap: wrap;
    height: -moz-max-content;
    height: max-content;
    row-gap: .7rem
}

#footer .legacy-links a {
    color: inherit;
    display: block;
    line-height: 1rem
}

#footer .legacy-links .divider {
    width: 1px;
    background: #072240;
    margin: 0 1rem
}

.sidebar-dock .mobile-dock {
    --mobile-icon-size: 25px;
    position: fixed;
    bottom: 0;
    z-index: 99;
    display: none;
    width: 100%
}

.sidebar-dock .mobile-dock .mobile-dock-5 {
    display: flex;
    width: 100%
}

.sidebar-dock .mobile-dock .mobile-dock-5 .dock-item {
    text-align: center;
    width: 25%;
    padding: 1rem .25rem;
    color: #fff
}

.sidebar-dock .mobile-dock .mobile-dock-5 .dock-item img {
    margin-bottom: .5rem
}

.sidebar-dock .mobile-dock .mobile-dock-5 .dock-item p {
    margin: 0;
    line-height: .75rem;
    font-size: .625rem;
    height: 2rem;
    display: grid;
    place-items: center;
    color: #fff
}

.appointment-page .appointment-ymol .appointment-ymol-grid .img-title-desc-item h3,
.img-title-desc-item:hover h3,
.img-title-desc-item:hover h4,
.media-coverage .media-item .media-title:hover,
.sidebar-dock .mobile-dock .mobile-dock-5 .dock-item:hover,
.sidebar-dock .mobile-dock .mobile-dock-double .dock-item:hover {
    color: #18395f
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:hover,
.appointment-page .appointment-tab .reverse-brown-button:hover,
.general-plus-accordion .accordion-items.open .plus-icon::after,
.general-plus-accordion .accordion-items.open .plus-icon::before,
.search-bar-wrapper .search-result .result-item .result-tag.keyword,
.search-bar-wrapper .search-result .result-item .result-tag.specialty,
.sidebar-dock .mobile-dock .mobile-dock-5 .dock-item:nth-child(odd),
.sidebar-dock .mobile-dock .mobile-dock-double .dock-item:nth-child(odd),
.sidebar-dock .sidebar .sidebar-item:nth-child(odd) {
    background: #18395f
}

.sidebar-dock .mobile-dock .mobile-dock-5 .dock-item:nth-child(2n),
.sidebar-dock .mobile-dock .mobile-dock-double .dock-item:nth-child(2n),
.sidebar-dock .sidebar .sidebar-item:nth-child(2n) {
    background: linear-gradient(to bottom right, #8f6f4c, #cc9e52)
}

.sidebar-dock .mobile-dock .mobile-dock-double {
    display: flex;
    color: #18395f
}

.sidebar-dock .mobile-dock .mobile-dock-double .dock-item {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 1.5rem .75rem;
    color: #fff
}

.sidebar-dock .mobile-dock .mobile-dock-double .dock-item:not(:last-child) {
    border-right: 1px solid #fff
}

.sidebar-dock .mobile-dock .mobile-dock-double .dock-item .fa {
    font-size: var(--mobile-icon-size)
}

.sidebar-dock .mobile-dock .mobile-dock-double .dock-item p {
    margin-bottom: 0;
    margin-left: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    color: #fff
}

.sidebar-dock .sidebar {
    position: fixed;
    right: 0;
    z-index: 100;
    top: 55%;
    translate: 0px -50%
}

.sidebar-dock .sidebar .sidebar-item {
    display: block;
    text-align: center;
    padding: .625rem
}

.sidebar-dock .sidebar .sidebar-item img {
    width: 30px;
    margin-bottom: .5rem
}

.sidebar-dock .sidebar .sidebar-item p {
    font-size: .625rem;
    margin: 0;
    line-height: 1.25em;
    color: #fff
}

.global-banner .global-video {
    position: relative;
    font-family: Tinos, Arimo, sans-serif;
    display: grid;
    height: 700px;
    overflow: hidden
}

.global-banner .global-video img,
.global-banner .global-video video {
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.global-banner .global-video::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0px;
    background: linear-gradient(to top, rgba(143, 111, 76, .8), transparent 50%);
    z-index: 2
}

@media (max-width:1600px) {
    .global-banner .global-video {
        height: unset;
        width: 100%;
        aspect-ratio: 16/6.5
    }
}

.global-banner .global-video .img-onsuspend {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

.appointment-page .appointment-confitmation,
.appointment-page .appointment-tab .reverse-brown-button::after,
.appointment-page .appointment-tab .reverse-brown-button::before,
.appointment-page .form-error-msg,
.banner .banner-with-img.eshop-img::after,
.banner.no-image .banner-with-img,
.banner.no-image img,
.banner.no-image::after,
.dash-6-6-template .template-content .lower-template .item-col-6:empty,
.doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .mobile-doctor-img,
.doctor-details-page .doctor-fw-profile-1 .profile-content .video-section .video-item-slick .video-item p,
.ehealth-page .how-it-works-step .hiw-item:last-child::before,
.global-banner .global-video .global-banner-video-mobile,
.more-information .item-row .content-col .hotline br {
    display: none
}

.global-banner .global-search-bar-container {
    align-self: end;
    margin-bottom: 5rem;
    grid-area: 1/1;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.global-banner .global-search-bar-container .global-search-bar {
    color: #7b4f1f
}

.global-banner .global-search-bar-container .global-search-bar .search-bar-header {
    text-align: center;
    margin-bottom: 1.5rem;
    color: #fff
}

.search-result-page.general .search-result-item a,
.the-essentials,
.wards-and-rates .war-table .war-table-wrapper table td .fa,
.wards-and-rates .war-table .war-table-wrapper table td::after {
    color: #8f6f4c
}

.the-essentials h1 {
    margin-bottom: 3rem;
    text-align: center
}

.the-essentials .essential-item-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 3rem
}

.banner.centered-title .banner-breadcrumb,
.emergency-item-wrapper .emergency-item,
.the-essentials .essential-item-grid .essentials-item,
.wards-and-rates .amenities-grid-wrapper .amenities-item {
    text-align: center
}

.the-essentials .essential-item-grid .essentials-item img {
    width: 60px;
    height: 60px;
    margin-right: 1.5rem;
    margin-bottom: 1rem
}

.the-essentials .essential-item-grid .essentials-item .sub-title {
    font-size: 1.375rem;
    font-family: Tinos, Arimo, sans-serif;
    margin-bottom: .5rem;
    color: #8f6f4c !important
}

.the-essentials .essential-item-grid .essentials-item p {
    color: #072240;
    text-wrap: balance
}

.search-result-page .search-container {
    background: #e9e2db;
    color: #8f6f4c;
    padding: 3rem 0
}

.search-result-page .search-container .search-bar-wrapper {
    background: #fff
}

.search-result-page .search-container .search-result-selection {
    padding: 0;
    top: 0
}

.appointment-page .main-form-section .form-wrapper-section,
.more-information .item-row .img-col,
.search-result-page .search-container .search-result-selection .container {
    padding: 0
}

.search-result-page .search-container .search-result-selection .result-btns {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.search-result-page .search-container .search-result-selection .result-btns a {
    font-family: Montserrat, Arimo, sans-serif;
    color: #18395f;
    display: block;
    padding: .5rem 1rem;
    transition: .5s;
    font-weight: 400
}

.search-result-page .search-container .search-result-selection .result-btns::-webkit-scrollbar {
    height: 5px
}

.search-result-page .search-container .search-result-selection .result-btns::-webkit-scrollbar-thumb {
    background: #bca994
}

.search-result-page .search-container .search-result-selection.sticky {
    background: #e9e2db;
    z-index: 10;
    position: fixed;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, .3)
}

.medical-specialties-detail .ms-result-btns-wrapper.sticky .result-btns,
.search-result-page .search-container .search-result-selection.sticky .result-btns {
    margin-top: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0
}

.appointment-page .contact-number-field .contact-region button,
.medical-specialties-detail .ms-result-btns-wrapper.sticky .result-btns a,
.search-result-page .search-container .search-result-selection.sticky .result-btns a,
.wards-and-rates .war-table .war-table-wrapper a {
    white-space: nowrap
}

.appointment-page .appointment-confitmation .confirmation-form .form-sub-title,
.doctor-details-page .doctor-fw-profile-1 .profile-content .about-section,
.doctor-details-page .doctor-fw-profile-1 .profile-content .video-section,
.ehealth-page .faq .faq-tab,
.search-result-page .search-desc {
    margin-top: 2rem
}

.search-result-page .search-desc .desc-title a {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit
}

.search-result-page .general-section-desc {
    padding-top: 3rem
}

.search-result-page .general-section-desc .three-col-ul {
    -moz-column-count: 3;
    column-count: 3;
    margin-bottom: 0;
    padding-left: 1.5rem
}

.search-result-page .general-section-desc .three-col-ul li {
    padding-bottom: .5rem;
    padding-right: 3rem
}

.search-result-page .general-section-desc .doctor-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem
}

.search-result-page .event-item-wrapper,
.search-result-page .hs-item-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem
}

.search-result-page .dtf-slick-wrapper .img-title-desc-item,
.two-button-center>:not(:last-child) {
    margin-right: 1rem
}

.search-result-page .ha-item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem
}

.search-result-page .ha-item-grid .ha-item .img-wrapper {
    max-width: 25%
}

.search-result-page .ha-item-grid .ha-item .img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.search-result-page .ha-item-grid .ha-item .item-desc {
    padding: 1rem
}

.search-result-page .ha-item-grid .ha-item .item-desc h4 {
    color: #18395f;
    margin: 0
}

.career-page .section-item,
.content-block .medical-award .medical-award-item,
.doctor-details-page .doctor-fw-profile-1.enhanced .profile-content .video-section,
.food-and-retail .far-cat-title,
.search-result-page.general .search-result-title {
    margin-bottom: 2rem
}

.aaa-grid,
.doctor-listing-page .page-header,
.medical-specialty-page .page-header {
    margin: 3rem 0
}

.search-result-page.general .search-result-item:not(:first-child) {
    padding-top: 2rem
}

.search-result-page.general .search-result-item:not(:last-child) {
    padding-bottom: 2rem;
    border-bottom: 1px solid #bca994
}

.search-result-page.general .search-result-item p {
    color: inherit;
    margin-top: 1rem
}

.search-pagination .pagination {
    gap: .5rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 0 !important
}

.search-pagination .pagination .page-item .page-link {
    border-radius: none;
    color: #8f6f4c;
    border: 1px solid #bca994;
    padding: .5rem;
    width: 100%;
    min-width: 3rem;
    text-align: center
}

.search-pagination .pagination .page-item.active {
    background-color: #8f6f4c;
    border-color: #8f6f4c
}

.doctor-listing-page .banner img {
    -o-object-position: top;
    object-position: top
}

.doctor-listing-page .doctor-listing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem
}

.doctor-details-page .fh-fw-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
    height: 100%;
    max-height: 1080px
}

.doctor-details-page li,
.doctor-details-page p {
    font-size: .9rem;
    color: #072240
}

.doctor-details-page .doctor-fw-profile-1 {
    display: grid;
    place-items: center;
    color: #072240;
    position: relative;
    isolation: isolate
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:first-child,
.banner .banner-with-img>*,
.doctor-details-page .doctor-fw-profile-1>*,
.doctor-details-page .doctor-fw-profile-2>*,
.img-brown-backdrop-icon-item .item-img-wrapper>* {
    grid-area: 1/1
}

.banner .banner-with-img img,
.doctor-details-page .doctor-fw-profile-1 .fh-fw-img {
    z-index: 1
}

.doctor-details-page .doctor-fw-profile-1::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 50%;
    right: 0;
    background: linear-gradient(to left, #e9e2db, transparent)
}

.doctor-details-page .doctor-fw-profile-1 .profile-content {
    padding-top: 3rem;
    padding-bottom: 3rem;
    z-index: 3
}

.doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .upper-section-content .underline {
    width: 3.25rem;
    margin: 1rem 0;
    background: #8f6f4c;
    height: 2.5px
}

.doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .upper-section-content .doc-name {
    font-size: 3rem;
    line-height: 1em
}

.doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .upper-section-content .doc-spec {
    color: inherit;
    font-size: 2rem;
    line-height: 1em
}

.doctor-details-page .doctor-fw-profile-1 .profile-content .sub-header {
    font-family: Montserrat-Bold, Arimo, sans-serif;
    margin-bottom: .5rem;
    font-weight: 900;
    font-size: .75rem;
    letter-spacing: 2px
}

.doctor-details-page .doctor-fw-profile-1 .profile-content .video-section .video-item-slick {
    display: flex;
    gap: 1rem
}

.doctor-details-page .doctor-fw-profile-1.enhanced {
    background: #f6f3f1;
    position: relative
}

.doctor-details-page .doctor-fw-profile-1.enhanced .fh-fw-img {
    position: absolute;
    -o-object-position: center 20%;
    object-position: center 20%;
    width: 100%;
    height: 100%
}

.doctor-details-page .doctor-fw-profile-1.enhanced .profile-content {
    padding-top: 70px;
    padding-bottom: 70px
}

.doctor-details-page .doctor-fw-profile-2 {
    color: #072240;
    display: grid;
    place-items: center;
    position: relative
}

.doctor-details-page .doctor-fw-profile-2 .fh-fw-img {
    position: absolute;
    inset: 0px
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper {
    padding: 3rem 0
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper .doc-info-item {
    color: #072240;
    position: relative;
    display: flex;
    margin-bottom: 2rem
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper .doc-info-item a {
    color: inherit;
    text-decoration: underline !important
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper .doc-info-item::before {
    content: "";
    min-width: 1rem;
    background: #18395f;
    height: 2.5px;
    margin: .875rem .75rem 0 0
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper .doc-info-item .time-slot-table td {
    vertical-align: top
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper .doc-info-item .time-slot-table td:first-child {
    padding-right: 1rem
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper .doc-info-item .time-slot-table td:last-child {
    min-width: 100px
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper .doc-info-item.main {
    flex: 0 0 40%
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper.enhanced {
    display: flex;
    gap: 2rem
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper.enhanced .right-doc-info {
    display: flex;
    flex-wrap: wrap;
    height: -moz-max-content;
    height: max-content;
    gap: 2rem 1rem
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper.enhanced .right-doc-info .doc-info-item:nth-child(odd) {
    flex: 0 0 calc(40% - 1rem)
}

.doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper.enhanced .right-doc-info .doc-info-item:nth-child(2n) {
    flex: 0 0 60%
}

.banner .new-banner-bradcrumb,
.bg-brown,
.doctor-details-page .doctor-fw-profile-2.enhanced {
    background: #f6f3f1
}

.doctor-details-page .doctor-other-details .doctor-details-publication {
    padding-bottom: .5rem;
    margin-bottom: 3rem
}

.doctor-details-page .more-information .item-row .information-content {
    border: 1px solid #8f6f4c
}

.doctor-details-page .other-doctors-container {
    padding: 3rem
}

.appointment-page .input-wrapper:not(:last-child),
.appointment-page .main-form-section .form-header,
.doctor-details-page .other-doctors-container .section-header {
    margin-bottom: 1.5rem
}

.doctor-details-page .other-doctors-container .doctor-list,
.doctor-details-page .other-doctors-container .doctor-list .slick-track,
.guide-to-pcmc .brown-button.left,
.template-4-3-2-1-slick .slick-track {
    float: left
}

.doctor-details-page .other-doctors-container .doctor-list .doc-item {
    margin: 1rem
}

.doctor-details-page .other-doctors-container .doctor-list .doc-item .img-wrapper img {
    max-width: 100%
}

.doctor-details-page .other-doctors-container .bottom-buttons {
    display: flex;
    margin-top: 2rem;
    gap: 1.5rem
}

.doctor-details-page .other-doctors-container .slick-dots,
.medical-specialties-detail .other-doctors-container .doctor-list .slick-dots {
    position: relative;
    bottom: unset
}

.doctor-details-page .apt-wa-button {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem
}

#doctorVideoModal iframe,
.general-youtube-video {
    width: 100%;
    aspect-ratio: 16/9
}

.medical-specialty-page .service-listing {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 2rem
}

.medical-specialty-page .service-listing .service-item {
    --border-radius: 2px;
    --item-clip-path: 30px;
    -webkit-clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)));
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)));
    display: flex;
    background: #18395f;
    overflow: hidden
}

.medical-specialty-page .service-listing .service-item .service-icon {
    display: grid;
    place-items: center;
    height: calc(100% - var(--border-radius) * 2);
    flex: 0 0 30%;
    text-align: center;
    background: #ad967d;
    margin: 2px 0 2px 2px;
    --c: calc(var(--item-clip-path) - var(--border-radius) / 2);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0%, 100% 100%, var(--c) 100%, 0% calc(100% - var(--c)));
    clip-path: polygon(0 0, 100% 0%, 100% 0%, 100% 100%, var(--c) 100%, 0% calc(100% - var(--c)))
}

.medical-specialty-page .service-listing .service-item .service-icon .item-icon {
    width: 75px;
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain
}

.medical-specialty-page .service-listing .service-item .service-content {
    padding: 1rem;
    margin: var(--border-radius);
    background: #f6f3f1;
    -webkit-clip-path: polygon(0 0, calc(100% - var(--item-clip-path) + var(--border-radius)/ 2) 0%, 100% calc(var(--item-clip-path) - var(--border-radius)/ 2), 100% 100%, 0% 100%, 0% 100%);
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path) + var(--border-radius)/ 2) 0%, 100% calc(var(--item-clip-path) - var(--border-radius)/ 2), 100% 100%, 0% 100%, 0% 100%)
}

.food-and-retail .far-item img,
.health-screening .hsp-tab-section .general-tabs .img-wrapper img,
.highlight-and-promotion .hap-item img,
.more-about-us .mau-item .img-wrapper img {
    -webkit-clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)));
    --item-clip-path: 40px
}

.medical-specialty-page .service-listing .service-item .service-content .service-title {
    color: #072240;
    font-weight: 700
}

.medical-specialty-page .service-listing .service-item .service-content .service-desc {
    color: #072240;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3
}

.medical-specialties-detail .ms-result-btns-wrapper {
    background: #efebe6;
    padding: 1rem;
    top: 0
}

.medical-specialties-detail .ms-result-btns-wrapper .result-btns {
    display: flex;
    gap: 1rem;
    overflow: auto
}

.medical-specialties-detail .ms-result-btns-wrapper .result-btns::-webkit-scrollbar {
    height: 5px
}

.medical-specialties-detail .ms-result-btns-wrapper .result-btns::-webkit-scrollbar-thumb {
    background: #bca994
}

.medical-specialties-detail .ms-result-btns-wrapper .result-btns a {
    font-family: Montserrat, Arimo, sans-serif;
    color: #18395f;
    display: block;
    padding: .5rem 1rem;
    transition: .5s;
    font-weight: 400;
    white-space: nowrap
}

.medical-specialties-detail .ms-result-btns-wrapper.sticky {
    background: #e9e2db;
    z-index: 10;
    position: fixed;
    width: 100%;
    padding: 0;
    left: calc(50% + .75rem);
    transform: translateX(-50%);
    box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, .3)
}

.medical-specialties-detail .ms-introduction {
    background: #e9e2db;
    padding: 3rem 0;
    margin-top: 3rem
}

.content-block.text-only h3,
.ehealth-page .doctor-list,
.medical-specialties-detail .ms-desc,
.medical-specialties-detail .other-doctors-container {
    margin-top: 3rem
}

.ehealth-page .convenient-healthcare ul li,
.medical-specialties-detail .ms-desc li {
    padding-bottom: .75rem
}

.form-box-wrapper p,
.health-screening .general-dropdown-dropdown a,
.img-title-desc-rm-slick .item-wrapper p,
.medical-specialties-detail .other-doctors-container a {
    font-weight: 400
}

.medical-specialties-detail .other-doctors-container .bottom-buttons {
    display: flex;
    margin-top: 2rem;
    gap: 1rem
}

.medical-specialties-detail .more-information {
    padding-bottom: 0 !important
}

.ehealth-page h3 {
    margin-top: 4rem
}

.ehealth-page .how-it-works-step {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.ehealth-page .how-it-works-step .hiw-item {
    text-align: center;
    position: relative
}

.ehealth-page .how-it-works-step .hiw-item img {
    height: 90px;
    width: auto
}

.ehealth-page .how-it-works-step .hiw-item .hiw-title {
    text-transform: uppercase;
    color: #8f6f4c;
    font-family: Montserrat-Bold, Arimo, sans-serif;
    margin: 1rem 0 .75rem
}

.ehealth-page .how-it-works-step .hiw-item p {
    line-height: 15px
}

.ehealth-page .how-it-works-step .hiw-item::before {
    content: "";
    position: absolute;
    top: calc(30% - 2.5px);
    right: -2.5px;
    border: solid #8f6f4c;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.ehealth-page .convenient-healthcare img {
    height: 50px;
    width: auto;
    margin-bottom: 2rem
}

.ehealth-page .img-title-desc-item {
    padding-bottom: 1rem;
    pointer-events: none
}

.ehealth-page .img-title-desc-item::after {
    bottom: 1rem
}

.ehealth-page .filter-container {
    margin-top: 3rem;
    background: #e9e2db;
    color: #8f6f4c;
    padding: 3rem 0
}

.ehealth-page .filter-container .filter-btns,
.highlight-and-promotion .hap-cta-buttons {
    margin-top: 1rem;
    display: flex;
    gap: 1rem
}

.ehealth-page .filter-container .filter-btns a {
    color: #18395f;
    padding: .5rem 1rem;
    transition: .5s
}

.ehealth-page .doctor-list h3 {
    margin-top: 0
}

.ehealth-page .faq .faq-tab #faq-nav-tab {
    padding: 0;
    border-bottom: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1rem
}

.ehealth-page .faq .faq-tab #faq-nav-tab .nav-item button {
    width: 100%;
    cursor: pointer;
    text-align: center;
    color: #8f6f4c;
    border-radius: 0;
    background: #e9e2db;
    font-family: Tinos, Arimo, sans-serif;
    font-size: 1.25rem;
    padding: 1rem
}

.ehealth-page .faq .faq-tab #faq-nav-tab .nav-item button.active {
    background: #8f6f4c;
    color: #e9e2db
}

.guide-to-pcmc .brown-button {
    float: right;
    text-align: center
}

.wards-and-rates .room-title {
    text-transform: uppercase
}

.wards-and-rates .dark-war-section {
    padding: 4rem 0;
    background: #e9e2db
}

.highlight-and-promotion .hap-item:not(:last-child),
.wards-and-rates .war-slick {
    margin-bottom: 3rem
}

.wards-and-rates .war-slick .slick-list {
    margin-bottom: 10px
}

.wards-and-rates .room-desc h1 {
    margin-top: 2rem;
    margin-bottom: 0
}

.appointment-page .appointment-confitmation .header-section p,
.highlight-and-promotion .share-buttons a,
.wards-and-rates .room-desc h1 span {
    font-size: 1.25rem
}

.wards-and-rates .room-desc p {
    line-height: 1.75rem
}

.wards-and-rates .amenities-grid-wrapper {
    display: grid;
    margin-top: 2rem;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem
}

.wards-and-rates .amenities-grid-wrapper .amenities-item img {
    width: auto;
    height: 50px;
    margin-bottom: 1rem
}

.wards-and-rates .amenities-grid-wrapper .amenities-item p {
    line-height: 1.25rem
}

.wards-and-rates .war-table {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #e9e2db
}

.wards-and-rates .war-table .war-table-wrapper {
    overflow-x: auto
}

.wards-and-rates .war-table .war-table-wrapper::-webkit-scrollbar {
    height: 5px
}

.wards-and-rates .war-table .war-table-wrapper::-webkit-scrollbar-thumb {
    background: #bca994
}

.left-right-border-none-table td,
.wards-and-rates .war-table .war-table-wrapper table td {
    border: 1px solid #bca994;
    position: relative;
    text-align: center;
    padding: .5rem
}

.left-right-border-none-table td:first-child,
.wards-and-rates .war-table .war-table-wrapper table td:first-child {
    text-align: left;
    border-left: none
}

.left-right-border-none-table td:last-child,
.wards-and-rates .war-table .war-table-wrapper table td:last-child {
    border-right: none
}

.wards-and-rates .war-table .war-table-wrapper table td .fa {
    font-size: 1.75rem
}

.wards-and-rates .war-table .war-table-wrapper table td::after {
    font-family: Montserrat-Bold, Arimo, sans-serif;
    display: block;
    font-weight: 700;
    position: absolute;
    top: calc(50% + .5rem);
    right: .5rem
}

.wards-and-rates .war-table .war-table-wrapper table td.x1::after {
    content: "X1"
}

.wards-and-rates .war-table .war-table-wrapper table td.x2::after {
    content: "X2"
}

.wards-and-rates .war-table .war-table-wrapper table td.x4::after {
    content: "X4"
}

.appointment-page .col-lg-9 {
    padding-left: 3rem
}

.appointment-page .general-dropdown-dropdown button,
.appointment-page input {
    font-family: Montserrat, Arimo, sans-serif
}

.appointment-page .general-dropdown-dropdown button[type=date]:disabled,
.appointment-page input[type=date]:disabled {
    color: red;
    opacity: 1
}

.appointment-page .main-form-section .form-wrapper-section .half-wrapper,
.pcmc-left-info {
    background: #e9e2db;
    padding: 1rem
}

.appointment-page .main-form-section .form-wrapper-section .half-wrapper button,
.appointment-page .main-form-section .form-wrapper-section .half-wrapper input {
    background: 0 0
}

.appointment-page .main-form-section .form-wrapper-section h5 {
    font-size: 1rem
}

.appointment-page .main-form-section .user-consent {
    margin: 2rem 0;
    color: #707070;
    font-size: .875rem;
    font-family: Montserrat, Arimo, sans-serif
}

.appointment-page .main-form-section .user-consent .consent-text {
    font-size: inherit;
    color: inherit;
    margin: 0
}

.appointment-page .main-form-section .user-consent .consent-text a {
    color: #4092df;
    text-decoration: underline !important
}

.appointment-page .main-form-section .user-consent .read-radio-item {
    display: flex;
    margin-top: .5rem;
    align-items: center
}

.appointment-page .main-form-section .user-consent .read-radio-item input[type=radio] {
    width: 15px;
    height: 15px;
    margin-right: .5rem;
    accent-color: #8F6F4C
}

.appointment-page .main-form-section .user-consent .read-radio-item label,
.more-information .item-row .content-col .hotline p {
    line-height: 1.5rem
}

.appointment-page .main-form-section .reverse-brown-button {
    padding: .5rem 3rem
}

.appointment-page .main-form-section .reverse-brown-button.deactivated {
    cursor: not-allowed;
    opacity: .7
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .title,
.appointment-page .appointment-btns-tab .title,
.appointment-page .appointment-confitmation .header-section {
    margin-bottom: 2rem;
    text-align: center
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 225px);
    gap: 1rem;
    height: -moz-max-content;
    height: max-content;
    justify-content: center
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn {
    height: -moz-max-content;
    height: max-content;
    border: 1px solid #8f6f4c;
    cursor: pointer;
    text-align: center;
    padding: 2rem;
    transition: .3s
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn .icon-wrapper {
    display: grid;
    place-content: center
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn .icon-wrapper>img {
    width: 75px;
    height: auto;
    grid-area: 1/1;
    transition: .3s;
    margin-bottom: 1rem
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn .icon-wrapper>img.hover,
.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:hover .icon-wrapper img.default {
    opacity: 0
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn h5 {
    margin: 0;
    transition: .3s
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn[data-tab=enq] {
    display: flex;
    height: -moz-max-content;
    height: max-content;
    justify-content: center
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn[data-tab=enq] img {
    margin-bottom: 0;
    margin-right: 1rem
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:nth-child(2) {
    grid-area: 1/2
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:nth-child(3) {
    grid-area: 2/1;
    grid-column: span 2
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:hover .icon-wrapper img.hover {
    opacity: 1
}

.appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:hover h5,
.brown-button:hover,
.img-with-bl-desc .desc-item p,
.reverse-brown-button:hover {
    color: #fff
}

.appointment-page .appointment-tab .contact-number-field .contact-region .dropdown-btn img,
.appointment-page .appointment-tab .contact-number-field .contact-region .dropdown-menu .dropdown-item img {
    width: 24px;
    margin-right: 1rem
}

.appointment-page .appointment-tab .reverse-brown-button {
    transition: .3s;
    background: #46617f;
    color: #fff
}

.appointment-page .appointment-tab .diagnosis-message {
    border: 1px solid #8f6f4c;
    padding: 1rem;
    font-family: Montserrat, Arimo, sans-serif;
    width: 100%;
    resize: none;
    background: 0 0
}

.appointment-page .appointment-ymol .appointment-ymol-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem
}

.appointment-page .contact-filter,
.appointment-page .nationality-filter {
    width: 100%;
    border: 1px solid #8f6f4c;
    position: sticky;
    top: 0;
    padding: .25rem 1rem
}

.appointment-page .contact-filter::-webkit-inner-spin-button,
.appointment-page .contact-filter::-webkit-outer-spin-button,
.appointment-page .nationality-filter::-webkit-inner-spin-button,
.appointment-page .nationality-filter::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.appointment-page .contact-filter:focus,
.appointment-page .contact-filter:focus-within,
.appointment-page .nationality-filter:focus,
.appointment-page .nationality-filter:focus-within {
    outline: 0
}

.appointment-page .no-result {
    padding: .25rem 1rem;
    display: none;
    font-family: Tinos, Arimo, sans-serif
}

.appointment-page .enquiry-form #enquiry-message {
    border: 1px solid #8f6f4c;
    padding: 1rem;
    font-family: Montserrat, Arimo, sans-serif;
    width: 100%;
    height: 100%;
    resize: none;
    background: 0 0
}

#ui-datepicker-div .ui-widget-header .ui-corner-all:hover,
.appointment-page .enquiry-form #enquiry-message:focus,
.input-text-box:focus {
    outline: 0
}

.appointment-page .contact-number-field .contact-region {
    max-width: 55%;
    padding: 0 1rem 0 0
}

.appointment-page .appointment-confitmation .confirmation-form {
    background: #efebe6;
    padding: 3rem 1.5rem
}

.appointment-page .appointment-confitmation .confirmation-form .form-sub-title,
.appointment-page .appointment-confitmation .confirmation-form .form-title {
    font-size: 1.25rem;
    font-weight: 700
}

.appointment-page .appointment-confitmation .confirmation-form .form-title {
    color: #8f6f4c;
    text-align: center
}

.appointment-page .appointment-confitmation .confirmation-message {
    display: flex;
    padding: 1.5rem;
    margin-top: 1.5rem;
    border: 1px solid #8f6f4c;
    color: #8f6f4c
}

.appointment-page .appointment-confitmation .confirmation-message .fa {
    font-size: 4rem;
    margin-right: 1rem
}

.appointment-page .appointment-confitmation .confirmation-message p:not(:last-child) {
    margin-bottom: .75rem
}

.appointment-page .appointment-confitmation .confirmation-acknowledgement {
    text-align: center;
    margin-top: 2rem;
    color: #8f6f4c
}

.appointment-page .appointment-confitmation .confirmation-acknowledgement .input-text-box {
    width: 300px
}

.appointment-page .form-error-msg .error-msg {
    background: #e9e2db;
    padding: 2rem;
    text-align: center;
    color: #8f6f4c
}

.appointment-page .form-error-msg .error-msg .fa {
    font-size: 5rem
}

.appointment-page .form-error-msg .error-msg .msg {
    margin: 1rem 0 1.5rem;
    color: #072240
}

.appointment-page .form-error-msg .error-msg .msg a {
    font-weight: 900;
    text-decoration: underline !important
}

.highlight-and-promotion .catetory-list .cat-selector {
    cursor: pointer;
    margin-bottom: .5rem;
    padding: .25rem .5rem;
    transition: .3s
}

.datepicker-jquery,
.highlight-and-promotion .hap-item,
.img-brown-backdrop-icon-item {
    cursor: pointer
}

.highlight-and-promotion .hap-item .hap-info {
    display: flex;
    border-bottom: 1px solid #8f6f4c;
    margin-bottom: 1rem
}

.food-and-retail .far-item img,
.health-screening .hsp-tab-section .general-tabs .img-wrapper img,
.highlight-and-promotion .hap-item img {
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.highlight-and-promotion .hap-item p {
    color: #072240;
    font-weight: 400
}

.highlight-and-promotion .hap-item:hover .read-discover-more {
    color: #18395f;
    opacity: 1
}

.highlight-and-promotion .share-buttons {
    display: flex;
    gap: 1.5rem;
    margin-top: 3rem
}

.highlight-and-promotion .share-buttons p {
    margin-bottom: 0;
    font-weight: 700;
    color: #8f6f4c
}

.food-and-retail .far-item:not(:last-child) {
    margin-bottom: 4rem
}

.health-screening .hsp-tab-section {
    padding: 3rem 0 1rem;
    background: #f6f3f1
}

.health-screening .hsp-tab-section .general-tab-selector .tab-selector a {
    font-family: Tinos, Arimo, sans-serif;
    font-size: 1.25rem;
    color: #bca994;
    cursor: pointer;
    width: -moz-max-content;
    width: max-content;
    font-weight: 400
}

.general-plus-accordion .accordion-items.open .link,
.health-screening .hsp-tab-section .general-tab-selector .tab-selector.selected a,
.health-screening .hsp-tab-section .general-tab-selector .tab-selector:hover {
    color: #18395f;
    font-weight: 700
}

.health-screening .hsp-tab-section .general-tabs .img-wrapper {
    margin-bottom: 1.5rem;
    padding: .5rem;
    background: linear-gradient(to bottom right, #8f6f4c, #cc9e52)
}

.health-screening .hsp-tab-section .general-tabs hr,
.img-title-desc-rm-slick .item-wrapper h4 {
    margin: 1.5rem 0
}

.health-screening .hsp-tab-section .general-tabs .title-btn-flex,
.social-share {
    display: flex;
    gap: 1rem;
    align-items: center
}

.health-screening .hsp-tab-section .general-tabs .title-btn-flex h3 {
    margin: 0
}

.health-screening .hsp-tab-section .general-tabs .title-btn-flex .brown-button {
    margin-left: auto;
    text-wrap: balance
}

.health-screening .doc-item h3 {
    color: #18395f;
    margin-top: 1rem
}

.pdpa .general-plus-accordion .accordion-items {
    border-bottom: 1px solid #d2c5b7
}

.pdpa .general-plus-accordion .accordion-items .submenu ol,
.pdpa .general-plus-accordion .accordion-items .submenu ul {
    padding-left: 1.5rem
}

.media-coverage .media-item p,
.pdpa .general-plus-accordion .accordion-items .submenu ol li p,
.pdpa .general-plus-accordion .accordion-items .submenu ol li:not(:last-child) ol,
.pdpa .general-plus-accordion .accordion-items .submenu ul li p,
.pdpa .general-plus-accordion .accordion-items .submenu ul li:not(:last-child) ol {
    margin-bottom: .5rem
}

.pdpa .general-plus-accordion .accordion-items .submenu ol li:not(:last-child),
.pdpa .general-plus-accordion .accordion-items .submenu ul li:not(:last-child) {
    padding-bottom: .5rem
}

.pdpa table td {
    padding: .5rem;
    border: 3px solid #e9e2db
}

.doc-item {
    --item-clip-path: 40px;
    display: flex !important;
    flex-direction: column;
    height: 100%
}

.doc-item .doc-info {
    margin: 1rem 0 0;
    color: #18395f;
    height: 100%;
    display: flex;
    flex-direction: column
}

.doc-item .doc-info h3 {
    font-size: 1.25rem;
    color: inherit;
    margin-bottom: .25rem
}

.doc-item .doc-spec {
    margin-bottom: .25rem
}

.doc-item .doc-residency {
    display: flex;
    gap: .5rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap
}

.doc-item .doc-residency .res-item,
.doc-residency .res-item {
    background: #445f7c;
    color: #fff;
    padding: .25em 1em;
    border-radius: 10em
}

.doc-item .doc-buttons,
.img-title-desc-rm-slick .item-wrapper .read-discover-more {
    margin-top: auto
}

.doc-item .doc-buttons.single-btn {
    margin-bottom: 55px
}

.doc-item .doc-buttons a {
    margin-bottom: .75rem;
    width: 100%;
    text-align: center;
    font-weight: 400
}

.sub-ol-10>li::before,
.sub-ol-11>li::before,
.sub-ol-1>li::before,
.sub-ol-2>li::before,
.sub-ol-3>li::before,
.sub-ol-4>li::before,
.sub-ol-5>li::before,
.sub-ol-6>li::before,
.sub-ol-7>li::before,
.sub-ol-8>li::before,
.sub-ol-9>li::before {
    min-width: 35px;
    text-align: right
}

.img-title-desc-item {
    display: flex;
    position: relative;
    flex-direction: column;
    color: #18395f
}

.color-brown,
.tbb,
tbb {
    color: #8f6f4c !important
}

.img-title-desc-item .img-wrapper {
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 85% 0%, 100% 15%, 100% 100%, 15% 100%, 0% 85%);
    clip-path: polygon(0 0, 85% 0%, 100% 15%, 100% 100%, 15% 100%, 0% 85%)
}

.img-title-desc-item h3,
.img-title-desc-item h4 {
    font-size: 1.25rem;
    margin: 1rem 0;
    color: #8f6f4c
}

.img-title-desc-item p {
    color: #18395f;
    font-weight: 400
}

.img-title-desc-item::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    bottom: -15px;
    left: 0;
    background: #18395f;
    transition: .3s
}

.search-bar-wrapper .search-bar {
    width: 100%;
    display: flex;
    padding: 1rem;
    border: 1px solid;
    transition: .3s;
    background: #f6f3f1
}

.search-bar-wrapper .search-bar input {
    all: unset;
    width: 100%;
    height: -moz-max-content;
    height: max-content;
    color: #18395f;
    font-style: italic
}

.search-bar-wrapper .search-bar .search-component>* {
    margin-left: 1.5rem;
    cursor: pointer
}

.search-bar-wrapper .search-bar .search-component>* .fa,
.search-bar-wrapper .search-bar .search-component>* p {
    transition: .3s
}

.search-bar-wrapper .search-bar .search-component .live-agent>div {
    margin-left: .375rem;
    margin-bottom: 0;
    white-space: nowrap
}

.search-bar-wrapper .search-bar:has(input:not(:-moz-placeholder-shown)) {
    background: #e9e2db
}

.search-bar-wrapper .search-bar:has(input:not(:placeholder-shown)) {
    background: #e9e2db
}

.search-bar-wrapper .search-result {
    position: absolute;
    top: 57.6px;
    left: 0;
    width: 100%;
    background: #e9e2db;
    height: 0;
    overflow-y: auto;
    transition: .3s
}

.banner,
.banner .banner-with-img {
    position: relative;
    isolation: isolate;
    display: grid
}

.search-bar-wrapper .search-result::-webkit-scrollbar {
    width: 5px
}

.search-bar-wrapper .search-result::-webkit-scrollbar-thumb {
    background: #bca994
}

.search-bar-wrapper .search-result .result-item {
    font-family: Tinos, Arimo, sans-serif;
    display: flex;
    padding: .5rem 1rem;
    transition: .3s;
    cursor: pointer
}

.search-bar-wrapper .search-result .result-item .result-tag {
    padding: .25rem .5rem;
    border-radius: 2rem;
    color: #f6f3f1;
    background: #8f6f4c;
    min-width: 85px;
    text-align: center;
    margin-right: .5rem
}

.search-bar-wrapper .search-result .result-item .result-tag.doctor {
    background: #602748
}

.search-bar-wrapper .search-result .result-item .result-tag.service {
    background: #009da9
}

.search-bar-wrapper .search-result .result-item .result-text {
    color: #8f6f4c;
    align-self: center;
    text-transform: uppercase
}

.search-bar-wrapper .search-result .result-item .result-text span {
    color: #8f6f4c;
    font-weight: 700
}

.general-dropdown-dropdown .dropdown-menu li a:hover,
.general-search-result .result-item:hover,
.more-information .item-row,
.search-bar-wrapper .search-result .result-item:hover {
    background: #e9e2db
}

.search-bar-wrapper:has(input:not(:-moz-placeholder-shown)) .search-result {
    height: 15rem;
    border: 1px solid;
    border-top: none
}

.search-bar-wrapper:has(input:not(:placeholder-shown)) .search-result {
    height: 15rem;
    border: 1px solid;
    border-top: none
}

.banner img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 400px;
    grid-area: 1/1;
    z-index: 1
}

.banner .banner-with-img {
    place-items: center
}

.banner .banner-with-img .banner-title-container {
    z-index: 3
}

.banner .banner-with-img .banner-title {
    font-family: Tinos, Arimo, sans-serif;
    font-size: 2.5rem;
    line-height: 1.25em;
    color: #fff;
    padding: 1rem
}

.banner .banner-with-img::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    width: 75%;
    height: 100%;
    background: linear-gradient(to right, rgba(143, 112, 77, .9) 25%, transparent 80%)
}

.banner .new-banner-bradcrumb .banner-breadcrumb {
    color: #8f6f4c;
    margin-bottom: 0;
    text-align: left;
    padding-top: 2rem;
    font-weight: 700
}

.banner .new-banner-bradcrumb .banner-breadcrumb .bc,
.font-size-12 {
    font-size: .75rem
}

.banner .banner-breadcrumb {
    grid-area: 1/1;
    align-self: end;
    margin-bottom: 1rem;
    z-index: 3;
    font-family: Montserrat, Arimo, sans-serif;
    letter-spacing: 1px;
    text-align: center
}

.media-coverage .media-item .media-title,
.more-about-us .mau-item .item-title,
.more-about-us .mau-title,
.read-discover-more,
.tbb,
tbb {
    font-family: Tinos, Arimo, sans-serif
}

.banner .banner-breadcrumb .col-12,
.banner .banner-breadcrumb a,
.banner .banner-breadcrumb span {
    font-size: 12px
}

.banner .banner-breadcrumb a:hover {
    text-decoration: underline !important
}

.banner.centered-title .banner-title {
    color: #fff;
    grid-area: 1/1;
    align-self: center;
    text-align: center;
    z-index: 3;
    font-size: 3rem
}

.banner.centered-title img {
    height: 350px
}

.banner.centered-title::before {
    content: "";
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(143, 111, 76, .7);
    grid-area: 1/1
}

.banner.no-image .banner-breadcrumb {
    color: #072240;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 0
}

.content-block h1,
.content-block h3,
.more-about-us .mau-title {
    margin-bottom: 1.25rem;
    color: #8f6f4c
}

.content-block {
    padding: 4rem 0;
    background: #f6f3f1
}

.brown-button,
.more-about-us .mau-item .img-wrapper,
.more-information .item-row .img-col .img-wrapper,
.reverse-brown-button {
    background: linear-gradient(to bottom right, #8f6f4c, #cc9e52)
}

.content-block .row,
.jcs {
    justify-content: center
}

.content-block ol,
.content-block ul:not(.slick-dots, .dropdown-menu) {
    padding-left: 1rem
}

.content-block .mark,
.content-block mark {
    background: 0 0;
    padding: 0
}

.content-block .medical-award .medical-award-item img {
    width: 100%;
    padding: 0 25%
}

.content-block .medical-award .medical-award-item p {
    margin-top: .5rem;
    text-align: center
}

.more-about-us {
    font-size: 1.25rem;
    padding-top: 3rem
}

.more-about-us .mau-item {
    cursor: pointer;
    position: relative;
    padding-bottom: 1rem
}

.more-about-us .mau-item .img-wrapper {
    margin-bottom: 1rem;
    padding: .5rem
}

.more-about-us .mau-item .img-wrapper img {
    width: 100%;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.brown-button,
.form-box-wrapper .form-box {
    -webkit-clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.more-about-us .mau-item .item-title {
    color: #18395f;
    margin-bottom: .625rem;
    font-weight: 400 !important
}

.more-about-us .mau-item::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #18395f;
    transition: .3s
}

.contact-locate .tbb {
    line-height: 1.75rem
}

.contact-locate .brown-button {
    width: 190px;
    height: 50px
}

.contact-locate .emergency-item-wrapper {
    margin: 0;
    padding-right: 2rem
}

@media (max-width:992px) {
    [data-spacing=header] {
        padding-top: 110px
    }

    .sidebar-dock .mobile-dock {
        display: block
    }

    .contact-locate .address br,
    .sidebar-dock .sidebar {
        display: none
    }

    .doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper.enhanced {
        flex-direction: column
    }

    .medical-specialty-page .service-listing {
        grid-template-columns: repeat(1, 1fr)
    }

    .guide-to-pcmc .pdf-btn-wrapper {
        display: grid
    }

    .guide-to-pcmc .pdf-btn-wrapper .brown-button {
        float: left
    }

    .guide-to-pcmc .pdf-btn-wrapper .brown-button:not(:last-child) {
        margin-top: 1rem
    }

    .appointment-page .col-lg-9 {
        padding-left: .75rem
    }

    .highlight-and-promotion .hap-promotion-poster {
        margin-top: 3rem
    }

    .contact-locate .emergency-item-wrapper {
        margin: 3rem 0;
        padding-right: 0
    }

    .contact-locate .btn-wrapper {
        display: flex
    }

    .contact-locate .btn-wrapper .brown-button:first-child {
        margin-right: 1rem
    }
}

@media (max-width:992px) and (max-width:768px) {
    .contact-locate .btn-wrapper .brown-button {
        width: 100%;
        justify-content: center
    }
}

@media (max-width:992px) and (max-width:450px) {
    .contact-locate .btn-wrapper {
        flex-direction: column
    }

    .contact-locate .btn-wrapper .brown-button:first-child {
        margin-right: unset;
        margin-bottom: 1rem
    }
}

.prefer-hotel-page .img-title-desc-rm-slick p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.page-404 .img-404 {
    width: min(400px, 100%)
}

.aaa-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
    text-align: center
}

@media (max-width:1200px) {
    .sidebar-dock .sidebar .sidebar-item {
        padding: .5rem
    }

    .sidebar-dock .sidebar .sidebar-item img {
        width: 25px;
        margin-bottom: .375rem
    }

    .sidebar-dock .sidebar .sidebar-item p {
        font-size: .5rem;
        margin: 0;
        line-height: 1em;
        color: #fff
    }

    .aaa-grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

.medical-report-list>li::marker {
    font-weight: 700
}

.img-logo-fill {
    gap: 2rem;
    margin: 2rem 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.img-logo-fill-card {
    display: flex;
    gap: 3rem;
    flex-wrap: wrap
}

.img-logo-fill-card img {
    height: 40px;
    width: auto
}

.form-box-wrapper {
    width: -moz-max-content;
    width: max-content
}

.form-box-wrapper .form-box {
    --item-clip-path: 40px;
    margin-bottom: 1rem;
    padding: 3rem;
    background: #bca994;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.form-box-wrapper .form-box .form-content {
    padding-left: 1rem;
    border-left: 5px solid #8f6f4c
}

.form-box-wrapper::after,
.hover-line::after {
    content: "";
    width: 0;
    margin-top: 1rem;
    height: 2px;
    display: block;
    background: #072240;
    transition: .3s
}

.emergency-item-wrapper {
    --g: 2;
    display: grid;
    grid-template-columns: repeat(var(--g), 1fr);
    gap: 4rem;
    justify-content: center;
    margin-top: 2rem;
    flex-wrap: wrap
}

.emergency-item-wrapper .emergency-item img {
    height: 60px;
    width: auto;
    margin-bottom: 1rem
}

@media (max-width:1400px) {
    #header .header-btm .header-navigation .nav-main-link {
        font-size: 12px
    }

    #header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .dropdown-sub-links-grid a,
    #header .header-btm .header-navigation .nav-dropdown-wrapper .dropdown-content .header-trending .content .sub-title {
        font-size: 14px
    }

    .emergency-item-wrapper {
        --g: 1;
        gap: 2rem
    }

    .emergency-item-wrapper.in-a-row {
        --g: 4;
        gap: 2rem
    }
}

@media (max-width:992px) {
    .aaa-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .img-logo-fill {
        grid-template-columns: repeat(3, 1fr)
    }

    .emergency-item-wrapper {
        --g: 2;
        gap: 3rem
    }
}

.emergency-item-wrapper.in-a-row {
    --g: 4
}

.tbb,
tbb {
    font-weight: 700;
    display: block;
    margin-bottom: .25rem
}

.pb4,
pb4 {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem
}

.media-coverage .media-item:not(:last-child) {
    margin-bottom: 1.2rem
}

.media-coverage .media-item .media-title {
    display: block;
    color: #8f6f4c;
    font-size: 1.05rem;
    text-decoration: underline !important;
    margin-bottom: .5rem
}

.media-coverage .media-item .media-info p {
    font-style: italic;
    color: #707070;
    font-size: .875rem;
    margin-bottom: 0
}

.read-discover-more {
    color: #bca994;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    transition: .3s
}

.read-discover-more::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #072240;
    transition: inherit
}

.two-col-ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2
}

.ls-2 {
    letter-spacing: 2px
}

.mt-n8 {
    margin-top: -8rem
}

.mandatory-error-text,
.thank-you-sub-text {
    margin-top: .25rem;
    font-size: .875rem;
    line-height: .875rem
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}

.overflow-x-auto {
    overflow: auto
}

.overflow-x-auto::-webkit-scrollbar {
    height: 5px
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #bca994
}

.social-share .fa {
    display: block;
    position: relative;
    border: 1px solid #8f6f4c;
    padding: .5rem;
    border-radius: 50%;
    color: #fff;
    background: #8f6f4c;
    width: 35px;
    aspect-ratio: 1/1;
    text-align: center;
    font-size: 1rem;
    transition: .3s
}

.social-share .fa:hover {
    background: #18395f;
    border-color: #18395f
}

.mbu-text {
    font-family: Montserrat-Bold, Arimo, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.cares-section p {
    display: flex;
    margin-bottom: .5rem;
    line-height: 1.375rem
}

.brown-button,
.reverse-brown-button,
button.verify-btn {
    --item-clip-path: 15px;
    display: table;
    isolation: isolate
}

.cares-section p::before {
    content: "-";
    display: block;
    margin-right: 5px
}

.brown-button {
    position: relative;
    color: #fff;
    padding: calc(.5rem + 2px) 1.5rem;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    border: none;
    font-weight: 400 !important;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.reverse-brown-button,
.reverse-brown-button::after {
    -webkit-clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.brown-button.with-icon .fa,
.reverse-brown-button.with-icon .fa {
    font-size: 1.5rem;
    margin-right: .625rem
}

.brown-button.with-icon img,
.reverse-brown-button.with-icon img {
    width: 24px;
    margin-right: .625rem
}

.brown-button::before,
.reverse-brown-button::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #18395f;
    z-index: -1;
    transition: .3s
}

.brown-button:hover::before,
.reverse-brown-button:hover::before {
    width: 100%;
    height: 100%
}

.reverse-brown-button {
    position: relative;
    color: #8f6f4c;
    padding: .5rem 1.5rem;
    width: -moz-max-content;
    width: max-content;
    border: none;
    justify-content: center;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)));
    transition: .3s
}

.reverse-brown-button::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: #fff;
    margin: 1px;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)));
    z-index: -2
}

.img-brown-backdrop-icon-item .item-img-wrapper,
.more-information .item-row .img-col .img-wrapper img {
    -webkit-clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.multiline-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.search-box-wrapper {
    background: #e9e2db;
    padding: 3rem 1rem
}

.input-text-box-container .input-search-button {
    position: absolute;
    right: 0;
    height: 100%;
    border: none;
    background: 0 0;
    color: #8f6f4c;
    padding: 0 1rem
}

.input-text-box-container .input-text-box {
    padding: .5rem calc(2rem + 14px) .5rem 1rem
}

.input-text-box {
    background: #f6f3f1;
    width: 100%;
    padding: .5rem 1rem;
    border: 1px solid #8f6f4c
}

.input-text-box::-moz-placeholder {
    font-style: italic
}

.input-text-box::placeholder {
    font-style: italic
}

.input-text-box[type=date] {
    padding: .5rem .6rem .5rem 1rem
}

.mandatory-error-text {
    color: red;
    font-weight: 700;
    display: none
}

.thank-you-sub-text {
    color: #28a745;
    font-weight: 700;
    display: none
}

.img-brown-backdrop-icon-item .item-img-wrapper {
    --item-clip-path: 40px;
    display: grid;
    place-items: center;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)));
    aspect-ratio: 16/9
}

.img-brown-backdrop-icon-item .item-img-wrapper .item-bg-img {
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

.img-brown-backdrop-icon-item .item-img-wrapper .brown-backdrop {
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(143, 111, 76, .8);
    transition: .3s
}

.img-brown-backdrop-icon-item .item-img-wrapper .item-icon {
    z-index: 3;
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain
}

.img-brown-backdrop-icon-item .item-name {
    color: #072240;
    margin: 1rem 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    height: 3rem
}

@media (max-width:768px) {
    [data-spacing=header] {
        padding-top: 107px
    }

    #header .header-btm .pcmc-logo-wrapper {
        max-width: 180px
    }

    .medical-specialties-detail .ms-result-btns-wrapper .result-btns,
    .search-result-page .search-container .search-result-selection .result-btns {
        flex-wrap: nowrap;
        overflow: auto
    }

    .medical-specialties-detail .ms-result-btns-wrapper .result-btns a,
    .search-result-page .search-container .search-result-selection .result-btns a {
        white-space: nowrap
    }

    .doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper:not(.enhanced) {
        padding-bottom: 0
    }

    .doctor-details-page .other-doctors-container .bottom-buttons,
    .medical-specialties-detail .other-doctors-container .bottom-buttons {
        flex-direction: column
    }

    .doctor-details-page .other-doctors-container .bottom-buttons a,
    .medical-specialties-detail .other-doctors-container .bottom-buttons a {
        width: 100%;
        text-align: center
    }

    .doctor-details-page .apt-wa-button {
        display: none !important
    }

    .banner.no-image,
    .medical-specialty-page .search-box-wrapper .general-dropdown-dropdown {
        margin-bottom: 2rem
    }

    .medical-specialty-page .main-content {
        padding-top: 0 !important
    }

    .ehealth-page .how-it-works-step {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2rem
    }

    .ehealth-page .how-it-works-step .hiw-item::before {
        top: calc(50% - 2.5px)
    }

    .ehealth-page .how-it-works-step .hiw-item:first-child::before {
        right: calc(-2.5px - 1rem)
    }

    .ehealth-page .how-it-works-step .hiw-item:nth-child(2)::before {
        top: unset;
        right: calc(50% - 2.5px);
        bottom: calc(-1.5rem - 2.5px);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

    .ehealth-page .how-it-works-step .hiw-item:nth-child(3) {
        grid-area: 2/2
    }

    .ehealth-page .how-it-works-step .hiw-item:nth-child(3)::before {
        right: unset;
        left: calc(-1rem - 2.5px);
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .content-block,
    .wards-and-rates .dark-war-section {
        padding: 3rem 0
    }

    .food-and-retail .far-cat-title,
    .form-box-wrapper:not(:last-child),
    .highlight-and-promotion .hap-item .gold-frame,
    .wards-and-rates .war-slick {
        margin-bottom: 1rem
    }

    .wards-and-rates .war-slick .slick-dots {
        position: relative;
        bottom: unset
    }

    .wards-and-rates .amenities-grid-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }

    .appointment-page .appointment-ymol .appointment-ymol-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        height: -moz-max-content;
        height: max-content;
        justify-content: center
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .title {
        margin-bottom: 2rem;
        text-align: center
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn {
        display: flex;
        height: -moz-max-content;
        height: max-content;
        justify-content: left !important
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn img {
        margin-bottom: 0;
        margin-right: 1rem
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn h5 {
        text-align: left;
        align-self: center
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn h5 br {
        display: none
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:first-child {
        grid-area: 1/1
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:nth-child(2) {
        grid-area: 2/1
    }

    .appointment-page .appointment-btns-tab .appointment-btns-wrapper .appointment-btn:nth-child(3) {
        grid-area: 3/1
    }

    .food-and-retail .far-item:not(:last-child) {
        margin-bottom: 3rem
    }

    .banner .banner-with-img .banner-title {
        text-align: center
    }

    .banner .banner-with-img::after {
        width: 100%;
        background: rgba(143, 112, 77, .8)
    }

    .banner .banner-with-img.eshop-img::after {
        display: block
    }

    .emergency-item-wrapper {
        gap: 1.2rem
    }

    .emergency-item.full-width {
        grid-column: span 2
    }

    .two-col-ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1
    }

    .py-6 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .img-brown-backdrop-icon-item .item-name {
        height: -moz-max-content;
        height: max-content
    }
}

.img-brown-backdrop-icon-item .item-hover-line {
    height: 2px;
    background: #18395f;
    width: 0;
    transition: .3s
}

.img-brown-backdrop-icon-item:hover .brown-backdrop {
    background: rgba(143, 111, 76, .5)
}

@media (max-width:576) {
    .img-brown-backdrop-icon-item .item-name {
        height: -moz-max-content;
        height: max-content
    }
}

#pcmc-loading-gif {
    padding-top: 3rem;
    width: 100px
}

.pcmc-left-info h4,
.pcmc-left-info h5 {
    font-weight: 700;
    margin-bottom: 0
}

.pcmc-left-info h4 {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.pcmc-left-info h5 {
    margin-top: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem
}

.pcmc-left-info p {
    font-size: .875rem;
    line-height: 1.5rem
}

.pcmc-left-info p a {
    font-size: inherit;
    font-weight: 700;
    color: #8f6f4c
}

.pcmc-left-info .brown-button {
    width: 100%;
    justify-content: center;
    margin-bottom: 1rem
}

.slick-track {
    display: flex !important;
    float: left
}

.slick-slide {
    height: inherit !important;
    margin: 0 .75rem
}

.slick-list {
    margin: 0 -.75rem
}

.slick-next,
.slick-prev {
    top: unset;
    bottom: -1rem;
    transform: unset
}

.slick-next::before,
.slick-prev::before {
    content: "";
    border: solid #8f6f4c;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px
}

.slick-prev {
    right: calc(50% + 5px);
    left: unset
}

.slick-prev::before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.slick-next {
    left: calc(50% + 5px)
}

.slick-next::before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.more-information .item-row .img-col .img-wrapper {
    height: 100%;
    padding: 1rem
}

.more-information .item-row .img-col .img-wrapper img {
    --item-clip-path: 60px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 70% center;
    object-position: 70% center;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.more-information .item-row .content-col {
    padding: 2.5rem
}

.more-information .item-row .content-col .brown-button {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    font-weight: 400
}

.more-information .item-row .content-col .hotline .hotline-icon {
    width: 25px;
    margin-right: .5rem
}

.more-information .item-row .content-col .hotline p span {
    font-family: Montserrat-Bold, Arimo, sans-serif;
    font-weight: 700
}

.more-information .item-row .content-col .hotline p span a {
    font-size: inherit;
    font-family: inherit;
    color: #00f
}

@media (max-width:1200px) {
    .emergency-item-wrapper.in-a-row {
        --g: 2
    }

    .two-button-center {
        flex-direction: column
    }

    .two-button-center>:not(:last-child) {
        margin-right: unset;
        margin-bottom: 1rem
    }

    .two-button-center.left {
        align-items: self-start
    }

    .more-information .item-row .content-col .hotline br {
        display: block
    }

    .more-information .item-row .content-col .hotline p span a {
        display: block;
        margin-top: .5rem
    }
}

.general-dropdown-dropdown {
    width: 100%;
    position: relative
}

.general-dropdown-dropdown .dropdown-btn {
    position: relative;
    color: #072240;
    width: 100%;
    text-align: left;
    padding: .5rem 3rem .5rem 1rem;
    background: #f6f3f1;
    border: 1px solid #8f6f4c
}

.general-dropdown-dropdown .dropdown-btn::after {
    content: "";
    position: absolute;
    border: solid #8f6f4c;
    border-width: 0 2px 2px 0;
    right: 1rem;
    top: calc(50% - .5rem);
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: .3s
}

.general-dropdown-dropdown .dropdown-btn.show::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: 4px
}

.general-dropdown-dropdown .dropdown-menu {
    background: #f6f3f1;
    border: 1px solid #8f6f4c;
    border-radius: 0;
    width: 100%;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
    z-index: 10
}

.general-dropdown-dropdown .dropdown-menu::-webkit-scrollbar {
    width: 5px
}

.general-dropdown-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background: #bca994
}

.general-dropdown-dropdown.input-select .dropdown-menu {
    max-height: 160px;
    height: -moz-max-content;
    height: max-content;
    overflow-y: auto
}

.general-dropdown-dropdown.input-select .dropdown-menu::-webkit-scrollbar {
    width: 5px
}

.general-dropdown-dropdown.input-select .dropdown-menu::-webkit-scrollbar-thumb {
    background: #bca994
}

.general-plus-accordion .accordion-items .link {
    position: relative;
    font-family: Tinos, Arimo, sans-serif;
    color: #8f6f4c;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1rem 3rem 1rem 0;
    cursor: pointer
}

.general-plus-accordion .accordion-items .plus-icon {
    position: absolute;
    right: 1rem;
    top: 50%
}

.general-plus-accordion .accordion-items .plus-icon::after,
.general-plus-accordion .accordion-items .plus-icon::before {
    content: "";
    display: block;
    height: 1.5px;
    background: #8f6f4c;
    width: 15px;
    transition: .3s
}

.general-plus-accordion .accordion-items .plus-icon::after {
    margin-top: -.75px;
    transform: rotate(-90deg)
}

.general-plus-accordion .accordion-items .submenu {
    padding: 1rem 0
}

.general-plus-accordion .accordion-items .submenu h5 {
    font-size: 1.125rem
}

.general-plus-accordion .accordion-items.open .plus-icon::after {
    color: #18395f;
    transform: rotate(0);
    opacity: 0
}

.img-with-bl-desc img {
    padding-right: 2rem
}

.img-with-bl-desc .desc-item {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    background: #8f6f4c;
    text-align: left;
    padding: 1rem
}

.img-with-bl-desc .desc-item .item-title {
    font-family: Montserrat-Bold, Arimo, sans-serif;
    margin-bottom: .5rem;
    font-size: 1.25rem
}

.dash-6-6-template {
    display: flex;
    position: relative;
    margin-bottom: 2rem;
    width: 100%
}

.dash-6-6-template::before {
    content: "";
    position: relative;
    min-width: 1rem;
    background: #18395f;
    height: 2.5px;
    margin: .875rem .75rem 0 0
}

.dash-6-6-template .template-content .lower-template {
    display: flex;
    gap: 4rem
}

.dash-6-6-template .template-content .lower-template .item-col-6 {
    width: 50%;
    flex-grow: 1
}

.dash-6-6-template .template-content .lower-template .item-col-6 :where(p, a, ul, ol, div, li) {
    font-size: .9rem
}

.grid-layout-3-2-1 {
    display: grid;
    gap: 3rem;
    grid-template-columns: repeat(3, 1fr)
}

.grid-layout-4-3-2-1 {
    display: grid;
    gap: 1rem 2rem;
    grid-template-columns: repeat(4, 1fr)
}

@media (max-width:1400px) {
    .grid-layout-4-3-2-1 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:992px) {
    .more-information .item-row .content-col .hotline br {
        display: none
    }

    .more-information .item-row .content-col .hotline p span a {
        display: unset
    }

    .grid-layout-3-2-1,
    .grid-layout-4-3-2-1 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:576px) {
    .doctor-details-page .doctor-fw-profile-2 .doc-info-wrapper.enhanced .right-doc-info {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
        flex-direction: column
    }

    .guide-to-pcmc .brown-button {
        width: 100%
    }

    .health-screening .hsp-tab-section .general-tabs .title-btn-flex {
        flex-direction: column;
        align-items: start
    }

    .health-screening .hsp-tab-section .general-tabs .title-btn-flex .brown-button {
        margin-left: unset
    }

    .img-logo-fill {
        grid-template-columns: repeat(2, 1fr)
    }

    .grid-layout-3-2-1,
    .grid-layout-4-3-2-1 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.img-title-desc-rm-slick .item-wrapper {
    padding-bottom: 2rem;
    height: 100%;
    color: #072240;
    display: flex;
    flex-direction: column
}

@media (max-width:1199.98px) {
    .search-result .search-container .search-result-selection {
        flex-wrap: nowrap;
        overflow: auto
    }

    .search-result .search-container .search-result-selection a {
        white-space: nowrap
    }

    .search-result .general-section-desc .three-col-ul {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (max-width:991.98px) {
    .health-screening .hsp-tab-section .general-tab-mobile-selector+.brown-button.with-icon {
        margin-right: 0;
        justify-content: center;
        width: 100%
    }

    #header .header-top {
        padding: 1rem 0
    }

    #header .header-top .header-top-right .divider,
    #header .header-top .header-top-right .doctor,
    #header .header-top .header-top-right .header-contact,
    #header .header-top .header-top-right .header-whatsapp,
    #header .header-top .header-top-right .health-screening,
    #header .header-top .header-top-right .make-appointment,
    .doctor-details-page .doctor-fw-profile-1 .fh-fw-img,
    .doctor-details-page .doctor-fw-profile-1 .profile-content .apt-wa-button,
    .doctor-details-page .doctor-fw-profile-1::after,
    .doctor-details-page .doctor-fw-profile-2 .fh-fw-img,
    .more-information .item-row .img-col {
        display: none
    }

    .search-result .general-section-desc .doctor-list,
    .search-result .general-section-desc .event-item-wrapper,
    .search-result .general-section-desc .hs-item-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 1rem
    }

    .doctor-list,
    .doctor-listing-page .doctor-listing-grid,
    .event-item-wrapper,
    .hs-item-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .profile-1-col {
        padding: 0;
        isolation: isolate
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .profile-1-col>:not(.upper-content-wrapper) {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .profile-1-col .doc-residency,
    .doctor-details-page .doctor-fw-profile-1 .profile-content .profile-1-col .social-share {
        position: relative;
        z-index: 3
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper {
        display: grid;
        color: #fff;
        place-items: end left;
        position: relative;
        isolation: isolate;
        z-index: 3
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper>* {
        grid-area: 1/1
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .mobile-doctor-img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 425px;
        -o-object-fit: cover;
        object-fit: cover;
        z-index: 1
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .upper-section-content {
        padding: .75rem .75rem 0;
        width: 100%;
        z-index: 3
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .upper-section-content .doc-name {
        font-size: 2.25rem;
        color: #8f6f4c
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .upper-section-content .underline {
        background: #8f6f4c
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper .upper-section-content .doc-spec {
        font-size: 1.75rem;
        margin-bottom: 0;
        color: #18395f
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .upper-content-wrapper::after {
        content: "";
        width: 100%;
        height: 70%;
        position: absolute;
        bottom: -1px;
        background: linear-gradient(to top, #f6f3f1 20%, transparent);
        z-index: 2
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .sub-header {
        color: #fff
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .about-section {
        padding: 2rem 0;
        color: #18395f;
        background: #e9e2db;
        margin-top: 0
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .about-section .sub-header {
        color: #18395f
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .video-section {
        margin-top: 0;
        margin-bottom: 0 !important;
        padding: 2rem 0;
        background: #8f6f4c
    }

    .dash-6-6-template .template-content .lower-template .item-col-6,
    .doctor-details-page .doctor-fw-profile-1 .profile-content .video-section .video-item-slick .video-item img {
        width: 100%
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .video-section .video-item-slick .video-item p {
        color: #fff;
        display: block;
        margin-top: 1rem;
        line-height: 1.5rem
    }

    .doctor-details-page .doctor-fw-profile-1 .profile-content .video-section .video-item-slick .slick-dots {
        bottom: -35px
    }

    .doctor-details-page .doctor-fw-profile-1 .font-18 {
        margin-top: .5rem
    }

    .doctor-details-page .doctor-fw-profile-2 {
        background: #e9e2db
    }

    .doctor-details-page .other-doctors-container {
        padding: 0 0 3rem
    }

    .doctor-details-page .apt-wa-button {
        display: flex;
        gap: 1rem;
        margin-top: 1.5rem
    }

    .dash-6-6-template {
        display: flex;
        position: relative;
        margin-bottom: 2rem
    }

    .dash-6-6-template::before {
        content: "";
        position: relative;
        min-width: 1rem;
        background: #18395f;
        height: 2.5px;
        margin: .875rem .75rem 0 0
    }

    .dash-6-6-template .template-content .upper-template {
        margin-bottom: .5rem
    }

    .dash-6-6-template .template-content .lower-template {
        flex-wrap: wrap;
        gap: 1rem
    }

    .more-information {
        background: 0 0
    }

    .more-information .item-row {
        border: none;
        background: #e9e2db
    }

    .more-information .item-row .content-col {
        padding: 1rem
    }

    .more-information .item-row .content-col .hotline p {
        line-height: 1.5rem
    }

    .more-information .item-row .content-col .hotline p span {
        font-weight: bolder
    }

    .more-information .item-row .content-col .hotline p span a {
        text-decoration: underline !important
    }

    .more-information .item-row .information-content {
        border: 1px solid #8f6f4c
    }

    .more-information.show-img {
        margin: 0
    }

    .more-information.show-img .img-col {
        display: block
    }
}

.key-selling .key-selling-slick .slick-dots {
    bottom: -40px
}

@media (max-width:767.98px) {
    .banner img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 200px;
        grid-area: 1/1;
        z-index: 1
    }

    .banner.centered-title .banner-title {
        font-size: 2.5rem;
        margin-bottom: 2rem
    }

    #footer .legacy-links a,
    #footer .social-buttons,
    .banner.centered-title .banner-breadcrumb {
        margin-bottom: 1rem
    }

    .banner.centered-title img {
        height: 250px
    }

    #footer .container .col-lg-11 {
        padding-right: .75rem
    }

    #footer .footer-left {
        padding-right: 1.5rem
    }

    #footer .footer-title {
        margin-top: 1rem
    }

    #footer .legacy-links {
        justify-content: left;
        margin: 1rem 0;
        flex-direction: column;
        row-gap: 0
    }

    .global-banner .global-video {
        height: unset;
        aspect-ratio: unset
    }

    .global-banner .global-video img,
    .global-banner .global-video video {
        position: relative;
        -o-object-fit: cover;
        object-fit: cover;
        grid-area: 1/1;
        height: auto
    }

    .global-banner .global-video .global-banner-video,
    .search-bar-wrapper .search-bar .search-component .live-agent>div {
        display: none
    }

    .global-banner .global-video .global-banner-video-mobile {
        display: block
    }

    .global-banner .global-search-bar-container {
        background: #8f6f4c;
        padding: 1rem;
        margin-bottom: 0;
        position: relative;
        left: unset;
        transform: unset
    }

    .global-banner .global-search-bar-container .global-search-bar {
        color: #fff
    }

    .global-banner .global-search-bar-container .global-search-bar .search-bar-header {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
        color: #f6f3f1
    }

    .global-banner .global-search-bar-container .global-search-bar .search-bar {
        color: #8f6f4c
    }

    .key-selling .key-selling-wrapper {
        --item-clip-path: 50px
    }

    .key-selling .key-selling-wrapper img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 80%;
        object-position: 80%
    }

    .key-selling .key-selling-wrapper .key-selling-text {
        font-size: 24px
    }

    .key-selling .key-selling-wrapper .key-selling-text p {
        width: 100%;
        font-size: 15px;
        line-height: 1.5rem
    }

    .key-selling .key-selling-slick .slick-dots li {
        margin: 0
    }

    .the-essentials .essential-item-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 1rem
    }

    .the-essentials .essential-item-grid .essentials-item {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .the-essentials .essential-item-grid .essentials-item img {
        margin-right: 0;
        margin-bottom: 1rem
    }

    .the-essentials .essential-item-grid .essentials-item p {
        text-align: center
    }

    .the-experiences .the-experiences-item {
        margin-left: 0 !important
    }

    .search-result-page .content-block {
        padding-top: 0
    }

    .search-result-page .general-section-desc .three-col-ul {
        -moz-column-count: 1;
        column-count: 1;
        padding-right: 0
    }

    .search-result-page .general-section-desc .doctor-list,
    .search-result-page .general-section-desc .event-item-wrapper,
    .search-result-page .general-section-desc .hs-item-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem 1rem
    }

    .doctor-listing-page .doctor-listing-grid,
    .search-result-page .general-section-desc .ha-item-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .doc-item .doc-info h3,
    .search-result-page .general-section-desc .ha-item-grid h4 {
        font-size: 1.375rem
    }

    .search-result-page .general-section-desc .ha-item-grid .ha-item .img-wrapper {
        max-width: 30%
    }

    .doctor-listing-page .search-box-wrapper {
        margin-top: -3rem
    }

    .doctor-listing-page .search-box-wrapper .doctor-name-search {
        margin-top: 2rem
    }

    .img-title-desc-item h3,
    .img-title-desc-item h4 {
        font-size: 1.375rem;
        margin: 1rem 0
    }
}

.sub-ol-1 {
    counter-reset: sub-ol-1
}

.sub-ol-10>li,
.sub-ol-11>li,
.sub-ol-1>li,
.sub-ol-2>li,
.sub-ol-3>li,
.sub-ol-4>li,
.sub-ol-5>li,
.sub-ol-6>li,
.sub-ol-7>li,
.sub-ol-8>li,
.sub-ol-9>li {
    list-style-type: none
}

.sub-ol-1>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-1;
    content: "1." counter(sub-ol-1) " "
}

.sub-ol-2 {
    counter-reset: sub-ol-2
}

.sub-ol-2>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-2;
    content: "2." counter(sub-ol-2) " "
}

.sub-ol-3 {
    counter-reset: sub-ol-3
}

.sub-ol-3>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-3;
    content: "3." counter(sub-ol-3) " "
}

.sub-ol-4 {
    counter-reset: sub-ol-4
}

.sub-ol-4>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-4;
    content: "4." counter(sub-ol-4) " "
}

.sub-ol-5 {
    counter-reset: sub-ol-5
}

.sub-ol-5>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-5;
    content: "5." counter(sub-ol-5) " "
}

.sub-ol-6 {
    counter-reset: sub-ol-6
}

.sub-ol-6>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-6;
    content: "6." counter(sub-ol-6) " "
}

.sub-ol-7 {
    counter-reset: sub-ol-7
}

.sub-ol-7>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-7;
    content: "7." counter(sub-ol-7) " "
}

.sub-ol-8 {
    counter-reset: sub-ol-8
}

.sub-ol-8>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-8;
    content: "8." counter(sub-ol-8) " "
}

.sub-ol-9 {
    counter-reset: sub-ol-9
}

.sub-ol-9>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-9;
    content: "9." counter(sub-ol-9) " "
}

.sub-ol-10 {
    counter-reset: sub-ol-10
}

.sub-ol-10>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-10;
    content: "10." counter(sub-ol-10) " "
}

.sub-ol-11 {
    counter-reset: sub-ol-11
}

.sub-ol-11>li::before {
    margin-right: .5rem;
    counter-increment: sub-ol-11;
    content: "11." counter(sub-ol-11) " "
}

ol[class^=sub-ol-] {
    padding-left: 1rem !important
}

ol[class^=sub-ol-]>li {
    display: flex;
    position: relative;
    align-items: center
}

ol[class^=sub-ol-]>li::before {
    align-self: self-start
}

.lst-la {
    list-style-type: lower-alpha
}

.enq-wa-button {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

#landingPopupModal {
    --body-padding: 0.5rem
}

#landingPopupModal .modal-dialog .modal-header {
    padding: 0;
    border: none
}

#landingPopupModal .modal-dialog .btn-close {
    position: absolute;
    right: calc(1rem + var(--body-padding));
    top: calc(1rem + var(--body-padding));
    filter: drop-shadow(2px 0px 0px white);
    z-index: 2;
    opacity: 1
}

#landingPopupModal .modal-dialog .modal-body {
    padding: var(--body-padding)
}

#landingPopupModal .modal-dialog .modal-content {
    border-radius: 0;
    background: #e9e2db
}

.modal-backdrop {
    background: #8f6f4c;
    opacity: .7 !important
}

.general-search-result {
    position: absolute;
    z-index: 20;
    max-height: 15rem;
    overflow: auto;
    background: #f6f3f1;
    width: 100%;
    border: 1px solid #8f6f4c
}

.general-search-result .result-item {
    padding: .375rem 1rem;
    cursor: pointer;
    transition: .3s
}

.dropdownLiDisabled {
    pointer-events: none;
    opacity: .2
}

.gold-frame {
    --item-clip-path: 40px;
    padding: .5rem;
    background: linear-gradient(to bottom right, #8f6f4c, #cc9e52)
}

.gold-frame img {
    -webkit-clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)));
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

.gold-frame.big {
    --item-clip-path: 80px;
    padding: 1rem
}

@media (max-width:1200px) {
    .gold-frame.big {
        --item-clip-path: 60px
    }
}

.tooltip {
    box-shadow: 2px 2px 2px 2px solid rgba(0, 0, 0, .3)
}

.tooltip .tooltiptext {
    color: red
}

.tooltip .tooltip-arrow::before {
    border-bottom-color: #fff
}

.tooltip .tooltip-inner {
    background: #fff;
    color: #000;
    font-size: .75rem
}

.doc-residency {
    display: flex;
    gap: .5rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap
}

.table-container-custom,
.table-container-custom-2,
.table-container-custom-4,
.table-container-custom-5,
.table-container-custom-6,
.table-container-custom-7 {
    display: grid;
    max-width: 1000px;
    margin: 2rem 0;
    font-family: Montserrat, Arimo, sans-serif;
    overflow-x: auto
}

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

#ui-datepicker-div .ui-widget-header .ui-corner-all {
    height: 2em;
    width: 2em;
    aspect-ratio: 1/1
}

#ui-datepicker-div .ui-widget-header .ui-corner-all .ui-icon {
    background-image: none;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #072240
}

#ui-datepicker-div .ui-widget-header .ui-corner-all[title=Prev] .ui-icon {
    transform: rotate(-90deg)
}

#ui-datepicker-div .ui-widget-header .ui-corner-all[title=Next] .ui-icon {
    transform: rotate(90deg)
}

#ui-datepicker-div .ui-state-default:hover {
    background: rgba(7, 34, 64, .1)
}

#ui-datepicker-div .ui-state-active {
    background: #18395f !important
}

ul.dropdown-menu.country-contact {
    min-width: 20rem
}

.table-container-custom {
    grid-template-columns: 1fr 2fr 2fr
}

.table-container-custom-2 {
    grid-template-columns: repeat(2, 2fr)
}

.table-container-custom-4 {
    grid-template-columns: 1fr repeat(3, 2fr)
}

.table-container-custom-5 {
    grid-template-columns: 1fr repeat(4, 2fr)
}

.table-container-custom-6 {
    grid-template-columns: 1fr repeat(5, 2fr)
}

.table-container-custom-7 {
    grid-template-columns: 1fr repeat(6, 2fr)
}

.table-row-custom {
    display: contents
}

.table-row-custom>div {
    border: 1px solid #ccc;
    padding: 1rem
}

.product-detail-img {
    width: 85%;
    height: 30%
}

button.verify-btn {
    position: relative;
    background: linear-gradient(to bottom right, #8f6f4c, #cc9e52) !important;
    color: #fff;
    padding: .5rem 1.5rem;
    width: 100%;
    border: 0;
    justify-content: center;
    overflow: hidden;
    clip-path: polygon(0 0, calc(100% - var(--item-clip-path)) 0%, 100% var(--item-clip-path), 100% 100%, var(--item-clip-path) 100%, 0% calc(100% - var(--item-clip-path)))
}

button.verify-btn-enable {
    background-color: var(--pantai-light-blue);
    color: #fff
}

@media (max-width:768px) {
    .gold-frame.big {
        --item-clip-path: 40px;
        padding: .5rem
    }

    .product-detail-img {
        width: 100%;
        height: auto
    }

    .verify-box {
        padding-left: 0
    }
}

.footer-app {
    padding: 0 10px;
    justify-content: center;
    text-align: center
}

.footer-app-content {
    padding-bottom: 10px
}

.apple-app,
.google-app {
    width: 50%;
    padding: 10px 5px
}

.google-app {
    flex: 0 0 auto;
    text-align: right
}

.apple-app {
    flex: 0 0 auto;
    text-align: left
}

@media(min-width:768px) {
    .google-app {
        flex: 1 1 auto;
        width: 100%;
        padding: 10px 0;
        text-align: center
    }

    .apple-app {
        flex: 1 1 auto;
        text-align: center;
        padding: 0
    }
}

@media(min-width:992px) {

    .apple-app,
    .google-app {
        width: 50%;
        padding: 10px 5px
    }

    .google-app {
        flex: 0 0 auto;
        text-align: right
    }

    .apple-app {
        flex: 0 0 auto;
        text-align: left
    }
}

.filter-container {
    padding: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.alpha-btn {
    padding: 8px 12px;
    border: 1px solid #bca994;
    color: #8f6f4c;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    min-width: 3rem
}

.alpha-btn.active,
.alpha-btn:hover {
    background-color: #8f6f4c;
    color: #fff
}

.searchFilter {
    padding: .25rem .5rem
}

.searchkeywordlabel {
    display: block;
    margin-bottom: 1rem
}