@font-face {
  font-family: Radicalis;
  src: url('../fonts/Radicalis.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --dark-slate-blue: #234871;
  --royal-blue: #0065ff;
  --white: white;
  --saddle-brown: #4c392c;
  --alice-blue: #f2f8fb;
  --white-smoke: #f9f7f5;
  --gainsboro: #dbdbdb;
  --old-lace: #efe8d9;
  --rosy-brown: #a18775;
  --dark-slate-blue-2: #23487166;
  --dark-slate-blue-3: #1a3d9e;
  --steel-blue: #588fbb;
  --deep-sky-blue-2: #71aed066;
  --dark-grey: #9b9b9b;
  --white-smoke-2: #f3f3f3;
  --alice-blue-2: #e4f1f8;
  --white-smoke-3: #efecea;
  --deep-sky-blue: #71aed0;
  --red: #e20714;
  --pale-turquoise: #bce9e6;
  --alice-blue-3: #d8e9f2;
  --steel-blue-2: #4589af;
  --white-smoke-4: #f4f0eb;
  --dark-red: #8f0008;
  --transparent: #fff0;
  --midnight-blue: #0c2642;
  --black-2: #24160d;
  --rosy-brown-2: #c6847a;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--black);
  font-family: Noto Sans HK, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
}

h1 {
  letter-spacing: 10px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 46px;
}

h2 {
  letter-spacing: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 0;
  line-height: 180%;
}

a {
  color: var(--dark-slate-blue);
  text-decoration: none;
  transition: color .5s;
}

a:hover {
  color: var(--royal-blue);
}

.all {
  padding-top: 125px;
}

.section-home-banner {
  margin-top: -125px;
  margin-bottom: 0;
  overflow: hidden;
}

.section-content {
  min-height: 70vh;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.home-banner-slider {
  background-color: #0000;
  height: auto;
}

.hide {
  display: none;
}

.home-banner-content-wrap {
  color: var(--white);
  text-shadow: 2px 2px 23px #0000003d;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-banner-content-wrap.banner-template-3 {
  color: var(--saddle-brown);
  text-shadow: none;
}

.home-banner-content-wrap.banner-template-4 {
  text-align: center;
  text-shadow: none;
  justify-content: flex-end;
}

.home-banner-content-wrap.banner-template-2 {
  text-shadow: none;
}

.home-banner-content-b {
  width: 100%;
  position: relative;
}

.home-banner-content-b.banner-template-4 {
  width: 50%;
}

.container {
  max-width: none;
  padding-left: 2.5%;
  padding-right: 2.5%;
  position: relative;
}

.container.v-header-top {
  position: relative;
}

.container.accommodations-info {
  background-color: var(--alice-blue);
}

.home-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-banner-img.banner-1 {
  background-image: url('../images/home-banner-12x.jpg');
}

.home-banner-img.banner-3 {
  background-image: url('../images/home-banner-32x.jpg');
}

.home-banner-img.banner-4 {
  background-image: url('../images/home-banner-42x.jpg');
}

.home-banner-img.banner-2 {
  background-image: url('../images/home-banner-22x.jpg');
}

.home-banner-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-banner-mask.banner-template-1 {
  background-color: #0003;
}

.home-banner-mask.banner-template-3 {
  background-color: #0000;
}

.home-banner-mask.banner-template-4 {
  background-image: linear-gradient(270deg, #836b57, #836b5700 33%);
}

.home-banner-title {
  letter-spacing: 5px;
  font-size: 30px;
  font-weight: 700;
  line-height: 44px;
}

.home-banner-subtitle {
  letter-spacing: 1px;
  margin-top: 40px;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
}

.home-banner-subtitle.banner-template-4 {
  margin-top: 10px;
}

.section-div {
  margin-top: 80px;
  position: relative;
}

.section-div.home-hotsearch {
  background-color: var(--white-smoke);
  margin-top: 0;
  margin-bottom: 160px;
  padding-top: 80px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.font-size-45 {
  letter-spacing: 10px;
  font-size: 36px;
  line-height: 46px;
}

.font-size-36 {
  letter-spacing: 10px;
  font-size: 28px;
  line-height: 36px;
}

.font-size-24 {
  letter-spacing: 2px;
  font-size: 22px;
  line-height: 140%;
}

.font-size-19 {
  font-size: 15px;
  line-height: 21px;
}

.home-slider-nav {
  text-align: left;
  width: 30%;
  height: auto;
  margin-bottom: 30px;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 0;
  inset: auto auto 0% 0%;
}

.home-slider-nav.version-c1 {
  margin-bottom: 90px;
}

.section-heading-b {
  z-index: 1;
  text-shadow: none;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}

.section-heading-main {
  float: left;
  margin-top: 10px;
}

.section-heading-handwrite {
  float: right;
  color: #0000001a;
  text-align: right;
  letter-spacing: 12px;
  font-family: Radicalis, sans-serif;
  font-size: 24px;
  line-height: 240%;
}

.common-color-photo-row {
  justify-content: space-between;
  align-items: stretch;
  margin-top: -20px;
  display: flex;
}

.common-color-photo-col {
  display: flex;
  position: relative;
}

.common-color-photo-col.col-photo {
  width: 50%;
  max-width: 800px;
}

.common-color-photo-col.col-color {
  flex: 1;
  margin-right: -20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.color-photo-mask {
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.img-full {
  width: 100%;
}

.color-photo-box {
  background-color: var(--alice-blue);
  border-radius: 20px;
  align-items: center;
  min-height: 200px;
  padding: 30px 40px 30px 20px;
  display: flex;
}

.color-photo-box.color-cream {
  background-color: var(--white-smoke);
}

.hotsearch-link {
  color: var(--black);
  letter-spacing: 1px;
  transition-property: all;
}

.hotsearch-link:hover {
  display: inline-block;
  transform: scale(1.2);
}

.hotsearch-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -10px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.hotsearch-gp.v-doctor {
  justify-content: center;
  margin-bottom: 0;
}

.hotsearch-item {
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.color-photo-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.color-photo-img.v-hotsearch {
  background-image: url('../images/home-hot_search-img2x.jpg');
}

.color-photo-box-content {
  width: 100%;
}

.news-section-b {
  margin-top: -20px;
  padding-top: 20px;
  position: relative;
}

.news-section-line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
  position: relative;
}

.news-section-row {
  border-bottom: 1px solid var(--gainsboro);
  position: relative;
}

.news-section-link {
  color: var(--black);
  padding-top: 25px;
  padding-bottom: 25px;
  display: block;
}

.news-section-link-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.arrow-bk-r {
  background-image: url('../images/arrow-bk-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 8px;
  height: 14px;
  margin-top: 6px;
}

.arrow-bk-r.v-small {
  background-image: url('../images/arrow-bk-r-small.svg');
  width: 6px;
  height: 9px;
}

.arrow-bk-r.v-small.v-nav {
  display: none;
}

.news-section-link-txt-b {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.news-section-link-date {
  width: 120px;
  font-weight: 300;
}

.news-section-link-title {
  letter-spacing: 1.5px;
  flex: 1;
  padding-left: 40px;
}

.news-section-bg-b {
  width: 100%;
  height: 100%;
  margin-right: -40px;
  padding-left: 120px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.news-section-bg {
  background-color: #f0f6fa;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  height: 100%;
}

.common-split-b {
  background-color: var(--white-smoke);
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.relative {
  position: relative;
}

.split-b-bg {
  background-color: var(--old-lace);
  width: 33%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.photo-split-row {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.photo-split-col {
  border-radius: 20px;
  width: 50%;
  padding: 80px 30px;
  position: relative;
}

.photo-split-col.col-l {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.photo-split-col.col-r {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.photo-split-bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -80px;
  margin-bottom: -80px;
  position: absolute;
  inset: 0%;
}

.photo-split-bg.v-charges {
  background-image: url('../images/section-charges-bg2x.jpg');
}

.photo-split-bg.v-booking {
  background-image: url('../images/section-booking-bg2x.jpg');
}

.photo-split-bg.v-sister-sth {
  background-image: url('../images/about-sister-sth-bg2x.jpg');
}

.photo-split-bg.v-sister-sphtw {
  background-image: url('../images/about-sister-sphtw-bg2x.jpg');
}

.photo-split-bg.out-patient-service {
  background-image: url('../images/out-patient-department-service-hour2x.jpg');
}

.photo-split-bg.out-patient-contact {
  background-image: url('../images/out-patient-department-contact2x.jpg');
}

.photo-split-mask {
  mix-blend-mode: overlay;
  background-image: linear-gradient(#00000080 50%, #000c);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.photo-split-mask.v-multiply {
  mix-blend-mode: multiply;
}

.photo-split-content {
  color: var(--white);
  position: relative;
}

.photo-split-icon {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.photo-split-icon.v-sister {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  overflow: hidden;
}

.photo-split-title-b {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 25px;
  position: relative;
}

.text-align-center {
  text-align: center;
}

.txt-btn-row {
  margin-bottom: 5px;
}

.btn-txt-arrow {
  letter-spacing: 1px;
}

.btn-txt-arrow.v-white {
  color: var(--white);
  letter-spacing: 2px;
}

.btn-txt-arrow.v-white:hover {
  color: var(--old-lace);
}

.btn-txt-arrow.v-white.depp-beige {
  color: var(--saddle-brown);
}

.btn-txt-arrow.v-white.depp-beige:hover {
  color: var(--royal-blue);
}

.btn-txt-arrow-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.btn-txt-arrow-wrap.justify {
  justify-content: space-between;
  align-items: center;
}

.arrow-white-r {
  background-image: url('../images/arrow-wt-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 10px;
  height: 14px;
}

.arrow-white-r.v-small {
  width: 6px;
  height: 9px;
  margin-top: 7px;
}

.arrow-white-r.v-small.beige {
  background-image: url('../images/arrow-right-beige.svg');
}

.arrow-white-r.v-small.black {
  background-image: url('../images/arrow-bk-r-small.svg');
}

.arrow-white-r.v-small.back-arrow {
  background-image: url('../images/back-arrow.svg');
}

.arrow-white-r.v-small.home {
  margin-top: 8px;
}

.arrow-white-r.black {
  background-image: url('../images/arrow-bk-r-small.svg');
}

.arrow-white-r.out-patient-department {
  margin-top: 5px;
}

.btn-txt-arrow-txt {
  margin-left: 10px;
  font-size: 16px;
  line-height: 140%;
}

.btn-txt-arrow-txt.en {
  font-size: 1vw;
  line-height: 22px;
}

.btn-txt-arrow-txt.btn-txt-arrow-txt-left {
  margin-left: 0;
  margin-right: 10px;
}

.btn-txt-arrow-txt.original {
  font-size: 17px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.home-booking-dropdown {
  display: inline-block;
  position: relative;
}

.dropdown-arrow-img-b {
  background-color: var(--royal-blue);
  margin-left: 10px;
  padding: 5px;
}

.home-booking-dropdown-list {
  background-color: #000c;
  border-radius: 0 0 10px 10px;
  height: 100%;
  max-height: 300px;
  margin-top: 44px;
  position: absolute;
  inset: 0% 0% auto;
  overflow: auto;
}

.home-booking-dropdown-list.w--open {
  background-color: #000c;
  border-radius: 10px;
  max-height: 300px;
  margin-top: -10px;
}

.home-booking-dropdown-wrap {
  margin-top: -10px;
  padding-top: 10px;
}

.home-booking-dropdown-link {
  color: var(--white);
  text-align: left;
  white-space: normal;
  background-color: #fff0;
  width: 100%;
  padding: 10px 15px;
  transition: background-color .5s, color .5s;
  display: block;
}

.home-booking-dropdown-link:hover {
  color: var(--white);
  background-color: #fff3;
}

.photo-split-bg-b {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.photo-split-bg-b.col-r {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.photo-split-bg-b.col-l {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.common-btn-bordered {
  border: 1px solid var(--dark-slate-blue);
  padding: 6px 15px;
  transition: border-color .5s, color .5s;
}

.common-btn-bordered:hover {
  border-color: var(--rosy-brown);
}

.common-btn-bordered.home-gradient-border {
  border-width: 2px;
  border-color: var(--white);
  color: var(--white);
  width: 100%;
  display: block;
}

.common-btn-bordered.home-gradient-border:hover {
  border-color: var(--old-lace);
  color: var(--old-lace);
}

.common-btn-bordered.white {
  border-color: var(--white);
  color: var(--white);
}

.common-btn-bordered-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.common-btn-bordered-txt-b {
  height: 28px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.dropdown-arrow-b {
  flex: none;
  margin-right: 20px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.dropdown-arrow-b.v-nav {
  display: none;
}

.home-booking-dropdown-b {
  text-align: center;
  margin-bottom: 20px;
}

.home-about-b {
  margin-bottom: -80px;
  padding-bottom: 40px;
  position: relative;
}

.home-about-b.about-intro {
  margin-bottom: 0;
}

.home-about-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-about-col {
  position: relative;
}

.home-about-col.col-vid {
  z-index: 1;
  width: 50%;
}

.home-about-col.col-box {
  background-color: var(--old-lace);
  box-shadow: 0 3px 14px 0 var(--dark-slate-blue-2);
  color: var(--white);
  text-align: center;
  background-image: linear-gradient(#ffffff8c, #ffffff8c), url('../images/home-about-icon-beige-30.svg');
  background-position: 0 0, 55% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 45%;
  border-radius: 20px;
  width: 55%;
  margin-left: -50px;
  padding: 30px 40px 5vw 7%;
}

.home-about-vid-b {
  position: relative;
  overflow: hidden;
}

.home-about-content {
  z-index: 1;
  color: #856e5e;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.arrow-btn-gp {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -10px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  position: relative;
}

.arrow-btn-gp.v-home {
  justify-content: center;
  margin-left: -5%;
  margin-right: -5%;
}

.arrow-btn-gp-item {
  margin-bottom: 10px;
  padding-left: 5%;
  padding-right: 5%;
}

.home-about-bg-b {
  width: 100%;
  height: 100%;
  padding-top: 110px;
  padding-bottom: 110px;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.home-about-bg {
  background-color: var(--alice-blue);
  margin-top: 3%;
  position: absolute;
  inset: 0%;
}

.home-about-vid-shadow-b {
  box-shadow: 0 3px 14px 0 var(--dark-slate-blue-2);
  position: relative;
  overflow: hidden;
}

.icon-vid-fullscreen {
  background-image: url('../images/icon-fullscreen.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: relative;
}

.sticky-button-b {
  background-color: var(--old-lace);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: relative;
  box-shadow: 0 0 15px #0000001a;
}

.sticky-button-wrap {
  justify-content: flex-start;
  display: flex;
}

.sticky-btn-link {
  z-index: 2;
  color: var(--saddle-brown);
  letter-spacing: 2px;
  padding: 8px 40px 8px 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  transition: text-shadow .5s, color .5s;
  display: block;
  position: relative;
}

.sticky-btn-link:hover {
  color: var(--rosy-brown);
}

.sticky-btn-link-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.section-footer {
  z-index: 14;
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.footer-top-b {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.footer-logo {
  flex: none;
  width: 55px;
  margin-left: auto;
  margin-right: auto;
}

.footer-top-r-b {
  flex: 1;
  padding-left: 20px;
}

.footer-top-line {
  background-color: var(--dark-slate-blue-3);
  transform-origin: 50%;
  width: 100%;
  height: 1px;
}

.footer-slogan-b {
  color: var(--dark-slate-blue-3);
  text-align: center;
  margin-top: 5px;
  font-weight: 500;
}

.footer-slogan-cn {
  margin-bottom: 2px;
  font-size: 18px;
  line-height: 110%;
}

.footer-slogan-en {
  font-size: 14px;
}

.footer-content-b {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-content-col {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-content-col.v-contact {
  flex: 1;
  order: 1;
  justify-content: flex-end;
}

.btn-sitemap {
  background-image: linear-gradient(135deg, var(--steel-blue), var(--dark-slate-blue));
  box-shadow: 2px 2px 10px 0 var(--deep-sky-blue-2);
  color: var(--white);
  border-radius: 40px;
  flex: none;
  padding: 5px 15px;
  font-weight: 700;
  transition: box-shadow .5s, background-color .5s, color .5s;
  position: relative;
  overflow: hidden;
}

.btn-sitemap:hover {
  background-color: var(--saddle-brown);
  color: var(--white);
  box-shadow: 2px 2px 4px #71aed099;
}

.btn-sitemap.version-7 {
  background-image: linear-gradient(135deg, #7ca9d1, var(--dark-slate-blue));
}

.book-button-link-text-warap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.icon-sitemap {
  flex: none;
  margin-right: 10px;
}

.privacy-link-gp {
  margin-top: 10px;
  margin-bottom: 10px;
}

.link-privacy {
  color: var(--black);
  background-image: url('../images/footer-link-arrow.svg');
  background-position: 0 5px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 5px;
  margin-right: 20px;
  padding-left: 12px;
  transition-property: all;
  display: inline-block;
}

.footer-contact-b {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.footer-contact-item {
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.footer-contact-icon {
  flex: none;
  width: 20px;
  margin-top: 3px;
  margin-right: 10px;
}

.txt-link-bk {
  color: var(--black);
  font-size: 14px;
  font-weight: 300;
  display: block;
}

.txt-link-bk.v-sc {
  font-family: Noto Sans SC, sans-serif;
}

.txt-link-bk.active {
  color: var(--royal-blue);
}

.txt-link-bk.en {
  font-size: 1.1vw;
  line-height: 125%;
}

.txt-link-bk.right-top-link-text {
  font-size: 12px;
}

.footer-coptyright {
  color: var(--dark-grey);
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}

.header {
  z-index: 15;
  background-color: #0000;
  width: 100%;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.header-wrap {
  height: 115px;
  position: relative;
}

.header-wrap.revise {
  height: 115px;
}

.brand {
  z-index: 1;
  flex: none;
  width: 200px;
  margin-top: 10px;
  margin-bottom: -5px;
  margin-right: 0;
  padding-left: 0;
  transition: all .5s;
}

.brand.revise {
  width: 200px;
}

.header-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.header-news-b-bk {
  z-index: 3000;
  box-shadow: none;
  background-image: url('../images/header-icon-alert.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 60px;
  display: block;
  position: relative;
  inset: 0% 0% auto auto;
}

.header-news-b-bk.version-7 {
  background-color: var(--alice-blue-2);
  background-image: url('../images/header-icon-alert.svg');
  background-repeat: no-repeat;
  background-size: 25px;
}

.header-news-b-bk.v-20230712 {
  background-color: var(--alice-blue-2);
  background-image: url('../images/header-icon-alert.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 25px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.header-news-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
}

.header-news-slide {
  width: 100%;
}

.header-news-link {
  color: var(--black);
  width: 100%;
  padding-right: 20px;
  display: block;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
}

.nav-link {
  text-align: center;
  padding: 0;
  font-size: 1.5vw;
  transition: all .5s;
}

.nav-link:hover {
  color: var(--royal-blue);
  transform: scale(1.05);
}

.nav-link.w--current {
  color: var(--black);
}

.nav-link.en {
  font-size: 16px;
  line-height: 125%;
}

.nav-main-gp {
  width: 100%;
}

.nav-main-item {
  padding-left: 1%;
  padding-right: 1%;
}

.nav-right-gp {
  flex-wrap: wrap;
  order: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  font-weight: 300;
}

.nav-lang-b-hidden-1280 {
  order: -1;
  justify-content: flex-end;
  align-items: center;
  display: none;
}

.nav-lang-item {
  margin-left: 3.5%;
}

.nav-lang-item.lang {
  margin-left: 3%;
}

.nav-lang-item.lang-first {
  padding-left: 2.5%;
}

.nav-icon-link-gp {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.header-icon-link {
  border-left: 1px solid var(--gainsboro);
  color: var(--black);
  text-align: center;
  background-image: none;
  align-items: center;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.3vw;
  display: flex;
}

.header-icon-link:hover {
  color: var(--royal-blue);
}

.header-icon-link-icon {
  width: 100%;
  max-width: 30px;
  margin-right: 8px;
  position: relative;
}

.header-icon-link-icon.v-booking {
  width: 45px;
  max-width: 77%;
  height: 35px;
  margin-bottom: 0;
  margin-right: 5px;
}

.btn-booking {
  color: var(--dark-slate-blue-3);
  text-align: center;
  border-radius: 50%;
  flex: none;
  align-items: center;
  padding: 0 0 0 10px;
  font-size: 16px;
  transition: all .5s;
  display: flex;
}

.btn-booking:hover {
  color: var(--royal-blue);
}

.nav-dropdown {
  display: block;
}

.nav-dropdown:hover {
  color: var(--rosy-brown);
}

.nav-dropdown-list {
  background-color: #0000;
  overflow: hidden;
}

.nav-dropdown-list.w--open {
  white-space: nowrap;
  margin-left: -15px;
  margin-right: -15px;
}

.nav-dropdown-box {
  background-color: var(--white-smoke-3);
  border-radius: 10px;
  margin: 10px 15px 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  box-shadow: 2px 2px 5px #00000026;
}

.nav-dropdown-link {
  color: var(--black);
  background-color: #fff0;
  padding: 5px 15px;
  transition: background-color .5s, color .5s;
  display: block;
}

.nav-dropdown-link:hover {
  color: var(--royal-blue);
  background-color: #fff9;
}

.nav-menu-wrap {
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.header-bg {
  z-index: 0;
  background-color: var(--white-smoke-2);
  background-image: linear-gradient(to right, #fbf9f7, #fbfbfb);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 2px 2px 10px #0000001a;
}

.header-bg.version-7 {
  background-color: var(--white-smoke-3);
  background-image: url('../images/header-bg2x.png');
  background-repeat: no-repeat;
  background-size: 60% 100%;
}

.desktop-only {
  display: block;
}

.desktop-hide {
  display: none;
}

.header-mask {
  width: 0;
  height: 0;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.header-news-txt {
  white-space: nowrap;
  flex: 1;
  margin-right: 20px;
  font-size: 15px;
  line-height: 140%;
  overflow: hidden;
}

.btn-banner-detail {
  box-shadow: 1px 1px 3px 0 var(--dark-slate-blue-2);
  text-align: center;
  letter-spacing: 2px;
  background-color: #fff9;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.btn-banner-detail-title {
  letter-spacing: 3px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.btn-banner-detail-icon-b {
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.btn-banner-detail-icon-layer-2, .btn-banner-detail-icon-layer-3 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.pop-b {
  z-index: 4000;
  background-color: var(--white);
  width: 100vw;
  height: 100vh;
  padding-bottom: 80px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.popup-search {
  display: none;
}

.search-box-content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.btn-search {
  background-color: #0000;
  background-image: url('../images/header-icon-search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  width: 50px;
  height: 50px;
  padding: 0;
  transition: all .5s;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.btn-search:hover {
  transform: scale(.9);
}

.search-input {
  background-color: var(--alice-blue-2);
  color: var(--black);
  border: 1px #000;
  border-radius: 25px;
  height: 50px;
  padding-left: 20px;
  padding-right: 60px;
  font-size: 17px;
  line-height: 23px;
  position: relative;
}

.search-input:focus, .search-input:focus-visible, .search-input[data-wf-focus-visible] {
  border-style: none;
}

.search-input::placeholder {
  color: #0000004d;
}

.subtitle-b {
  color: var(--dark-slate-blue);
  margin-bottom: 10px;
  font-weight: 700;
}

.subtitle-b.v-doctor {
  text-align: center;
}

.btn-pop-close.home {
  z-index: 1;
  color: var(--white);
  margin-top: 40px;
  margin-right: 2vw;
  position: fixed;
  inset: 0% 0% auto auto;
}

.btn-pop-close.home:hover {
  color: var(--old-lace);
}

.btn-pop-close.notice {
  z-index: 1;
  color: var(--white);
  margin-top: 40px;
  margin-right: 2vw;
  position: fixed;
  inset: 0% 0% auto auto;
}

.btn-pop-close.notice:hover {
  color: var(--old-lace);
}

.btn-pop-close-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-pop-close-icon {
  background-color: var(--dark-slate-blue);
  background-image: url('../images/icon-pop-close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-left: 10px;
}

.btn-pop-close-icon.bigger {
  width: 40px;
  height: 40px;
}

.common-curve-bottom {
  width: 680px;
  margin-bottom: -65px;
  margin-left: 33%;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(-100%);
}

.common-curve-bottom.terms {
  width: auto;
  margin-bottom: -184px;
}

.common-curve-bottom.out-patient {
  z-index: 1;
  margin-bottom: -60px;
  margin-left: 45%;
}

.common-curve-bottom.top {
  z-index: 1;
  margin-top: -110px;
  margin-left: 45%;
  inset: 0% auto auto 0%;
}

.common-curve-bottom.doctor-zone-cme {
  z-index: 2;
  width: 80%;
  margin-bottom: -19%;
  margin-left: 69%;
}

.common-curve-bottom.insurance-instructions {
  z-index: 2;
  width: 80%;
  margin-bottom: -30%;
  margin-left: 69%;
}

.common-sh-curves {
  z-index: 1;
  width: 400px;
  margin-top: -80px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.curve-lottie.v-banner {
  margin-right: -40px;
}

.slider-nested-test {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.slide {
  background-color: var(--deep-sky-blue);
}

.slide-2 {
  background-color: var(--dark-slate-blue);
}

.slide-3 {
  background-color: var(--red);
}

.home-banner-100-b {
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  padding-top: 120px;
  display: flex;
  position: relative;
}

.popup-vid, .header-top-mobile-b {
  display: none;
}

.btn-booking-dropdown {
  border-left: 1px solid var(--gainsboro);
  position: static;
}

.nav-booking-dropdown-box {
  background-color: var(--white-smoke-3);
  border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  overflow: hidden;
  box-shadow: 2px 2px 5px #00000026;
}

.nav-booking-dropdown-list {
  text-align: right;
  background-color: #0000;
  margin-top: 35px;
  inset: 0% 0% 0% auto;
}

.nav-booking-dropdown-list.w--open {
  white-space: nowrap;
  margin-left: -15px;
  margin-right: -15px;
  right: 0;
}

.nav-booking-dropdown-link {
  color: var(--black);
  background-color: #fff0;
  padding: 5px 15px;
  transition: background-color .5s, color .5s;
  display: block;
}

.nav-booking-dropdown-link:hover {
  color: var(--royal-blue);
  background-color: #fff9;
}

.home-hotsearch-b {
  align-items: stretch;
  display: flex;
}

.home-hotsearch-col {
  width: 50%;
}

.home-hotsearch-col.col-l {
  padding-bottom: 80px;
  padding-left: 40px;
  padding-right: 40px;
}

.home-hotsearch-col.col-r {
  margin-bottom: -80px;
}

.home-hotsearch-img-b {
  height: 100%;
  margin-right: -40px;
  position: relative;
  overflow: hidden;
}

.home-hotsearch-img {
  background-image: url('../images/home-hot-search-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-hotsearch-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -10px;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 60px;
  display: flex;
}

.btn-gradient-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-hotsearch-bg {
  background-color: var(--old-lace);
  width: 100px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sticky-btn-icon-circle {
  background-image: linear-gradient(270deg, var(--deep-sky-blue), var(--pale-turquoise));
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}

.sticky-btn-icon-circle.v-accomodation-2, .sticky-btn-icon-circle.v-outpatient-2 {
  background-color: #fff6;
  background-image: none;
}

.sticky-btn-icon-circle.v-accomodation-2 {
  background-image: linear-gradient(-45deg, #4b382b 7%, #a3938a 89%);
}

.sticky-btn-icon-circle.v-outpatient-2 {
  background-image: linear-gradient(-45deg, var(--dark-slate-blue) 7%, #319ab5 80%);
}

.sticky-btn-icon-circle.v-services-7 {
  background-image: linear-gradient(-45deg, #4589af 14%, #88d1cf 82%);
  margin-top: 0;
}

.sticky-btn-icon {
  position: absolute;
  inset: 0%;
}

.section-banner {
  position: relative;
}

.inner-banner-content {
  padding-top: 15px;
  padding-bottom: 10px;
  overflow: hidden;
}

.inner-banner-content.revise {
  padding-top: 15px;
  padding-bottom: 10px;
}

.breadcrumb-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  line-height: 120%;
  display: flex;
}

.breadcrumb-b.revise {
  margin-bottom: 0;
}

.breadcrumb-b.revise-02 {
  margin-bottom: 10px;
}

.breadcrumb-item {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.breadcrumb-link {
  color: var(--black);
}

.breadcrumb-seperator {
  margin-left: 5px;
  margin-right: 5px;
}

.page-heading-b {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.page-heading-main {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.page-heading-icon-b {
  z-index: 1;
  flex: none;
  margin-right: 20px;
  position: relative;
}

.img-page-icon {
  width: auto;
  height: 100px;
  display: block;
}

.page-heading-txt {
  letter-spacing: 4px;
}

.page-heading-handwrite {
  color: #0000001a;
  text-align: right;
  letter-spacing: 12px;
  margin-left: auto;
  padding-left: 40px;
  font-family: Radicalis, sans-serif;
  font-size: 24px;
  line-height: 60px;
}

.page-heading-txt-b {
  flex: 1;
  margin-top: 3px;
  margin-bottom: 3px;
}

.inner-shortcut-b {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--gainsboro);
  background-color: var(--white);
  text-align: center;
}

.inner-shortcut-b.v-fixed {
  z-index: 13;
  background-color: #0000;
  border-style: none;
  margin-top: 0;
  position: fixed;
  inset: 0% 0% auto;
  transform: translate(0, -100%);
}

.inner-shortcut-wrap {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -3px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.inner-shorcut-item {
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
  display: flex;
}

.inner-shortcut-separator {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 10px;
  height: 30px;
}

.inner-shortcut-separator.v-left {
  background-image: url('../images/inner-shortcut-separator-l2x_1inner-shortcut-separator-l@2x.png');
}

.inner-shortcut-separator.v-right {
  background-image: url('../images/inner-shortcut-separator-r2x_1inner-shortcut-separator-r@2x.png');
}

.inner-shortcut-link {
  color: var(--rosy-brown);
  margin-left: 15px;
  margin-right: 15px;
  font-weight: 500;
  transition-property: all;
}

.inner-shortcut-link:hover {
  color: var(--dark-slate-blue);
  transform: scale(1.2);
}

.inner-shortcut-link.w--current {
  color: var(--dark-slate-blue);
  transform: scale(1.15);
}

.inner-shortcut-link.active {
  color: var(--dark-slate-blue);
  transform: scale(1.2);
}

.inner-shortcut-fix-b {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--gainsboro);
  background-color: var(--white);
}

.common-intro-b {
  color: var(--white);
  border-top-left-radius: 40px;
  margin-left: 80px;
  position: relative;
  overflow: hidden;
}

.common-intro-b.v-aboutsph {
  margin-bottom: -49vw;
  padding-bottom: 49vw;
}

.intro-bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  inset: 0%;
}

.intro-bg.v-about {
  background-image: url('../images/about-intro-bg2x.jpg');
}

.intro-bg.v-pastoral {
  background-image: url('../images/about-pastoral-intro2x.jpg');
}

.intro-bg.v-pastoral-spirtual {
  background-image: url('../images/about-pastoral-spiritual-img2x.jpg');
}

.intro-bg.v-accomodations-detail {
  background-image: url('../images/accomodations-detail-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.intro-bg.v-vacancy {
  background-image: url('../images/vacancy-intro-img-v022x.png');
  background-position: 50%;
}

.intro-bg-mask {
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.intro-bg-mask.centre-sercie {
  position: relative;
}

.about-vid-b {
  z-index: 1;
  width: 80%;
  padding-bottom: 4vw;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 10px #0003;
}

.common-intro-content {
  z-index: 1;
  text-shadow: 0 3px 10px #0006;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.common-intro-content.white {
  color: var(--white);
  text-shadow: none;
}

.blue-bar {
  z-index: 1;
  background-color: var(--dark-slate-blue);
  height: 4vw;
  margin-right: 10vw;
  position: absolute;
  inset: auto 0% 0%;
}

.blue-bar.top {
  inset: 0% 0% auto;
}

.intro-b {
  position: relative;
  overflow: hidden;
}

.inner-section-div {
  margin-top: 40px;
  position: relative;
  transform: translate(0);
}

.inner-section-div.v-top {
  margin-top: 40px;
}

.inner-section-div.contact {
  margin-top: 0;
  padding-bottom: 4vw;
}

.inner-section-div.accommodations-info {
  padding-top: 4vw;
}

.inner-section-div.accommodations-guide {
  background-color: var(--white-smoke);
  margin-top: 0;
}

.inner-section-div.accommodations-discharge {
  background-image: linear-gradient(#00000080, #00000080), url('../images/accommodations-img-022x.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 0;
}

.inner-section-div.about-pastoral-spiritual-b {
  margin-top: 0;
  margin-bottom: -80px;
  overflow: hidden;
}

.inner-section-div.charges-bg-img {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.inner-section-div.information-forms-bg-img {
  background-image: linear-gradient(#0003, #0003), url('../images/information-forms-bg2x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.inner-section-div.obstetrics-gynaecology-important-notes {
  background-image: linear-gradient(#fff9, #fff9), url('../images/specialist-centers-obstetrics-gynaecology-important-notes-bg2x.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 0;
}

.inner-section-div.vacancy-jobs {
  margin-top: 0;
}

.inner-section-div.health-corner {
  padding-top: 60px;
  padding-bottom: 60px;
}

.inner-section-div.charges-bg-img-b-01, .inner-section-div.charges-bg-img-b-03 {
  min-height: 350px;
  overflow: hidden;
}

.inner-section-div.v-20 {
  margin-top: 20px;
}

.inner-section-div.visiting-doctor, .inner-section-div.timetable-location {
  padding-top: 60px;
  padding-bottom: 60px;
}

.inner-section-div.v-none {
  margin-top: 0;
}

.inner-section-div.v-30 {
  margin-top: 30px;
}

.about-corporate-gp {
  margin-bottom: 60px;
}

.about-corporate-title {
  margin-bottom: 30px;
  font-weight: 700;
}

.about-corporate-table {
  margin-bottom: -10px;
}

.about-corporate-table-row {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.about-corperate-fieldname {
  flex: none;
  width: 180px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
  font-weight: 700;
}

.about-corperate-data-box {
  background-color: var(--alice-blue);
  border-radius: 20px;
  flex: 1;
  padding: 15px;
}

.about-corperate-data-box.full {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.about-corporate-data-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.about-corporate-data-item {
  width: 25%;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.about-mission-b {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.about-mission-bg {
  background-color: var(--old-lace);
  width: 360px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.about-mission-wrap {
  justify-content: flex-start;
  align-items: stretch;
  margin-right: -40px;
  display: flex;
}

.about-mission-col {
  background-color: var(--white-smoke);
  flex-flow: column wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.about-mission-col.v-goal {
  background-color: var(--old-lace);
}

.about-mission-content-b {
  width: 100%;
  padding: 40px;
}

.about-mission-icon {
  width: 95px;
  margin-left: auto;
  margin-right: auto;
}

.about-mission-title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
}

.mission-img-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mission-img-wrap.v-goal {
  order: -1;
}

.mission-img-b {
  width: 50%;
  overflow: hidden;
}

.mission-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 56.8%;
}

.mission-img.mission-1 {
  background-image: url('../images/about-mission-img-12x.jpg');
}

.mission-img.mission-2 {
  background-image: url('../images/about-mission-img-22x.jpg');
}

.mission-img.goal-1 {
  background-image: url('../images/about-goal-img-12x.jpg');
}

.mission-img.goal-2 {
  background-image: url('../images/about-goal-img-22x.jpg');
}

.milestone-tabs-menu {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.milestone-tab-link-b {
  color: var(--dark-slate-blue);
  text-align: center;
  background-color: #0000;
  flex: 1;
  padding: 0;
  display: block;
}

.milestone-tab-link-b.w--current {
  color: var(--rosy-brown);
  background-color: #0000;
}

.milestone-tab-bar {
  align-items: center;
  display: flex;
}

.milestone-tab-txt {
  text-align: center;
}

.milestone-tab-line {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
}

.milestone-tab-line.end {
  background-color: #0000;
}

.milestone-tab-circle {
  border: 1px solid var(--white);
  background-color: var(--white);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  display: flex;
}

.milestone-tab-circle.v-last {
  border-color: var(--dark-slate-blue);
}

.milestone-tab-dot {
  background-color: var(--dark-slate-blue);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  transition: background-color .5s;
}

.milestone-tab-dot.active {
  background-color: var(--rosy-brown);
}

.milestone-tab-content {
  margin-left: -40px;
  margin-right: -40px;
  position: relative;
}

.milestone-top-b {
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.milestone-year-b {
  justify-content: space-between;
  align-items: flex-end;
  width: 50%;
  padding-right: 30px;
  display: flex;
}

.milestone-year-txt {
  color: var(--dark-slate-blue);
  letter-spacing: 5px;
  font-size: 60px;
  font-weight: 500;
  line-height: 100%;
}

.milestone-year-small {
  letter-spacing: 0;
  font-size: 24px;
  line-height: 100%;
}

.milestone-year-arrow-gp {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 3px;
  display: flex;
}

.milestone-btn-arrow {
  background-image: url('../images/about-timeline-prev2x_1about-timeline-prev@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 32px;
  margin-left: 35px;
  transition-property: all;
}

.milestone-btn-arrow:hover {
  transform: scale(.9);
}

.milestone-btn-arrow.tab-next {
  background-image: url('../images/about-timeline-next2x_1about-timeline-next@2x.png');
}

.milestone-bar {
  background-color: var(--dark-slate-blue);
  flex: 1;
  height: 40px;
  margin-left: -40px;
  margin-right: -40px;
}

.milestone-bar.v-bottom {
  z-index: 1;
  width: 50%;
  margin-right: 0;
  position: relative;
}

.milestone-bar.v-top {
  z-index: 2;
  margin-left: 0;
  position: relative;
}

.milestone-content-b, .milestone-row {
  position: relative;
}

.milestone-year-bar {
  background-color: var(--alice-blue-3);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 120px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.milestone-row-year {
  color: var(--steel-blue);
  text-align: center;
  width: 120px;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  position: relative;
}

.milestone-year-content {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 30px;
  padding-left: 3%;
  display: flex;
}

.milestone-img-slider-b {
  border-radius: 20px;
  flex: none;
  width: 30%;
  max-width: 500px;
  margin-left: 2%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 5px #0003;
}

.milestone-slider-arrow {
  z-index: 3;
  background-image: url('../images/about-slider-arrow-l2x_1about-slider-arrow-l@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  transition: opacity .5s;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.milestone-slider-arrow:hover {
  opacity: .5;
}

.milestone-slider-arrow.v-next {
  z-index: 3;
  background-image: url('../images/about-slider-arrow-r2x_1about-slider-arrow-r@2x.png');
  inset: 50% 0% auto auto;
}

.milestone-year-txt-b {
  flex: 1;
  align-self: stretch;
  align-items: center;
  margin-left: 2%;
  display: flex;
  position: relative;
}

.milestone-list {
  padding-top: 30px;
  position: relative;
}

.map-b {
  z-index: 1;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 20px #23487133;
}

.about-map-content-b {
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -40px;
  margin-right: -40px;
  display: flex;
  position: relative;
}

.about-map-col {
  width: 50%;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.transport-item {
  margin-bottom: 40px;
  position: relative;
}

.transport-title-b {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  font-weight: 700;
  display: flex;
}

.transport-icon {
  width: 30px;
  margin-right: 15px;
  position: relative;
}

.transport-title-txt {
  color: var(--dark-slate-blue);
  letter-spacing: 1px;
  font-size: 24px;
  line-height: 28px;
}

.about-map-color-mask {
  background-color: var(--alice-blue-2);
  margin-top: -150px;
  position: absolute;
  inset: 0%;
}

.split-row {
  border-bottom: 1px solid var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.split-fieldname {
  font-weight: 500;
}

.split-data {
  text-align: right;
  flex: 1;
  padding-left: 10px;
}

.split-link {
  color: var(--white);
}

.sister-bg {
  background-color: var(--white-smoke);
  height: 200px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.common-inner-sh-curves {
  z-index: 1;
  width: 260px;
  margin-top: -100px;
  margin-right: -40px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.common-inner-sh-curves.v-bottom {
  margin-top: 0;
  margin-bottom: -50px;
  margin-right: 0;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.common-inner-sh-curves.top {
  margin-top: 0;
  margin-right: 0;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.common-inner-sh-curves.two-col {
  margin-right: -3%;
}

.common-inner-sh-curves.two-col.bottom {
  inset: auto 0% 0% auto;
}

.common-inner-sh-curves.common-blue {
  margin-top: -75px;
}

.common-inner-sh-curves.inner-page-col {
  margin-top: -30px;
  margin-right: -20px;
}

.common-inner-sh-curves.inner-page-col.bottom {
  margin-top: 0;
  margin-bottom: -45px;
  inset: auto 0% 0% auto;
}

.common-inner-sh-curves.inner-page-col.absolute-bottom {
  inset: auto 0% 0% auto;
}

.common-inner-sh-curves.appointment-line {
  margin-top: -25px;
  margin-right: -40px;
}

.form-b {
  margin-bottom: 0;
}

.form-b.dropdown {
  z-index: 99;
  position: relative;
}

.doctor-list {
  flex-flow: wrap;
  margin-bottom: -40px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.doctor-list.en {
  font-size: 15px;
  line-height: 120%;
}

.doctor-item {
  width: 33.3%;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.doctor-item-link {
  text-align: center;
  width: 100%;
  display: block;
}

.doctor-item-link:hover {
  color: var(--dark-slate-blue);
}

.doctor-item-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.doctor-item-wrap.tetx-version {
  justify-content: flex-end;
}

.doctor-item-txt-b {
  z-index: 1;
  flex: 1;
  margin-right: -60px;
  position: relative;
}

.doctor-item-txt-b.option01 {
  flex: none;
  width: 100%;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.doctor-item-name {
  font-weight: 500;
}

.doctor-item-title {
  color: var(--black);
  margin-top: 5px;
  font-size: 1.4vw;
  line-height: 140%;
}

.doctor-img-b {
  width: 65%;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.doctor-img-bg {
  background-image: url('../images/od-item-deco2x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.doctor-item-img-mask {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.doctor-img-bg-hover {
  opacity: 0;
  background-image: url('../images/od-item-deco-hover2x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0%;
}

.doctor-item-img {
  width: 100%;
  margin-top: 5px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.doctor-item-arrow-b {
  border: 1px solid var(--dark-slate-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.doctor-listing-search-b {
  z-index: 1;
  max-width: 600px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.inner-filter-b {
  z-index: 0;
  background-color: var(--dark-slate-blue);
  border-radius: 10px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  box-shadow: 0 2px 15px #71aed080;
}

.inner-filter-b.doctor-filter {
  margin-left: 0;
  margin-right: 0;
}

.inner-filter-dropdown {
  flex: 1;
  display: block;
  position: static;
}

.inner-filter-dropdown.max-width-230 {
  max-width: 230px;
  position: relative;
}

.inner-filter-dropdown-toggle {
  color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  transition: color .5s;
  display: flex;
}

.inner-filter-dropdown-toggle:hover {
  color: var(--pale-turquoise);
}

.inner-filter-dropdown-list {
  border-radius: 10px;
  margin-top: 44px;
  overflow: hidden;
  box-shadow: 0 2px 15px #0003;
}

.inner-filter-dropdown-list.w--open {
  background-color: var(--alice-blue);
  max-height: 40vh;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.inner-filter-dropdown-list-warp {
  border-radius: 10px;
  padding: 20px;
  overflow: hidden;
}

.filter-all-b {
  border-bottom: 1px solid var(--dark-slate-blue);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.form-checkbox-field {
  cursor: pointer;
  flex: none;
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
}

.form-checkbox-content {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.form-checkbox-box {
  background-color: var(--alice-blue-3);
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  display: flex;
}

.checkbox-tick {
  opacity: 0;
  background-image: url('../images/form-checkbox-tick_1form-checkbox-tick.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 20px;
  height: 27px;
  margin-top: -2px;
  margin-left: 4px;
  transition: opacity .5s;
}

.form-checkbox-txt {
  margin-left: 10px;
}

.inner-filter-checkbox-list {
  opacity: 1;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.inner-filter-checkbox-item {
  width: 33.3%;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.txt-align-left {
  text-align: right;
}

.arrow-blue-r {
  background-image: url('../images/arrow-blue-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 10px;
  height: 14px;
}

.arrow-blue-r.v-small {
  width: 6px;
  height: 9px;
}

.inner-filter-separator {
  background-color: var(--white);
  width: 1px;
  height: 30px;
}

.doctor-top-b {
  z-index: 9;
  position: relative;
}

.doctor-detail-content {
  background-color: var(--alice-blue);
  justify-content: flex-start;
  margin-top: 60px;
  display: flex;
}

.doctor-detail-col {
  flex: 1;
  padding: 60px;
}

.doctor-detail-col.col-l {
  background-color: var(--alice-blue-2);
  text-align: center;
  background-image: url('../images/od-detail-bg2x.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex: none;
  width: 550px;
  padding-top: 0;
}

.doctor-detail-col.col-r {
  flex: 1;
}

.doctor-photo-b {
  margin-top: -60px;
  margin-bottom: 20px;
  position: relative;
}

.doctor-photo-bg {
  margin-left: -60px;
  margin-right: -60px;
  position: absolute;
  inset: auto 0% 0%;
}

.doctor-fieldname {
  margin-bottom: 20px;
  font-weight: 700;
}

.doctor-contact-list {
  margin-bottom: -15px;
  display: inline-block;
}

.doctor-contact-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.doctor-contact-icon {
  flex: none;
  width: 30px;
  margin-right: 20px;
}

.doc-contact-link {
  color: var(--black);
}

.doctor-book-b {
  margin-top: 40px;
}

.doctor-detail-content-wrap {
  margin-left: -10px;
  margin-right: -10px;
}

.doctor-detail-content-col {
  flex: 1;
  padding-left: 10px;
  padding-right: 10px;
}

.doctor-content-gp {
  margin-bottom: 40px;
}

.btn-txt-arrow-txt-small {
  margin-left: 10px;
}

.unordered-list {
  margin-bottom: 0;
  padding-left: 20px;
}

.list-item {
  margin-top: 10px;
}

.footer-contact-icon-img {
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.nav-lang-b-show-1280 {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-self: flex-end;
  display: flex;
}

.nav-main-item-row {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: -1%;
  margin-right: 0%;
  display: flex;
}

.txt-link-bk-en {
  color: var(--black);
  font-size: 14px;
  font-weight: 300;
}

.txt-link-bk-en.v-sc {
  font-family: Noto Sans SC, sans-serif;
}

.txt-link-bk-en.active {
  color: var(--royal-blue);
}

.tc {
  font-family: Noto Sans HK, sans-serif;
}

.search-b {
  z-index: 1;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.faq-filter {
  z-index: 9;
  position: relative;
}

.faq-title-b {
  border-bottom: 1px solid var(--black);
  padding-bottom: 10px;
  font-weight: 500;
}

.faq {
  flex-flow: column wrap;
  margin-top: -50px;
  display: flex;
}

.faq-b {
  margin-top: 50px;
}

.faq-link-b {
  border-bottom: 1px solid var(--gainsboro);
  width: 100%;
  padding: 20px 30px 20px 20px;
  font-weight: 500;
  transition: all .5s, color .5s;
  display: flex;
  position: relative;
}

.faq-link-b:hover {
  background-color: var(--alice-blue);
  padding-left: 30px;
}

.faq-link-b.active {
  background-color: var(--alice-blue);
  color: var(--royal-blue);
  padding-left: 30px;
}

.faq-link-b.beige:hover {
  background-color: var(--old-lace);
}

.faq-link-b.beige-default {
  color: var(--rosy-brown);
}

.faq-link-b.beige-default:hover {
  background-color: var(--white-smoke);
  color: var(--dark-slate-blue);
}

.faq-link-b.beige-default.active {
  background-color: var(--white-smoke);
  color: var(--royal-blue);
}

.faq-link-b.white {
  border-bottom-color: var(--white);
  color: var(--white);
}

.faq-link-b.white:hover {
  background-color: var(--deep-sky-blue-2);
  color: var(--old-lace);
}

.arrow-img {
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.faq-expand-b {
  overflow: hidden;
}

.faq-expand {
  background-color: var(--white-smoke);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
}

.faq-expand.black-grad {
  color: var(--white);
  background-color: #0006;
}

.search-top-b {
  z-index: 10;
  position: relative;
}

.search-result-title-b {
  border-bottom: 1px solid var(--black);
  padding-bottom: 10px;
  font-weight: 500;
}

.search-result-b {
  margin-top: 40px;
}

.search-result-title-row {
  flex-wrap: wrap;
  display: flex;
}

.search-result-title-l {
  letter-spacing: 2px;
  width: 80%;
  font-size: 21px;
  line-height: 120%;
}

.search-result-title-r {
  text-align: right;
  width: 20%;
}

.search-result-link-b {
  margin-top: 20px;
}

.search-result-link {
  background-color: var(--alice-blue);
  border-radius: 20px;
  width: 100%;
  padding: 20px;
  transition: all .5s, color .5s;
  display: block;
}

.search-result-link:hover {
  transform: scale(.95);
}

.search-result-link-text-b {
  color: var(--black);
  margin-top: 20px;
}

.light-blue-text {
  color: var(--steel-blue-2);
}

.search-result-link-text {
  letter-spacing: 2px;
  font-size: 21px;
  display: flex;
}

.search-result-link-text-arrow {
  margin-left: 15px;
}

.white-smoke-deep-bg {
  background-color: var(--white-smoke-4);
}

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

.sitemap-row {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.display-none {
  display: none;
}

.contact-map-bg {
  z-index: -1;
  background-color: var(--alice-blue);
  height: 525px;
  position: absolute;
  inset: 0% 0% auto;
}

.contact-faq-expand-b {
  overflow: hidden;
}

.contact-faq-expand {
  background-color: var(--white-smoke);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
}

.contact-map-content-b {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.contact-map-col {
  width: 50%;
  padding: 20px 20px 0;
  position: relative;
}

.contact-detail-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.contact-detail-col {
  text-align: center;
  width: 50%;
  padding: 40px;
  position: relative;
}

.font-20 {
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 28px;
}

.contact-detail-b {
  margin-top: 20px;
}

.contact-item {
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.contact-icon {
  flex: none;
  width: 20px;
  margin-right: 10px;
}

.contact-link {
  color: var(--black);
}

.contact-detail-link-b {
  color: #5a483b;
  letter-spacing: 1px;
  background-image: linear-gradient(to right, #8e7e74, #554235);
  border-radius: 50px;
  padding: 2px;
  font-weight: 500;
  transition: all .5s, color .5s;
  position: relative;
}

.contact-item-row {
  flex-wrap: wrap;
  margin-top: -5px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.contact-item-row.center {
  justify-content: center;
}

.contact-detail-link-text-b {
  background-color: var(--white-smoke);
  border-radius: 50px;
  padding: 2px 25px 2px 45px;
  position: relative;
}

.white-smoke-bg {
  background-color: #f9f7f5;
}

.contact-detail-link-img-b {
  z-index: 1;
  width: 55px;
  margin-top: -3px;
  margin-left: -15px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.margin-top-none {
  margin-top: 0;
}

.white-bg {
  background-color: var(--white);
}

.contact-map-content {
  padding-top: 40px;
  padding-bottom: 50px;
}

.contact-map-contact-item-b {
  margin-top: 30px;
}

.contact-map-contact-item {
  align-items: center;
  display: flex;
}

.popup-enquiries {
  display: none;
}

.form-col-full {
  width: 100%;
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}

.form-success-message {
  background-color: #0000;
}

.input-b {
  z-index: 1;
  flex-direction: row;
  position: relative;
}

.input {
  z-index: 1;
  border: 1px solid var(--dark-slate-blue);
  background-color: var(--white);
  border-radius: 25px;
  height: 50px;
  margin-bottom: 0;
  padding: 0 20px;
  font-size: 17px;
  position: relative;
}

.input::placeholder {
  color: #000000b3;
}

.input.long, .input.form-field {
  border-radius: 20px;
  min-height: 250px;
  padding-top: 15px;
}

.form-col-50 {
  width: 50%;
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-field-row {
  flex-wrap: wrap;
  margin-top: -25px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.text-field-row.v-center {
  align-items: center;
}

.form-error-message {
  color: #003735;
  text-align: center;
  background-color: #ffdede;
}

.submit-btn {
  border: 1px solid var(--dark-slate-blue);
  color: var(--dark-slate-blue);
  background-color: #0000;
  background-image: url('../images/arrow-blue-r.svg');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 5px 30px 5px 15px;
  transition: all .5s;
}

.submit-btn:hover {
  background-color: var(--dark-slate-blue);
  color: var(--white);
  background-image: url('../images/arrow-wt-r.svg');
}

.submit-btn.white {
  border-color: var(--white);
  color: var(--white);
  background-image: url('../images/arrow-wt-r.svg');
}

.submit-btn.white:hover {
  border-color: var(--dark-slate-blue);
}

.label {
  z-index: 2;
  border-radius: 0 12px 12px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  transition: all .5s;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.form-bottom-row {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-robot-img {
  width: 300px;
}

.form-bottom-col-l {
  width: 60%;
}

.form-bottom-col-r {
  text-align: right;
  width: 40%;
}

.terms {
  padding-bottom: 95px;
}

.terms-row {
  flex-wrap: wrap;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.terms-col-l {
  width: 35%;
  margin-right: -40px;
  padding-top: 80px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.terms-col-r {
  width: 65%;
}

.terms-col-l-bg {
  z-index: 0;
  background-color: var(--alice-blue-2);
  width: 100%;
  height: 100%;
  margin-left: -40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.terms-img {
  z-index: 1;
  margin-top: 40px;
  margin-bottom: -40px;
  position: relative;
}

.terms-col-l-content {
  position: relative;
}

.text-brown {
  color: var(--rosy-brown);
}

.privacy-and-terms-list-b {
  z-index: 2;
  background-color: var(--white);
  border-radius: 20px;
  padding: 40px;
  position: relative;
  box-shadow: 1px 1px 14px #0003;
}

.privacy-and-terms-list-b.privacy {
  margin-left: 40px;
}

.terms-col-r-content {
  position: relative;
}

.terms-col-r-bg {
  z-index: 0;
  background-color: var(--old-lace);
  width: 100%;
  height: 100%;
  margin-bottom: -40px;
  margin-right: -40px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.line-title {
  border-bottom: 1px solid var(--black);
  padding-bottom: 10px;
}

.line-title.white {
  border-bottom-color: var(--white);
  color: var(--white);
}

.privacy-and-terms-list-row {
  margin-top: -40px;
}

.privacy-and-terms-list {
  margin-top: 40px;
}

.privacy-col-l-bg {
  z-index: 0;
  background-color: var(--old-lace);
  width: 100%;
  height: 100%;
  margin-bottom: 40px;
  margin-right: 40px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.privacy-col-l-content {
  position: relative;
}

.privacy-col-l {
  z-index: 3;
  width: 65%;
  padding-top: 80px;
  position: relative;
}

.privacy-col-r {
  z-index: 2;
  width: 35%;
  position: relative;
}

.privacy-col-r-content {
  padding-bottom: 40px;
  position: relative;
}

.privacy-col-r-bg {
  z-index: 0;
  background-color: var(--alice-blue-2);
  width: 100%;
  height: 100%;
  margin-bottom: -40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.privacy-img {
  z-index: 1;
  margin-bottom: -40px;
  margin-left: -40px;
  position: relative;
}

.privacy-row {
  flex-wrap: wrap-reverse;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.common-curve-bottom-right {
  z-index: 1;
  width: 430px;
  margin-bottom: -230px;
  margin-right: -20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.common-curve-bottom-right.top {
  margin-top: -50px;
  margin-bottom: 0;
  inset: 0% 0% auto auto;
}

.common-curve-bottom-right.accomodations-facilities {
  width: 260px;
  margin-bottom: 0;
  inset: 0% 0% auto auto;
}

.common-curve-bottom-right.common-col-r {
  margin-bottom: -232px;
  margin-right: -120px;
}

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

.wrapper {
  width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 20px #23487133;
}

.milestones-img-b {
  width: 100%;
  transition: transform .2s;
  position: relative;
  inset: auto auto 0% 0%;
}

.draggable-content {
  z-index: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  position: relative;
  transform: translate(0%);
}

.milestones-b {
  cursor: grab;
  width: 2743px;
}

.drag-click-icon {
  z-index: 1;
  background-color: var(--white);
  text-align: center;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  padding: 30px 8%;
  display: flex;
  box-shadow: 2px 2px 30px #71aed080;
}

.milestone-btn-play-pause {
  width: 29px;
  margin-left: 30px;
  transition-property: all;
}

.milestone-btn-play-pause:hover {
  transform: scale(.9);
}

.milestone-btn-pause {
  width: 100%;
  transition: all .5s, color .5s;
  display: block;
}

.milestone-btn-pause:hover {
  transform: scale(.95);
}

.milestone-btn-play-pause-b {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.milestone-btn-play {
  width: 100%;
  transition: all .5s, color .5s;
  display: block;
}

.milestone-btn-play:hover {
  transform: scale(.95);
}

.milestone {
  overflow: hidden;
}

.drag-click-icon-img {
  width: 100%;
  max-width: 150px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.milestones-content-b {
  position: relative;
}

.sticky-btn-dropdown {
  z-index: 999;
  border-radius: 4px;
  width: 100%;
  display: block;
  position: static;
}

.sticky-btn-dropdown-list {
  z-index: -1;
  border: 2px solid var(--old-lace);
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}

.sticky-btn-dropdown-list.service {
  width: 150%;
  inset: auto 0% 0% auto;
}

.sticky-btn-dropdown-link-b {
  width: 50%;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.sticky-btn-dropdown-link-row {
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.sticky-btn-dropdown-link-row.tc {
  display: none;
}

.sticky-btn-dropdown-link-row.en, .sticky-btn-dropdown-link-row.tc-v03 {
  display: block;
}

.sticky-btn-dropdown-link {
  color: var(--black);
  font-weight: 500;
  display: inline-block;
}

.sticky-btn-dropdown-link-arrow {
  background-image: url('../images/arrow-bk-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 6px;
  height: 9px;
  margin-top: 8px;
}

.sticky-btn-dropdown-link-text {
  margin-left: 10px;
  font-size: 15px;
  line-height: 140%;
}

.sticky-btn-dropdown-link-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sticky-btn-dropdown-list-b {
  z-index: -1;
  width: 100%;
  padding: 20px 20px 70px;
  display: block;
}

.accommodations-guide-b {
  padding-top: 60px;
  padding-bottom: 60px;
}

.content-col-r {
  border-left: 1px solid var(--gainsboro);
  flex: none;
  width: 30%;
}

.col-r-slider {
  margin-bottom: 60px;
}

.col-r-slide {
  margin-top: 20px;
}

.accommodations-type-slide-content {
  color: var(--black);
  display: block;
  position: relative;
  overflow: hidden;
}

.accommodations-type-slide-text-b {
  background-image: linear-gradient(to bottom, #ffffff80, var(--white));
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.title-text-line {
  border-bottom: 1px solid var(--black);
  padding-bottom: 10px;
}

.sticky {
  position: sticky;
  top: 60px;
}

.content-row {
  flex-flow: wrap;
  display: flex;
}

.content-col-l {
  width: 70%;
}

.contact-faq-link-b {
  border-bottom: 1px solid var(--gainsboro);
  width: 100%;
  padding: 20px 30px 20px 20px;
  font-weight: 500;
  transition: all .5s, color .5s;
  display: flex;
  position: relative;
}

.contact-faq-link-b:hover {
  background-color: var(--alice-blue);
  padding-left: 40px;
}

.padding-left-30 {
  padding-left: 30px;
  position: relative;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.image {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.accommodations-info-top-bg {
  background-color: var(--old-lace);
  width: 80%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.accommodations-info-top {
  background-color: var(--alice-blue);
  padding-bottom: 60px;
  padding-left: 2.5%;
  position: relative;
}

.accommodations-info-top-img {
  z-index: 1;
  width: 100%;
  max-width: 75%;
  display: block;
  position: relative;
}

.accommodations-info-top-img-b {
  padding-top: 40px;
  position: relative;
}

.no-relative {
  position: static;
}

.accommodations-type-slide-arrow-img {
  width: 8px;
  height: 14px;
  margin-left: 5px;
}

.font-size-150percent {
  font-size: 150%;
}

.txt-color-1 {
  color: var(--saddle-brown);
}

.common-list {
  margin-bottom: 0;
  padding-left: 20px;
}

.common-list.list-type-i {
  list-style-type: lower-roman;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

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

.white-text-title {
  color: #ffffff1a;
}

.common-list-row {
  margin-top: -20px;
  margin-left: -15px;
}

.light-bule-link-text {
  color: var(--deep-sky-blue);
}

.light-bule-link-text:hover {
  color: var(--old-lace);
}

.text-shadows {
  text-shadow: 1px 1px 10px #0006;
}

.accommodations-discharge-list-row {
  margin-top: -20px;
  margin-left: -15px;
}

.accommodations-discharge-b {
  padding-top: 60px;
  padding-bottom: 60px;
}

.col-r-sticky-b {
  display: none;
}

.border-button {
  border: 1px solid var(--dark-slate-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  min-height: 35px;
  margin-left: 15px;
  display: flex;
}

.border-button-arrow {
  background-image: url('../images/od-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.col-r-popup {
  display: none;
}

.col-r-row {
  flex-flow: wrap;
  justify-content: center;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.col-r-row.left {
  justify-content: flex-start;
}

.col-r-col {
  width: 33.33%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.about-pastoral-intro-col {
  width: 46%;
}

.about-pastoral-intro-row {
  flex-wrap: wrap;
  display: flex;
}

.about-pastoral-intro-col-line {
  width: 8%;
}

.white-line {
  background-color: var(--white);
  width: 1px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.about-pastoral-intro-bottom-b {
  border-top: 1px solid var(--white);
  text-align: center;
  width: 100%;
  margin-top: 60px;
  padding: 60px 40px 80px;
}

.about-pastoral-intro-b {
  padding-top: 20px;
}

.about-pastoral-b {
  background-color: var(--white-smoke);
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}

.about-pastoral-service-bg {
  background-color: var(--old-lace);
  width: 360px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.about-pastoral-service-row {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.about-pastoral-service-col-r {
  width: 60%;
  padding-left: 60px;
}

.about-pastoral-service-col-l {
  width: 40%;
}

.about-pastoral-spiritual-content-row {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.about-pastoral-spiritual-content-col-l {
  border-right: 1px solid var(--white);
  width: 50%;
  padding: 80px 2.5%;
}

.about-pastoral-spiritual-content-text-row {
  flex-wrap: wrap;
  margin-top: -10px;
  display: flex;
}

.about-pastoral-spiritual-content-text-col {
  color: var(--white);
  width: 50%;
  margin-top: 10px;
  padding-top: 3px;
  padding-right: 15px;
}

.about-pastoral-spiritual-content-b {
  z-index: 2;
  position: relative;
}

.about-pastoral-spiritual-content-text-wrap {
  align-items: flex-start;
  display: flex;
}

.about-pastoral-spiritual-content-icon {
  margin-right: 15px;
}

.about-pastoral-spiritual-content-text {
  margin-top: 3px;
}

.about-pastoral-spiritual-content-col-r {
  background-color: var(--white);
  width: 50%;
  margin-top: 260px;
  padding: 80px 60px;
}

.about-pastoral-link-col {
  width: 50%;
  margin-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.about-pastoral-link-row {
  flex-wrap: wrap;
  margin-top: -8px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.common-content-news-bg {
  z-index: -1;
  background-color: #f0f6fa;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 0;
  width: 100%;
  max-width: 720px;
  height: 100%;
  max-height: 70%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.common-content-news-row {
  z-index: 1;
  border-bottom: 1px solid var(--gainsboro);
  position: relative;
}

.common-content-news-link {
  color: var(--black);
  padding-top: 25px;
  padding-bottom: 25px;
  display: block;
}

.common-content-news-link:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--dark-slate-blue);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.common-content-news-line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
  position: relative;
}

.common-content-news-link-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.common-content-news-b {
  padding-bottom: 80px;
}

.about-pastoral-facilities-b {
  margin-top: 65px;
  position: relative;
  overflow: hidden;
}

.about-pastoral-facilities-bg-l {
  z-index: -1;
  background-color: var(--alice-blue-2);
  width: 460px;
  height: 100%;
  margin-bottom: -15px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.about-pastoral-facilities-bg-l.efe8d9-color {
  background-color: var(--old-lace);
}

.about-pastoral-facilities-content {
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
}

.about-pastoral-facilities-content-row {
  flex-wrap: wrap;
  display: flex;
}

.about-pastoral-facilities-content-col-l {
  width: 55%;
}

.about-pastoral-facilities-content-col-r {
  width: 45%;
  padding-left: 40px;
}

.about-pastoral-facilities-bg-r {
  z-index: -2;
  background-color: var(--alice-blue);
  width: 100%;
  height: 100%;
  margin-bottom: -39px;
  margin-right: 2.5%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.about-pastoral-facilities-bg-r.f9f7f5-color {
  background-color: #f9f7f5;
}

.common-img-slider {
  background-color: #0000;
  height: auto;
  box-shadow: 8px 8px #d4eaf3;
}

.common-img-slider.brown-bos-shadow {
  box-shadow: 8px 8px #f1e8d7;
}

.common-img-slider.no-shadow {
  box-shadow: none;
}

.common-img-slider-arrow-l {
  background-image: url('../images/about-slider-arrow-l2x_1about-slider-arrow-l@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 40px;
  margin-left: 20px;
  transition: all .5s;
}

.common-img-slider-arrow-l:hover {
  transform: scale(.9);
}

.common-img-slider-arrow-l.no-shadow-arrow-l {
  background-image: url('../images/no-shadow-arrow-l2x_1no-shadow-arrow-l@2x.png');
}

.common-img-slider-arrow-r {
  background-image: url('../images/about-slider-arrow-r2x_1about-slider-arrow-r@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 40px;
  margin-right: 20px;
  transition: all .5s;
}

.common-img-slider-arrow-r:hover {
  transform: scale(.9);
}

.common-img-slider-arrow-r.no-shadow-arrow-r {
  background-image: url('../images/no-shadow-arrow-r2x_1no-shadow-arrow-r@2x.png');
}

.common-content-detail-col {
  margin-top: 15px;
  padding-left: 30px;
  position: relative;
}

.details-icon {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  position: absolute;
  inset: 0% auto auto 0%;
}

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

.common-content-detail-row {
  margin-top: -5px;
}

.common-img-slider-mask, .common-img-slide {
  height: auto;
}

.about-pastoral-facilities-content-b {
  padding-top: 20px;
  position: relative;
}

.about-pastoral-facilities-row {
  margin-top: -65px;
}

.common-intro-slider-b {
  z-index: 1;
  margin-right: -2.7%;
  position: relative;
  overflow: hidden;
}

.charges-b {
  padding-top: 60px;
  padding-bottom: 60px;
}

.charges-link-col {
  width: 100%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.charges-link-row {
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.accomodations-detail-facilities-col {
  border-left: 1px solid var(--rosy-brown);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  margin-top: 15px;
  padding: 5px 10px;
  display: flex;
}

.accomodations-detail-facilities-row {
  flex-wrap: wrap;
  margin-top: -15px;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

.accomodations-detail-facilities-b {
  padding-top: 100px;
}

.common-servive-col {
  width: 33.33%;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.common-servive-link-b {
  color: var(--black);
  width: 100%;
  transition: all .5s, color .5s;
  display: block;
  position: relative;
  overflow: hidden;
}

.common-servive-link-b:hover {
  letter-spacing: .5px;
}

.specialist-centers-servive-text-b {
  background-image: linear-gradient(to bottom, #ffffff80, var(--white));
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.specialist-centers-servive-arrow {
  width: 8px;
  height: 14px;
  margin-left: 5px;
}

.common-servive-row {
  flex-wrap: wrap;
  margin-top: -40px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.common-servive-row.our-service {
  justify-content: center;
  width: 100%;
}

.common-servive-b {
  width: 100%;
  display: flex;
}

.charges-payment {
  padding-top: 40px;
  padding-bottom: 40px;
}

.charges-payment-icon-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.charges-payment-icon-img-b {
  background-color: var(--white);
  border-radius: 20px;
  overflow: hidden;
}

.charges-payment-icon-col {
  width: 14.2857%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.charges-notice-b {
  margin-top: 20px;
}

.charges-notice-line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
  position: relative;
}

.charges-notice-row {
  border-bottom: 1px solid var(--gainsboro);
  position: relative;
}

.charges-notice-link {
  color: var(--black);
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

.charges-notice-link:hover {
  color: var(--dark-slate-blue);
}

.charges-notice-link-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.charges-notice-link-text-b {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.charges-notice-link-date {
  width: 120px;
  font-weight: 300;
}

.charges-notice-link-title {
  letter-spacing: 1.5px;
  flex: 1;
  padding-left: 40px;
}

.charges-notice-bg {
  z-index: -1;
  background-color: #f0f6fa;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  max-width: 88%;
  height: 100%;
  max-height: 75%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.two-video-content-row {
  flex-flow: wrap;
  display: flex;
}

.two-video-content-row.reverse {
  flex-flow: wrap-reverse;
}

.common-img-content-b {
  margin-top: 20px;
}

.common-img-content-col-l {
  width: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.common-img-content-col-r {
  background-image: url('../images/charges-room-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  min-height: 235px;
  overflow: hidden;
  box-shadow: 2px 2px 10px #0000001a;
}

.common-img-content-col-r.charges-insurance {
  background-image: url('../images/charges-insurance-img-05232x.jpg');
  background-position: 50% 20%;
  background-size: cover;
}

.common-img-content-col-r.charges-procedures {
  background-image: url('../images/charges-procedures-img2x.jpg');
  background-position: 50% 85%;
}

.common-img-content-col-r.doctor-zone-img-01 {
  background-image: url('../images/doctor-zone-img-012x.jpg');
}

.common-img-content-col-r.doctor-zone-img-02 {
  background-image: url('../images/doctor-zone-img-022x.jpg');
  background-position: 50% 55%;
}

.common-img-content-col-l-content {
  background-color: var(--alice-blue);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  padding: 40px;
  display: flex;
}

.f9f7f5-bg {
  background-color: var(--white-smoke);
}

.e4f1f8-bg {
  background-color: #e4f1f8;
}

.expand-link-b {
  border-bottom: 1px solid var(--gainsboro);
  width: 100%;
  padding: 20px 30px 20px 0;
  font-size: 20px;
  font-weight: 500;
  transition: all .5s, color .5s;
  display: flex;
  position: relative;
}

.expand-link-b:hover {
  background-color: var(--white-smoke-4);
  padding-left: 20px;
}

.expand-link-b.active {
  background-color: var(--white-smoke);
  color: var(--royal-blue);
  padding-left: 20px;
}

.expand-b {
  overflow: hidden;
}

.expand-content {
  background-color: var(--alice-blue);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
}

.charges-detail-doc-download-col {
  width: 25%;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.charges-detail-doc-download-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.charges-detail-doc-download-b {
  padding-bottom: 10px;
}

.common-doc-download-link-b {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.doc-download-icon {
  margin-right: 6px;
}

.charges-detail-table-row {
  flex-wrap: wrap;
  display: flex;
}

.charges-detail-table-col-30 {
  width: 30%;
  padding: 15px 20px;
}

.charges-detail-table-col-70 {
  border-left: 1px solid var(--gainsboro);
  width: 70%;
  padding: 15px 20px;
}

.charges-detail-table-col-70-content-row {
  flex-wrap: wrap;
  margin-top: -15px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.charges-detail-table-col-70-content-col {
  width: 25%;
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.charges-detail-table {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  overflow: hidden;
}

.table-title {
  color: var(--white);
  background-color: #516d8d;
}

.page-heading-sub-txt-b {
  letter-spacing: 2px;
  margin-top: 10px;
  font-size: 21px;
}

.common-blue-row {
  flex-wrap: wrap;
  display: flex;
}

.common-blue-col-l {
  width: 10%;
  padding-top: 90px;
}

.common-blue-col-r {
  border-top-left-radius: 40px;
  width: 90%;
  padding: 60px 2.5%;
  position: relative;
}

.common-blue-col-l-color {
  background-color: var(--dark-slate-blue);
  width: 100%;
  height: 100%;
}

.common-img-shadow-b {
  overflow: hidden;
  box-shadow: 2px 2px 10px #0000001a;
}

.max-width-1200 {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.about-csr-charity-link-col {
  width: 25%;
  margin-top: 20px;
  padding-left: 1%;
  padding-right: 1%;
}

.about-csr-charity-link-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.about-csr-charity-link {
  background-color: var(--white-smoke);
  border-radius: 20px;
  padding: 20px;
  display: block;
}

.about-csr-charity-link:hover, .about-csr-charity-link.reverse {
  background-color: var(--alice-blue);
}

.about-csr-charity-link.reverse:hover {
  background-color: var(--white-smoke);
}

.about-csr-charity-link-img {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 1px 1px 10px #0003;
}

.border-button-40 {
  border: 1px solid var(--dark-slate-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.about-csr-charity-link-text-b {
  margin-top: 12px;
}

.margin-auto {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.about-csr-charity-link-b {
  margin-top: 40px;
}

.about-csr-charity-slider {
  height: auto;
}

.about-csr-charity-slider-mask {
  height: auto;
  box-shadow: 1px 1px 9px #0003;
}

.about-csr-charity-slide {
  height: auto;
}

.about-csr-charity-slider-b {
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.about-csr-charity-slider-bg {
  background-color: var(--dark-slate-blue);
  border-radius: 20px;
  height: 55%;
  position: absolute;
  inset: auto 0% 0%;
}

.about-csr-charity-slider-nav {
  margin-bottom: -35px;
}

.about-csr-certificate-logo-b {
  border-top: 1px solid var(--gainsboro);
  border-bottom: 1px solid var(--gainsboro);
  padding-top: 20px;
  padding-bottom: 20px;
}

.about-csr-certificate-logo-row {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -20px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.about-csr-certificate-logo-col {
  margin-top: 20px;
  padding-left: 2%;
  padding-right: 2%;
}

.about-csr-certificate-logo-img {
  max-height: 90px;
}

.about-csr-certificate-row {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.about-csr-certificate-col-l {
  width: 60%;
}

.blue-line {
  background-color: var(--dark-slate-blue);
  width: 1px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.about-csr-certificate-col-line {
  width: 5%;
}

.about-csr-certificate-col-r {
  width: 35%;
  padding-bottom: 135px;
}

.unordered-list-row {
  margin-top: -10px;
}

.about-csr-certificate-col-l-content-row {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.about-csr-certificate-col-l-content-col {
  width: 33.33%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.about-csr-certificate-col-l-img-col {
  box-shadow: 1px 1px 10px #0003;
}

.about-csr-certificate-col-r-content-col {
  width: 25%;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.about-csr-certificate-col-r-img-col {
  box-shadow: 1px 1px 10px #0003;
}

.about-csr-certificate-col-r-content-row {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.about-csr-certificate-col-r-content-b {
  z-index: 2;
  width: 100%;
  margin-top: -135px;
  padding-left: 12%;
  position: relative;
}

.milestone-12-logo {
  flex: 0 auto;
  max-width: 100px;
  margin-bottom: 5px;
}

.milestones-img {
  width: 2743px;
}

.about-csr-community-col {
  width: 50%;
  margin-top: 30px;
  padding-left: 2%;
  padding-right: 2%;
}

.about-csr-community-row {
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -2%;
  margin-right: -2%;
  display: flex;
}

.about-csr-community-text-b {
  background-color: var(--old-lace);
  border-radius: 20px;
  margin-top: 20px;
  padding: 20px;
}

.about-csr-community-text-wrap {
  align-items: center;
  display: flex;
}

.about-csr-community-icon-img {
  margin-right: 20px;
}

.about-csr-community-service-col-l {
  width: 50%;
  padding: 20px;
  position: relative;
}

.about-csr-community-service-row {
  flex-wrap: wrap;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.about-csr-community-service-col-r-img-row {
  flex-wrap: wrap;
  margin-left: -2.5%;
  margin-right: -2.5%;
  display: flex;
}

.about-csr-community-service-col-r-img-col {
  width: 50%;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.about-csr-community-icon-bg {
  z-index: 0;
  background-color: var(--white-smoke);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.about-csr-community-icon-b {
  margin-right: 2.5%;
  padding-top: 50px;
  padding-bottom: 80px;
  position: relative;
}

.about-csr-community-service-b {
  margin-right: 2.5%;
  padding-left: 2.5%;
  position: relative;
}

.about-csr-community-service-col-r {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.about-csr-community-service-bg {
  background-color: var(--white-smoke);
  width: 100%;
  height: 40%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.about-csr-community-service-bg-blue {
  z-index: -1;
  background-color: var(--dark-slate-blue);
  width: 350px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.about-csr-community-service-col-r-text-b {
  margin-top: 4%;
  padding-right: 2.5%;
}

.font-size-2vw {
  letter-spacing: 0;
  font-size: 1.7vw;
  line-height: 140%;
}

.common-intro-content-min-height {
  z-index: 1;
  color: var(--white);
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.common-time-table {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}

.common-time-table-row {
  flex-wrap: wrap;
  display: flex;
}

.common-time-table-col-15 {
  text-align: center;
  align-self: center;
  width: 15%;
  padding: 15px 1%;
}

.full-width-100 {
  width: 100%;
}

.common-time-table-col-12 {
  border-left: 1px solid var(--gainsboro);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 12.1429%;
  padding: 15px 1%;
  font-size: 16px;
  display: flex;
}

.border-top-grey {
  border-top: 1px solid var(--gainsboro);
}

.f2f8fb-bg {
  background-color: var(--alice-blue);
}

.popup-content-b {
  padding-top: 40px;
}

.col-r-slide-doctor {
  margin-bottom: 40px;
}

.photo-split-content-b {
  margin-top: 15px;
}

.border-button-img-b {
  width: 100%;
  height: 100%;
}

.book-link-b {
  color: var(--white);
  letter-spacing: 1px;
  background-color: #00db99;
  border-radius: 50px;
  padding: 3px 35px 3px 45px;
  transition: all .5s, color .5s;
  position: relative;
}

.book-link-b:hover {
  color: var(--dark-slate-blue);
}

.book-link-img-b {
  z-index: 1;
  width: 23px;
  margin-top: -2px;
  margin-left: 12px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.book-link-tetx-b {
  border-radius: 50px;
  padding-bottom: 2px;
  position: relative;
}

.book-link-arrow-b {
  width: 8px;
  margin-right: -15px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.book-link-arrow-img {
  width: 100%;
  display: block;
}

.book-link-arrow-img-hover {
  width: 100%;
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.home-about-sph-text {
  color: var(--saddle-brown);
  font-size: 19px;
}

.home-about-sph-text-title {
  color: #4c392c99;
  text-align: left;
  letter-spacing: 8px;
  font-size: 46px;
  font-weight: 500;
  line-height: 140%;
}

.home-about-sph-text-title.en {
  font-size: 3vw;
  line-height: 120%;
}

.show-from-tablet {
  display: none;
}

.sticky-b {
  z-index: 17;
  float: right;
  margin-bottom: -60px;
  margin-right: 2.5%;
  padding-left: 0;
  padding-right: 0;
  position: sticky;
  bottom: 0;
}

.show-from-mobile {
  display: none;
}

.header-news-arrow-b {
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.header-news-arrow-text {
  margin-right: 7px;
  font-size: 12px;
}

.header-news-popup-content {
  padding-left: 40px;
  padding-right: 40px;
}

.header-news-popup-content-link-b {
  border-bottom: 1px solid var(--gainsboro);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  transition: all .5s, color .5s;
  display: block;
  position: relative;
}

.header-news-popup-content-link-b:hover {
  padding-left: 10px;
}

.header-news-popup-content-link-arrow {
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.header-news-popup-content-b {
  background-color: var(--white);
  width: 450px;
  height: 100%;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 70px;
  position: relative;
  overflow: auto;
}

.sticky-btn-icon-img {
  width: 85%;
  height: 100%;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

._3-text-spacing {
  letter-spacing: 3px;
}

.slider-content {
  height: 100%;
  position: relative;
}

.slider-black-fade {
  z-index: 0;
  background-color: #0003;
  position: absolute;
  inset: 0%;
}

.slider-content-text {
  z-index: 1;
  color: var(--white);
  text-shadow: 3px 3px 30px #000;
  flex-flow: column wrap;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 40px 80px;
  display: flex;
  position: relative;
}

.slider-content-text.out-patient {
  min-height: 535px;
}

.slider-content-text.rehabilitation-centre {
  min-height: 800px;
}

.photo-split-b {
  z-index: 1;
  position: relative;
}

.out-patient-visiting-content-row {
  flex-wrap: wrap;
  display: flex;
}

.out-patient-visiting-content-col-l {
  align-self: center;
  width: 30%;
  padding-right: 10px;
}

.out-patient-visiting-content-col-r {
  text-align: justify;
  border-radius: 20px;
  width: 70%;
  padding: 20px;
}

.out-patient-visiting-content-col-r-content-row {
  flex-wrap: wrap;
  align-items: center;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.out-patient-visiting-content-col-r-content-col {
  width: 50%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.charges-corner-content-b {
  float: right;
  background-color: #a18775cc;
  border-top-left-radius: 20px;
  width: 100%;
  max-width: 70%;
  margin-top: 60px;
  margin-bottom: -60px;
  margin-right: -2.7%;
  padding: 60px;
}

.photo-split-content-list-content-row {
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.photo-split-content-list-content-col-l {
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
}

.photo-split-content-list-content-col-r {
  text-align: right;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
}

.photo-split-content-list-content-col {
  border-bottom: 1px solid var(--white);
  padding-top: 10px;
  padding-bottom: 10px;
}

.photo-split-mask-b {
  opacity: .65;
  position: absolute;
  inset: 0%;
}

.photo-split-content-list-row {
  margin-top: -10px;
}

.photo-split-content-col {
  margin-top: 40px;
}

.out-patient-department-service-hour {
  margin-top: 20px;
}

.overflow-visible {
  overflow: visible;
}

.inner-page-subtitle-b {
  margin-top: 15px;
}

.text-light {
  font-weight: 300;
}

.news-details-section-b {
  margin-top: -20px;
  padding-top: 20px;
  position: relative;
}

.news-details-section-bg-b {
  width: 100%;
  height: 100%;
  margin-left: -40px;
  padding-right: 80px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.news-details-section-bg {
  background-color: #f0f6fa;
  border-radius: 0 20px 20px 0;
  width: 100%;
  height: 100%;
}

.news-details-section-line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
  position: relative;
}

.news-details-content-b {
  padding-right: 120px;
}

.list-type-i-b {
  padding-left: 8px;
}

.dark-blue-line-title {
  border-bottom: 1px solid var(--gainsboro);
  color: var(--dark-slate-blue);
  width: 100%;
  padding: 20px 30px 20px 20px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.common-list-wrap {
  flex-wrap: wrap;
  margin-top: -10px;
  margin-bottom: 0;
  padding-left: 20px;
  display: flex;
}

.list-item-col-33 {
  width: 33.33%;
  margin-top: 10px;
  padding-right: 40px;
}

.information-forms-b {
  padding-top: 60px;
}

.information-forms-content-b {
  background-color: #234871e6;
  border-top-left-radius: 20px;
  margin-right: -2.7%;
  padding: 30px;
}

.information-forms-content-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.information-forms-content-col {
  width: 33.33%;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.information-forms-content-link-b {
  color: var(--white);
  letter-spacing: 1.5px;
  transition: all .5s, color .5s;
  position: relative;
}

.information-forms-content-link-b:hover {
  color: var(--old-lace);
}

.information-forms-content-link-text-wrap {
  align-items: flex-start;
  display: flex;
}

.information-forms-content-link-text {
  margin-top: 5px;
  margin-left: 10px;
}

.obstetrics-gynaecology-important-notes-content {
  background-color: #fffc;
  padding: 40px;
}

.obstetrics-gynaecology-important-notes-b {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pathology-guideline-content {
  background-color: var(--alice-blue-2);
  border-top-left-radius: 40px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.pathology-guideline-content-b {
  padding-left: 20px;
}

.table-two-col-row {
  flex-wrap: wrap;
  margin-top: 2px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.table-two-col-l {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

.table-two-col-r {
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
}

.content-img-slider, .content-img-slider-mask {
  height: auto;
}

.content-img-slide {
  width: 100%;
  height: auto;
  position: relative;
}

.content-img-slide.out-patient-img-01 {
  background-image: linear-gradient(#0003, #0003), url('../images/out-patient-department-detail-slider-img-012x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.content-img-slide.rehabilitation-centre-img-01 {
  background-image: url('../images/rehabilitation-centre-slider-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.content-img-slider-black-fade {
  z-index: 0;
  background-color: #0003;
  position: absolute;
  inset: 0%;
}

.video-click-link {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.video-click-link-img {
  z-index: 1;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.video-click-link-black-fade {
  background-color: #0000004d;
  position: absolute;
  inset: 0%;
}

.eye-timetable-content-b {
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.insurance-partners-bg-b {
  z-index: -1;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  position: absolute;
  inset: 0%;
}

.insurance-partners {
  padding-bottom: 80px;
  position: relative;
}

.doctor-zone-login-b {
  background-image: linear-gradient(#00000080, #00000080), url('../images/doctor-zone-img2x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 550px;
  display: flex;
  overflow: hidden;
}

.doctor-zone-newsletter {
  margin-top: 30px;
  margin-left: -30px;
}

.doctor-zone-newsletter-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  display: grid;
}

.doctor-zone-newsletter-col {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 30px;
  position: relative;
}

.doctor-zone-newsletter-link-b {
  z-index: 1;
  width: 100%;
  display: block;
  position: relative;
}

.doctor-zone-newsletter-bg-b {
  z-index: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
  padding-left: 30px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.d8e9f2-bg {
  background-color: #d8e9f2;
  width: 100%;
  height: 100%;
}

.doctor-zone-newsletter-button-b {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
}

.doctor-zone-field-label {
  display: none;
}

.doctor-zone-text-field {
  color: var(--white);
  background-color: #ffffff4d;
  border: 1px #000;
  border-radius: 25px;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding: 5px 20px 5px 60px;
  font-size: 20px;
  font-weight: 300;
  transition: all .5s;
  box-shadow: 2px 2px 10px #0000001a;
}

.doctor-zone-text-field:hover {
  background-color: #ffffff80;
}

.doctor-zone-text-field::placeholder {
  color: #fff;
  background-color: #0000;
}

.doctor-zone-field-col {
  width: 100%;
  max-width: 500px;
  margin-top: 15px;
}

.doctor-zone-field-row {
  flex-direction: column;
  align-items: center;
  margin-top: -15px;
  display: flex;
}

.doctor-zone-submit-button {
  color: var(--white);
  text-shadow: 0 0 8px #0003;
  background-color: #0000;
  background-image: url('../images/submit-arrow.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 2px solid #fff;
  padding: 12px 40px 14px 15px;
  font-size: 26px;
  transition: all .5s;
}

.doctor-zone-submit-button:hover {
  color: var(--white);
  background-color: #fff3;
  transform: scale(.9);
}

.doctor-zone-submit-button-b {
  text-align: center;
  margin-top: 20px;
}

.doctor-zone-text-field-icon {
  margin-left: 15px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.doctor-zone-text-field-b {
  width: 100%;
  position: relative;
}

.doctor-zone-form-b {
  width: 100%;
  padding: 20px;
}

.common-img-listing {
  position: relative;
}

.common-img-listing-row {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.common-img-listing-col-l {
  width: 35%;
  padding-bottom: 100px;
  padding-left: 2.5%;
}

.common-img-listing-col-l-content {
  padding-bottom: 40px;
  position: relative;
}

.common-img-listing-col-r {
  width: 65%;
}

.common-img-listing-col-l-bg-b {
  z-index: 0;
  width: 100%;
  height: 100%;
  margin-left: -40px;
  padding-top: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.common-img-listing-img {
  z-index: 3;
  position: relative;
}

.common-img-listing-col-l-bg {
  background-color: var(--white-smoke);
  width: 100%;
  height: 100%;
}

.common-listing-link {
  color: var(--black);
  border-radius: 20px;
  width: 100%;
  padding: 20px;
  display: block;
}

.common-listing-link-text-wrap {
  align-items: center;
  display: flex;
}

.common-img-listing-line {
  background-color: var(--black);
  width: 1px;
  height: 100%;
  min-height: 22px;
  margin-left: 20px;
  margin-right: 20px;
}

.common-listing-link-text-b {
  margin-top: 5px;
}

.btn-txt-arrow-wrap-text-left {
  margin-right: 10px;
}

.inner-filter-dropdown-list-link {
  color: var(--black);
  padding: 10px 20px;
  transition: all .5s, color .5s;
  display: block;
}

.inner-filter-dropdown-list-link:hover {
  color: var(--dark-slate-blue);
  background-color: #e4f1f8;
}

.inner-filter-dropdown-list-row {
  margin-left: -20px;
  margin-right: -20px;
}

.dowlnload-icon-b {
  background-image: linear-gradient(110deg, #497eaa, var(--dark-slate-blue));
  border-radius: 50px;
  flex: none;
  width: 40px;
  height: 40px;
  position: relative;
}

.dowlnload-icon-img {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.smaller {
  font-size: 85%;
}

.text-medium {
  font-weight: 500;
}

.blue-line-hr {
  background-color: var(--dark-slate-blue);
  width: 100%;
  height: 1px;
}

.form-bottom-full-center {
  text-align: center;
  width: 100%;
}

.text-blue {
  color: var(--dark-slate-blue);
}

.radio-button {
  background-image: url('../images/checkbox.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-style: none;
  border-radius: 0%;
  width: 20px;
  height: 20px;
}

.radio-button.w--redirected-checked {
  background-image: url('../images/checkbox-checked.svg');
  border-style: none;
  border-radius: 0%;
  width: 20px;
  height: 20px;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
  border-style: none;
}

.label-none {
  display: none;
}

.radio-label {
  margin-top: -1px;
  margin-left: 10px;
}

.radio-button-col {
  margin-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.radio-button-row {
  flex-wrap: wrap;
  margin-bottom: -5px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.insurance-partners-link-b {
  border-right: 1px solid var(--gainsboro);
  border-bottom: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--white);
  width: 16.6667%;
  padding: 40px 15px;
  position: relative;
  overflow: hidden;
}

.insurance-partners-link-b:hover {
  color: var(--white);
}

.insurance-partners-b {
  z-index: 1;
  position: relative;
}

.insurance-partners-row {
  border-top: 1px solid var(--gainsboro);
  border-left: 1px solid var(--gainsboro);
  flex-wrap: wrap;
  display: flex;
}

.insurance-partners-link-hover {
  text-align: center;
  background-color: #234871e6;
  padding: 10px;
  display: none;
  position: absolute;
  inset: 0%;
}

.insurance-partners-link-hover-text-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.insurance-partners-bg-color {
  background-color: var(--white-smoke);
  width: 100%;
  height: 100%;
}

.border-bottom {
  border-bottom: 1px solid #000;
}

.insurance-application-img-b {
  z-index: 0;
  border-radius: 20px 0 0;
  margin-left: 2.5%;
  position: relative;
  overflow: hidden;
}

.insurance-application-content {
  z-index: 1;
  background-image: linear-gradient(to bottom, #234871d9, var(--dark-slate-blue));
  color: var(--white);
  border-radius: 0 40px 0 0;
  margin-top: -140px;
  margin-right: 2.5%;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.insurance-application-b {
  position: relative;
}

.outline-border-b {
  border: 1px solid var(--white);
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
}

.outline-border-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.outline-border-col-l {
  width: 50%;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.outline-border-col-l.align-center-v {
  align-self: center;
}

.outline-border-col-r {
  border-left: 1px solid var(--gainsboro);
  width: 50%;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.upload-button-link {
  background-color: var(--white);
  color: var(--dark-slate-blue);
  text-align: center;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: block;
  box-shadow: 1px 1px 10px #00000026;
}

.upload-button-img {
  margin-bottom: 8px;
}

.outline-border-col-content {
  width: 100%;
  display: flex;
}

.list-type-i-row {
  margin-top: -10px;
}

.input-col-sex {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  display: flex;
}

.input-col-sex-checkbox {
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
}

.input-col-sex-label {
  width: 25%;
}

.select {
  z-index: 1;
  border: 1px solid var(--dark-slate-blue);
  background-color: var(--white);
  color: #000000b3;
  border-radius: 25px;
  height: 50px;
  margin-bottom: 0;
  padding: 0 40px 0 20px;
  font-size: 17px;
  position: relative;
}

.input-col {
  margin-top: 20px;
}

.input-row {
  margin-top: -20px;
}

.no-border {
  border: 1px #000;
}

.sign-b {
  background-color: var(--white);
  border-radius: 25px;
  width: 100%;
  height: 100%;
  min-height: 250px;
  box-shadow: inset 2px 2px #00000026;
}

.white-line-hr {
  background-color: var(--white);
  width: 100%;
  height: 1px;
}

.white-line-hr-row {
  margin-left: -20px;
  margin-right: -20px;
}

.form-checkbox-field-row {
  align-items: center;
  display: flex;
}

.form-checkbox-field-col {
  width: 100%;
  padding-left: 10px;
}

.select-icon-img {
  z-index: 1;
  margin-right: 20px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.select-input-row {
  z-index: 1;
  flex-wrap: wrap;
  width: 100%;
  font-size: 17px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.select-normal-style {
  z-index: 1;
  background-color: var(--white);
  border: 1px #000;
  margin-bottom: 0;
  padding: 0 40px 0 20px;
  font-size: 17px;
  position: relative;
}

.input-normal-style {
  z-index: 1;
  background-color: var(--white);
  border: 1px #000;
  margin-bottom: 0;
  padding: 0 20px;
  font-size: 17px;
  position: relative;
}

.select-input-col-l {
  width: 35%;
  font-size: 17px;
  position: relative;
}

.select-input-col-r {
  border-left: 1px solid var(--dark-slate-blue);
  width: 65%;
}

.select-input-col {
  z-index: 1;
  background-color: var(--white);
  border: 1px #000;
  border-radius: 25px;
  align-items: center;
  height: 50px;
  font-size: 17px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 10px #00000026;
}

.inner-filter-checkbox-list-row {
  margin-bottom: -25px;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

.insurance-instructions-content-col-l {
  width: 35%;
  padding-right: 2.5%;
  position: relative;
}

.insurance-instructions-content-col-r {
  width: 65%;
}

.insurance-instructions-l-bg {
  background-color: var(--alice-blue-3);
  width: 100%;
  height: 100%;
}

.insurance-instructions-l-bg-b {
  z-index: -1;
  width: 20%;
  height: 100%;
  padding-top: 60px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.insurance-instructions-b {
  position: relative;
}

.insurance-instructions-content-row {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.insurance-instructions-r-bg-b {
  z-index: -2;
  width: 100%;
  height: 100%;
  padding-left: 2.5%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.insurance-instructions-r-bg {
  background-color: var(--alice-blue);
  width: 100%;
  height: 100%;
}

.insurance-instructions-content-col-l-img {
  z-index: 3;
  position: relative;
}

.insurance-instructions-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.insurance-partners-bg-b-02 {
  z-index: -1;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  position: absolute;
  inset: 0%;
}

.insurance-application-bg-color {
  background-color: var(--old-lace);
  width: 100%;
  height: 100%;
}

.vacancy-jobs-content {
  border-left: 1px solid var(--gainsboro);
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 40px;
}

.faq-link-text-b {
  width: 100%;
  display: block;
}

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

.faq-link-sub-text {
  color: var(--black);
  font-weight: 400;
}

.grey-line-hr-row {
  margin-left: -40px;
}

.grey-line-hr {
  background-color: var(--gainsboro);
  width: 100%;
  height: 1px;
}

.vacancy-jobs-filter-col {
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}

.vacancy-jobs-filter-row {
  margin-top: -10px;
  margin-left: -15px;
  margin-right: -15px;
}

.brown-link-text {
  color: var(--rosy-brown);
}

.brown-link-text:hover, .brown-link-text.active {
  color: var(--dark-slate-blue);
}

.paddin-left-none {
  padding-left: 0;
}

.faq-row {
  margin-top: -20px;
}

.common-listing-img-b {
  padding-bottom: 40px;
  padding-right: 40px;
  position: relative;
}

.common-listing-img {
  z-index: 1;
  margin-bottom: -40px;
  position: relative;
}

.common-listing-img-col-r-color-bg {
  z-index: 0;
  background-color: var(--alice-blue-2);
  width: 80%;
  height: 100%;
  margin-bottom: -40px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.common-listing-img-row {
  flex-wrap: wrap;
  display: flex;
}

.common-listing-img-row.reverse {
  flex-wrap: wrap-reverse;
}

.common-listing-img-col-l {
  width: 65%;
}

.common-listing-img-col-r {
  width: 35%;
  padding-bottom: 100px;
}

.about-sph-info-row {
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.about-sph-info-col-l {
  flex: 1;
}

.about-sph-info-col-r {
  width: 50%;
}

.about-sph-info-col {
  width: 50%;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.about-sph-info-col-content-row {
  flex-wrap: wrap-reverse;
  align-items: center;
  display: flex;
}

.about-sph-info-col-r-img-b {
  border-radius: 5px;
  width: 100%;
  display: block;
  overflow: hidden;
  box-shadow: 1px 1px 10px #0000001a;
}

.about-sph-info-col-l-content {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  padding: 40px;
  display: flex;
}

.about-sph-info-link-b {
  width: 100%;
  display: block;
}

.max-width-1440 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.show-in-biggest {
  display: none;
}

.none-in-biggest {
  display: block;
}

.about-facilities-img-b {
  padding-top: 79.2%;
  position: relative;
}

.about-facilities-img-01 {
  border-radius: 20px;
  width: 32.5%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.about-facilities-content {
  z-index: 1;
  color: #fff;
  align-items: flex-end;
  padding-top: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.about-facilities-col {
  margin-top: 12px;
}

.about-facilities-bg {
  z-index: -1;
  background-image: linear-gradient(#0000 50%, #00000080);
  display: none;
  position: absolute;
  inset: 0%;
}

.about-facilities-hover-bg {
  z-index: -2;
  background-color: #0009;
  display: none;
  position: absolute;
  inset: 0%;
}

.about-facilities-txt-b {
  text-shadow: 2px 2px 5px #0006;
  background-image: linear-gradient(#0000, #000000a6);
  width: 100%;
  max-height: 100%;
  padding: 20px;
  overflow: auto;
}

.about-facilities-hover-txt-b {
  overflow: hidden;
}

.about-facilities-img-02 {
  border-radius: 20px;
  width: 32.5%;
  position: absolute;
  inset: 0% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.about-facilities-img-03 {
  border-radius: 20px;
  width: 32.5%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.about-facilities-img-04 {
  border-radius: 20px;
  width: 32.5%;
  margin-top: 25%;
  position: absolute;
  inset: 0% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%);
}

.about-facilities-img-05 {
  border-radius: 20px;
  width: 66.4%;
  margin-top: 51.3%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.about-facilities-img-06 {
  border-radius: 20px;
  width: 32.5%;
  margin-top: 36.8%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.about-facilities-row {
  margin-top: -12px;
}

.about-facilities-img-07 {
  border-radius: 20px;
  width: 49.5%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.about-facilities-img-08 {
  border-radius: 20px;
  width: 49.5%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.about-facilities-sub-txt-b {
  margin-top: 10px;
}

.about-facilities-txt-wrap {
  align-items: flex-start;
  display: flex;
}

.about-facilities-txt-icon-b {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-right: 10px;
}

.about-facilities-img-b-02 {
  padding-top: 30.3%;
  position: relative;
}

.about-facilities-img-b-03 {
  padding-top: 33.5%;
  position: relative;
}

.about-facilities-img-09 {
  border-radius: 20px;
  width: 32.5%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.about-facilities-img-10 {
  border-radius: 20px;
  width: 66.4%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.about-facilities-txt-icon-img {
  width: 100%;
  display: block;
}

.about-facilities-img-b-04 {
  padding-top: 33.5%;
  position: relative;
}

.about-facilities-img-11 {
  border-radius: 20px;
  width: 66.4%;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.about-facilities-img-12 {
  border-radius: 20px;
  width: 32.5%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.intranet-b {
  background-image: url('../images/intranet-bg-img2x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-height: 340px;
  padding: 40px;
  display: flex;
  overflow: hidden;
}

.sitemap-col-l {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.sitemap-content-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.sitemap-content-col-50 {
  width: 50%;
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

.sitemap-title {
  border-top: 1px solid var(--black);
  padding-top: 20px;
}

.sitemap-title-b {
  letter-spacing: 1px;
}

.sitemap-title-txt-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sitemap-title-text {
  margin-left: 15px;
}

.sitemap-link-col-100 {
  width: 100%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.sitemap-link-row {
  margin-top: -5px;
  margin-left: -10px;
  margin-right: -10px;
}

.sitemap-link {
  border-top: 1px solid var(--gainsboro);
  margin-top: 25px;
  padding-top: 15px;
}

.sitemap-content-col-100 {
  width: 100%;
  margin-top: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

.sitemap-link-two-row {
  flex-wrap: wrap;
  margin-top: -5px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.sitemap-link-col-50 {
  width: 50%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.sitemap-title-link {
  color: var(--black);
}

.honorary-doctor-content-row {
  flex-wrap: wrap;
  display: flex;
}

.honorary-doctor-content-col-l {
  align-self: center;
  width: 20%;
  padding-right: 10px;
}

.honorary-doctor-content-col-r {
  text-align: justify;
  border-radius: 20px;
  width: 80%;
  padding: 20px;
}

.honorary-doctor-content-col-r-content-row {
  flex-wrap: wrap;
  align-items: center;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.honorary-doctor-content-col-r-content-col {
  text-align: left;
  width: 25%;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.sitemap-col-r {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.arrow-black-r {
  background-image: url('../images/arrow-bk-r-small.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 10px;
  height: 14px;
  margin-top: 7px;
}

.en-handwrite-tagline {
  letter-spacing: 12px;
  font-family: Radicalis, sans-serif;
  font-size: 30px;
  line-height: 60px;
  position: relative;
}

.gradient-button-icon {
  width: 30px;
  margin-left: 20px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(0, -50%);
}

.form-label-field-row {
  align-items: center;
  display: flex;
}

.form-field-col {
  flex: 1;
  padding-left: 10px;
}

.form-detail-content-row {
  flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.form-detail-content-col-l {
  align-self: center;
  width: 60%;
}

.form-detail-content-col-r-radio {
  border-left: 1px solid var(--black);
  align-self: center;
  width: 40%;
  padding: 10px 20px;
}

.form-detail-radio-col {
  text-align: center;
  width: 16.66%;
  padding-left: 5px;
  padding-right: 5px;
}

.form-detail-content-col-r-row {
  justify-content: space-between;
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.form-detail-content-na-col {
  text-align: center;
  flex: 1;
}

.form-detail-content-face-row {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
}

.form-detail-content-face-col {
  text-align: center;
  min-width: 16.66%;
  padding-left: 5px;
  padding-right: 5px;
}

.white-bg-opacity-50 {
  background-color: #ffffffbf;
}

.hr-black {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.form-detail-content-col-r {
  border-left: 1px solid var(--black);
  align-self: center;
  width: 40%;
  padding-left: 30px;
}

.date-slect-icon {
  z-index: 1;
  margin-right: 20px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.date-select {
  z-index: 1;
  border: 1px solid var(--dark-slate-blue);
  background-color: var(--white);
  color: var(--black);
  border-radius: 25px;
  height: 50px;
  margin-bottom: 0;
  padding: 0 60px 0 20px;
  font-size: 17px;
  font-weight: 400;
  position: relative;
}

.date-select::placeholder {
  color: #000000b3;
  font-weight: 400;
}

.form-detail-radio-col-row {
  justify-content: center;
  display: flex;
}

.form-01 {
  width: 100%;
  overflow: hidden;
}

.form-start {
  opacity: .6;
  width: 100%;
  overflow: hidden;
}

.form-02 {
  width: 100%;
  overflow: hidden;
}

.form-detail-content-col-l-text-b {
  padding-left: 20px;
  padding-right: 20px;
}

.form-absolute-doctor-field {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.form-department-field {
  position: relative;
}

.form-intro, .form-bottom-message, .form-submit-button {
  width: 100%;
}

.fomr-na-text {
  color: var(--rosy-brown);
  font-size: 1.35vw;
}

.form-face-img {
  width: 3vw;
}

.form-field-col-02 {
  flex: none;
  padding-left: 10px;
}

.form-label-field-row-02 {
  align-items: center;
  display: flex;
}

.hospital-guide-icon-row {
  flex-wrap: wrap;
  margin-top: -10px;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
}

.hospital-guide-icon-wrap {
  display: flex;
}

.hospital-guide-icon-b {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

.hospital-guide-icon-text {
  flex: 1;
  margin-top: 2px;
}

.hospital-guide-icon-col {
  margin-top: 10px;
  padding-left: 25px;
  padding-right: 25px;
}

.hospital-guide-dessktop {
  height: 100%;
}

.hospital-guide-row {
  flex-wrap: wrap-reverse;
  display: flex;
}

.hospital-guide-col-r {
  width: 50%;
  overflow: hidden;
}

.hospital-guide-top-img-b {
  position: relative;
}

.hospital-guide-col-l {
  width: 50%;
}

.hospital-guide-col-l-content {
  z-index: 1;
  border: 3px solid var(--dark-slate-blue);
  background-color: var(--alice-blue);
  position: relative;
  overflow: hidden;
}

.hospital-guide-content-01-row {
  flex-wrap: wrap;
  display: flex;
}

.hospital-guide-col-l-content-col-l {
  width: 49%;
  height: 100%;
  max-height: 55vh;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}

.hospital-guide-col-l-content-col-r {
  width: 49%;
  height: auto;
  max-height: 55vh;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}

.hospital-guide-col-l-tab-button-b {
  z-index: 0;
  margin-bottom: -10px;
  position: relative;
}

.hospital-guide-bottom-col-l-tab-button-row {
  display: flex;
}

.hospital-guide-tab-button {
  background-color: var(--white-smoke);
  color: var(--rosy-brown);
  text-align: center;
  border-radius: 10px 10px 0 0;
  flex: 1;
  padding: 5px 20px 15px;
  transition: all .5s, color .5s;
}

.hospital-guide-tab-button:hover, .hospital-guide-tab-button.active {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.hospital-guide-content-01 {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 5px;
  display: block;
}

.hospital-guide-col-r-welcome-main {
  background-image: linear-gradient(#0006, #0006), url('../images/about-hospitals-information-img-012x.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  padding: 100px;
  overflow: hidden;
}

.hospital-guide-floor-detail-link {
  border-bottom: 1px solid var(--gainsboro);
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.hospital-guide-floor-detail-link:hover {
  color: var(--dark-slate-blue);
}

.hospital-guide-floor-detail-link-bg {
  z-index: 0;
  background-color: var(--alice-blue-2);
  margin-left: -10px;
  margin-right: -10px;
  position: absolute;
  inset: 0%;
}

.hospital-guide-map-link {
  width: 100%;
  margin-top: -20px;
  display: block;
  position: relative;
}

.hospital-guide-map-link-row {
  padding-top: 20px;
}

.hospital-guide-map-img {
  width: 100%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hospital-guide-map-img-b {
  position: relative;
}

.hospital-guide-map-img-active {
  width: 100%;
}

.hospital-guide-top-img {
  z-index: 0;
  width: 100%;
  position: relative;
}

.hospital-guide-top-img-main, .hospital-guide-top-img-church, .hospital-guide-top-img-a {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.hospital-guide-top-img-main-link-b {
  z-index: 2;
  width: 38%;
  height: 91%;
  margin-bottom: 3.5%;
  margin-left: 13%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hospital-guide-top-img-church-link-b {
  z-index: 2;
  width: 21%;
  height: 35%;
  margin-bottom: 3.5%;
  margin-left: 50.5%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hospital-guide-top-img-a-link-b {
  z-index: 2;
  width: 18%;
  height: 74%;
  margin-bottom: 3.5%;
  margin-left: 67%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hospital-guide-col-r-content-b {
  width: 100%;
  overflow: auto;
}

.hospital-guide-col-r-content-text-b {
  padding: 50px;
}

.hospital-guide-bottom-col-r-icon-col {
  padding-left: 7px;
  padding-right: 7px;
}

.hospital-guide-bottom-col-r-icon-row {
  flex-wrap: wrap;
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
}

.opacity-20 {
  opacity: .2;
}

.align-right {
  text-align: right;
}

.hospital-guide-floor-detail-floor-g {
  width: 100%;
}

.hospital-guide-content-03 {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 5px;
  display: block;
}

.hospital-guide-03-content {
  height: 100%;
  max-height: 55vh;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto;
}

.hospital-guide-map-floor {
  z-index: 1;
  background-color: var(--alice-blue-2);
  color: var(--dark-slate-blue);
  border-radius: 50px;
  margin-top: 10%;
  padding: 5px 5%;
  font-size: 1.5vw;
  line-height: 100%;
  display: inline-block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hospital-guide-map-floor.active {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.hospital-guide-col-line {
  width: 2%;
}

.grey-line-v {
  background-color: var(--gainsboro);
  width: 1px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hospital-guide-content-02 {
  width: 100%;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 5px;
  display: block;
}

.hospital-guide-content-02-row {
  flex-wrap: wrap;
  display: flex;
}

.hospital-guide-mobile {
  height: 100%;
  min-height: 1000px;
  display: none;
}

.health-corner-list-row {
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.health-corner-list-col {
  width: 33.33%;
  height: 100%;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.health-corner-list-link-b {
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.health-corner-list-img-b {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.health-corner-list-img-black-fade {
  z-index: 1;
  background-image: linear-gradient(#0000 50%, #000c);
  position: absolute;
  inset: 0%;
}

.health-corner-list-text-b {
  z-index: 2;
  width: 100%;
  padding: 15px 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.health-corner-list-date-b {
  margin-bottom: 2px;
}

.health-corner-slider {
  background-color: #0000;
  height: auto;
  display: none;
}

.health-corner-slide-mask {
  height: auto;
}

.health-corner-slide-main {
  width: 100%;
  height: auto;
}

.health-corner-slide-col {
  width: 100%;
}

.health-corner-slider-row {
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.health-corner-slider-col-l {
  width: 66.6%;
  padding-left: 10px;
  padding-right: 10px;
}

.health-corner-slider-col-r {
  width: 33.33%;
  padding-left: 10px;
  padding-right: 10px;
}

.health-corner-thumbnail-slider {
  overflow: hidden;
}

.health-corner-slider-02-slide {
  margin-bottom: 10px;
}

.health-corner-slider-02 {
  overflow: hidden;
}

.appointment-btn-arrow {
  margin-right: 10px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.appointment-dropdown-list {
  background-color: var(--white);
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  box-shadow: 3px 3px 20px #0000000d;
}

.appointment-dropdown-list.w--open {
  white-space: nowrap;
}

.appointment-row {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.appointment-bg-l {
  z-index: 0;
  width: 10%;
  padding-top: 60px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.appointment-bg-r {
  z-index: 0;
  background-color: var(--white-smoke);
  border-top-left-radius: 40px;
  width: 90%;
  padding: 80px 2.5%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-3 {
  background-color: var(--old-lace);
  width: 100%;
  height: 100%;
}

.appointment-col-l {
  width: 50%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 2.5%;
  position: relative;
}

.appointment-col-r {
  width: 50%;
}

.appointment {
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.appointment-content-b {
  width: 100%;
  max-width: 800px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.appointment-col-l-bg-b {
  z-index: 0;
  width: 55%;
  margin-left: -5.5%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.appointment-col-l-bg {
  background-color: var(--dark-slate-blue);
  width: 100%;
  height: 100%;
}

.appointment-img-b {
  z-index: 1;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.appointment-field-b {
  border-bottom: 1px solid var(--gainsboro);
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.appointment-field-b.gender {
  margin-bottom: 20px;
}

.appointment-field-b.gender-b {
  padding-bottom: 20px;
}

.appointment-input {
  z-index: -10;
  border: 1px solid var(--gainsboro);
  background-color: #0000;
  border-radius: 5px;
  height: 75px;
  margin-bottom: 0;
  padding: 15px 20px 0;
  font-size: 17px;
  transition: all .5s;
  position: relative;
}

.appointment-input:focus {
  border-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
}

.appointment-input::placeholder {
  color: #828282;
}

.appointment-input.long {
  height: 250px;
  padding-left: 25px;
  padding-right: 25px;
}

.appointment-input.error {
  color: #e30613;
  border-color: #e30613;
}

.appointment-label {
  z-index: 1;
  color: #bdbdbd;
  margin-top: 28px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  transition: all .5s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.appointment-field-col-50 {
  width: 50%;
  margin-top: 15px;
  padding-left: 7px;
  padding-right: 7px;
}

.appointment-field-row {
  flex-wrap: wrap;
  margin-top: -15px;
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
}

.appointment-field-col-100 {
  width: 100%;
  margin-top: 15px;
  padding-left: 7px;
  padding-right: 7px;
}

.appointment-field-col-100.checkbox {
  margin-top: 40px;
  margin-bottom: 25px;
}

.appointment-button-row {
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -2.5%;
  margin-right: -2.5%;
  display: flex;
}

.appointment-button-pre {
  justify-content: flex-end;
  width: 50%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.appointment-button-next {
  width: 50%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.appointment-field-col {
  width: 100%;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.appointment-field-col.full {
  max-width: none;
}

.appointment-select {
  z-index: 1;
  border: 1px solid var(--gainsboro);
  background-color: #0000;
  border-radius: 5px;
  height: 75px;
  margin-bottom: 0;
  padding: 15px 50px 0 25px;
  font-size: 17px;
  transition: all .5s;
  position: relative;
}

.appointment-select:focus {
  border-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
}

.appointment-select.error {
  color: #e30613;
  border-color: #e30613;
}

.appointment-select-label {
  z-index: 2;
  color: #828282;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: 25px;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  transition: all .5s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.appointment-select-label.error {
  color: #e30613;
}

.appointment-link-btn {
  border: 1px solid var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  transition: all .5s, color .5s;
  display: flex;
}

.appointment-link-btn:hover, .appointment-link-btn.active {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.text-grey {
  color: #828282;
}

.appointment-date {
  z-index: 1;
  border: 1px solid var(--gainsboro);
  background-color: #0000;
  border-radius: 5px;
  height: 75px;
  margin-bottom: 0;
  padding: 15px 50px 0 25px;
  font-size: 17px;
  transition: all .5s;
  position: relative;
}

.appointment-date:focus {
  border-color: var(--dark-slate-blue);
  color: var(--dark-slate-blue);
}

.appointment-date::placeholder {
  color: var(--black);
}

.appointment-button-link-b {
  transition-property: all;
  display: flex;
}

.appointment-button-link-b.pre {
  opacity: .6;
}

.appointment-button-link-b.pre:hover {
  opacity: 1;
}

.appointment-step {
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.appointment-step-row {
  align-items: flex-end;
  display: flex;
}

.appointment-step-col {
  text-align: center;
  flex: 1;
}

.appointment-step-line-dot {
  z-index: 1;
  background-color: #f9f7f5;
  border: 1px solid #828282;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.appointment-step-line-dot.active {
  border-color: var(--royal-blue);
  background-color: var(--royal-blue);
}

.appointment-step-line {
  align-items: center;
  height: 14px;
  margin-top: 5px;
  display: flex;
  position: relative;
}

.appointment-step-line-r, .appointment-step-line-l {
  width: 50%;
  height: 1px;
}

.grey-bg {
  background-color: #bdbdbd;
}

.appointment-step-text {
  color: #828282;
}

.appointment-step-text.active {
  color: var(--royal-blue);
  font-size: 20px;
  font-weight: 700;
}

._1-text-spacing {
  letter-spacing: 1px;
}

.text-red {
  color: #e30613;
}

.appointment-field-col-b {
  width: 100%;
  margin-top: 7px;
  padding-left: 7px;
  padding-right: 7px;
}

.appointment-opd-other-option-help {
  overflow: hidden;
}

.appointment-doctor-list {
  width: 100%;
  overflow: hidden;
}

.appointment-doctor-link-b {
  border: 1px solid var(--gainsboro);
  border-radius: 10px;
  padding: 10px;
  display: block;
}

.appointment-doctor-list-col {
  margin-top: 7px;
}

.appointment-doctor-list-row {
  margin-top: -7px;
}

.appointment-doctor-text-row {
  flex-wrap: wrap;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.appointment-doctor-text-col-l {
  width: 60%;
  padding-left: 10px;
  padding-right: 10px;
}

.appointment-doctor-text-col-r {
  text-align: right;
  width: 40%;
  padding-left: 10px;
  padding-right: 10px;
}

.text-green {
  color: #26bc00;
}

.text-grey-light {
  color: #bdbdbd;
}

.appointment-doctor-field {
  width: 100%;
}

.appointment-preview {
  z-index: 1;
  position: relative;
}

.appointment-preview-b {
  background-color: var(--white);
  border-radius: 10px;
  padding: 40px;
  box-shadow: 13px 15px 50px #efe8d980;
}

.appointment-preview-link-btn-wrap {
  align-items: center;
  display: flex;
}

.appointment-preview-link-btn {
  color: #828282;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  inset: 0% 0% auto auto;
}

.appointment-preview-top {
  padding-right: 80px;
  position: relative;
}

.appointment-preview-link-btn-icon {
  width: 18px;
  margin-left: 8px;
}

.appointment-preview-content-row {
  flex-wrap: wrap;
  margin-top: -30px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.appointment-preview-content-col-30 {
  width: 30%;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.appointment-preview-content-col-40 {
  width: 40%;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.appointment-preview-content-col-100 {
  width: 100%;
  margin-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

.appointment-link-btn-submit {
  border: 1px solid var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 5px;
  min-width: 220px;
  padding: 15px 20px;
  transition: all .5s, color .5s;
}

.appointment-link-btn-submit:hover {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.appointment-success-b {
  z-index: 1;
  width: 100%;
  position: relative;
}

.appointment-success-content {
  z-index: 1;
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.form-star {
  color: #e30613;
}

.nav-booking-dropdown-link-b {
  display: inline-block;
}

.small-70 {
  font-size: 70%;
}

.appointment-link-btn-icon-b {
  margin-bottom: 10px;
  position: relative;
}

.appointment-link-btn-icon-img {
  display: block;
}

.appointment-link-btn-icon-img-hover {
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.appointment-radio-btn-b {
  margin-bottom: 0;
  padding: 0;
  position: relative;
}

.appointment-radio-btn-label {
  text-align: center;
  width: 100px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.appointment-radio-btn {
  border: 1px solid var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 75px;
  margin: 0;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  transition: all .5s, color .5s;
  display: flex;
}

.appointment-radio-btn:focus {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.appointment-radio-btn.w--redirected-checked {
  background-color: var(--dark-slate-blue);
  border-style: none;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.appointment-radio-btn.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  width: 100%;
  height: 100%;
}

.appointment-radio-btn-col {
  position: relative;
}

.appointment-radio-btn-label-text {
  color: var(--dark-slate-blue);
  font-size: 20px;
  font-weight: 700;
}

.appointment-radio-btn-label-text.absolute-white {
  color: var(--white);
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.appointment-nutrition-option-02, .appointment-nutrition-option-04, .appointment-nutrition-option-other {
  width: 100%;
  overflow: hidden;
}

.drag-click-icon-b {
  z-index: 4;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.drag-click-icon-descript-img {
  padding-left: 2px;
  padding-right: 2px;
}

.drag-click-icon-descript-content {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.common-time-table-col-33 {
  border-left: 1px solid var(--gainsboro);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  padding: 15px 1%;
  font-size: 16px;
  display: flex;
}

.header-news-arrow-img {
  background-image: url('../images/arrow-bk-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 8px;
  height: 14px;
  margin-top: 0;
}

.header-news-popup-b {
  z-index: 13;
  background-color: #fff0;
  width: 100%;
  height: 100vh;
  padding-top: 115px;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
  box-shadow: 2px -3px 10px #0003;
}

.doc-download-txt {
  margin-top: 4px;
}

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

.common-lightbox {
  width: 100%;
  display: block;
}

.milestone-img-slider {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.milestone-img-slider.slick-item-list {
  display: block;
}

.milestone-img-slide {
  flex: none;
  transition: opacity .5s;
  display: block;
}

.milestone-img-slide.slick-current {
  opacity: 1;
}

.milestone-img-slide-img-b {
  z-index: 1;
  position: relative;
}

.images-slider-b {
  flex: none;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.images-slider {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  position: relative;
}

.images-slide {
  flex: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  transition: opacity .5s;
  display: block;
}

.images-slide.slick-current {
  opacity: 1;
}

.popup-form-clear-data {
  display: none;
}

.form-clear-data-content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.form-clear-data-button-row {
  flex-wrap: wrap;
  margin-top: -15px;
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
}

.form-clear-data-button-col {
  width: 50%;
  margin-top: 15px;
  padding-left: 7px;
  padding-right: 7px;
}

.form-clear-data-button {
  border: 1px solid var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  transition: all .5s, color .5s;
  display: flex;
}

.form-clear-data-button:hover {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.appointment-success-img {
  width: 100%;
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.common-intro-content-max-width {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.text-justify {
  text-align: justify;
}

.sticky-button-arrow {
  z-index: 2;
  width: 45px;
  margin-top: -35px;
  display: block;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.sticky-button-border {
  background-color: var(--dark-grey);
  width: 1px;
  height: 70%;
  position: absolute;
  inset: 50% auto 0% 0%;
  transform: translate(0, -50%);
}

.doctor-consent-forms {
  padding-bottom: 60px;
  position: relative;
}

.doctor-consent-forms-link-b {
  border-right: 1px solid var(--gainsboro);
  border-bottom: 1px solid var(--gainsboro);
  background-color: var(--white);
  color: var(--black);
  text-align: center;
  width: 25%;
  min-height: 260px;
  padding: 20px;
  transition-property: all;
  position: relative;
  overflow: hidden;
}

.doctor-consent-forms-link-b:hover, .doctor-consent-forms-link-b:focus {
  background-color: var(--steel-blue-2);
  color: var(--white);
}

.doctor-consent-forms-b {
  z-index: 1;
  position: relative;
}

.doctor-consent-forms-row {
  border-left: 1px solid var(--gainsboro);
  flex-wrap: wrap;
  display: flex;
}

.doctor-consent-forms-bg-b {
  z-index: -1;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  position: absolute;
  inset: 0%;
}

.doctor-consent-forms-link-text {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ligh-brown-link-text {
  color: var(--old-lace);
  text-decoration: underline;
}

.ligh-brown-link-text:hover {
  color: var(--deep-sky-blue);
}

.light-bule-link-text-underline {
  color: var(--deep-sky-blue);
  text-decoration: underline;
}

.light-bule-link-text-underline:hover {
  color: var(--white-smoke);
}

.drag-click-icon-opening {
  width: 100%;
  height: 100vh;
  position: absolute;
}

.sticky-btn-title-link {
  border-bottom: 1px solid var(--black);
  width: 100%;
  padding-bottom: 8px;
  display: block;
}

.sticky-btn-dropdown-link-text-title-wrap {
  align-items: center;
  display: flex;
}

.sticky-btn-dropdown-link-text-title {
  letter-spacing: 1px;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.sticky-btn-dropdown-link-arrow-title {
  background-image: url('../images/arrow-bk-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 6px;
  height: 9px;
}

.share-btn-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.share-btn-col {
  margin-left: 3px;
  margin-right: 3px;
}

.share-btn-link-b {
  z-index: 1;
  background-color: var(--dark-slate-blue);
  border-radius: 50px;
  padding: 8px;
  transition: all .5s;
}

.share-btn-link-b:hover, .share-btn-link-b.w--open {
  background-color: var(--royal-blue);
}

.share-btn-link-b.wtsapp {
  background-color: #20b038;
}

.share-btn-link-b.wtsapp:hover {
  background-color: #60d66a;
}

.share-btn-link-b.wechat {
  background-color: #3ad41a;
}

.share-btn-link-b.wechat:hover {
  background-color: #31b716;
}

.share-btn-link-b.line {
  background-color: #06c755;
}

.share-btn-link-b.line:hover {
  background-color: #009b3f;
}

.share-btn-link-b.message {
  background-color: #09f;
}

.share-btn-link-b.message:hover {
  background-color: #a033ff;
}

.share-btn-link-b.fb {
  background-color: #1877f2;
}

.share-btn-link-b.fb:hover {
  background-color: var(--steel-blue);
}

.share-btn-link-b.telegram {
  background-color: #08c;
}

.share-btn-link-b.telegram:hover {
  background-color: var(--royal-blue);
}

.share-btn-link-b.mail {
  background-color: var(--dark-red);
}

.share-btn-link-b.mail:hover {
  background-color: var(--red);
}

.share-btn-link-img {
  width: 20px;
  display: block;
}

.share-btn-dropdown-list {
  z-index: 0;
  background-color: #0000;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.share-btn-dropdown {
  text-align: right;
  display: none;
}

.share-btn-dropdown-list-content {
  width: auto;
  margin-right: 40px;
  display: inline-block;
}

.share-btn-link {
  z-index: 1;
  background-color: var(--dark-slate-blue);
  border-radius: 50px;
  padding: 8px;
  transition: all .5s;
  display: block;
}

.share-btn-link:hover, .share-btn-link.w--open {
  background-color: var(--royal-blue);
}

.share-btn-message-b {
  z-index: 12;
  text-align: center;
  margin-bottom: 80px;
  position: fixed;
  inset: auto 0% 0%;
}

.share-btn-message {
  background-color: var(--red);
  color: var(--white);
  width: auto;
  padding: 10px 20px;
  display: inline-block;
}

.row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.display-inline-b {
  display: inline-block;
}

.white-text-link {
  color: var(--white);
}

.white-text-link:hover {
  color: var(--old-lace);
}

.video-title-b {
  z-index: 2;
}

.about-pastoral-spiritual-content-link-b {
  color: var(--white);
}

.about-pastoral-spiritual-content-link-b:hover {
  color: var(--old-lace);
}

.border-blue {
  border: 1px solid var(--dark-slate-blue);
}

.blue-bg {
  background-color: var(--dark-slate-blue);
}

.border-table {
  border: 1px solid var(--dark-slate-blue);
  border-radius: 10px;
  overflow: hidden;
}

.border-table-row {
  border-bottom: 1px solid var(--dark-slate-blue);
  display: flex;
}

.border-table-row.last {
  border-bottom-style: none;
}

.border-table-col {
  border-right: 1px solid var(--dark-slate-blue);
  align-items: center;
  width: 33.33%;
  padding: 10px 15px;
  display: flex;
}

.border-table-col.last {
  border-right-style: none;
}

.border-table-col.title {
  border-right-color: var(--white);
  background-color: var(--dark-slate-blue);
  color: var(--white);
  text-align: center;
}

.border-table-col.text-align {
  justify-content: center;
  align-items: center;
  display: flex;
}

.border-table-col-25 {
  border-right: 1px solid var(--dark-slate-blue);
  align-items: center;
  width: 25%;
  padding: 10px 15px;
  display: flex;
}

.border-table-col-25.last {
  border-right-style: none;
}

.border-table-col-25.title {
  border-bottom: 1px solid var(--white);
  border-right-color: var(--white);
  background-color: var(--dark-slate-blue);
  color: var(--white);
  text-align: center;
}

.border-table-col-25.title.last {
  border-bottom-style: none;
}

.border-table-col-75 {
  border-right: 1px solid var(--dark-slate-blue);
  align-items: center;
  width: 75%;
  padding: 10px 15px;
  display: flex;
}

.border-table-col-75.last {
  border-right-style: none;
}

.black-text-link {
  color: var(--black);
}

.sex-label {
  margin-top: -5px;
}

.div-flex {
  height: 100%;
  display: flex;
}

.form-col-70 {
  width: 70%;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.form-col-30 {
  width: 30%;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.inner-filter-checkbox-item-col {
  align-self: center;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.text-wrap {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.tick-img {
  width: 20px;
}

.inner-filter-checkbox-list-content {
  overflow: hidden;
}

.inner-filter-checkbox-list-content-row {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.no-maring-bottom {
  margin-bottom: 0;
}

.inner-filter-checkbox-item-25 {
  width: 25%;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.inner-filter-checkbox-list-content-sub, .inner-filter-checkbox-list-content-sub-sub-01, .inner-filter-checkbox-list-content-sub-sub-02 {
  width: 100%;
  overflow: hidden;
}

.health-corner-top-b {
  z-index: 9;
  position: relative;
}

.form-checkbox-field-33 {
  cursor: pointer;
  width: 33.33%;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
}

.form-checkbox-field-33-row {
  flex-wrap: wrap;
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.health-corner-content {
  z-index: 0;
  position: relative;
}

.health-corner-title-b {
  border-bottom: 1px solid var(--black);
  padding-bottom: 10px;
}

.show-all-button {
  align-items: center;
  margin-left: 10px;
  display: flex;
}

.show-all-button-text {
  margin-right: 7px;
  font-size: 14px;
}

.show-all-button-arrow {
  background-image: url('../images/arrow-bk-r.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 8px;
  height: 14px;
  margin-top: 0;
}

.health-corner-title-row {
  justify-content: space-between;
  display: flex;
}

.health-corner-title-text-col {
  flex: 1;
}

.nav-booking-dropdown-tnc-text-b {
  width: 100%;
  padding: 5px 15px;
}

.nav-booking-dropdown-tnc-text {
  text-align: left;
  max-width: 160px;
  font-size: 80%;
  line-height: 135%;
}

.remark-text {
  color: #00000080;
  margin-top: 5px;
  font-size: 80%;
  font-weight: 300;
  line-height: 135%;
}

.remark-text.booking {
  z-index: 1;
  color: var(--white);
  position: relative;
}

.doctor-zone-remark-text-b {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.text-underline {
  text-decoration: underline;
}

.nobr {
  white-space: nowrap;
}

.btn-pop-close-b {
  z-index: 99;
  text-align: right;
  background-color: #f2f8fbf2;
  padding-top: 20px;
  padding-bottom: 20px;
  position: sticky;
  top: 0;
}

.popup-box-common {
  display: none;
}

.popup-enquiries-content {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.submit-btn-2 {
  color: #234871;
  background-color: #0000;
  background-image: url('../images/arrow-blue-r.svg');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #234871;
  padding: 5px 30px 5px 15px;
  transition: all .5s;
}

.submit-btn-2:hover {
  color: #fff;
  background-color: #234871;
  background-image: url('../images/arrow-wt-r.svg');
}

.home-pop-b {
  z-index: 4000;
  background-color: #a1e1fcbf;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.home-pop-img {
  max-height: 80vh;
  display: block;
}

.home-pop-content {
  text-align: center;
  width: 100%;
  height: 100vh;
  position: relative;
}

.home-pop-img-b {
  flex-wrap: wrap;
  align-items: center;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 60px;
  display: flex;
}

.hospital-guide-col-r-welcome-a {
  background-image: linear-gradient(#0006, #0006), url('../images/醫院導覽A座-Hospital-guide-Block-A.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  padding: 100px;
  overflow: hidden;
}

.hospital-guide-col-r-welcome-service {
  background-image: linear-gradient(#0006, #0006), url('../images/醫院導覽服務-Hospital-guide-service-all-floor.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 100%;
  height: 100%;
  padding: 100px;
  overflow: hidden;
}

.home-pop-flex {
  height: 100%;
  overflow: auto;
}

.hospital-guide-col-r-content-img-b {
  max-height: 35vh;
  overflow: hidden;
}

.intro-bg-mobile {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: none;
  position: absolute;
  inset: 0%;
}

.charges-bg-img-b {
  z-index: 0;
  background-color: #f5f1e8;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.charges-bg-img-black-fade {
  z-index: 2;
  background-color: #0000004d;
  position: absolute;
  inset: 0%;
}

.charges-bg-img-bottom-mask {
  z-index: 1;
  background-image: linear-gradient(#f5f1e800, #f5f1e8);
  height: 100px;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.charges-bg-img-col {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.charges-bg-img-col._03 {
  background-image: url('../images/Charges-BG-Operating.png');
}

.charges-bg-img-col._02 {
  background-image: url('../images/Charges-BG_v2.png');
  background-position: 50% 0;
}

.charges-bg-img-col._01 {
  background-image: url('../images/Charges-BG.png');
  background-position: 50% 0;
}

.charges-bg-img-left-mask-v02 {
  z-index: 1;
  opacity: .95;
  background-image: linear-gradient(270deg, #f5f1e800, #f5f1e8 90%);
  width: 50%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.charges-bg-img-v02 {
  z-index: 0;
  float: right;
  width: 100%;
  display: none;
  position: relative;
}

.charges-bg-img-v02-mobile {
  z-index: 0;
  float: right;
  display: none;
  position: relative;
}

.milestone-tab-link {
  display: block;
}

.milestone-tab-link:hover, .milestone-tab-link.active {
  color: var(--rosy-brown);
}

.milestone-12-logo-link-b {
  z-index: 1;
  background-color: var(--white);
  margin-bottom: -15px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}

.milestone-12-logo-link-b:hover {
  color: var(--rosy-brown);
}

.milestone-tab-txt-120 {
  text-align: center;
  font-size: 16px;
  line-height: 130%;
}

.milestone-container {
  max-width: none;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.opacity-0 {
  opacity: 0;
}

.table {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.table:active {
  border: 1px solid #dadada;
}

.table:focus {
  border-color: #d4d4d4;
}

.table.no-pad {
  padding-top: 0;
  padding-bottom: 0;
}

.table.no-pad.overflow {
  flex: none;
  width: 100%;
  position: relative;
  overflow: auto;
}

.table-10-col-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid var(--gainsboro);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
  position: static;
}

.table-10-col-row.table-header {
  color: var(--white);
  background-color: #516d8d;
  border-top-style: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.table-10-col-row.table-header.eye, .table-10-col-row.eye {
  width: 95vw;
}

.table-col {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  display: flex;
}

.table-col.data.left {
  z-index: 80;
  border-right: 1px solid var(--gainsboro);
  background-color: var(--alice-blue);
  position: sticky;
  left: 0;
}

.table-col.data.left.white-bg {
  background-color: var(--white);
}

.table-col.table-header {
  background-color: #516d8d;
}

.table-col.table-header.left-col {
  z-index: 100;
  border-right: 1px solid var(--gainsboro);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  left: 0;
}

.table-wrapper {
  background-color: #fff;
  width: 50%;
  height: 100%;
  transition: transform .2s;
  position: relative;
}

.table-wrapper._100 {
  perspective-origin: 50%;
  flex: 0 auto;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.table-wrapper._100.table {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.border-left-grey {
  border-left: 1px solid var(--gainsboro);
}

.dropdown-arrow-img {
  display: block;
}

.milestone-btn-restart {
  width: 100%;
  transition: all .5s, color .5s;
  display: none;
}

.milestone-btn-restart:hover {
  transform: scale(.95);
}

.common-btn-bordered-arrow-img-b {
  background-color: var(--royal-blue);
  margin-left: 10px;
  padding: 5px;
}

.dropdown-arrow {
  background-image: url('../images/inner-filter-arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  margin-left: 10px;
}

.form-error {
  color: red;
  text-align: left;
  background-color: #0000;
  padding: 0;
}

.search-suggestion-item-link {
  padding: 10px 30px;
  transition: background-color .5s;
  display: block;
}

.search-suggestion-item-link:hover {
  background-color: #ffffff80;
}

.form-success {
  text-align: left;
  background-color: #0000;
  padding: 0;
}

.search-suggestion-b {
  background-color: var(--alice-blue);
  opacity: 0;
  border: 1px solid #eee;
  border-radius: 25px;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 10px;
  font-style: italic;
  font-weight: 300;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.search-suggestion-wrap {
  max-height: 200px;
  overflow: auto;
}

.table {
  border-radius: 20px 20px 0 0;
}

.null {
  background-color: var(--white);
}

.z-index-0 {
  z-index: 0;
  position: relative;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.btn-pop-close-img {
  width: 60px;
  display: block;
}

.charges-bg-img-v03 {
  z-index: 0;
  float: right;
  width: 100%;
  display: none;
  position: relative;
}

.charges-bg-img-v03-mobile {
  z-index: 0;
  float: right;
  display: none;
  position: relative;
}

.charges-bg-img-left-mask-v03 {
  z-index: 1;
  opacity: .75;
  background-image: linear-gradient(270deg, #f5f1e800, #f5f1e8 61%);
  width: 40%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.radio-gp-b {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radio-gp-title {
  margin-right: 20px;
}

.radio-gp-list {
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radio-gp-item {
  margin-right: 20px;
}

.header-news-expand-click {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.header-news-collapse-click {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.header-news-bg-click {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

._0065ff-link-text {
  color: var(--royal-blue);
}

.small-radio-box-content {
  border: 1px solid var(--deep-sky-blue);
  color: var(--dark-slate-blue);
  cursor: pointer;
  border-radius: 5px;
  padding: 5px 25px;
  font-weight: 500;
  transition: border-color .5s, color .5s, background-color .5s;
}

.small-box-radio-field {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.header-news-b {
  z-index: 3000;
  background-image: url('../images/header-icon-alert.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 25px;
  border-bottom-left-radius: 20px;
  flex: 1;
  width: 75%;
  margin-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 60px;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 3px 3px #fff;
}

.header-news-b.version-7 {
  background-color: #e4f1f8;
  background-image: url('../images/header-icon-alert.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 25px;
}

.blue-link-txt {
  color: var(--dark-slate-blue);
  text-decoration: underline;
}

.intro-bg-mask-color {
  background-image: linear-gradient(#00000080, #0009);
  position: absolute;
  inset: 0%;
}

.common-intro-content-txt-b {
  max-height: 100%;
  overflow: auto;
}

.common-intro-content-b {
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.honorary-doctor-row {
  flex-flow: column wrap;
  margin-top: -60px;
  display: flex;
}

.honorary-doctor-col {
  width: 100%;
  margin-top: 60px;
  display: block;
}

.bottom-none {
  padding-bottom: 0;
}

.visiting-doctor-bg {
  background-color: var(--alice-blue);
  width: 18%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.timetable-location-bg {
  background-color: var(--alice-blue);
  width: 25%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

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

.mobile-pull-up-content {
  border-left: 1px solid var(--gainsboro);
  width: 30%;
}

.mobile-pull-up {
  display: none;
}

.common-btn-bordered-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.common-btn-bordered-col {
  padding-left: 10px;
  padding-right: 10px;
}

.footer-link-full {
  width: 100%;
}

.header-top-desktop-b {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding-left: 40px;
  display: flex;
  position: relative;
}

.header-top-desktop-col-r {
  width: 100%;
  max-width: 300px;
}

.header-top-desktop-col-l {
  width: 60%;
}

.header-news-button-collapse {
  display: none;
}

.appointment-field-col-33 {
  width: 33.33%;
  margin-top: 15px;
  padding-left: 7px;
  padding-right: 7px;
}

.centre-icon-row {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -20px;
  display: flex;
}

.centre-icon-link-b {
  width: 25%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  transition-property: all;
}

.centre-icon-link-b:hover {
  box-shadow: 0 2px 5px #0003;
}

.centre-icon-content {
  text-align: center;
}

.centre-icon-img-b {
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
}

.doctor-filter-row {
  justify-content: center;
  display: flex;
  position: relative;
}

.doctor-filter-btn-col {
  align-self: center;
  margin-bottom: 15px;
  margin-left: 15px;
}

.appointment-form-checkbox {
  background-image: url('../images/form-checkbox.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-style: none;
  border-radius: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.appointment-form-checkbox.w--redirected-checked {
  background-color: var(--transparent);
  background-image: url('../images/form-checkbox-checked.svg');
  background-size: contain;
  border-style: none;
  border-radius: 0;
}

.appointment-form-checkbox.w--redirected-focus {
  box-shadow: none;
  border-style: none;
  border-radius: 0;
}

.appointment-form-checkbox-field-row {
  display: flex;
}

.appointment-form-checkbox-field {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-bottom: 0;
  margin-right: 8px;
}

.appointment-form-checkbox-field-label {
  color: #999;
}

.body-text {
  font-size: 17px;
  line-height: 150%;
}

.hidden-heading {
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.letter-spacing-0 {
  letter-spacing: 0;
}

.notice-pop-b {
  z-index: 4000;
  background-color: #a1e1fcbf;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.notice-pop-flex {
  height: 100%;
}

.notice-pop-content {
  text-align: center;
  width: 100%;
  height: 100vh;
  position: relative;
}

.notice-pop-content-b {
  flex-wrap: wrap;
  align-items: center;
  max-width: 1500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 60px;
  display: flex;
}

.notice-pop-txt-b {
  background-color: var(--white);
  width: 100%;
  max-height: 80vh;
  padding: 40px 20px;
  overflow: auto;
  box-shadow: 0 2px 5px #0003;
}

.notice-pop-txt-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-news-more-b {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.table-remark-row {
  justify-content: space-between;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.table-remark-col-l {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
}

.table-remark-col-r {
  text-align: right;
  padding-left: 5px;
  padding-right: 5px;
}

.margin-top-5 {
  margin-top: 5px;
}

.common-slider-mask {
  height: auto;
}

.home-pop-img-slider {
  background-color: var(--transparent);
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.home-pop-img-slider-slide {
  text-align: center;
  padding: 10px;
}

.home-pop-img-slider-link-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  transition-property: all;
  transition-duration: 1s;
}

.sticky-btn-sub-row {
  flex-flow: column;
  display: flex;
}

.sticky-btn-sub-col {
  margin-top: 10px;
  padding-left: 20px;
}

.sticky-btn-dropdown-sub-centre-row {
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.sticky-btn-dropdown-sub-centre-col {
  flex: 1;
}

.sticky-btn-dropdown-sub-centre-col-r {
  width: 66.67%;
}

.sticky-btn-dropdown-sub-centre-col-r-row {
  flex-flow: wrap;
  display: flex;
}

.col-width-10 {
  width: 10%;
}

.col-width-90 {
  border-top-left-radius: 40px;
  width: 90%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  position: relative;
}

.form-intro-txt-b {
  padding-top: 20px;
  padding-bottom: 20px;
}

.our-service-row {
  flex-flow: wrap;
  margin-top: -20px;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.our-service-col {
  width: 33.33%;
  margin-top: 20px;
  padding-left: 1%;
  padding-right: 1%;
}

.our-service-link-b {
  border: 1px solid var(--white-smoke-3);
  background-color: var(--white-smoke);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding: 5%;
  transition-property: all;
  display: block;
}

.our-service-link-b:hover, .our-service-link-b.reverse {
  border-color: var(--alice-blue-2);
  background-color: var(--alice-blue);
}

.our-service-link-b.reverse:hover {
  border-color: var(--white-smoke-3);
  background-color: var(--white-smoke);
}

.our-service-img-b {
  border-radius: 15px;
  overflow: hidden;
}

.our-service-txt-b {
  margin-top: 8px;
}

.form-detail-question-b {
  padding-left: 30px;
  font-weight: 700;
  position: relative;
}

.form-detail-question-txt-col {
  flex: 1;
}

.form-detail-question-num-col {
  position: absolute;
  inset: 0% auto auto 0%;
}

.our-service-content-row {
  flex-flow: wrap;
  justify-content: center;
  margin-top: -20px;
  margin-left: -1%;
  margin-right: -1%;
  display: flex;
}

.our-service-content-col {
  width: 33.33%;
  margin-top: 20px;
  padding-left: 1%;
  padding-right: 1%;
}

.our-service-content-link-b {
  color: var(--black);
  width: 100%;
  transition: all .5s, color .5s;
  display: block;
  position: relative;
  overflow: hidden;
}

.our-service-content-link-b:hover {
  letter-spacing: .5px;
}

.our-service-content-txt-b {
  background-color: #efe8d9cc;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.our-service-content-arrow {
  width: 8px;
  height: 14px;
  margin-left: 5px;
}

.contact-email {
  width: 100%;
  overflow: hidden;
}

.contact-email-content {
  padding-bottom: 10px;
}

.two-video-content-col-r {
  z-index: 1;
  width: 55%;
  position: relative;
  overflow: hidden;
}

.two-video-content-col-l {
  width: 47.5%;
  margin-right: -2.5%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.two-video-content-col-l.r {
  margin-left: -2.5%;
  margin-right: 0%;
}

.two-video-content-col-l-content {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  padding: 30px 40px 30px 30px;
  display: flex;
}

.two-video-content-col-l-content.white-smoke-bg {
  border-radius: 0 15px 15px 0;
  padding-left: 40px;
  padding-right: 30px;
}

.two-video-col {
  margin-top: 40px;
}

.two-video-row {
  flex-flow: column;
  margin-top: -40px;
  display: flex;
}

.two-video-content-col-r-wrap {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.checkbox-title {
  padding-bottom: 10px;
  font-size: 20px;
}

.checkbox-box {
  border: 1px solid var(--dark-slate-blue);
  background-color: var(--transparent);
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  display: flex;
}

.checkbox-content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.checkbox-field {
  cursor: pointer;
  flex: none;
  margin-bottom: 5px;
  padding-left: 0;
  font-weight: 400;
}

.appointment-link-tab-menu {
  justify-content: space-between;
  align-items: center;
  margin-left: -7px;
  margin-right: -7px;
  display: flex;
}

.appointment-link-tab-btn {
  border: 1px solid var(--dark-slate-blue);
  background-color: var(--transparent);
  color: var(--dark-slate-blue);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 100%;
  margin: 0 7px;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  transition: all .5s, color .5s;
  display: flex;
}

.appointment-link-tab-btn:hover, .appointment-link-tab-btn.w--current {
  background-color: var(--dark-slate-blue);
  color: var(--white);
}

.appointment-link-tab-pane {
  margin-top: 40px;
}

.page-heading-handwrite1 {
  color: #0000001a;
  text-align: right;
  letter-spacing: 12px;
  margin-left: auto;
  padding-left: 40px;
  font-family: Nothing You Could Do, sans-serif;
  font-size: 24px;
  line-height: 60px;
}

.page-heading-handwrite2 {
  color: #0000001a;
  text-align: right;
  letter-spacing: 12px;
  margin-left: auto;
  padding-left: 40px;
  font-family: Kaushan Script, sans-serif;
  font-size: 24px;
  line-height: 60px;
}

.page-heading-handwrite3 {
  color: #0000001a;
  text-align: right;
  letter-spacing: 8px;
  margin-left: auto;
  padding-left: 40px;
  font-family: Caveat, sans-serif;
  font-size: 36px;
  line-height: 60px;
}

.txt-no-wrap {
  white-space: nowrap;
}

html.w-mod-js [data-ix="opacity-0"] {
  opacity: 0;
}

html.w-mod-js [data-ix="height-0"] {
  height: 0;
}

html.w-mod-js [data-ix="display-none-opacity-0"] {
  opacity: 0;
  display: none;
}

html.w-mod-js [data-ix="common-zoom-out"] {
  opacity: 0;
  transform: scale(1.2);
}

html.w-mod-js [data-ix="common-pop-in"] {
  opacity: 0;
  transform: scale(.6);
}

html.w-mod-js [data-ix="common-fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="opacity-fade-in"] {
  opacity: 0;
}

html.w-mod-js [data-ix="common-fade-from-r"] {
  opacity: 0;
  transform: translate(50px);
}

html.w-mod-js [data-ix="common-fade-from-l"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="display-none"] {
  display: none;
}

html.w-mod-js [data-ix="line-l-to-r"] {
  width: 0%;
}

html.w-mod-js [data-ix="section-heading-animation"], html.w-mod-js [data-ix="color-photo-row-interaction"] {
  opacity: 0;
}

html.w-mod-js [data-ix="footer-interaction"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="milestone-btn-play"] {
  display: none;
}

html.w-mod-js [data-ix="header-news-popup"] {
  display: none;
  transform: translate(0, -100%);
}

@media screen and (min-width: 1280px) {
  .home-slider-nav {
    width: 40%;
    padding-left: 60px;
  }

  .news-section-bg-b {
    margin-right: -60px;
  }

  .btn-txt-arrow-txt.en {
    font-size: 16px;
    line-height: 140%;
  }

  .home-about-col.col-box {
    padding-left: 80px;
  }

  .txt-link-bk {
    font-size: 16px;
  }

  .txt-link-bk.en, .txt-link-bk.right-top-link-text {
    font-size: 14px;
  }

  .nav-link.en {
    font-size: 18px;
  }

  .nav-main-gp {
    flex: 0 auto;
    justify-content: flex-start;
  }

  .nav-lang-item {
    margin-left: 3.5%;
  }

  .nav-lang-item.lang {
    margin-left: 1.5%;
  }

  .nav-lang-item.lang-first {
    padding-left: 3.5%;
  }

  .nav-dropdown-box {
    margin-top: 12px;
  }

  .header-bg.version-7 {
    background-size: 60%;
  }

  .common-curve-bottom.terms {
    margin-left: 28%;
  }

  .home-hotsearch-col.col-l {
    padding-left: 0;
  }

  .home-hotsearch-img-b {
    min-height: 400px;
    margin-right: -60px;
  }

  .home-hotsearch-gp {
    padding-left: 80px;
  }

  .common-intro-b {
    margin-left: 120px;
    padding-bottom: 80px;
  }

  .common-intro-content {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .about-corporate-data-item {
    width: 20%;
  }

  .about-mission-wrap {
    margin-right: -60px;
  }

  .about-mission-content-b {
    padding: 60px;
  }

  .milestone-tab-content, .milestone-bar, .about-map-content-b {
    margin-left: -60px;
    margin-right: -60px;
  }

  .about-map-col {
    padding-left: 60px;
    padding-right: 60px;
  }

  .common-inner-sh-curves.appointment-line {
    margin-right: 0;
  }

  .doctor-item-title {
    font-size: 16px;
  }

  .doctor-detail-col.col-l {
    width: 600px;
  }

  .nav-main-item-row {
    width: auto;
  }

  .v-sc {
    font-family: Noto Sans SC, sans-serif;
  }

  .txt-link-bk-en {
    font-size: 1vw;
  }

  .contact-map-content-b {
    margin-left: -60px;
    margin-right: -60px;
  }

  .contact-map-col {
    padding-left: 60px;
    padding-right: 60px;
  }

  .contact-detail-row {
    margin-left: -60px;
    margin-right: -60px;
  }

  .contact-detail-col {
    padding-left: 60px;
    padding-right: 60px;
  }

  .contact-icon {
    width: 25px;
  }

  .margin-top-none {
    margin-top: 0;
  }

  .common-curve-bottom-right {
    margin-right: -25px;
  }

  .common-curve-bottom-right.accomodations-facilities {
    width: 270px;
  }

  .about-pastoral-facilities-content-col-l, .about-pastoral-facilities-content-col-r {
    width: 50%;
  }

  .common-img-content-col-r {
    min-height: 275px;
  }

  .common-intro-content-min-height {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .full-width-100 {
    width: 100%;
  }

  .home-about-sph-text-title.en {
    font-size: 48px;
  }

  .out-patient-visiting-content-col-r-content-col {
    width: 33.33%;
  }

  .news-details-section-bg-b {
    margin-left: -60px;
  }

  .news-details-content-b {
    padding-right: 150px;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .fomr-na-text {
    font-size: 16px;
  }

  .form-face-img {
    width: 40px;
  }

  .hospital-guide-map-floor {
    font-size: 17px;
  }

  .appointment-field-col {
    max-width: 75%;
  }

  .inner-filter-checkbox-list-content-sub-sub-01, .inner-filter-checkbox-list-content-sub-sub-02 {
    width: 100%;
  }

  .bottom-none {
    padding-bottom: 0;
  }

  .header-top-desktop-col-r {
    max-width: 350px;
  }

  .two-video-content-col-r {
    min-height: 275px;
  }
}

@media screen and (min-width: 1440px) {
  body {
    font-size: 20px;
  }

  .margin-bottom-80 {
    margin-bottom: 80px;
  }

  .margin-bottom-30 {
    margin-bottom: 40px;
  }

  .font-size-45 {
    letter-spacing: 12px;
    font-size: 45px;
    line-height: 60px;
  }

  .font-size-36 {
    letter-spacing: 10px;
    font-size: 36px;
    line-height: 52px;
  }

  .font-size-24 {
    font-size: 24px;
  }

  .font-size-19 {
    font-size: 19px;
    line-height: 25px;
  }

  .home-slider-nav {
    width: 100%;
    margin-bottom: 40px;
    padding-top: 0;
    padding-left: 6vw;
    padding-right: 900px;
  }

  .color-photo-box {
    width: 100%;
    padding-left: 25px;
    padding-right: 45px;
  }

  .hotsearch-link:hover {
    transform: scale(1.1);
  }

  .hotsearch-gp {
    margin-bottom: -15px;
    margin-left: -25px;
    margin-right: -25px;
  }

  .hotsearch-item {
    margin-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .news-section-link {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .arrow-bk-r.our-doctor {
    margin-top: 9px;
  }

  .news-section-link-date {
    width: 140px;
  }

  .news-section-bg-b {
    margin-right: -4vw;
    padding-left: 140px;
  }

  .photo-split-col {
    padding-left: 40px;
    padding-right: 40px;
  }

  .photo-split-icon {
    width: 95px;
  }

  .photo-split-icon.v-sister {
    width: 120px;
    height: 120px;
  }

  .btn-txt-arrow.v-white {
    font-size: 24px;
    line-height: 30px;
  }

  .arrow-white-r.v-small {
    width: 8px;
    height: 14px;
    margin-top: 5px;
  }

  .btn-txt-arrow-txt.original {
    font-size: 20px;
  }

  .home-booking-dropdown-list {
    margin-top: 46px;
  }

  .common-btn-bordered-txt-b {
    height: 30px;
  }

  .home-about-col.col-box {
    background-image: linear-gradient(to bottom, null, null), url('../images/home-about-icon-beige-30.svg');
    background-size: auto, 35%;
  }

  .section-footer {
    font-size: 16px;
  }

  .footer-logo {
    width: 60px;
  }

  .btn-sitemap {
    padding: 6px 20px;
  }

  .icon-sitemap {
    width: 30px;
  }

  .link-privacy, .footer-contact-b {
    font-size: 16px;
    line-height: 20px;
  }

  .txt-link-bk {
    font-size: 18px;
  }

  .header-wrap {
    height: 125px;
  }

  .brand {
    width: 220px;
  }

  .header-top {
    margin-bottom: 8px;
  }

  .header-news-link {
    justify-content: space-between;
    align-items: center;
  }

  .nav-link {
    font-size: 20px;
  }

  .nav-link:hover {
    transform: scale(1.1);
  }

  .nav-link.en {
    font-size: 22px;
  }

  .header-icon-link {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .header-icon-link-icon {
    width: 30px;
  }

  .header-icon-link-icon.v-booking {
    height: 25px;
    margin-top: 7px;
    margin-bottom: 10px;
  }

  .btn-booking {
    border-radius: 50%;
  }

  .nav-dropdown {
    display: block;
  }

  .nav-dropdown-box {
    border-radius: 15px;
  }

  .nav-dropdown-link {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .btn-banner-detail {
    text-shadow: none;
    width: 400px;
    height: 400px;
  }

  .btn-banner-detail-title {
    font-size: 36px;
    line-height: 50px;
  }

  .search-input {
    font-size: 21px;
    line-height: 30px;
  }

  .common-curve-bottom {
    margin-left: 500px;
  }

  .common-curve-bottom.terms {
    margin-bottom: -185px;
    margin-left: 20%;
  }

  .common-curve-bottom.doctor-zone-cme {
    width: 90%;
    margin-bottom: -25%;
  }

  .common-curve-bottom.insurance-instructions {
    width: 90%;
  }

  .nav-booking-dropdown-box {
    border-radius: 15px;
  }

  .nav-booking-dropdown-list {
    margin-top: 42px;
  }

  .nav-booking-dropdown-link {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .home-hotsearch-img-b {
    min-height: 530px;
    margin-right: -4vw;
  }

  .home-hotsearch-gp {
    margin-bottom: -15px;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 5vw;
  }

  .home-hotsearch-bg {
    width: 8vw;
  }

  .sticky-btn-icon-circle {
    width: 40px;
    height: 40px;
  }

  .breadcrumb-b {
    font-size: 16px;
  }

  .page-heading-icon-b {
    margin-right: 30px;
  }

  .inner-shortcut-b {
    top: 160px;
  }

  .inner-shortcut-link {
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-vid-b {
    width: 65%;
  }

  .inner-section-div.charges-bg-img-b-03 {
    min-height: 420px;
  }

  .about-corperate-fieldname {
    width: 220px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-corperate-data-box {
    padding: 20px;
  }

  .about-mission-b {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .about-mission-wrap {
    margin-right: -4vw;
  }

  .milestone-tab-content {
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .milestone-year-txt {
    font-size: 80px;
  }

  .milestone-bar, .about-map-content-b {
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .about-map-col {
    padding-top: 60px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .sister-bg {
    height: 240px;
  }

  .common-inner-sh-curves {
    width: 300px;
    margin-top: -120px;
  }

  .common-inner-sh-curves.v-bottom, .common-inner-sh-curves.top {
    margin-bottom: -70px;
  }

  .common-inner-sh-curves.common-blue {
    margin-top: -80px;
  }

  .common-inner-sh-curves.inner-page-col {
    margin-top: -45px;
    margin-right: -25px;
  }

  .doctor-list {
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .doctor-item {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .doctor-listing-search-b {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .inner-filter-b {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .inner-filter-dropdown-toggle {
    align-items: center;
  }

  .inner-filter-dropdown-list.w--open {
    margin-top: 50px;
  }

  .form-checkbox-box {
    margin-top: 6px;
  }

  .arrow-blue-r.v-small {
    width: 8px;
    height: 14px;
  }

  .doctor-detail-col.col-l {
    width: 700px;
  }

  .txt-link-bk-en {
    font-size: 16px;
  }

  .search-b {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .search-result-title-l, .search-result-link-text {
    font-size: 24px;
  }

  .contact-map-bg {
    height: 240px;
  }

  .contact-map-content-b {
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .contact-map-col {
    padding-top: 60px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .contact-detail-row {
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .contact-detail-col {
    padding-top: 60px;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .font-20 {
    font-size: 24px;
    line-height: 34px;
  }

  .margin-top-none {
    margin-top: 0;
  }

  .common-curve-bottom-right {
    margin-bottom: -232px;
    margin-right: -35px;
  }

  .common-curve-bottom-right.accomodations-facilities {
    width: 310px;
  }

  .sticky-btn-dropdown-link-arrow {
    width: 8px;
    height: 14px;
    margin-top: 5px;
  }

  .accommodations-guide-b, .accommodations-discharge-b {
    padding-bottom: 80px;
  }

  .about-pastoral-b {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .about-pastoral-service-col-r {
    width: 70%;
  }

  .about-pastoral-service-col-l {
    width: 30%;
  }

  .about-pastoral-facilities-content-col-l {
    width: 45%;
  }

  .about-pastoral-facilities-content-col-r {
    width: 55%;
  }

  .details-icon {
    margin-top: 5px;
  }

  .charges-b {
    padding-bottom: 80px;
  }

  .accomodations-detail-facilities-b {
    padding-top: 140px;
  }

  .common-servive-row.our-service {
    margin-left: -1%;
    margin-right: -1%;
  }

  .charges-payment-icon-col {
    width: 12.5%;
  }

  .charges-notice-link {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .charges-notice-link-date {
    width: 140px;
  }

  .common-img-content-col-r {
    min-height: 320px;
  }

  .common-blue-col-l {
    width: 8%;
  }

  .common-blue-col-r {
    width: 92%;
  }

  .about-csr-community-col {
    padding-left: 1%;
    padding-right: 1%;
  }

  .full-width-100 {
    width: 100%;
  }

  .header-news-popup-content-b {
    padding-bottom: 90px;
  }

  .slider-content-text.out-patient {
    min-height: 650px;
  }

  .out-patient-visiting-content-col-l {
    width: 25%;
  }

  .out-patient-visiting-content-col-r {
    width: 75%;
  }

  .charges-corner-content-b {
    margin-bottom: -80px;
  }

  .news-details-section-bg-b {
    margin-left: -4vw;
  }

  .obstetrics-gynaecology-important-notes-b {
    padding-bottom: 80px;
  }

  .doctor-zone-newsletter-button-b {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .doctor-zone-field-col {
    margin-top: 20px;
  }

  .doctor-zone-field-row {
    margin-top: -20px;
  }

  .insurance-partners-link-b {
    width: 14.2857%;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .about-sph-info-col {
    width: 33.33%;
  }

  .intranet-b {
    min-height: 400px;
  }

  .arrow-black-r {
    margin-top: 10px;
  }

  .en-handwrite-tagline {
    letter-spacing: 14px;
    font-size: 36px;
    line-height: 80px;
  }

  .hospital-guide-col-l-content-col-l, .hospital-guide-col-l-content-col-r, .hospital-guide-03-content {
    max-height: 65vh;
  }

  .hospital-guide-map-floor {
    margin-top: 12%;
  }

  .appointment-bg-l {
    width: 8%;
  }

  .appointment-bg-r {
    width: 92%;
  }

  .appointment-content-b {
    max-width: 1100px;
  }

  .appointment-link-btn, .appointment-step-text.active, .appointment-radio-btn, .appointment-radio-btn-label-text {
    font-size: 24px;
  }

  .header-news-popup-b {
    padding-top: 125px;
  }

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

  .milestone-img-slide {
    width: 30%;
  }

  .form-clear-data-button {
    font-size: 24px;
  }

  .appointment-success-img {
    max-width: 350px;
  }

  .doctor-consent-forms-link-b {
    min-height: 300px;
  }

  .sticky-btn-dropdown-link-text-title {
    font-size: 24px;
    line-height: 34px;
  }

  .sticky-btn-dropdown-link-arrow-title {
    width: 8px;
    height: 14px;
    margin-top: 5px;
  }

  .inner-filter-checkbox-list-content-sub-sub-01, .inner-filter-checkbox-list-content-sub-sub-02 {
    width: 100%;
  }

  .hospital-guide-col-r-content-img-b {
    max-height: 45vh;
  }

  .charges-bg-img-left-mask-v02 {
    background-image: linear-gradient(270deg, #f5f1e800, #f5f1e8 45%);
    width: 65%;
  }

  .milestone-tab-txt-120 {
    font-size: 18px;
  }

  .dropdown-arrow {
    width: 13px;
    height: 13px;
  }

  .header-news-b {
    margin-left: 60px;
  }

  .bottom-none {
    padding-bottom: 0;
  }

  .header-top-desktop-col-l {
    width: 65%;
  }

  .doctor-filter-btn-col {
    margin-left: 20px;
  }

  .appointment-form-checkbox-field {
    margin-top: 6px;
  }

  .body-text {
    font-size: 20px;
  }

  .col-width-10 {
    width: 8%;
  }

  .col-width-90 {
    width: 92%;
  }

  .our-service-txt-b {
    margin-top: 10px;
  }

  .form-detail-question-b {
    padding-left: 40px;
  }

  .two-video-content-col-r {
    min-height: 320px;
  }

  .checkbox-box {
    margin-top: 6px;
  }

  .appointment-link-tab-btn {
    font-size: 24px;
  }
}

@media screen and (min-width: 1920px) {
  .home-about-col.col-vid {
    width: 65%;
  }

  .home-about-col.col-box {
    width: 40%;
  }

  .nav-link.en {
    font-size: 26px;
  }

  .nav-main-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-pop-close.home, .btn-pop-close.notice {
    margin-right: 12vw;
  }

  .common-curve-bottom.out-patient, .common-curve-bottom.top {
    margin-left: 30%;
  }

  .common-curve-bottom.insurance-instructions {
    margin-bottom: -25%;
  }

  .about-vid-b {
    width: 60%;
  }

  .inner-section-div.charges-bg-img-b-03 {
    min-height: 500px;
  }

  .doctor-item-title {
    font-size: 17px;
  }

  .doctor-detail-col.col-l {
    width: 850px;
  }

  .txt-link-bk-en {
    font-size: 20px;
  }

  .margin-top-none {
    margin-top: 0;
  }

  .common-curve-bottom-right.common-col-r {
    width: 480px;
    margin-bottom: -258px;
    margin-right: -130px;
  }

  .content-col-r {
    width: 25%;
  }

  .content-col-l, .about-pastoral-service-col-r {
    width: 75%;
  }

  .about-pastoral-service-col-l {
    width: 25%;
  }

  .charges-payment-icon-col {
    width: 11.1111%;
  }

  .common-img-content-col-r {
    min-height: 360px;
  }

  .common-blue-row {
    position: relative;
  }

  .common-blue-col-l {
    width: 7%;
  }

  .common-blue-col-r {
    width: 93%;
  }

  .about-csr-charity-link-col {
    flex: 1;
    width: auto;
  }

  .about-csr-community-col {
    width: 25%;
  }

  .about-csr-community-row {
    margin-left: -1%;
    margin-right: -1%;
  }

  .about-csr-community-text-b {
    margin-top: 10px;
    padding: 10px 15px;
  }

  .about-csr-community-icon-img {
    margin-right: 15px;
  }

  .font-size-2vw {
    font-size: 30px;
    line-height: 130%;
  }

  .full-width-100 {
    width: 100%;
  }

  .overflow-visible {
    overflow: visible;
  }

  .doctor-zone-login-b {
    min-height: 700px;
  }

  .doctor-zone-newsletter-row {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .common-img-listing-col-l-content {
    padding-bottom: 60px;
  }

  .common-img-listing-col-l-bg-b {
    margin-left: -60px;
    padding-top: 60px;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .insurance-instructions-content-col-l-content {
    padding-bottom: 60px;
  }

  .insurance-instructions-l-bg-b {
    margin-left: -60px;
    padding-top: 60px;
  }

  .show-in-biggest {
    display: block;
  }

  .none-in-biggest {
    display: none;
  }

  .intranet-b {
    min-height: 500px;
  }

  .honorary-doctor-content-col-r-content-col {
    width: 20%;
  }

  .hospital-guide-col-l-content-col-l {
    width: 42%;
  }

  .hospital-guide-col-l-content-col-r {
    width: 56%;
  }

  .health-corner-list-col {
    width: 25%;
  }

  .appointment-row {
    position: relative;
  }

  .appointment-bg-l {
    width: 7%;
  }

  .appointment-bg-r {
    border-top-right-radius: 40px;
    width: 93%;
  }

  .appointment-col-l {
    width: 40%;
  }

  .appointment-col-r {
    width: 60%;
  }

  .appointment-content-b {
    max-width: 1300px;
  }

  .appointment-col-l-bg-b {
    margin-left: -7%;
  }

  .appointment-field-col {
    max-width: 60%;
  }

  .doctor-consent-forms-link-b {
    min-height: 350px;
  }

  .inner-filter-checkbox-list-content-sub-sub-01, .inner-filter-checkbox-list-content-sub-sub-02 {
    width: 100%;
  }

  .charges-bg-img-left-mask-v02 {
    background-image: linear-gradient(270deg, #f5f1e800, #f5f1e8 35%);
    width: 70%;
  }

  .bottom-none {
    padding-bottom: 0;
  }

  .mobile-pull-up-content {
    width: 25%;
  }

  .centre-icon-link-b {
    width: 20%;
  }

  .appointment-form-checkbox-field {
    margin-top: 7px;
  }

  .col-width-10 {
    width: 7%;
  }

  .col-width-90 {
    width: 93%;
  }

  .our-service-link-b {
    padding-bottom: 3%;
  }

  .two-video-content-col-r {
    min-height: 360px;
  }

  .two-video-content-col-l-content {
    padding-right: 60px;
  }

  .two-video-content-col-l-content.white-smoke-bg {
    padding-left: 60px;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    letter-spacing: 2px;
    font-size: 28px;
  }

  .all {
    padding-top: 110px;
    position: relative;
  }

  .section-home-banner {
    margin-top: -110px;
  }

  .home-banner-content-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .section-div.home-hotsearch {
    margin-bottom: 120px;
  }

  .section-heading-main {
    margin-top: 0;
  }

  .section-heading-handwrite {
    letter-spacing: 10px;
    font-size: 20px;
    line-height: 40px;
  }

  .color-photo-box.color-cream {
    min-height: 160px;
  }

  .news-section-link-wrap {
    margin-top: 0;
  }

  .arrow-bk-r.v-small.v-nav {
    margin-right: 10px;
    display: block;
  }

  .photo-split-icon {
    width: 70px;
  }

  .photo-split-title-b {
    margin-bottom: 30px;
  }

  .btn-txt-arrow-txt.en {
    font-size: 16px;
    line-height: 140%;
  }

  .dropdown-arrow-b {
    margin-right: 15px;
  }

  .dropdown-arrow-b.v-nav {
    display: block;
  }

  .home-about-b {
    margin-top: -20px;
    padding-bottom: 60px;
  }

  .home-about-wrap {
    display: block;
  }

  .home-about-col.col-vid {
    width: auto;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
  }

  .home-about-col.col-box {
    border-radius: 0 0 20px 20px;
    width: 100%;
    margin-top: -4vw;
    margin-left: 5vw;
    margin-right: 5vw;
    padding: 70px 5vw 60px;
  }

  .sticky-button-item {
    width: 33.33%;
  }

  .sticky-btn-link {
    padding-left: 5%;
    padding-right: 7%;
    font-size: 18px;
    line-height: 24px;
  }

  .sticky-btn-link-wrap {
    justify-content: center;
  }

  .footer-content-b {
    display: block;
  }

  .footer-content-col {
    justify-content: center;
    width: 100%;
  }

  .footer-content-col.v-contact {
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
  }

  .privacy-link-gp {
    margin-top: 7px;
  }

  .link-privacy {
    margin-top: 3px;
  }

  .txt-link-bk {
    font-size: 16px;
  }

  .footer-coptyright {
    text-align: center;
    margin-top: 10px;
  }

  .header {
    background-color: var(--white-smoke-2);
  }

  .header-wrap {
    height: 115px;
    padding-top: 6px;
  }

  .brand {
    width: 180px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .header-top {
    justify-content: space-between;
    align-items: center;
    padding-right: 30px;
  }

  .header-news-b-bk {
    z-index: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 40px;
    margin-top: 75px;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .header-news-b-bk.version-7, .header-news-b-bk.v-20230712 {
    box-shadow: none;
  }

  .header-news-slider {
    margin-top: -3px;
  }

  .header-news-slide {
    padding-right: 30px;
  }

  .header-news-link {
    padding-right: 0;
  }

  .nav-menu {
    z-index: 2000;
    background-color: #0000;
    height: 100dvh;
    margin-top: 0;
    padding-bottom: 70px;
    font-size: 16px;
    display: block;
    position: fixed;
    inset: 0% auto auto 0%;
    overflow: hidden;
    transform: translate(100%);
  }

  .nav-link {
    color: var(--dark-slate-blue);
    text-align: left;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    display: block;
  }

  .nav-link:hover {
    transform: none;
  }

  .nav-main-gp {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .nav-main-item {
    border-bottom: 1px solid var(--rosy-brown);
    padding-left: 0;
    padding-right: 0;
  }

  .nav-right-gp {
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    font-weight: 400;
    display: flex;
  }

  .nav-lang-b-hidden-1280 {
    order: 0;
    height: 35px;
    padding-left: 20px;
    display: flex;
  }

  .nav-lang-item {
    align-self: center;
    margin-left: 0;
    margin-right: 15px;
  }

  .nav-lang-item.lang-first {
    padding-left: 0%;
  }

  .header-icon-link {
    border-right: 1px solid var(--gainsboro);
    border-left-style: none;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    display: flex;
  }

  .header-icon-link.v-mobile-header {
    border: 1px #000;
    flex: none;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 18px;
    display: block;
  }

  .header-icon-link.desktop-contact {
    display: none;
  }

  .header-icon-link-icon {
    width: 30px;
    margin-left: 0;
    margin-right: 10px;
  }

  .header-icon-link-icon.v-booking {
    width: 100%;
    max-width: 60%;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
  }

  .header-icon-link-icon.v-mobile-header {
    width: 32px;
    max-width: none;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-booking {
    width: 70px;
    height: 60px;
    padding-left: 0;
    font-size: 16px;
    line-height: 18px;
    display: block;
  }

  .nav-dropdown {
    color: var(--dark-slate-blue);
  }

  .nav-dropdown-list.w--open {
    white-space: normal;
    margin-left: 0;
    margin-right: 0;
    position: relative;
  }

  .nav-dropdown-box {
    box-shadow: none;
    background-color: #0000;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-dropdown-link {
    color: var(--black);
    margin-bottom: 10px;
    padding: 0;
    display: block;
  }

  .btn-menu {
    z-index: 3000;
    color: var(--black);
    text-align: center;
    text-transform: uppercase;
    border-top-left-radius: 20px;
    align-content: center;
    width: 70px;
    height: 70px;
    padding: 0;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    line-height: 20px;
    transition: color .5s;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .btn-menu:hover {
    color: var(--rosy-brown);
  }

  .btn-menu.w--open {
    background-color: var(--white);
    color: var(--black);
  }

  .btn-menu-b {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
  }

  .nav-menu-wrap {
    background-color: var(--white);
    border-top-left-radius: 40px;
    height: 100%;
    margin-left: 5vw;
    padding: 15px 5vw 80px;
    display: block;
    overflow: auto;
  }

  .header-bg {
    z-index: 3000;
    box-shadow: none;
  }

  .header-bg.version-7 {
    background-color: var(--white-smoke-2);
    background-image: none;
    display: none;
  }

  .desktop-only {
    display: none;
  }

  .nav-link-downdown-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-link-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .desktop-hide {
    display: block;
  }

  .header-mask {
    z-index: 1000;
    opacity: 0;
    background-color: #0009;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .pop-b {
    z-index: 4000;
    padding-bottom: 60px;
  }

  .btn-pop-close {
    inset: auto auto 0% 50%;
  }

  .btn-pop-close.home, .btn-pop-close.notice {
    margin-top: 20px;
    margin-right: 1vw;
  }

  .common-curve-bottom {
    width: 500px;
    margin-bottom: -40px;
    margin-left: 40%;
  }

  .common-curve-bottom.terms {
    z-index: -1;
    margin-bottom: -16%;
  }

  .common-curve-bottom.out-patient {
    margin-bottom: -40px;
  }

  .common-curve-bottom.top {
    margin-top: -60px;
    margin-bottom: 0;
  }

  .common-curve-bottom.doctor-zone-cme, .common-curve-bottom.insurance-instructions {
    margin-bottom: -22%;
    margin-left: 50%;
  }

  .common-sh-curves {
    margin-right: -40px;
  }

  .home-banner-100-b {
    padding-top: 70px;
  }

  .header-top-mobile-b {
    justify-content: flex-end;
    margin-left: 10px;
    display: flex;
  }

  .nav-booking-dropdown-box {
    background-color: var(--white-smoke);
    margin-top: 15px;
  }

  .nav-booking-dropdown-list {
    margin-top: 0;
  }

  .nav-booking-dropdown-list.w--open {
    white-space: normal;
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
    inset: 0% auto auto 50%;
    transform: translate(-50%);
  }

  .nav-booking-dropdown-link {
    color: var(--black);
    display: block;
  }

  .home-hotsearch-col.col-l {
    padding-left: 5vw;
  }

  .home-hotsearch-img-b {
    margin-right: -5vw;
  }

  .page-heading-handwrite {
    letter-spacing: 10px;
    font-size: 20px;
    line-height: 40px;
  }

  .inner-shortcut-b {
    top: 110px;
  }

  .inner-shortcut-b.v-fixed {
    display: none;
  }

  .common-intro-b {
    margin-left: 5vw;
  }

  .inner-section-div.health-corner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-corporate-gp {
    margin-bottom: 40px;
  }

  .about-corperate-fieldname {
    width: 180px;
  }

  .about-corporate-data-item {
    width: 33.3%;
  }

  .about-mission-b {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-mission-wrap {
    margin-right: -5vw;
  }

  .about-mission-content-b {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .about-mission-icon {
    width: 70px;
  }

  .about-mission-title {
    margin-top: 10px;
  }

  .milestone-tabs-menu {
    background-image: none;
    margin-bottom: 40px;
    padding-bottom: 0;
  }

  .milestone-tab-link-b {
    flex: 0 auto;
    width: 14.2857%;
    margin-bottom: 15px;
  }

  .milestone-tab-content {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .milestone-year-b {
    padding-right: 30px;
  }

  .milestone-year-txt {
    font-size: 50px;
  }

  .milestone-btn-arrow {
    width: 12px;
    height: 30px;
    margin-left: 25px;
  }

  .milestone-bar {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .milestone-year-bar {
    width: 100px;
  }

  .milestone-row-year {
    width: 100px;
    font-size: 30px;
  }

  .about-map-content-b {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .about-map-col {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .transport-title-b {
    margin-bottom: 15px;
  }

  .transport-icon {
    width: 25px;
    margin-right: 10px;
  }

  .transport-title-txt {
    font-size: 22px;
  }

  .common-inner-sh-curves {
    margin-right: -40px;
  }

  .common-inner-sh-curves.v-bottom {
    margin-top: 250px;
    margin-bottom: -40px;
  }

  .common-inner-sh-curves.top {
    margin-top: 250px;
  }

  .common-inner-sh-curves.appointment-line {
    display: none;
  }

  .doctor-item {
    width: 50%;
  }

  .doctor-item-title {
    font-size: 17px;
  }

  .doctor-img-b {
    width: 70%;
  }

  .doctor-listing-search-b, .inner-filter-b {
    margin-bottom: 20px;
  }

  .inner-filter-checkbox-item {
    width: 50%;
    margin-bottom: 5px;
  }

  .doctor-detail-content {
    margin-top: 40px;
  }

  .doctor-detail-col {
    padding: 30px 5vw;
  }

  .doctor-detail-col.col-l {
    width: 400px;
  }

  .doctor-photo-b {
    margin-top: -40px;
  }

  .doctor-photo-bg {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .doctor-detail-content-wrap {
    display: block;
  }

  .nav-lang-b-show-1280 {
    display: none;
  }

  .nav-main-item-row {
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .faq-link-b, .faq-expand {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .search-result-title-l {
    width: 100%;
  }

  .search-result-title-r {
    color: var(--steel-blue-2);
    text-align: left;
    width: 100%;
    margin-top: 5px;
  }

  .search-result-link-text-b {
    margin-top: 15px;
  }

  .contact-faq-expand {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .contact-map-content-b {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .contact-map-col {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .contact-detail-col {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .margin-top-none {
    margin-top: 0;
  }

  .form-col-full, .form-col-50 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-field-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .label {
    font-size: 15px;
    line-height: 140%;
  }

  .terms-col-l {
    width: 100%;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
  }

  .terms-col-r {
    width: 100%;
    margin-top: 40px;
  }

  .privacy-and-terms-list-b.privacy {
    margin-left: 0;
  }

  .privacy-col-l-bg {
    margin-right: -40px;
  }

  .privacy-col-l {
    width: 100%;
  }

  .privacy-col-r {
    width: 100%;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .common-curve-bottom-right {
    width: 500px;
    margin-bottom: -40px;
  }

  .common-curve-bottom-right.accomodations-facilities {
    width: 220px;
  }

  .milestone-btn-play-pause {
    margin-left: 20px;
  }

  .sticky-btn-dropdown-list.service {
    width: 100%;
  }

  .sticky-btn-dropdown-link {
    letter-spacing: 0;
  }

  .sticky-btn-dropdown-list-b {
    padding-bottom: 90px;
  }

  .content-col-r {
    border-left-style: none;
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .accommodations-type-slide-text-b {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .content-col-l {
    width: 100%;
  }

  .contact-faq-link-b {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
  }

  .contact-faq-link-b:hover {
    padding-left: 30px;
  }

  .accommodations-info-top {
    padding-left: 5vw;
  }

  .accommodations-info-top-img {
    max-width: none;
    padding-right: 10vw;
  }

  .none-from-tablet {
    display: none;
  }

  .accommodations-discharge-list-row {
    margin-top: 0;
  }

  .col-r-sticky-b {
    z-index: 16;
    border-top: 1px solid var(--dark-slate-blue);
    background-color: #ffffffd9;
    padding-top: 10px;
    padding-bottom: 65px;
    display: block;
    position: fixed;
    inset: auto 0% 0%;
  }

  .col-r-sticky-button {
    width: 100%;
    display: block;
  }

  .col-r-sticky-button-text-wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .border-button-arrow {
    background-image: url('../images/arrow-blue-arrow-1-top.svg');
    background-size: auto;
  }

  .border-button-arrow.right {
    background-image: url('../images/arrow-blue-arrow-1-right.svg');
  }

  .col-r-popup {
    z-index: 15;
    background-color: var(--white);
    width: 100%;
    height: 100dvh;
    padding-bottom: 160px;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .col-r-row {
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
  }

  .col-r-col {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-b {
    padding-bottom: 55px;
  }

  .footer-b.with-bottom-button {
    padding-bottom: 140px;
  }

  .about-pastoral-b {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-pastoral-service-col-r {
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
  }

  .about-pastoral-service-col-l {
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-pastoral-spiritual-content-col-l {
    padding: 40px 5vw;
  }

  .about-pastoral-spiritual-content-text-col {
    width: 100%;
  }

  .about-pastoral-spiritual-content-col-r {
    padding: 40px 5vw;
  }

  .about-pastoral-link-col {
    width: 100%;
  }

  .common-content-news-bg {
    max-height: 60%;
  }

  .common-content-news-b {
    padding-bottom: 40px;
  }

  .about-pastoral-facilities-content {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .about-pastoral-facilities-content-col-l {
    width: 50%;
  }

  .about-pastoral-facilities-content-col-r {
    width: 50%;
    padding-left: 4%;
  }

  .common-intro-slider-b {
    margin-right: -5vw;
  }

  .accomodations-detail-facilities-b {
    padding-top: 80px;
    padding-bottom: 10px;
  }

  .common-servive-col {
    width: 50%;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .specialist-centers-servive-text-b {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .common-servive-row {
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .common-servive-row.our-service {
    width: auto;
  }

  .charges-payment-icon-col {
    width: 20%;
  }

  .charges-notice-b {
    padding-bottom: 40px;
  }

  .two-video-content-row {
    margin-right: -5vw;
  }

  .two-video-content-row.reverse {
    margin-left: -5vw;
    margin-right: 0;
  }

  .common-img-content-col-l-content {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .expand-link-b, .expand-content {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .charges-detail-doc-download-col {
    width: 50%;
  }

  .charges-detail-table {
    width: 900px;
  }

  .overflow-tablet {
    overflow: auto;
  }

  .common-blue-col-l {
    width: 7%;
  }

  .common-blue-col-r {
    width: 93%;
    padding: 40px 5%;
  }

  .about-csr-charity-link-col {
    width: 50%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .about-csr-charity-link-row {
    margin-left: -2%;
    margin-right: -2%;
  }

  .about-csr-charity-slider-b {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .about-csr-certificate-col-r-content-col {
    width: 30%;
  }

  .about-csr-certificate-col-r-content-b {
    padding-left: 10%;
  }

  .milestone-12-logo {
    max-width: 70px;
  }

  .about-csr-community-row {
    margin-left: -2%;
    margin-right: -2%;
  }

  .about-csr-community-text-b {
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .about-csr-community-b {
    margin-left: -2.5%;
    margin-right: -2.5%;
  }

  .about-csr-community-service-col-l {
    width: 100%;
  }

  .about-csr-community-service-col-r {
    width: 100%;
    margin-top: 20px;
  }

  .about-csr-community-service-col-r-text-b {
    margin-top: 40px;
  }

  .font-size-2vw {
    font-size: 26px;
  }

  .common-time-table {
    width: 900px;
  }

  .full-width-100 {
    width: 100%;
  }

  .btn-menu-line-b {
    width: 30px;
    padding: 0;
  }

  .btn-menu-line {
    background-color: var(--dark-slate-blue);
    width: 100%;
    height: 3px;
    padding: 0;
  }

  .btn-menu-line.btn-menu-line-02 {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .border-button-img-b {
    position: relative;
  }

  .icon-plus {
    width: 15px;
    display: block;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
  }

  .home-about-sph-text {
    font-size: 17px;
  }

  .home-about-sph-text-title.en {
    font-size: 46px;
  }

  .show-from-tablet {
    display: block;
  }

  .sticky-b {
    border-top-left-radius: 18px;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    margin-right: 0;
    position: fixed;
    inset: auto 0% 0%;
  }

  .header-news-popup-content {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .header-news-popup-content-b {
    width: 100%;
    padding-bottom: 90px;
  }

  .header-news-popup-content-b.col-r-mobile {
    padding-bottom: 140px;
  }

  .slider-content-text {
    text-shadow: 3px 3px 20px #000;
    padding-left: 8%;
    padding-right: 8%;
  }

  .charges-corner-content-b {
    margin-right: -5vw;
  }

  .dark-blue-line-title {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .list-item-col-33 {
    width: 50%;
  }

  .information-forms-b {
    padding-top: 40px;
  }

  .information-forms-content-b {
    margin-right: -5vw;
  }

  .information-forms-content-col {
    width: 50%;
  }

  .eye-timetable-content-b {
    margin-bottom: 20px;
  }

  .doctor-zone-newsletter-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .doctor-zone-newsletter-col {
    padding-left: 30px;
  }

  .doctor-zone-newsletter-bg-b {
    padding-left: 50px;
  }

  .common-img-listing-col-l {
    width: 100%;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .common-img-listing-col-r {
    width: 100%;
    margin-top: 40px;
  }

  .common-img-listing-line {
    margin-left: 3%;
    margin-right: 3%;
  }

  .insurance-partners-link-b {
    width: 20%;
  }

  .insurance-application-content {
    margin-top: -90px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sign-b {
    min-height: 200px;
  }

  .select-input-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .select-normal-style {
    padding-left: 0;
    padding-right: 10px;
  }

  .input-normal-style {
    padding-left: 10px;
    padding-right: 10px;
  }

  .select-input-col-l {
    width: 53%;
  }

  .select-input-col-r {
    width: 47%;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .insurance-instructions-content-col-l {
    width: 100%;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0%;
  }

  .insurance-instructions-content-col-r {
    width: 100%;
    margin-top: 40px;
  }

  .insurance-instructions-l-bg-b {
    padding-top: 40px;
  }

  .insurance-instructions-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .vacancy-jobs-content {
    padding-top: 40px;
  }

  .common-listing-img-col-l {
    width: 100%;
    margin-top: 40px;
  }

  .common-listing-img-col-r {
    width: 100%;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .about-sph-info-row {
    margin-left: 0;
    margin-right: 0;
  }

  .about-sph-info-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .about-sph-info-col-l-content {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .about-facilities-img-b {
    padding-top: 0%;
  }

  .about-facilities-img-01 {
    width: 100%;
    position: relative;
  }

  .about-facilities-img-02 {
    width: 100%;
    margin-top: 10px;
    position: relative;
    left: 0%;
    transform: none;
  }

  .about-facilities-img-03 {
    width: 100%;
    margin-top: 10px;
    position: relative;
  }

  .about-facilities-img-04 {
    width: 100%;
    margin-top: 10px;
    position: relative;
    left: 0%;
    transform: none;
  }

  .about-facilities-img-05, .about-facilities-img-06, .about-facilities-img-07, .about-facilities-img-08 {
    width: 100%;
    margin-top: 10px;
    position: relative;
  }

  .about-facilities-img-b-02, .about-facilities-img-b-03 {
    padding-top: 0%;
  }

  .about-facilities-img-09, .about-facilities-img-10 {
    width: 100%;
    margin-top: 10px;
    position: relative;
  }

  .about-facilities-img-b-04 {
    padding-top: 0%;
  }

  .about-facilities-img-11, .about-facilities-img-12 {
    width: 100%;
    margin-top: 10px;
    position: relative;
  }

  .intranet-b {
    background-position: 0%;
  }

  .sitemap-col-l {
    width: 100%;
  }

  .honorary-doctor-content-col-l {
    width: 25%;
  }

  .honorary-doctor-content-col-r {
    width: 75%;
  }

  .honorary-doctor-content-col-r-content-col {
    width: 33.33%;
  }

  .sitemap-col-r {
    width: 100%;
    display: none;
  }

  .en-handwrite-tagline {
    letter-spacing: 10px;
    padding-left: 0;
    font-size: 20px;
    line-height: 40px;
  }

  .form-detail-content-col-l {
    width: 45%;
  }

  .form-detail-content-col-r-radio, .form-detail-content-col-r {
    width: 55%;
  }

  .date-select {
    padding-right: 50px;
  }

  .form-detail-content-col-l-text-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .fomr-na-text {
    font-size: 1.8vw;
  }

  .form-face-img {
    width: 4vw;
  }

  .form-field-col-02 {
    width: 100%;
    margin-top: 8px;
    padding-left: 0;
  }

  .form-label-field-row-02 {
    flex-wrap: wrap;
  }

  .hospital-guide-dessktop {
    display: none;
  }

  .hospital-guide-col-r {
    width: 100%;
    height: 100%;
  }

  .hospital-guide-col-l {
    width: 100%;
  }

  .hospital-guide-col-l-content {
    height: auto;
  }

  .hospital-guide-col-r-welcome-main {
    min-height: 1200px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .hospital-guide-col-r-content-text-b {
    padding: 40px 5%;
  }

  .hospital-guide-map-floor {
    margin-top: 12%;
    font-size: 17px;
  }

  .hospital-guide-mobile {
    display: block;
  }

  .health-corner-list-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .health-corner-list-col {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .health-corner-list-text-b {
    padding-left: 5%;
    padding-right: 5%;
  }

  .appointment-dropdown-list.w--open {
    white-space: normal;
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
    inset: 0% auto auto 50%;
    transform: translate(-50%);
  }

  .appointment-bg-l {
    width: 3%;
  }

  .appointment-bg-r {
    width: 97%;
    padding-bottom: 60px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .appointment-col-l {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .appointment-content-b {
    padding-left: 10px;
    padding-right: 10px;
  }

  .appointment-col-l-bg-b {
    margin-left: -5vw;
  }

  .appointment-field-b, .appointment-field-col-50 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .appointment-field-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .appointment-field-col-100 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .appointment-link-btn {
    padding-left: 5%;
    padding-right: 5%;
  }

  .appointment-field-col-b {
    padding-left: 10px;
    padding-right: 10px;
  }

  .appointment-preview-top {
    padding-right: 70px;
  }

  .appointment-preview-content-col-30 {
    width: 50%;
  }

  .appointment-preview-content-col-40 {
    width: 100%;
  }

  .appointment-link-btn-submit, .appointment-radio-btn {
    padding-left: 5%;
    padding-right: 5%;
  }

  .header-news-popup-b {
    z-index: 14;
    width: 100%;
    height: 100dvh;
  }

  .form-clear-data-button-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .form-clear-data-button-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-clear-data-button {
    padding-left: 5%;
    padding-right: 5%;
  }

  .common-intro-content-max-width {
    max-width: none;
  }

  .doctor-consent-forms-link-b {
    width: 33.33%;
    min-height: 240px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .form-col-70, .form-col-30, .inner-filter-checkbox-item-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .inner-filter-checkbox-item-25 {
    width: 50%;
  }

  .inner-filter-checkbox-list-content-sub-sub-01, .inner-filter-checkbox-list-content-sub-sub-02 {
    width: 100%;
  }

  .form-checkbox-field-33 {
    width: 50%;
  }

  .doctor-zone-remark-text-b {
    padding-left: 30px;
  }

  .home-pop-b {
    height: 100dvh;
  }

  .home-pop-img-b {
    padding: 60px 20px;
  }

  .hospital-guide-col-r-welcome-a, .hospital-guide-col-r-welcome-service {
    min-height: 1200px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .hospital-guide-col-r-content-img-b {
    max-height: none;
  }

  .charges-bg-img-col._03 {
    background-image: url('../images/Charges-BG-Operating-mobile.png');
  }

  .charges-bg-img-col._02 {
    background-image: url('../images/Charges-BG_v2-mobile.png');
  }

  .charges-bg-img-col._01 {
    background-image: url('../images/Charges-BG-mobile.png');
  }

  .milestone-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .table-10-col-row.table-header, .table-10-col-row.table-header.eye, .table-10-col-row.data-row, .table-10-col-row.eye {
    width: 150vw;
  }

  .table-col.table-header.left-col {
    border-right-width: .5px;
  }

  .table-wrapper {
    width: 80%;
    height: auto;
    margin-right: 4px;
  }

  .form-error, .form-success {
    text-align: left;
    background-color: #0000;
    padding: 0;
  }

  .btn-pop-close-img.smaller {
    width: 35px;
  }

  .charges-bg-img-left-mask-v03 {
    background-image: linear-gradient(270deg, #f5f1e800, #f5f1e8 25%);
  }

  .en {
    letter-spacing: 5px;
    font-size: 26px;
  }

  .header-news-b {
    z-index: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 40px;
    margin-top: 70px;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .header-news-b.version-7 {
    box-shadow: none;
  }

  .bottom-none {
    padding-bottom: 0;
  }

  .visiting-doctor-bg {
    width: 24%;
  }

  .timetable-location-bg {
    width: 40%;
  }

  .mobile-pull-up-content {
    border-left-style: none;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    overflow: auto;
  }

  .mobile-pull-up {
    z-index: 17;
    background-color: var(--white);
    width: 100%;
    height: 100dvh;
    position: fixed;
    inset: 0%;
  }

  .popup-top-fixed {
    z-index: 1;
    background-color: var(--white);
    padding-top: 5px;
    position: fixed;
    inset: 0% 0% auto;
  }

  .popup-content {
    margin-top: 5px;
  }

  .footer-link-full {
    text-align: center;
  }

  .header-top-desktop-b {
    display: none;
  }

  .appointment-field-col-33 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .doctor-filter-btn-col {
    margin-bottom: 20px;
  }

  .notice-pop-b {
    height: 100dvh;
  }

  .notice-pop-content-b {
    padding: 60px 5%;
  }

  .notice-pop-txt-b {
    max-height: 80dvh;
  }

  .col-width-10 {
    width: 7%;
  }

  .col-width-90 {
    width: 93%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .our-service-content-col {
    width: 50%;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .our-service-content-txt-b {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .two-video-content-col-r {
    width: 100%;
    padding-right: 5vw;
  }

  .two-video-content-col-r.reverses {
    padding-left: 5vw;
    padding-right: 0;
  }

  .two-video-content-col-l {
    width: 100%;
    margin-bottom: -15px;
    margin-right: 0%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .two-video-content-col-l.r {
    margin-left: 0%;
  }

  .two-video-content-col-l-content {
    padding: 25px 5vw 35px 3vw;
  }

  .two-video-content-col-l-content.white-smoke-bg {
    padding-left: 5vw;
    padding-right: 3vw;
  }

  .appointment-link-tab-menu {
    margin-left: -10px;
    margin-right: -10px;
  }

  .appointment-link-tab-btn {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .page-heading-handwrite1, .page-heading-handwrite2, .page-heading-handwrite3 {
    letter-spacing: 10px;
    font-size: 20px;
    line-height: 40px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    letter-spacing: 5px;
    font-size: 28px;
    line-height: 40px;
  }

  h2 {
    letter-spacing: 7px;
    font-size: 24px;
    line-height: 35px;
  }

  p {
    line-height: 24px;
  }

  .section-home-banner {
    margin-bottom: -70px;
    position: relative;
  }

  .section-content {
    padding-bottom: 40px;
  }

  .section-content.no-margin-mobile {
    padding-bottom: 0;
  }

  .home-banner-content-wrap {
    align-items: flex-start;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .home-banner-content-wrap.banner-template-3, .home-banner-content-wrap.banner-template-4 {
    align-items: flex-end;
  }

  .home-banner-content-wrap.banner-template-2 {
    align-items: center;
  }

  .home-banner-content-b.banner-template-4 {
    width: 100%;
  }

  .home-banner-img.banner-1 {
    background-image: url('../images/home-banner-1-m2x.jpg');
  }

  .home-banner-img.banner-3 {
    background-image: url('../images/home-banner-3-m2x.jpg');
  }

  .home-banner-img.banner-4 {
    background-image: url('../images/home-banner-4-m2x.jpg');
  }

  .home-banner-img.banner-2 {
    background-image: url('../images/home-banner-2-m2x.jpg');
  }

  .home-banner-mask.banner-template-4 {
    background-image: linear-gradient(to top, #836b57, #836b5700 20%);
  }

  .home-banner-txt-b {
    margin-bottom: 60px;
  }

  .home-banner-title {
    letter-spacing: 4px;
    font-size: 24px;
    line-height: 34px;
  }

  .home-banner-subtitle {
    letter-spacing: 0;
    margin-top: 15px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-banner-subtitle.banner-template-4 {
    margin-top: 5px;
  }

  .section-div {
    margin-top: 40px;
  }

  .section-div.home-hotsearch {
    margin-bottom: 80px;
    padding-top: 40px;
  }

  .margin-bottom-80 {
    margin-bottom: 40px;
  }

  .margin-bottom-40 {
    margin-bottom: 30px;
  }

  .margin-bottom-30 {
    margin-bottom: 20px;
  }

  .font-size-45 {
    letter-spacing: 5px;
    font-size: 28px;
    line-height: 40px;
  }

  .font-size-36 {
    letter-spacing: 7px;
    font-size: 24px;
    line-height: 35px;
  }

  .font-size-24 {
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 26px;
  }

  .font-size-19 {
    font-size: 16px;
    line-height: 20px;
  }

  .home-slider-nav {
    width: 100%;
    margin-bottom: 60px;
    padding-bottom: 48px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .home-slider-nav.version-c1 {
    margin-bottom: 60px;
  }

  .section-heading-b {
    margin-bottom: 30px;
  }

  .section-heading-main {
    margin-top: 0;
  }

  .section-heading-handwrite {
    letter-spacing: 6px;
    margin-top: 6px;
    font-size: 14px;
    line-height: 30px;
  }

  .common-color-photo-row {
    margin-top: -15px;
    display: block;
  }

  .common-color-photo-col.col-photo {
    width: auto;
    margin-left: -5vw;
  }

  .common-color-photo-col.col-color {
    margin-bottom: 20px;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .color-photo-mask {
    border-radius: 10px;
  }

  .color-photo-box {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 0;
    margin-bottom: -36%;
    margin-right: -5vw;
    padding-top: 20px;
    padding-bottom: 36%;
  }

  .hotsearch-gp {
    margin-left: -10px;
    margin-right: -10px;
  }

  .hotsearch-gp.v-doctor {
    justify-content: flex-start;
  }

  .hotsearch-item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .color-photo-img {
    height: auto;
    padding-top: 36%;
  }

  .color-photo-img.v-hotsearch {
    position: relative;
  }

  .news-section-b {
    margin-top: -15px;
    padding-top: 15px;
  }

  .news-section-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .arrow-bk-r {
    width: 6px;
    height: 9px;
  }

  .news-section-link-txt-b {
    display: block;
  }

  .news-section-link-date {
    width: auto;
    margin-bottom: 5px;
  }

  .news-section-link-title {
    padding-left: 0;
  }

  .news-section-bg-b {
    width: 50%;
    margin-right: 0;
    padding-left: 0;
  }

  .common-split-b {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .split-b-bg {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 55vw;
    margin-right: -5vw;
  }

  .photo-split-row {
    margin-top: -25px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: block;
    position: relative;
  }

  .photo-split-row.v-sister {
    padding-top: 0;
    padding-bottom: 0;
  }

  .photo-split-col {
    width: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .photo-split-col.col-l {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }

  .photo-split-col.col-r {
    border-radius: 0 0 10px 10px;
  }

  .photo-split-icon {
    width: 60px;
  }

  .photo-split-icon.v-sister {
    width: 80px;
    height: 80px;
  }

  .photo-split-title-b {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .btn-txt-arrow.v-white {
    letter-spacing: 1px;
  }

  .arrow-white-r {
    width: 6px;
    height: 9px;
  }

  .arrow-white-r.black {
    margin-top: 10px;
  }

  .arrow-white-r.out-patient-department {
    margin-top: 7px;
  }

  .btn-txt-arrow-txt.original {
    font-size: 18px;
  }

  .home-booking-dropdown-list {
    margin-top: 40px;
  }

  .home-booking-dropdown-list.w--open {
    max-height: none;
    position: relative;
    overflow: hidden;
  }

  .home-booking-dropdown-wrap {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .home-booking-dropdown-link {
    text-align: center;
  }

  .photo-split-bg-b.col-r {
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  .photo-split-bg-b.col-l {
    border-radius: 10px 10px 0 0;
  }

  .common-btn-bordered {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    font-size: 18px;
    line-height: 24px;
  }

  .common-btn-bordered-txt-b {
    height: 26px;
  }

  .home-about-b {
    margin-bottom: -40px;
    padding-bottom: 40px;
  }

  .home-about-col.col-box {
    background-image: linear-gradient(#ffffff8c, #ffffff8c), url('../images/home-about-icon-beige-30.svg');
    background-position: 0 0, 55% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 50%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-top: -50px;
    padding-top: 80px;
  }

  .arrow-btn-gp.v-home {
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
  }

  .arrow-btn-gp-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sticky-button-b {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 5px 0;
  }

  .sticky-button-item {
    padding-left: 5px;
    padding-right: 5px;
  }

  .sticky-btn-link {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 16px;
    line-height: 20px;
  }

  .sticky-btn-link-wrap {
    display: block;
  }

  .section-footer {
    font-size: 14px;
  }

  .footer-top-b {
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .footer-logo {
    z-index: 1;
    background-color: var(--white);
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }

  .footer-top-r-b {
    margin-bottom: 15px;
    display: block;
    position: relative;
  }

  .footer-top-line {
    width: 100%;
    position: absolute;
    inset: 50% auto auto 0%;
  }

  .footer-slogan-b {
    text-align: center;
  }

  .footer-content-col {
    text-align: center;
    display: block;
  }

  .footer-content-col.v-contact {
    display: flex;
  }

  .privacy-link-gp {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .link-privacy {
    margin-left: 8px;
    margin-right: 8px;
  }

  .footer-contact-b {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .footer-contact-item {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-coptyright {
    margin-top: 0;
  }

  .header-top {
    padding-right: 40px;
  }

  .header-news-b-bk.v-20230712 {
    padding-left: 40px;
  }

  .header-news-slider {
    margin-top: 0;
  }

  .header-news-slide {
    padding-right: 20px;
  }

  .nav-link {
    font-size: 18px;
    line-height: 20px;
  }

  .header-icon-link.v-mobile-header {
    font-size: 14px;
  }

  .header-icon-link-icon.v-mobile-header {
    width: 35px;
    margin-bottom: 2px;
  }

  .nav-menu-wrap {
    padding-top: 13px;
  }

  .header-bg {
    background-position: 0%;
    background-size: 60% 70px;
  }

  .header-bg.version-7 {
    background-size: 60% 100%;
  }

  .header-news-txt {
    margin-right: 10px;
  }

  .btn-banner-detail {
    width: 200px;
    height: 200px;
  }

  .btn-banner-detail-title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 20px;
  }

  .btn-banner-detail-icon-b {
    width: 40px;
  }

  .btn-search {
    background-size: 30px;
    width: 40px;
    height: 40px;
    margin-right: 5px;
  }

  .search-input {
    height: 40px;
    padding-right: 50px;
    font-size: 16px;
    line-height: 20px;
  }

  .subtitle-b.v-doctor {
    text-align: left;
  }

  .btn-pop-close-icon.bigger {
    width: 35px;
    height: 35px;
  }

  .common-curve-bottom {
    width: 400px;
    margin-bottom: -40px;
  }

  .common-curve-bottom.out-patient {
    margin-bottom: -25px;
  }

  .common-curve-bottom.top {
    margin-top: -85px;
  }

  .common-curve-bottom.doctor-zone-cme {
    margin-bottom: -20%;
  }

  .common-curve-bottom.insurance-instructions {
    display: none;
  }

  .common-sh-curves {
    width: 250px;
    margin-top: -50px;
  }

  .home-banner-100-b, .home-banner-100-b.version-c1 {
    padding-bottom: 70px;
  }

  .home-hotsearch-b {
    display: block;
  }

  .home-hotsearch-col {
    width: auto;
    margin-bottom: 0;
  }

  .home-hotsearch-col.col-l {
    padding-bottom: 30px;
    padding-left: 10vw;
  }

  .home-hotsearch-col.col-r {
    margin-bottom: -40px;
  }

  .home-hotsearch-img-b {
    height: auto;
    padding-top: 66.6%;
  }

  .home-hotsearch-img {
    padding-top: 36%;
  }

  .home-hotsearch-gp {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
  }

  .home-hotsearch-bg {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 10vw;
    margin-right: -5vw;
  }

  .sticky-btn-icon-circle {
    width: 35px;
    height: 35px;
    margin: -25px auto 2px;
  }

  .sticky-btn-icon-circle.v-accomodation-2, .sticky-btn-icon-circle.v-outpatient-2 {
    margin-top: 0;
  }

  .inner-banner-content {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .page-heading-icon-b {
    margin-right: 10px;
  }

  .img-page-icon {
    height: 50px;
  }

  .page-heading-handwrite {
    letter-spacing: 6px;
    font-size: 14px;
    line-height: 30px;
  }

  .inner-shortcut-wrap.en {
    font-size: 14px;
    line-height: 120%;
  }

  .inner-shortcut-separator {
    width: 7px;
    height: 21px;
  }

  .inner-shortcut-link {
    margin-left: 10px;
    margin-right: 10px;
  }

  .inner-shortcut-link:hover {
    transform: scale(1.1);
  }

  .common-intro-b {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    margin-left: 0;
  }

  .common-intro-b.v-aboutsph {
    margin-bottom: -51vw;
    padding-bottom: 51vw;
  }

  .about-vid-b {
    width: 90%;
    padding-bottom: 0;
  }

  .blue-bar {
    height: 30px;
    margin-right: 0;
    position: relative;
  }

  .inner-section-div {
    margin-top: 30px;
  }

  .inner-section-div.contact {
    padding-bottom: 0;
  }

  .inner-section-div.about-pastoral-spiritual-b {
    margin-bottom: -40px;
  }

  .inner-section-div.health-corner {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .inner-section-div.charges-bg-img-b-01 {
    min-height: 250px;
  }

  .inner-section-div.charges-bg-img-b-03 {
    min-height: 200px;
  }

  .inner-section-div.timetable-location {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-corporate-gp {
    margin-bottom: 30px;
  }

  .about-corporate-title {
    margin-bottom: 20px;
  }

  .about-corporate-table-row {
    margin-bottom: 20px;
    display: block;
  }

  .about-corperate-fieldname {
    width: auto;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .about-corperate-data-box {
    border-radius: 15px;
  }

  .about-corporate-data-item {
    width: 33.3%;
  }

  .about-mission-b {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .about-mission-bg {
    width: 30%;
  }

  .about-mission-wrap {
    display: block;
  }

  .about-mission-col {
    width: auto;
    display: block;
  }

  .about-mission-col.v-goal {
    background-color: var(--white);
  }

  .about-mission-content-b {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .about-mission-icon {
    width: 60px;
  }

  .milestone-tabs-menu {
    background-image: none;
    margin-top: -50px;
    margin-bottom: 30px;
  }

  .milestone-tab-link-b {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    width: 33.33%;
    height: 100px;
    display: flex;
  }

  .milestone-year-b {
    width: auto;
    min-width: 60%;
    padding-right: 20px;
  }

  .milestone-year-txt {
    letter-spacing: 2px;
    font-size: 40px;
  }

  .milestone-year-small {
    font-size: 16px;
  }

  .milestone-year-arrow-gp {
    margin-bottom: 0;
  }

  .milestone-bar {
    height: 30px;
  }

  .milestone-bar.v-bottom {
    width: 100%;
  }

  .milestone-year-bar {
    width: 80px;
  }

  .milestone-row-year {
    width: 80px;
    margin-bottom: 10px;
    font-size: 24px;
  }

  .milestone-year-content {
    padding-top: 5px;
  }

  .milestone-img-slider-b {
    width: 48%;
  }

  .milestone-slider-arrow {
    width: 30px;
    height: 30px;
  }

  .milestone-year-txt-b {
    flex: none;
    width: 100%;
    margin-top: 15px;
    margin-left: 0%;
    padding-left: 2%;
  }

  .milestone-list {
    padding-top: 20px;
  }

  .about-map-col {
    padding-top: 30px;
  }

  .transport-item {
    margin-bottom: 30px;
  }

  .transport-title-b {
    margin-bottom: 10px;
  }

  .transport-title-txt {
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 26px;
  }

  .sister-bg {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 70%;
  }

  .sister-b {
    padding-top: 25px;
  }

  .common-inner-sh-curves {
    width: 200px;
    margin-top: -70px;
    margin-right: -30px;
  }

  .common-inner-sh-curves.v-bottom, .common-inner-sh-curves.top {
    margin-top: 190px;
  }

  .common-inner-sh-curves.common-blue {
    margin-top: -60px;
  }

  .common-inner-sh-curves.inner-page-col {
    width: 180px;
    margin-top: -20px;
  }

  .doctor-list {
    margin-left: 0;
    margin-right: 0;
  }

  .doctor-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .doctor-item-txt-b {
    margin-right: -40px;
  }

  .doctor-img-b {
    width: 50%;
    min-width: 150px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .doctor-item-arrow-b {
    width: 30px;
    height: 30px;
  }

  .inner-filter-b {
    display: block;
  }

  .inner-filter-b.doctor-filter {
    margin-bottom: 10px;
  }

  .inner-filter-dropdown {
    position: relative;
  }

  .inner-filter-dropdown:hover {
    z-index: 10;
  }

  .inner-filter-dropdown.max-width-230 {
    max-width: none;
  }

  .inner-filter-dropdown-list {
    margin-top: 40px;
  }

  .inner-filter-dropdown-list.w--open {
    z-index: 10;
    max-height: 300px;
  }

  .arrow-blue-r {
    width: 6px;
    height: 9px;
  }

  .inner-filter-separator {
    width: auto;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .doctor-detail-content {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    flex-wrap: wrap;
    margin-top: 60px;
  }

  .doctor-detail-col.col-l {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
  }

  .doctor-photo-b {
    width: 80%;
    max-width: 300px;
    margin-top: -60px;
    margin-left: auto;
    margin-right: auto;
  }

  .doctor-fieldname {
    margin-bottom: 10px;
  }

  .doctor-contact-list {
    display: inline-block;
  }

  .doctor-book-b {
    margin-top: 30px;
  }

  .doctor-content-gp {
    margin-bottom: 30px;
  }

  .btn-txt-arrow-txt-small {
    font-size: 18px;
    line-height: 20px;
  }

  .contact-map-bg {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 70%;
  }

  .contact-map-col {
    padding-top: 30px;
  }

  .font-20 {
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 26px;
  }

  .margin-top-none {
    margin-top: 0;
  }

  .contact-map-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .contact-map-contact-item-b {
    margin-top: 15px;
  }

  .input::placeholder {
    font-size: 16px;
  }

  .form-col-50 {
    width: 100%;
  }

  .form-col-50.form-step-02 {
    order: 1;
  }

  .privacy-col-l-bg {
    margin-right: -5vw;
  }

  .common-curve-bottom-right {
    width: 400px;
    margin-bottom: -40px;
  }

  .common-curve-bottom-right.top {
    width: 350px;
  }

  .common-curve-bottom-right.accomodations-facilities {
    width: 180px;
  }

  .draggable-content {
    grid-template-columns: 1fr 1fr;
  }

  .milestones-b {
    width: 1800px;
  }

  .drag-click-icon {
    width: 180px;
    height: 180px;
  }

  .milestone-btn-play-pause {
    width: 25px;
  }

  .drag-click-icon-img {
    max-width: 120px;
  }

  .sticky-btn-dropdown-link-arrow {
    width: 6px;
    height: 9px;
  }

  .sticky-btn-dropdown-list-b {
    height: 100%;
    max-height: 80vh;
    padding-bottom: 100px;
    overflow: auto;
  }

  .accommodations-guide-b {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .accommodations-info-top-bg {
    width: 30%;
  }

  .accommodations-discharge-b {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .col-r-sticky-b {
    padding-bottom: 95px;
  }

  .border-button {
    min-width: 30px;
    min-height: 30px;
  }

  .footer-b {
    padding-top: 40px;
    padding-bottom: 70px;
  }

  .about-pastoral-intro-col {
    width: 100%;
  }

  .about-pastoral-intro-col.second {
    border-top: 1px solid var(--white);
    margin-top: 40px;
    padding-top: 40px;
  }

  .about-pastoral-intro-bottom-b {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 0;
  }

  .about-pastoral-b {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .about-pastoral-service-bg {
    width: 30%;
  }

  .common-content-news-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-pastoral-facilities-b {
    margin-top: 40px;
  }

  .about-pastoral-facilities-content-col-l {
    width: 100%;
  }

  .about-pastoral-facilities-content-col-r {
    width: 100%;
    margin-top: 30px;
  }

  .about-pastoral-facilities-row {
    margin-top: -40px;
  }

  .none-from-mobile {
    display: none;
  }

  .charges-b {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .accomodations-detail-facilities-col {
    width: 50%;
  }

  .accomodations-detail-facilities-b {
    padding-top: 40px;
  }

  .common-servive-col {
    width: 100%;
    margin-top: 20px;
  }

  .charges-payment-icon-img-b {
    border-radius: 15px;
  }

  .charges-payment-icon-col {
    width: 25%;
  }

  .charges-notice-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .charges-notice-link-text-b {
    display: block;
  }

  .charges-notice-link-date {
    width: auto;
    margin-bottom: 5px;
  }

  .charges-notice-link-title {
    padding-left: 0;
  }

  .charges-notice-bg {
    max-height: 80%;
  }

  .common-img-content-col-l {
    z-index: 2;
    width: 100%;
    margin-top: -40px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .common-img-content-col-r {
    width: 100%;
  }

  .common-img-content-col-l-content {
    margin-left: -3vw;
    margin-right: -5vw;
  }

  .expand-link-b {
    font-size: 18px;
  }

  .charges-detail-doc-download-col {
    width: 100%;
  }

  .page-heading-sub-txt-b {
    margin-top: 0;
    font-size: 16px;
  }

  .common-blue-col-l {
    width: 5%;
  }

  .common-blue-col-r {
    width: 95%;
  }

  .border-button-40 {
    width: 30px;
    height: 30px;
  }

  .about-csr-charity-link-b {
    margin-top: 30px;
  }

  .about-csr-charity-slider-b {
    padding-bottom: 30px;
  }

  .about-csr-charity-slider-nav {
    margin-bottom: -30px;
  }

  .about-csr-certificate-logo-img {
    max-height: 75px;
  }

  .about-csr-certificate-col-l {
    width: 100%;
  }

  .about-csr-certificate-col-line {
    display: none;
  }

  .about-csr-certificate-col-r {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0%;
  }

  .about-csr-certificate-col-l-content-row {
    margin-left: -1%;
    margin-right: -1%;
  }

  .about-csr-certificate-col-l-content-col {
    padding-left: 1%;
    padding-right: 1%;
  }

  .about-csr-certificate-col-r-content-col {
    width: 33.33%;
    padding-left: 1%;
    padding-right: 1%;
  }

  .about-csr-certificate-col-r-content-row {
    margin-left: -1%;
    margin-right: -1%;
  }

  .about-csr-certificate-col-r-content-b {
    width: 100%;
    margin-top: 20px;
    padding-left: 0%;
    position: relative;
  }

  .milestone-12-logo {
    max-width: 70px;
  }

  .about-csr-community-col {
    margin-top: 20px;
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .about-csr-community-row {
    margin-top: -20px;
    margin-left: -2.5%;
    margin-right: -2.5%;
  }

  .about-csr-community-text-b {
    margin-top: 10px;
  }

  .about-csr-community-icon-img {
    max-height: 70px;
  }

  .about-csr-community-service-col-l {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .about-csr-community-service-row {
    margin-left: 0;
    margin-right: 0;
  }

  .about-csr-community-icon-b {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .about-csr-community-service-col-r {
    padding-left: 0;
    padding-right: 0;
  }

  .about-csr-community-service-bg {
    height: 90%;
  }

  .about-csr-community-service-col-r-text-b {
    margin-top: 20px;
  }

  .font-size-2vw {
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 120%;
  }

  .common-intro-content-min-height {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .full-width-100 {
    width: 100%;
  }

  .photo-split-content-b {
    margin-top: 10px;
  }

  .home-about-sph-text {
    line-height: 150%;
  }

  .home-about-sph-text-title {
    font-size: 38px;
  }

  .home-about-sph-text-title.en {
    font-size: 5.8vw;
  }

  .footer-top-l-b {
    position: relative;
  }

  .sticky-b {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .show-from-mobile {
    display: block;
  }

  .footer-logo-b {
    position: relative;
  }

  .slider-content-text {
    text-shadow: 3px 3px 10px #000;
    padding-left: 10%;
    padding-right: 10%;
  }

  .slider-content-text.out-patient, .slider-content-text.rehabilitation-centre {
    min-height: 300px;
  }

  .charges-corner-content-b {
    margin-top: 30px;
    margin-bottom: -40px;
    padding: 30px 8%;
  }

  .news-details-section-b {
    margin-top: -15px;
    padding-top: 15px;
  }

  .news-details-section-bg-b {
    margin-left: 0;
    padding-right: 8vw;
  }

  .news-details-content-b {
    padding-right: 8vw;
  }

  .information-forms-b {
    padding-top: 30px;
  }

  .information-forms-content-b {
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .obstetrics-gynaecology-important-notes-content {
    padding: 20px 5%;
  }

  .obstetrics-gynaecology-important-notes-b {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .pathology-guideline-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .content-img-slider-black-fade {
    background-color: #0006;
  }

  .video-click-link-img {
    max-width: 80px;
  }

  .doctor-zone-login-b {
    min-height: 350px;
  }

  .doctor-zone-newsletter-row {
    margin-top: -20px;
  }

  .doctor-zone-newsletter-col {
    margin-top: 20px;
  }

  .doctor-zone-text-field {
    font-size: 18px;
  }

  .doctor-zone-submit-button {
    background-size: 20px;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-right: 30px;
    font-size: 20px;
  }

  .common-img-listing-col-l {
    padding-bottom: 40px;
  }

  .common-img-listing-line {
    margin-left: 5%;
    margin-right: 5%;
  }

  .insurance-partners-link-b {
    width: 33.33%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .insurance-application-content {
    margin-top: -75px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .outline-border-col-l {
    width: 100%;
  }

  .outline-border-col-r {
    width: 100%;
    margin-top: 20px;
  }

  .select-icon-img {
    margin-right: 15px;
  }

  .select-normal-style {
    font-size: 15px;
  }

  .select-input-col-l {
    width: 35%;
  }

  .select-input-col-r {
    width: 65%;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .vacancy-jobs-content {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
  }

  .grey-line-hr-row {
    margin-left: -30px;
  }

  .common-listing-img-col-r {
    padding-bottom: 40px;
  }

  .intranet-b {
    padding: 20px 5%;
  }

  .sitemap-content-col-50 {
    width: 100%;
    margin-top: 20px;
  }

  .sitemap-title {
    padding-top: 15px;
  }

  .sitemap-link {
    margin-top: 20px;
  }

  .sitemap-link-col-50 {
    width: 100%;
  }

  .honorary-doctor-content-b {
    margin-top: -15px;
  }

  .honorary-doctor-content-col {
    margin-top: 15px;
    padding-top: 10px;
  }

  .honorary-doctor-content-col-l {
    width: 100%;
  }

  .honorary-doctor-content-col-r {
    background-color: var(--alice-blue);
    width: 100%;
    margin-top: 10px;
  }

  .honorary-doctor-content-col-r-content-col {
    width: 50%;
  }

  .arrow-black-r {
    width: 6px;
    height: 9px;
    margin-top: 10px;
  }

  .en-handwrite-tagline {
    letter-spacing: 6px;
    font-size: 14px;
    line-height: 30px;
  }

  .form-label-field-row.wrap-mobile {
    flex-flow: wrap;
  }

  .form-field-col.form-date {
    flex: none;
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }

  .form-detail-content-row {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .form-detail-content-col-l {
    width: 100%;
  }

  .form-detail-content-col-r-radio {
    border-top: 1px solid var(--black);
    border-left-style: none;
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-detail-radio-col {
    min-width: 16.66%;
  }

  .form-detail-content-na-col {
    flex: none;
    width: 16.6667%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .form-detail-content-face-row {
    flex: 1;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }

  .form-detail-content-face-col {
    text-align: center;
    width: 16.6667%;
  }

  .form-detail-row {
    margin-top: -15px;
  }

  .form-detail-content-col-r {
    border-left-style: none;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-detail-radio-col-row {
    justify-content: center;
  }

  .form-detail-content-col-l-text-b {
    padding-left: 0;
    padding-right: 0;
  }

  .fomr-na-text {
    font-size: 16px;
  }

  .form-face-img {
    width: 35px;
  }

  .hospital-guide-col-l {
    padding-top: 5px;
  }

  .hospital-guide-col-l-content {
    margin-top: 5px;
  }

  .hospital-guide-col-l-content-col-l, .hospital-guide-col-l-content-col-r {
    width: 100%;
    max-height: 350px;
    padding: 10px;
  }

  .hospital-guide-col-l-tab-button-b {
    margin-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .hospital-guide-bottom-col-l-tab-button-row {
    margin-top: -8px;
    display: block;
  }

  .hospital-guide-tab-button {
    background-color: var(--white-smoke-4);
    border-radius: 50px;
    width: 100%;
    margin-top: 8px;
    padding-bottom: 5px;
    display: block;
  }

  .hospital-guide-content-01 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hospital-guide-col-r-content-b {
    background-color: var(--alice-blue);
  }

  .hospital-guide-col-r-content-text-b {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hospital-guide-content-03 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hospital-guide-03-content {
    max-height: 400px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hospital-guide-col-line {
    display: none;
  }

  .hospital-guide-content-02 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .hospital-guide-mobile {
    min-height: auto;
  }

  .health-corner-list-col {
    width: 100%;
  }

  .health-corner-list-link-b {
    background-color: var(--white);
    box-shadow: 4px 4px 10px #0000000d;
  }

  .health-corner-list-img-black-fade {
    background-image: linear-gradient(#0000 20%, #000c);
  }

  .health-corner-list-text-b {
    position: relative;
  }

  .health-corner-list-text-b.slider {
    position: absolute;
  }

  .health-corner-slider-col-l, .health-corner-slider-col-r {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .health-corner-slider-02-slide {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .appointment-col-l {
    width: 100%;
    padding-right: 0%;
  }

  .appointment-col-r {
    width: 100%;
    margin-top: 30px;
  }

  .appointment {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .appointment-content-b {
    margin-bottom: 30px;
  }

  .appointment-field-b {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .appointment-field-col-100 {
    width: 100%;
  }

  .appointment-field-col-100.checkbox {
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .appointment-link-btn, .appointment-step-text.active {
    font-size: 18px;
  }

  .appointment-field-col-b {
    width: 100%;
  }

  .appointment-preview-b {
    padding: 30px 5%;
  }

  .appointment-radio-btn, .appointment-radio-btn-label-text {
    font-size: 18px;
  }

  .header-news-arrow-img {
    width: 6px;
    height: 9px;
  }

  .health-corner-list-link-row {
    flex-wrap: wrap;
    align-items: flex-end;
    width: 100%;
    display: flex;
  }

  .health-corner-list-link-col-l, .health-corner-list-link-col-r {
    width: 50%;
    position: relative;
  }

  .images-slider {
    padding-left: 0;
    padding-right: 0;
  }

  .form-clear-data-button {
    font-size: 18px;
  }

  .appointment-success-img {
    max-width: 200px;
  }

  .doctor-consent-forms-link-b {
    width: 50%;
  }

  .sticky-btn-dropdown-link-text-title {
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 26px;
  }

  .sticky-btn-dropdown-link-arrow-title {
    width: 6px;
    height: 9px;
  }

  .share-btn-message-b {
    margin-bottom: 100px;
  }

  .border-table {
    width: 600px;
  }

  .form-col-70, .form-col-30, .inner-filter-checkbox-item-col {
    width: 100%;
  }

  .no-padding-mobile {
    padding: 0;
  }

  .inner-filter-checkbox-list-content-sub-sub-01, .inner-filter-checkbox-list-content-sub-sub-02 {
    width: 100%;
  }

  .show-all-button-arrow {
    width: 6px;
    height: 9px;
  }

  .charges-bg-img-left-mask-v02 {
    background-image: linear-gradient(270deg, #f5f1e800, #f5f1e8 65%);
  }

  .charges-bg-img-v02 {
    display: none;
  }

  .charges-bg-img-v02-mobile, .milestone-tab-link {
    width: 100%;
  }

  .milestone-tab-txt-120 {
    font-size: 13px;
  }

  .table.no-pad {
    padding-left: 10px;
    padding-right: 0;
  }

  .table.no-pad.overflow {
    width: 100%;
    padding-left: 0;
    overflow: auto;
  }

  .table-10-col-row {
    border-top-width: .5px;
  }

  .table-10-col-row.table-header, .table-10-col-row.table-header.eye, .table-10-col-row.data-row, .table-10-col-row.eye {
    width: 200vw;
  }

  .table-col.data.left {
    border-right-width: .5px;
  }

  .table-wrapper {
    border-style: none;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    transform: scale(.8);
  }

  .table-wrapper._100 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .table-wrapper._100.table {
    padding-left: 0;
    padding-right: 0;
    transform: none;
  }

  .border-left-grey {
    border-left-width: .5px;
  }

  .milestone-12-logo-b {
    width: 100%;
  }

  .search-suggestion-item-link {
    padding: 5px 15px;
  }

  .search-suggestion-b {
    padding-top: 50px;
    padding-bottom: 5px;
  }

  .charges-bg-img-v03 {
    display: none;
  }

  .charges-bg-img-v03-mobile {
    width: 100%;
    display: none;
  }

  .charges-bg-img-left-mask-v03 {
    opacity: 1;
    width: 65%;
  }

  .en {
    letter-spacing: 3px;
  }

  .bottom-none {
    padding-bottom: 0;
  }

  .visiting-doctor-bg {
    background-color: #fafdff;
    width: 100%;
  }

  .timetable-location-bg {
    background-color: #fafdff;
  }

  .centre-icon-link-b {
    width: 33.33%;
  }

  .doctor-filter-btn-col {
    text-align: right;
    margin-bottom: 0;
    margin-left: 0;
  }

  .body-text {
    font-size: 16px;
  }

  .notice-pop-txt-b {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .table-remark-row {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
  }

  .table-remark-col-l {
    padding-left: 0;
    padding-right: 0;
  }

  .table-remark-col-r {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .sticky-btn-dropdown-sub-centre-col {
    flex: none;
    width: 100%;
  }

  .sticky-btn-dropdown-sub-centre-col-r {
    width: 100%;
  }

  .col-width-10 {
    width: 5%;
  }

  .col-width-90 {
    width: 95%;
  }

  .our-service-row {
    margin-left: -2%;
    margin-right: -2%;
  }

  .our-service-col {
    width: 50%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .our-service-content-col {
    width: 100%;
    margin-top: 20px;
  }

  .two-video-content-col-r {
    width: 100%;
  }

  .two-video-content-col-l {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .appointment-link-tab-btn {
    font-size: 18px;
  }

  .page-heading-handwrite1, .page-heading-handwrite2 {
    letter-spacing: 6px;
    font-size: 14px;
    line-height: 30px;
  }

  .page-heading-handwrite3 {
    letter-spacing: 3px;
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 24px;
    line-height: 30px;
  }

  .section-heading-b {
    margin-bottom: 25px;
  }

  .photo-split-col {
    padding-left: 20px;
    padding-right: 20px;
  }

  .arrow-white-r.v-small.black {
    margin-top: 7px;
  }

  .margin-bottom-20 {
    margin-bottom: 15px;
  }

  .home-about-b {
    padding-bottom: 20px;
  }

  .home-about-col.col-box {
    background-image: linear-gradient(#ffffff8c, #ffffff8c), url('../images/home-about-icon-beige-30.svg');
    background-position: 0 0, 55% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 80%;
    width: auto;
    margin-top: -40px;
    margin-left: -2.5vw;
    margin-right: -2.5vw;
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .arrow-btn-gp.v-home {
    display: block;
  }

  .arrow-btn-gp-item {
    width: 100%;
  }

  .brand {
    flex: 0 auto;
    width: 150px;
    margin-right: 5px;
  }

  .header-top {
    padding-right: 20px;
  }

  .nav-lang-item {
    margin-right: 10px;
  }

  .header-icon-link.v-mobile-header {
    margin-right: 6px;
    font-size: 12px;
    display: block;
  }

  .header-icon-link-icon {
    width: 25px;
    max-width: 25px;
    margin-right: 8px;
  }

  .header-icon-link-icon.v-booking {
    width: 40px;
    max-width: 77%;
    height: auto;
    margin-top: 2px;
    margin-bottom: 0;
  }

  .header-icon-link-icon.v-mobile-header {
    width: 32px;
    margin-bottom: 4px;
  }

  .btn-booking {
    width: 55px;
    height: 55px;
    font-size: 12px;
  }

  .btn-menu {
    width: 40px;
  }

  .btn-pop-close.home {
    margin-right: 1.5vw;
  }

  .btn-pop-close.notice {
    margin-top: 20px;
    margin-right: 5vw;
  }

  .btn-pop-close-icon.bigger {
    width: 30px;
    height: 30px;
  }

  .common-curve-bottom {
    width: 340px;
  }

  .common-curve-bottom.terms {
    margin-bottom: -12%;
  }

  .common-curve-bottom.top {
    margin-top: -50px;
  }

  .common-curve-bottom.doctor-zone-cme {
    width: 90%;
    margin-bottom: -25%;
    margin-left: 65%;
  }

  .nav-booking-dropdown-box {
    margin-top: 20px;
  }

  .nav-booking-dropdown-list.w--open {
    margin-top: 45px;
  }

  .inner-section-div.charges-bg-img-b-01 {
    min-height: 200px;
  }

  .inner-section-div.charges-bg-img-b-03 {
    min-height: 175px;
  }

  .about-corporate-data-item {
    width: 50%;
  }

  .milestone-tabs-menu {
    background-image: none;
    margin-top: -30px;
    margin-bottom: 20px;
  }

  .milestone-tab-link-b {
    height: 80px;
  }

  .milestone-year-b {
    padding-right: 5vw;
  }

  .milestone-year-txt {
    font-size: 30px;
  }

  .milestone-btn-arrow {
    width: 8px;
    height: 20px;
    margin-left: 15px;
  }

  .milestone-year-bar {
    width: 30px;
  }

  .milestone-row-year {
    text-align: left;
    width: auto;
    padding-left: 15px;
  }

  .milestone-year-content {
    padding-right: 1%;
    display: block;
  }

  .milestone-img-slider-b {
    width: auto;
    margin-bottom: 20px;
    margin-left: 1%;
  }

  .milestone-year-txt-b {
    margin-top: 0;
    padding-left: 1%;
  }

  .about-map-content-b {
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
  }

  .about-map-col {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .about-map-color-mask {
    z-index: -1;
    margin-top: -50px;
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .common-inner-sh-curves {
    width: 120px;
    margin-top: -80px;
  }

  .common-inner-sh-curves.v-bottom {
    margin-bottom: -35px;
  }

  .common-inner-sh-curves.common-blue {
    margin-top: -45px;
  }

  .common-inner-sh-curves.inner-page-col {
    width: 160px;
    margin-top: -25px;
  }

  .doctor-list {
    margin-bottom: -30px;
    display: block;
  }

  .doctor-item-txt-b {
    margin-right: -20px;
  }

  .inner-filter-dropdown-toggle {
    padding-left: 15px;
    padding-right: 15px;
  }

  .inner-filter-dropdown-list-warp {
    padding: 15px;
  }

  .filter-all-b {
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .inner-filter-checkbox-list {
    margin-left: 0;
    margin-right: 0;
  }

  .inner-filter-checkbox-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .inner-filter-separator {
    margin-left: 15px;
    margin-right: 15px;
  }

  .doctor-detail-content {
    margin-top: 40px;
  }

  .doctor-photo-b {
    max-width: 260px;
    margin-top: -40px;
  }

  .contact-map-content-b {
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
  }

  .contact-map-col {
    width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .margin-top-none {
    margin-top: 0;
  }

  .label {
    font-size: 3.5vw;
  }

  .form-bottom-col-l {
    width: 100%;
  }

  .form-bottom-col-r {
    text-align: center;
    width: 100%;
    margin-top: 15px;
  }

  .terms-col-l {
    padding-left: 20px;
  }

  .terms-col-l-bg {
    margin-left: -20px;
  }

  .terms-img {
    margin-top: 20px;
  }

  .privacy-and-terms-list-b {
    padding: 20px;
  }

  .privacy-col-l-bg {
    margin-bottom: -30px;
  }

  .privacy-col-l {
    padding-top: 20px;
  }

  .privacy-col-r-bg {
    margin-bottom: -20px;
  }

  .privacy-img {
    margin-left: -8%;
  }

  .common-curve-bottom-right {
    width: 340px;
  }

  .common-curve-bottom-right.top {
    width: 250px;
    margin-top: -30px;
  }

  .milestone-btn-play-pause {
    width: 18px;
    margin-left: 10px;
  }

  .sticky-btn-dropdown-link-b {
    width: 100%;
  }

  .accommodations-type-slide-content {
    font-size: 14px;
  }

  .accommodations-type-slide-text-b {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .col-r-sticky-b {
    padding-top: 10px;
  }

  .about-pastoral-spiritual-content-col-l {
    width: 100%;
  }

  .about-pastoral-spiritual-content-col-r {
    width: 100%;
    margin-top: 0;
  }

  .common-content-news-link {
    padding-right: 1px;
  }

  .charges-link-b {
    float: left;
  }

  .accomodations-detail-facilities-col {
    border-top: 1px solid var(--rosy-brown);
    border-left-style: none;
    width: 100%;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .accomodations-detail-facilities-row {
    margin-top: 0;
  }

  .accomodations-detail-facilities-b {
    padding-bottom: 0;
  }

  .common-servive-link-b {
    font-size: 14px;
  }

  .specialist-centers-servive-text-b {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .charges-payment-icon-col {
    width: 33.3333%;
  }

  .charges-notice-link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .charges-detail-table-col-70-content-col {
    width: 50%;
  }

  .charges-detail-table {
    width: 550px;
  }

  .common-blue-col-r {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .about-csr-charity-link-col {
    width: 100%;
  }

  .about-csr-certificate-col-r-content-col {
    width: 50%;
  }

  .milestone-12-logo {
    max-width: 65px;
  }

  .about-csr-community-col {
    width: 100%;
  }

  .about-csr-community-text-b {
    padding: 10px 15px;
  }

  .about-csr-community-icon-img {
    margin-right: 10px;
  }

  .full-width-100 {
    width: 100%;
  }

  .btn-menu-line-b {
    width: 20px;
  }

  .home-about-sph-text {
    line-height: 160%;
  }

  .home-about-sph-text-title.en {
    font-size: 32px;
  }

  .slider-content-text {
    padding-left: 18%;
    padding-right: 18%;
  }

  .out-patient-visiting-content-b {
    margin-top: -15px;
  }

  .out-patient-visiting-content-col-l {
    width: 100%;
    padding-right: 0;
  }

  .out-patient-visiting-content-col-r {
    background-color: var(--alice-blue);
    width: 100%;
    margin-top: 10px;
    padding: 10px 5%;
  }

  .out-patient-visiting-content-col-r-content-col {
    width: 100%;
  }

  .out-patient-visiting-content-col {
    border-top: 1px solid var(--gainsboro);
    margin-top: 15px;
    padding-top: 10px;
  }

  .charges-corner-content-b {
    max-width: none;
  }

  .photo-split-content-list-content-col-l {
    width: 100%;
  }

  .photo-split-content-list-content-col-r {
    text-align: left;
    width: 100%;
    margin-top: 5px;
  }

  .list-item-col-33 {
    width: 100%;
    padding-right: 0;
  }

  .information-forms-content-row {
    margin-left: 0;
    margin-right: 0;
  }

  .information-forms-content-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .video-click-link-img {
    max-width: 50px;
  }

  .doctor-zone-newsletter-row {
    margin-top: 0;
    display: block;
  }

  .common-img-listing-col-l, .common-img-listing-col-l-content {
    padding-bottom: 20px;
  }

  .common-img-listing-col-l-bg-b {
    margin-left: -20px;
  }

  .common-img-listing-img {
    margin-top: 20px;
  }

  .common-listing-link-text-wrap {
    flex-wrap: nowrap;
  }

  .insurance-partners-link-b {
    font-size: 12px;
    line-height: 120%;
  }

  .insurance-application-content {
    margin-top: -40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .select-icon-img {
    margin-right: 20px;
  }

  .select-normal-style {
    font-size: 17px;
  }

  .input-normal-style {
    padding-left: 5px;
    padding-right: 5px;
  }

  .select-input-col-l {
    width: 100%;
  }

  .select-input-col-r {
    border-top: 1px solid var(--dark-slate-blue);
    border-left-style: none;
    width: 100%;
  }

  .select-input-col {
    height: 100px;
  }

  .no-padding {
    padding: 0;
  }

  .no-margin {
    margin: 0;
  }

  .mobile-width-50 {
    width: 50%;
  }

  .vacancy-jobs-content {
    padding-left: 20px;
  }

  .grey-line-hr-row {
    margin-left: -20px;
  }

  .common-listing-img-b {
    padding-right: 10px;
  }

  .common-listing-img {
    margin-left: -8%;
  }

  .common-listing-img-col-r-color-bg {
    width: 100%;
    margin-bottom: -20px;
  }

  .common-listing-img-col-r {
    padding-bottom: 20px;
  }

  .about-sph-info-col-l {
    z-index: 1;
    flex: none;
    width: 100%;
    margin-top: -20px;
    position: relative;
  }

  .about-sph-info-col-r {
    z-index: 0;
    width: 100%;
    padding-right: 5vw;
    position: relative;
  }

  .about-sph-info-col-content-row {
    margin-right: -5vw;
  }

  .about-sph-info-col-l-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .intranet-b {
    min-height: 300px;
  }

  .honorary-doctor-content-col-l {
    width: 100%;
    padding-right: 0;
  }

  .honorary-doctor-content-col-r {
    padding: 10px 5%;
  }

  .honorary-doctor-content-col-r-content-col {
    width: 100%;
  }

  .form-detail-content-face-col {
    padding-left: 0;
    padding-right: 0;
  }

  .form-detail-content-col-r {
    padding-left: 10px;
  }

  .fomr-na-text {
    font-size: 12px;
  }

  .form-face-img {
    width: 30px;
  }

  .hospital-guide-col-r-welcome-main {
    min-height: 650px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hospital-guide-col-r-welcome-img {
    max-width: 65px;
  }

  .appointment-dropdown-list.w--open {
    margin-top: 45px;
  }

  .appointment-bg-r {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .appointment-content-b {
    padding-left: 0;
    padding-right: 0;
  }

  .appointment-input.long {
    height: 180px;
  }

  .appointment-field-col-50 {
    width: 100%;
  }

  .appointment-field-col {
    max-width: 100%;
  }

  .appointment-link-btn {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .appointment-preview-b {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .appointment-preview-content-row {
    margin-top: -20px;
  }

  .appointment-preview-content-col-30 {
    width: 100%;
    margin-top: 20px;
  }

  .appointment-preview-content-col-100 {
    margin-top: 20px;
  }

  .appointment-radio-btn {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .health-corner-list-link-col-l, .health-corner-list-link-col-r, .form-clear-data-button-col {
    width: 100%;
  }

  .form-clear-data-button {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sticky-button-arrow {
    width: 35px;
    margin-top: -28px;
  }

  .doctor-consent-forms-link-b {
    min-height: 150px;
    font-size: 14px;
    line-height: 130%;
  }

  .display-block {
    display: block;
  }

  .inner-filter-checkbox-item-25 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .inner-filter-checkbox-list-content-sub-sub-01, .inner-filter-checkbox-list-content-sub-sub-02, .form-checkbox-field-33 {
    width: 100%;
  }

  .home-pop-img-b {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hospital-guide-col-r-welcome-a, .hospital-guide-col-r-welcome-service {
    min-height: 650px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .intro-bg-mobile {
    display: inline-block;
  }

  .table {
    width: 100%;
  }

  .table.no-pad.overflow {
    flex: none;
    max-height: 400px;
  }

  .table-10-col-row.table-header, .table-10-col-row.table-header.eye, .table-10-col-row.data-row, .table-10-col-row.eye {
    width: 300vw;
  }

  .table-wrapper {
    width: 100%;
    margin-bottom: 7px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .table-wrapper._100 {
    padding-left: 0;
    padding-right: 0;
  }

  .btn-pop-close-img {
    width: 50px;
  }

  .en {
    letter-spacing: .35vw;
    font-size: 18px;
    line-height: 130%;
  }

  .bottom-none {
    padding-bottom: 0;
  }

  .timetable-location-bg {
    width: 45%;
  }

  .appointment-field-col-33 {
    width: 100%;
  }

  .centre-icon-row {
    margin-top: -15px;
  }

  .centre-icon-link-b {
    margin-top: 15px;
  }

  .appointment-form-checkbox {
    width: 18px;
    height: 18px;
  }

  .appointment-form-checkbox-field {
    width: 18px;
    height: 18px;
    margin-right: 6px;
  }

  .notice-pop-content-b {
    padding: 40px 0%;
  }

  .our-service-row {
    margin-left: 0%;
    margin-right: 0%;
  }

  .our-service-col {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .our-service-content-link-b {
    font-size: 14px;
  }

  .our-service-content-txt-b {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .two-video-content-col-l-content {
    padding: 15px 8vw 25px 5vw;
  }

  .two-video-content-col-l-content.white-smoke-bg {
    padding-right: 4vw;
  }

  .appointment-link-tab-menu {
    flex-flow: wrap;
  }

  .appointment-link-tab-btn {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

#w-node-_15914bc5-5d18-0eef-1f3a-ec7c934eda30-b18076ae {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_15914bc5-5d18-0eef-1f3a-ec7c934eda30-b18076ae {
    grid-row: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Radicalis';
  src: url('../fonts/Radicalis.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}