@import url("bootstrap.min.css");
@import url("jquery-ui.min.css");
@import url("animate.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("jquery.fancybox.min.css");
@font-face {
  font-family: 'IBM Plex Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ibm-400.woff2) format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: 'IBM Plex Sans Thai';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ibm-500.woff2) format("woff2");
  unicode-range: U+02D7, U+0303, U+0331, U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
  font-family: 'IBM Plex Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/ibm-latin-400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Sans Thai';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/ibm-latin-500.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
  font-family: "IBM Plex Sans Thai", sans-serif !important;
}

html {
  font-size: 17px;
}

body {
  font: 100% "IBM Plex Sans Thai", sans-serif;
  line-height: 1.8;
  color: #666;
  font-weight: 400;
}

figure {
  margin-bottom: 0;
}

.bi {
  line-height: 1;
}

.bi::before {
  display: inline-block;
  vertical-align: middle;
}

a {
  text-decoration: none;
}

.wrap_banner {
  padding: 0;
  position: relative;
  min-width: 0.481875vw;
}

.owl-carousel .owl-dots .owl-dot span {
  background: #D4D4D4;
  width: 7px;
  height: 7px;
  margin: 6px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.owl-carousel .owl-dots .owl-dot:hover span {
  background: #2E4593;
}

.owl-carousel .owl-dots .owl-dot.active span {
  width: 25px;
  background: #2E4593;
}

.owl-carousel.owl-bannerslide .owl-item {
  overflow: hidden;
  background-color: #fff;
}

.owl-carousel.owl-bannerslide .owl-item img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transition: 2.5s all ease;
  transition: 2.5s all ease;
}

.owl-carousel.owl-bannerslide .owl-item.active img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 5s all ease;
  transition: 5s all ease;
}

.owl-carousel.owl-bannerslide .owl-item .btn-default img {
  width: 6px;
  height: auto;
}

.owl-carousel.owl-bannerslide .owl-dots {
  position: absolute;
  bottom: 130px;
  width: 100%;
  text-align: center;
}

.owl-carousel.owl-slide .owl-item {
  overflow: hidden;
}

.owl-carousel.owl-slide .owl-item figure {
  overflow: hidden;
  margin-bottom: 0;
  border: 1px solid #F4F4F4;
  background-color: #fff;
}

.owl-carousel.owl-slide .owl-item figure > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.owl-carousel.owl-slide .owl-item figure:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.owl-carousel.owl-slide .owl-item figure img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -o-object-position: center center;
     object-position: center center;
}

.owl-carousel.owl-thump {
  margin-top: 15px;
}

.owl-carousel.owl-thump .owl-item {
  overflow: hidden;
}

.owl-carousel.owl-thump .owl-item figure {
  overflow: hidden;
  margin-bottom: 0;
  border: 1px solid #F4F4F4;
  background-color: #fff;
  margin-right: 15px;
}

.owl-carousel.owl-thump .owl-item figure > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.owl-carousel.owl-thump .owl-item figure:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.owl-carousel.owl-thump .owl-item figure img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  -o-object-position: center center;
     object-position: center center;
}

:root {
  scroll-behavior: auto;
}

body.mm_opened {
  position: fixed;
  width: 100%;
}

.mm_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  z-index: 101;
  height: 100vh;
}

.desktop-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 12;
}

.swlang {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-left: 20px;
}

.swlang a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 7px;
}

.swlang a img {
  width: 28px;
  height: auto;
  display: inline-block;
}

.cover-bannerslide {
  overflow: hidden;
}

.cover-bannerslide > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 2.28571;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.cover-bannerslide:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.bannerslide-mb {
  display: none;
  overflow: hidden;
}

.bannerslide-mb > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.bannerslide-mb:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.btn-default {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #184B88;
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0 25px;
  min-width: 150px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  white-space: nowrap;
  border-radius: 50px;
}

.btn-default:hover {
  background-color: #2C5EDB;
}

.btn-default img {
  width: 9px;
  height: auto;
  margin-left: 10px;
}

.btn-blue {
  background-color: #2C5EDB;
}

.btn-green {
  background-color: #019271;
}

.logo {
  padding: 15px 0;
}

.logo .svg {
  width: 105px;
  max-width: 100%;
  height: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.menu-contact {
  background-color: #184B88;
  color: #fff;
  border-radius: 50px;
  height: 45px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding: 0 23px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: .9375rem;
  margin-left: 12px;
}

.menu-contact:hover {
  background-color: #2C5EDB;
}

.menu-contact img {
  margin-right: 7px;
}

.btn-searchicon {
  margin-left: 25px;
}

.btn-searchicon img {
  height: 42px;
  width: auto;
}

.wrap_menu.sticky .logo {
  padding: 10px 0;
}

.wrap_menu.sticky .logo .svg {
  width: 80px;
}

.wrap_menu.sticky .menu-contact {
  font-size: .8rem;
  height: 42px;
}

.wrap_menu.sticky .btn_menu .svg,
.wrap_menu:hover .btn_menu .svg {
  color: #666;
}

.caption-banner {
  position: absolute;
  top: 30%;
  width: 600px;
  left: 10%;
  max-width: 95%;
  color: #333333;
  z-index: 2;
}

.caption-banner hgroup h2 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}

.caption-banner hgroup h2 span {
  color: #019271;
  font-size: 2.5rem;
  font-weight: 600;
}

.caption-banner hgroup h3 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 15px;
}

.caption-banner hgroup h3 span {
  color: #2C5EDB;
  font-size: 2.5rem;
  font-weight: 600;
}

.caption-banner hgroup p {
  font-size: 1.125rem;
}

.caption-banner-btn {
  margin-top: 30px;
}

.caption-banner-btn a {
  margin-right: 10px;
}

.wrap-news-home {
  padding: 70px 15px 90px;
}

.wrap-news-home .owl-news {
  margin-top: 20px;
}

.wrap-news-home .btn-txt-arrow {
  margin-top: 20px;
}

.wrap-news-home .owl-stage-outer .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrap-news-home h3 {
  color: #184B88;
  font-weight: 500;
  font-size: .9375rem;
  margin-bottom: 15px;
}

.topbar-menu {
  background: #184B88;
  background: -webkit-gradient(linear, left top, right top, from(#184b88), color-stop(50%, #293e84), to(#1aa07c));
  background: linear-gradient(90deg, #184b88 0%, #293e84 50%, #1aa07c 100%);
  color: #fff;
  font-size: .875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
}

.wrap-mainmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tobbar-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.tobbar-link-tag a {
  color: #fff;
  font-size: .9rem;
  margin-left: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.tobbar-link-tag a img {
  width: 18px;
  height: auto;
}

.tobbar-link-tag a:hover {
  opacity: 0.8;
}

.tobbar-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tobbar-info div {
  margin-right: 35px;
}

.tobbar-info div img {
  width: 18px;
  height: auto;
  margin-right: 5px;
}

.tobbar-info div a {
  color: #A2DBF2;
}

.tobbar-info div:first-child img {
  width: 15px;
}

.tobbar-info div .svg {
  fill: #fff;
  margin-right: 5px;
}

.banner-quick-link {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0;
  margin: 0;
}

.banner-quick-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 90px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(24, 75, 136, 0.85);
  color: #fff;
  font-size: 1.25rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.banner-quick-link a img {
  margin-right: 10px;
}

.banner-quick-link a:nth-child(2) {
  background: rgba(44, 94, 219, 0.85);
}

.banner-quick-link a:last-child {
  background: rgba(26, 160, 124, 0.85);
}

.banner-quick-link a:hover {
  background: #184b88;
}

.banner-quick-link a:hover:nth-child(2) {
  background: #2c5edb;
}

.banner-quick-link a:hover:last-child {
  background: #1aa07c;
}

.banner-quick-link a br {
  display: none;
}

.home-service {
  background-image: url(../images/bg-home-services.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 70px 0 50px;
}

.home-service h2 {
  margin-bottom: 15px;
}

.home-service .btn-txt-viewall {
  margin-top: 100px;
}

.home-service .owl-services {
  margin-top: 20px;
}

.home-service .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px;
}

.txt-subtitle {
  font-size: 1.25rem;
  color: #019271;
}

.txt-subtitle span {
  color: #2C5EDB;
}

.txt-title {
  font-size: 2rem;
  color: #184B88;
  line-height: 1.5;
}

.btn-txt-viewall {
  color: #2C5EDB;
  font-size: 1.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-txt-viewall:hover {
  color: #184B88;
}

.btn-txt-viewall img {
  width: 6px;
  height: auto;
  margin-left: 5px;
}

.btn-txt-viewall-mt {
  margin-top: 55px;
}

.items-services-cover {
  overflow: hidden;
}

.items-services-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 0.7625;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.items-services-cover:hover > img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.items-services figcaption {
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(5, 47, 146, 0.65)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(5, 47, 146, 0.65) 100%);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0 0 20px 20px;
  height: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 20px 20px 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  pointer-events: none;
}

.items-services figcaption h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}

.items-services:hover figcaption {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(5, 47, 146, 0.8)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(5, 47, 146, 0.8) 100%);
}

.items-services a {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.items-services a::before {
  content: "";
  background-image: url(../images/icon-arrow-view.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.home-about {
  background-color: #F4F8FF;
  border-radius: 20px;
  padding: 55px 40px 15px;
  margin-top: 50px;
}

.home-about figure img {
  width: 100%;
  height: auto;
}

.home-about-detail {
  padding-right: 50px;
  line-height: 2;
}

.home-about ul {
  padding: 0;
  margin: 0;
}

.home-about ul li {
  list-style: none;
  color: #333333;
  font-weight: 500;
  position: relative;
  padding-left: 32px;
  margin-bottom: 10px;
}

.home-about ul li::before {
  content: "";
  background-image: url(../images/check-circle-green.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 6px;
  left: 0;
}

.home-about-awards {
  border-top: 1px solid #D6E3F9;
  margin-top: 45px;
  padding-top: 25px;
}

.home-about-awards figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 7px;
}

.home-about-awards figure .logo-awards img {
  width: auto;
  height: 60px;
}

.home-about-awards figure figcaption {
  padding: 0 120px 0 15px;
  color: #000;
  font-size: .9375rem;
  line-height: 2;
}

.home-about-awards figure figcaption h4 {
  color: #2C5EDB;
  font-size: 1.375rem;
}

.txt-blue2 {
  color: #2C5EDB;
}

.item-statnum {
  color: #2C5EDB;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5;
}

.item-statnum div {
  font-size: 1rem;
  color: #333333;
  font-weight: 400;
}

.home-package .owl-package {
  margin-top: 20px;
}

.home-package .show {
  display: none;
}

.items-package a {
  display: block;
  color: #666;
  padding-bottom: 15px;
}

.items-package a figure figcaption {
  margin-top: 25px;
}

.items-package a figure figcaption h4 {
  color: #184B88;
  font-size: 1.25rem;
  line-height: 1.8;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.items-package a figure figcaption p {
  line-height: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.items-package a figure figcaption .tag-info {
  line-height: 1.7;
}

.items-package a figure figcaption .tag-info div {
  color: #333333;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.items-package a figure figcaption .tag-info div img {
  width: 17px;
  height: auto;
  margin-right: 8px;
}

.items-package-cover {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid #D6E3F9;
}

.items-package-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.items-package-cover:hover > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.items-package-cover img {
  -o-object-position: top center;
     object-position: top center;
}

.wrap-info-health {
  background: rgba(1, 146, 113, 0.08);
  border-radius: 20px;
  padding: 35px 35px 20px;
  margin-top: 55px;
}

.wrap-info-health .show {
  display: none;
}

.btn-readmore {
  background-color: #184B88;
  color: #fff;
  border-radius: 50px;
  height: 37px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  font-size: .875rem;
  font-weight: 400;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 0;
}

.btn-readmore img {
  width: 6px;
  height: auto;
  margin-left: 5px;
}

.btn-readmore:hover {
  background-color: #2C5EDB;
}

.btn-readmore2 {
  background-color: #184B88;
  color: #fff;
  border-radius: 50px;
  height: 42px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  font-size: .875rem;
  font-weight: 400;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border: 0;
  margin-top: 15px;
}

.btn-readmore2 img {
  width: 6px !important;
  height: auto;
  margin-left: 5px;
}

.btn-readmore2:hover {
  background-color: #2C5EDB;
}

.item-health-info {
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 35px;
}

.item-health-info figure {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.item-health-info figure .cover-health {
  width: 45%;
}

.item-health-info figure .cover-health div {
  border-radius: 15px;
  overflow: hidden;
}

.item-health-info figure .cover-health div > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.4359;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.item-health-info figure .cover-health div:hover > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.item-health-info figure figcaption {
  width: 55%;
  font-size: 1rem;
  padding: 0 25px;
}

.item-health-info figure figcaption h4 {
  color: #333333;
  font-size: 1.125rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
}

.item-health-info figure figcaption p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 20px;
}

.item-health-info:hover figure .cover-health div img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.item-health-info:hover .btn-readmore {
  background-color: #2C5EDB;
}

.home-footer {
  margin-top: 70px;
  position: relative;
}

.home-footer::before {
  content: "";
  background: #F3F7FD;
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.home-footer .col-12 {
  padding: 0;
}

.home-footer-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 35px;
}

.home-footer-box figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #2C5EDB;
  border-radius: 20px;
  padding: 25px 35px 10px;
}

.home-footer-box figure figcaption {
  color: #D6E3F9;
  width: calc(100% - 85px);
  padding-left: 25px;
  font-weight: 300;
}

.home-footer-box figure figcaption h4 {
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
}

.home-footer-box figure figcaption a {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.home-footer-box figure figcaption p {
  margin-bottom: 5px;
}

.home-footer-box figure:last-child {
  background-color: #019271;
}

.home-footer-box figure:last-child figcaption {
  color: #E0FFF8;
}

.home-footer-box figure:last-child .box-circle-icon img {
  width: 37px;
}

.home-footer-box figure:last-child a {
  font-size: .875rem;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.75);
  font-weight: 400;
  border-radius: 50px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  margin: 15px 5px 0 0;
}

.box-circle-icon {
  width: 85px;
  height: 85px;
  border-radius: 100px;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.box-circle-icon img {
  width: 32px;
  height: auto;
}

.box-circle-icon .svg {
  fill: #fff;
  width: 32px;
  height: auto;
}

.wrap-footer {
  background-color: #F3F7FD;
  padding: 65px 0 50px;
  font-size: .9rem;
  color: #333333;
}

.wrap-footer h2 {
  color: #184B88;
  font-size: 1.125rem;
  font-weight: 500;
  margin: 30px 0 10px;
}

.wrap-footer address {
  margin-bottom: 0;
  margin-bottom: 10px;
  color: #666;
}

.footer-tel {
  color: #000;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-tel .svg {
  fill: #184B88;
  width: 17px;
  height: auto;
  margin-right: 10px;
}

.footer-tel:hover {
  color: #2C5EDB;
}

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

.logo-footer img {
  width: auto;
  height: 45px;
}

.footer-link h3 {
  color: #184B88;
  font-size: 1.25rem;
  margin-bottom: 12px;
}

.footer-link ul {
  padding: 0;
  margin: 0;
}

.footer-link ul li {
  list-style: none;
  margin-bottom: 7px;
  width: 48%;
  display: inline-block;
}

.footer-link ul li a {
  color: #000;
  font-size: .9375rem;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-link ul li a:hover {
  color: #2C5EDB;
}

.footer-link-padding {
  padding-left: 40px;
}

.footer-logo-awards {
  margin-bottom: 40px;
}

.footer-logo-awards img {
  width: auto;
  height: 60px;
}

.footer-social {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.footer-social a {
  display: block;
}

.footer-social a img {
  width: 28px;
  height: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.footer-social a:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.footer-cc {
  background: #184B88;
  color: #fff;
  font-size: .9rem;
  font-weight: 300;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 3px;
}

.footer-cc a {
  color: #fff;
  margin-right: 30px;
  line-height: 1;
}

.topic-menu {
  color: #184B88;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 500;
}

.mainmenu ul li .submenu_white.submenu ul {
  padding: 0 0 0 3px;
  margin: 15px 0 0;
}

.photo-menu img {
  width: 100%;
  border-radius: 65px 15px 15px;
}

.wrap_banner-about {
  padding: 0;
}

.wrap_banner-about figure {
  position: relative;
}

.wrap_banner-about figure .banner-about {
  overflow: hidden;
}

.wrap_banner-about figure .banner-about > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3.40426;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.wrap_banner-about figure .banner-about:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.wrap_banner-about figure::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180.84deg, rgba(255, 255, 255, 0) 35.98%, #FFFFFF 84.43%);
  z-index: 1;
}

.wrap-breadcrumb {
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 45px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrap-breadcrumb ul {
  margin: 0;
  padding: 0;
}

.wrap-breadcrumb ul li {
  list-style: none;
  display: inline-block;
  font-size: .875rem;
  position: relative;
  padding: 0 12px 0 20px;
}

.wrap-breadcrumb ul li a {
  color: #666;
}

.wrap-breadcrumb ul li a img {
  -webkit-filter: brightness(0) saturate(100%) invert(26%) sepia(9%) saturate(6277%) hue-rotate(181deg) brightness(96%) contrast(97%);
          filter: brightness(0) saturate(100%) invert(26%) sepia(9%) saturate(6277%) hue-rotate(181deg) brightness(96%) contrast(97%);
  width: 15px;
  height: auto;
}

.wrap-breadcrumb ul li.active {
  color: #019271;
  font-weight: 400;
}

.wrap-breadcrumb ul li::before {
  content: "";
  background-image: url(../images/icon-chev-grey.svg);
  background-size: 30%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 9px;
  left: 0;
}

.wrap-breadcrumb ul li:first-child {
  padding-left: 0;
}

.wrap-breadcrumb ul li:first-child::before {
  display: none;
}

.about-content {
  margin-top: -250px;
  position: relative;
  z-index: 1;
  padding: 0 20px 100px;
}

.about-content .txt-title {
  text-align: center;
}

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

.about-chart img {
  width: 1400px;
  max-width: 100%;
  margin-top: 50px;
}

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

.about-board h3 {
  margin-bottom: 15px;
}

.board-list {
  font-size: 0.95rem;
  color: #333333;
}

.board-list .cover {
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 30px;
}

.board-list .cover > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 0.8642;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.board-list .cover:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.board-list h4 {
  color: #2C5EDB;
  font-size: 1.25rem;
  font-weight: 400;
}

.box-ceo {
  width: 350px;
  max-width: 100%;
  margin: 40px auto 0;
}

.wrap-listboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 65px 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}

.wrap-listboard .board-list {
  width: calc(25% - 38px);
}

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

.awards-topinfo h3 {
  margin-bottom: 15px;
}

.awards-topinfo .img-logoawards {
  margin: 30px 0;
}

.awards-topinfo .img-logoawards img {
  width: auto;
  height: 115px;
  -o-object-fit: contain;
     object-fit: contain;
}

.awards-topinfo h4 {
  color: #2C5EDB;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 42px;
}

.awards-topinfo h5 {
  color: #333333;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 36px;
}

.item-awards {
  display: block;
  text-align: center;
  color: #333333;
  font-size: 1rem;
  padding: 0 12px;
}

.item-awards h6 {
  color: #2C5EDB;
  font-size: 1.15rem;
  margin-bottom: 10px;
}

.photo-awards {
  background-color: #F9F9F9;
  height: 380px;
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 25px;
}

.photo-awards img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.wrap-item-awrds {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 65px 0;
  margin-top: 55px;
}

.wrap-certificate {
  background-color: rgba(1, 146, 113, 0.08);
  border-radius: 20px;
  padding: 40px 20px;
  margin-top: 60px;
  text-align: center;
}

.wrap-certificate .row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}

.wrap-certificate h3 {
  color: #184B88;
  font-size: 1.6rem;
  font-weight: 500;
}

.wrap-certificate .photo-awards {
  height: 270px;
}

.wrap_insidepage {
  background-image: url(../images/bg-home-services.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  padding: 110px 0 90px;
}

.wrap-all-package {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 30px;
}

.wrap-all-package p {
  word-wrap: break-all;
}

.nav-page {
  margin: 40px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 10px;
}

.nav-page li {
  display: inline-block;
  list-style: none;
}

.nav-page li a {
  width: 37px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.nav-page li a.active {
  background-color: #019271;
  color: #fff;
  border-radius: 10px;
}

.nav-page li a:hover {
  color: #019271;
}

.nav-page li a img {
  opacity: 0.2;
}

.nav-page li:last-child a.active {
  background: none;
}

.nav-page li:last-child a.active img {
  opacity: 1;
}

.nav-page li:first-child a.active {
  background: none;
}

.nav-page li:first-child a.active img {
  opacity: 1;
}

.nav-page .btn-prev img {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.box-filter-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-weight: 500;
  gap: 5px;
}

.box-filter-select img {
  margin-top: -7px;
}

.box-filter-select .form-select {
  width: 250px;
  border-radius: 50px;
  font-size: 0.9rem;
  color: #666;
  padding: 10px 15px;
  margin-left: 10px;
}

.box-filter-select-mt {
  margin-top: 35px;
}

.cover-package img {
  width: 100%;
}

.package-detail {
  padding: 10px 0 0 35px;
}

.package-detail h1 {
  color: #184B88;
  font-size: 32px;
  line-height: 44px;
}

.tag-info {
  line-height: 1.7;
}

.tag-info div {
  color: #333333;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.tag-info div img {
  width: 17px;
  height: auto;
  margin-right: 8px;
}

.package-contact {
  border-top: 1px solid #DAE2F1;
  margin-top: 40px;
  padding-top: 30px;
}

.package-contact span {
  font-size: 1.2rem;
  color: #000;
  display: block;
  font-weight: 500;
}

.package-contact a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 60px;
  width: 240px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  border-radius: 15px;
  font-weight: 500;
  gap: 10px;
  margin: 13px 15px 0 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.package-contact a.btn-blue:hover, .package-contact a.btn-green:hover {
  background-color: #184B88;
}

.package-contact a span {
  color: #fff;
  font-size: 1.1rem;
}

.content-editor {
  line-height: 36px;
}

.content-editor img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 20px;
  margin-bottom: 20px;
}

.content-editor ul {
  margin-top: 15px;
}

.content-editor ul li {
  margin-bottom: 7px;
}

.content-editor strong {
  font-weight: 500;
}

.content-editor h5 {
  line-height: 38px;
}

.content-editor iframe {
  width: 800px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin: 0 auto;
  display: block;
}

.package-desc {
  margin-top: 50px;
}

.contact-info {
  background-color: #F4F8FF;
  padding: 40px 50px 40px 30px;
  border-radius: 20px;
  margin-top: 70px;
}

.contact-info figure {
  position: relative;
  padding-left: 15px;
}

.contact-info figure img {
  width: 100%;
  border-radius: 70px 25px 25px 25px;
}

.contact-info figure::before {
  content: "";
  background-image: url(../images/icon-circle-blue.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  top: -25px;
  right: -40px;
  z-index: 1;
}

.contact-info .txt-title {
  font-size: 1.6rem;
  margin-bottom: 20px;
}

.contact-info .txt-subtitle {
  font-weight: 400;
  font-size: 1.15rem;
}

.contact-info-branch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
}

.contact-info-branch-list span {
  color: #2C5EDB;
  font-size: 1.15rem;
  font-weight: 500;
}

.contact-info-branch-list div {
  font-size: 0.9rem;
  color: #000;
  font-weight: 500;
  margin: 15px 0;
}

.contact-info-branch-list div img {
  margin-right: 5px;
}

.contact-info-branch-list div a {
  color: #000;
}

.wrap_insidepage-package.wrap_insidepage {
  padding-bottom: 60px;
}

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

.page-contact .title-contact {
  color: #2C5EDB;
  margin: 10px 0 25px;
}

.page-contact h4 {
  font-weight: 400;
  color: #666;
  font-size: 1.15rem;
  margin-top: 30px;
  line-height: 36px;
}

.box-contact-branch {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 70px;
  margin-top: 50px;
  text-align: left;
}

.box-contact-branch-list .cover-branch {
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 35px;
}

.box-contact-branch-list .cover-branch > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.51852;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.box-contact-branch-list .cover-branch:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.box-contact-branch-list span {
  color: #2C5EDB;
  font-size: 1.5rem;
  font-weight: 500;
}

.box-contact-branch-list address {
  margin-top: 5px;
}

.box-contact-branch-list-info {
  color: #000;
  font-weight: 500;
}

.box-contact-branch-list-info span {
  font-size: 0.9rem;
  color: #000;
  padding: 0 5px;
}

.box-contact-branch-list-info img {
  margin-right: 5px;
}

.box-contact-branch-list-info div {
  margin-bottom: 12px;
}

.box-contact-branch-list-info div a {
  display: inline-block;
  color: #000;
}

.box-contact-branch-list-info div a.link-maps {
  color: #2C5EDB;
}

.box-enquiry {
  background-color: rgba(1, 146, 113, 0.08);
  padding: 40px 40px 20px;
  border-radius: 20px;
  margin-top: 50px;
  text-align: left;
}

.box-enquiry .txt-title {
  text-align: left;
}

.box-enquiry .txt-subtitle {
  margin-bottom: 30px;
  line-height: 36px;
}

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

.frm-contact label {
  color: #000;
  margin-bottom: 5px;
}

.frm-contact label span {
  color: #f00;
}

.frm-contact input, .frm-contact select {
  border-radius: 50px;
  padding: 10px 15px;
}

.frm-contact .form-control, .frm-contact .form-select {
  border: 1px solid #E7F5F2;
  color: #666;
}

.frm-contact .btn-default img {
  width: 15px;
  height: auto;
}

.wrap-all-health {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 50px;
  margin-top: 30px;
}

.wrap-all-health p {
  word-wrap: break-all;
}

.items-health a {
  display: block;
  color: #666;
}

.items-health a figure .items-health-cover {
  overflow: hidden;
  border-radius: 20px;
}

.items-health a figure .items-health-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.44444;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.items-health a figure .items-health-cover:hover > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.items-health a figure figcaption {
  padding-top: 20px;
}

.items-health a figure figcaption h4 {
  color: #2C5EDB;
  font-size: 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  line-height: 35px;
}

.items-health a figure figcaption p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.page-detail-cover {
  text-align: center;
  margin: 30px 0 35px;
}

.page-detail-cover img {
  width: auto;
  max-width: 100%;
}

.most-recent {
  background-color: rgba(1, 146, 113, 0.08);
  padding: 40px;
  border-radius: 20px;
  margin-top: 50px;
}

.most-recent .txt-title {
  font-size: 1.625rem;
  font-weight: 500;
}

.most-recent .owl-package {
  margin-top: 15px;
}

.page-brochure .txt-subtitle {
  line-height: 38px;
  margin: 15px 0 50px;
}

.page-brochure h4 {
  color: #2C5EDB;
  font-weight: 400;
}

.wrap-item-brochure {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 75px 50px;
  margin-top: 40px;
}

.wrap-item-brochure a {
  display: block;
  text-align: center;
  font-size: 1rem;
  color: #2C5EDB;
}

.wrap-item-brochure a .cover-brochure {
  margin-bottom: 25px;
}

.wrap-item-brochure a span {
  display: block;
}

.wrap-item-brochure a .btn-default {
  margin-top: 20px;
  font-size: 0.85rem;
  height: 42px;
  min-width: 130px;
}

.wrap-item-brochure a .btn-default img {
  width: 12px;
  height: auto;
  margin-right: 5px;
  margin-left: 0;
}

.cover-brochure {
  overflow: hidden;
  border-radius: 10px;
}

.cover-brochure > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 0.70732;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.cover-brochure:hover > img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.page-service h4 {
  color: #2C5EDB;
  font-weight: 400;
}

.page-service .desc-shortservice {
  text-align: center;
  line-height: 36px;
  margin-bottom: 50px;
}

.page-service .txt-title {
  margin: 0 0 15px;
}

.wrap-allservice {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 50px 30px;
  margin-top: 35px;
}

.wrap-allservice .items-services h4 {
  text-align: left;
}

.news-date {
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  margin: 12px 0;
}

.news-date img {
  width: 17px !important;
  height: 17px;
  margin: -3px 7px 0 0;
}

.box-news-latestupdate {
  margin: 30px 0 60px;
}

.box-news-latestupdate .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 40px;
}

.box-news-latestupdate .items-health figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-news-latestupdate .items-health figure .items-health-cover {
  width: 50%;
}

.box-news-latestupdate .items-health figure figcaption {
  width: 50%;
  padding: 0 0 0 50px;
}

.box-news-latestupdate .items-health figure h4 {
  font-size: 1.625rem;
  line-height: 42px;
  font-weight: 500;
  margin-top: -10px;
}

.box-news-latestupdate .items-health figure .news-date {
  margin: 15px 0;
}

.box-news-latestupdate .items-health figure p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 36px;
}

.box-news-latestupdate .items-health figure .btn-default {
  margin-top: 15px;
  font-size: 0.9rem;
  min-width: 120px;
  height: 42px;
}

.box-news-latestupdate .items-health figure .btn-default img {
  width: 7px;
  height: auto;
}

.page-news-detail .news-date {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

.page-news-detail .most-recent .news-date {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 12px;
}

.news-gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  margin: 45px 0 80px;
}

.news-gallery a {
  display: block;
}

.news-gallery a figure {
  overflow: hidden;
  border-radius: 15px;
}

.news-gallery a figure > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.51961;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.news-gallery a figure:hover > img {
  -webkit-transform: scale(1.07);
          transform: scale(1.07);
}

.box-login {
  background-color: #F4F8FF;
  border-radius: 20px;
  padding: 40px;
  width: 600px;
  max-width: 100%;
  margin: 25px auto;
}

.box-login .form-control {
  color: #96A5BF;
}

.box-login .btn-default {
  width: 100%;
  text-transform: none;
}

.box-login .btn-default img {
  margin-left: 0;
  width: 20px;
  height: auto;
  margin-right: 10px;
}

.register-social-login {
  width: 550px;
  max-width: 100%;
  margin: 25px auto 35px;
}

.register-social-login .btn-default {
  width: 100%;
  text-transform: none;
}

.register-social-login .btn-default img {
  margin-left: 0;
  width: 20px;
  height: auto;
  margin-right: 10px;
}

.txt-or {
  color: #000;
  text-align: center;
  display: block;
}

.link-forgot {
  color: #000;
  text-decoration: underline;
}

.btn-line {
  background-color: #14C449;
}

.btn-line:hover {
  background-color: #14C449 !important;
}

.btn-facebook {
  background-color: #2C5EDB;
}

.btn-google {
  background-color: #DE4C47;
}

.link-register {
  text-align: center;
  color: #333333;
  display: block;
  margin-top: 30px;
}

.link-register a {
  color: #2C5EDB;
  font-weight: 500;
}

.box-register {
  width: 1000px;
}

.box-register .line {
  width: 100%;
  height: 1px;
  background-color: #DAE2F1;
  margin-top: 10px;
}

.box-register .form-check-policy input {
  padding: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.box-register .btn-default {
  width: auto;
}

.title-register {
  font-size: 1.15rem;
  color: #2C5EDB;
  font-weight: 500;
  margin-bottom: 20px;
}

.box-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.box-search-input {
  width: calc(100% - 160px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
}

.box-search-input input {
  width: calc(100% - 50px);
  margin-right: 10px;
  border-radius: 50px;
  border: 1px solid #E7F5F2;
  padding: 0 20px;
}

.box-search-input .btn-search {
  background: none;
  border: 0;
  padding: 0;
  width: 46px;
}

.box-search-input .btn-search img {
  width: 100%;
  height: auto;
}

.btn-filter {
  width: 160px;
  height: 46px;
  background-color: #E8F1FF;
  color: #184B88;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.95rem;
  font-weight: 500;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 1;
}

.btn-filter:hover {
  background-color: #CEDEFB;
}

.btn-filter img {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.btn-filter.active img {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.box-search-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  margin-bottom: 50px;
}

.box-search-result .btn-default {
  width: 135px;
  min-width: 135px;
}

.box-search-result .btn-default img {
  width: 16px;
  height: auto;
  margin-right: 5px;
  margin-left: 0;
}

.box-searchresult-input {
  width: calc(100% - 135px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 15px;
}

.box-searchresult-input input {
  width: 100%;
  border-radius: 50px;
  border: 1px solid #E7F5F2;
  padding: 0 20px;
  font-size: 0.95rem;
}

.box-filter-doctor {
  background-color: #F4F6FB;
  border: 1px solid #DEEAFF;
  border-radius: 15px;
  padding: 20px 30px;
  margin-top: 20px;
  display: none;
}

.box-filter-doctor label {
  color: #184B88;
}

.box-filter-doctor select {
  border: 1px solid #E7F5F2;
  height: 46px;
  border-radius: 50px;
  font-size: 0.9rem;
  color: #666;
}

.box-filter-doctor .btn-default {
  height: 46px;
  min-width: 100%;
  font-size: 0.9rem;
}

.box-filter-doctor .row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

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

.list-doctor {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  margin: 35px 0 50px;
}

.item-doctor {
  border: 1px solid #D6E3F9;
  border-radius: 15px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.item-doctor-cover {
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 15px;
}

.item-doctor-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.item-doctor-cover:hover > img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.item-doctor-detail {
  width: calc(100% - 130px);
  padding-left: 25px;
}

.doctor-name {
  color: #000;
  font-weight: 500;
  font-size: 1.05rem;
  margin-bottom: 5px;
  line-height: 30px;
}

.doctor-service {
  color: #8097C0;
  font-size: 0.9rem;
  line-height: 30px;
}

.item-doctor-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 15px;
}

.item-doctor-link a.btn-default {
  height: 40px;
  padding: 0 15px;
  font-size: 0.9rem;
  min-width: 115px;
}

.item-doctor-link a.btn-default img {
  margin-left: 0;
  width: 16px;
  height: auto;
  margin-right: 7px;
}

.item-doctor-link a.btn-info {
  background-color: #E8F1FF;
  color: #184B88;
}

.item-doctor-link a.btn-info:hover {
  background-color: #CDE0FF;
}

.item-doctor-link a.btn-appoint {
  background-color: #D9F1EB;
  color: #019271;
}

.item-doctor-link a.btn-appoint:hover {
  background-color: #C2EBE0;
}

.box-appoint-confirm {
  background-color: #F4F8FF;
  border-radius: 20px;
  padding: 40px;
  width: 800px;
  max-width: 100%;
  margin: 30px auto;
}

.appoint-logo {
  text-align: center;
  margin-bottom: 45px;
}

.appoint-logo img {
  width: auto;
  max-width: 100%;
  height: 45px;
  -o-object-fit: contain;
     object-fit: contain;
}

.appoint-date {
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
}

.appoint-date span {
  color: #184B88;
}

.appoint-detail {
  background-color: #fff;
  border: 1px solid #DAE2F1;
  padding: 10px 25px;
  margin-top: 10px;
  border-radius: 10px;
}

.appoint-detail-title {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  margin-top: 15px;
}

.appoint-list {
  border-bottom: 1px solid #DAE2F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px 0;
}

.appoint-list span {
  color: #184B88;
}

.appoint-list:last-child {
  border-bottom: 0;
}

.wrap-btn-confirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
}

.wrap-btn-confirm .btn-default img {
  width: 15px;
}

.wrap-btn-confirm .btn-green img {
  margin-left: 0;
  margin-right: 10px;
}

.page-appoint-confirm .txt-subtitle {
  line-height: 34px;
}

.page-service-cate .desc-shortservice {
  margin-bottom: 0;
}

.page-service-cate .txt-title {
  margin: 0 0 5px;
}

.wrap-service-cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px 30px;
  margin-top: 35px;
}

.item-service-cate {
  display: block;
  text-align: center;
  border: 1px solid #F0F5FF;
  border-radius: 15px;
  padding: 13px;
  color: #2C5EDB;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  width: calc(20% - 24px);
  background: #fff;
}

.item-service-cate .items-services-cover {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 17px;
}

.item-service-cate .items-services-cover > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.64;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.item-service-cate .items-services-cover:hover > img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.item-service-cate h4 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 28px;
}

.item-service-cate:hover {
  border: 1px solid #D4E1F9;
  background-color: #EFF5FF;
}

.item-service-cate::before {
  content: "";
  background-image: url(../images/icon-arrow-view.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.photo-service-desc {
  text-align: center;
  margin: 40px 0;
}

.photo-service-desc img {
  width: auto;
  max-width: 100%;
}

.wrap-recent-package {
  background-color: rgba(1, 146, 113, 0.08);
  padding: 25px;
  border-radius: 20px;
  margin-top: 60px;
}

.wrap-recent-doctor {
  margin-top: 40px;
}

.wrap-recent-doctor .btn-txt-viewall {
  margin-top: 30px;
}

.wrap-recent-doctor .owl-doctor {
  margin-top: 15px;
}

.wrap-recent-doctor .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px;
}

.faq-item {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 20px;
}

.faq-item h3 {
  font-size: 1.05rem;
  font-weight: 500;
  color: #184B88;
  background-color: #E7EFFF;
  background-image: url(../images/icon-plus.svg);
  background-repeat: no-repeat;
  background-position: right 15px center;
  margin-bottom: 0;
  cursor: pointer;
  padding: 17px 80px 17px 20px;
  border-radius: 8px;
  -webkit-transition: .5s all ease;
  transition: .5s all ease;
  line-height: 34px;
}

.faq-item h3.active {
  background-color: #184B88;
  color: #fff;
  background-image: url(../images/icon-minus.svg);
}

.faq-answer {
  display: none;
  background-color: #fff;
  border: 1px solid #D6E3F9;
  border-radius: 10px;
  margin-top: 10px;
  padding: 25px;
}

.faq-answer ul {
  margin-bottom: 25px;
}

.faq-answer ul li {
  margin-bottom: 10px;
}

.faq-answer h5 {
  font-size: 1.05rem;
}

.page-insurance .txt-subtitle {
  margin: 15px 0 35px;
}

.filter-room.box-filter-select {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-pdf-room {
  background-color: #2C5EDB;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 15px;
}

.btn-pdf-room img {
  margin-left: 0;
  margin-right: 7px;
  width: 15px;
  height: auto;
}

.btn-pdf-room:hover {
  background-color: #184B88;
}

.list-room {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 50px 60px;
  margin-top: 40px;
}

.list-room a {
  display: block;
  position: relative;
}

.list-room a::before {
  content: "";
  background-image: url(../images/icon-arrow-view.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.list-room a h4 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #2C5EDB;
  margin: 25px 0 10px;
  line-height: 32px;
}

.cover-room {
  overflow: hidden;
  border-radius: 20px;
}

.cover-room > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1.44444;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.cover-room:hover > img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.desc-room {
  padding-left: 30px;
}

.desc-room .txt-title {
  font-size: 1.875rem;
  margin-bottom: 0;
}

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

.room-gallery img {
  border-radius: 20px;
}

.room-listprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #DAE2F1;
  color: #666;
  padding: 12px 0;
}

.room-listprice span {
  color: #184B88;
}

.room-totalprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000;
  font-size: 1.1rem;
  padding: 15px 0;
  font-weight: 500;
}

.room-totalprice span {
  color: #184B88;
}

.box-roomnote {
  background-color: #F9F9F9;
  border-radius: 10px;
  padding: 20px 25px;
  margin-top: 20px;
  font-size: 0.95rem;
}

.box-roomnote p {
  margin-bottom: 0;
}

.box-roomnote h5 {
  font-size: 1rem;
  color: #000;
}

.box-facility {
  background-color: rgba(1, 146, 113, 0.08);
  border-radius: 20px;
  padding: 40px;
  margin: 40px 0 60px;
}

.box-facility h4 {
  color: #184B88;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 20px;
}

.box-facility ul {
  padding: 0 0 0 17px;
  margin: 0;
}

.box-facility ul li {
  margin-bottom: 10px;
}

.facility-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  color: #333333;
}

.facility-list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.icon-fac {
  width: 33px;
  text-align: center;
  margin-right: 10px;
}

.icon-fac img {
  width: auto;
  max-width: 100%;
}

.recent-room .btn-txt-viewall {
  margin-top: 15px;
}

.recent-room .owl-package {
  margin-top: 10px;
}

.recent-room .owl-package a h4 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #2C5EDB;
  margin: 25px 0 10px;
  line-height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.recent-room .owl-package .tag-info div img {
  width: 17px !important;
}

.recent-room .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px;
}

.datepicker {
  font-size: 0.9rem;
  text-align: center;
}

.datepicker.dropdown-menu {
  width: 300px !important;
  min-width: auto !important;
  max-width: 100% !important;
  padding: 5px;
}

.datepicker table {
  width: 100% !important;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next {
  background-color: #2C5EDB;
  color: #fff;
  font-weight: 400;
  font-size: 0.9rem;
  border-radius: 0;
  height: 45px;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
  background-color: #2C5EDB;
}

.datepicker .prev {
  border-radius: 5px 0 0 5px;
  font-size: 1.4rem;
  cursor: pointer;
}

.datepicker .next {
  border-radius: 0 5px 5px 0;
  font-size: 1.4rem;
  cursor: pointer;
}

.datepicker .datepicker-days {
  font-weight: 400;
}

.datepicker .datepicker-days .table-condensed thead .dow {
  color: #184B88;
  padding: 5px 0;
  font-weight: 500;
  font-size: 0.95rem;
}

.datepicker .datepicker-days .table-condensed tbody .day {
  padding: 5px;
}

.datepicker .datepicker-days .table-condensed tbody .old {
  color: #C8C8C8;
}

.datepicker .datepicker-days .table-condensed tbody tr td {
  border-radius: 0;
}

.datepicker .datepicker-days .table-condensed tbody .today {
  color: #f00;
  background-color: #fff;
}

.datepicker .datepicker-days .table-condensed tbody .disabled {
  background-color: #E63A39;
  color: #fff;
}

.page-appoint .txt-title {
  margin: 0 0 5px;
}

.page-appoint .contact-info {
  margin-top: 30px;
}

.page-appoint .txt-subtitle {
  line-height: 34px;
}

.form-appintment {
  margin-top: 45px;
}

.form-appintment .frm-contact label.topic-label {
  color: #184B88;
  font-size: 1rem;
  margin-bottom: 2px;
}

.title-frm-appoint {
  color: #2C5EDB;
  font-weight: 500;
  font-size: 1.1rem;
  margin: 10px 0 15px;
}

.input-group {
  position: relative;
}

.input-group .form-control {
  border-radius: 50px !important;
}

.input-group-addon {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.txt-shortmessage {
  font-size: 0.9rem;
  color: #666 !important;
  padding-left: 5px;
}

.photo-doctor {
  padding-right: 10px;
}

.photo-doctor img {
  border-radius: 15px;
  width: 100%;
}

.doctor-info {
  padding-right: 30px;
}

.doctor-info .txt-title {
  font-size: 1.75rem;
}

.doctor-info .txt-subtitle {
  font-size: 1.05rem;
}

.doctor-code {
  font-size: 0.95rem;
  font-weight: 400;
  margin: 15px 0 0;
}

.doctor-history {
  border-top: 1px solid #DAE2F1;
  padding-top: 35px;
  margin-top: 25px;
}

.doctor-history h4 {
  color: #2C5EDB;
  font-size: 1.25rem;
}

.doctor-history ul {
  padding-left: 18px;
  margin-top: 12px;
}

.doctor-history ul li {
  margin-bottom: 10px;
}

.box-doctor-time {
  background-color: rgba(1, 146, 113, 0.08);
  border-radius: 15px;
  padding: 20px;
}

.box-doctor-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-doctor-title h5 {
  color: #184B88;
  font-size: 1.2rem;
  margin-bottom: 0;
}

.box-doctor-title .btn-default {
  height: 40px;
  min-width: auto;
  padding: 0 20px;
  font-size: 0.9rem;
}

.box-doctor-title .btn-default img {
  margin-left: 0;
  margin-right: 5px;
  width: 13px;
  height: auto;
}

.box-doctor-headtb {
  background-color: #184B88;
  color: #fff;
  border-radius: 50px;
  padding: 0 20px;
  margin: 15px 0 5px;
}

.box-doctor-headtb .row {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.doctor-time-list {
  border-bottom: 1px solid #DAE2F1;
  padding: 10px 20px;
  font-size: 0.95rem;
  color: #333333;
  font-weight: 500;
}

.doctor-time-list:last-child {
  border-bottom: 0;
}

.doctor-time-list p {
  margin-bottom: 0;
}

.btn-back-doctor {
  border-top: 1px solid #DAE2F1;
  margin-top: 50px;
  padding-top: 35px;
}

.btn-back-doctor .btn-default {
  border: 1px solid #D6E3F9;
  background-color: #F2F8FF;
  color: #184B88;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn-back-doctor .btn-default img {
  margin-left: 0;
  margin-right: 10px;
  width: 15px;
  height: auto;
}

.btn-back-doctor .btn-default:hover {
  background-color: #DFEDFF;
}

.banner-about {
  padding: 0;
  position: relative;
}

.banner-about img {
  width: 100%;
}

.page-about {
  padding: 70px 0;
}

.page-about h4 {
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 15px 0 15px;
  line-height: 36px;
}

.page-about .txt-subtitle {
  margin-bottom: 25px;
}

.wrap-mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 34px;
}

.wrap-mission-desc {
  padding-right: 30px;
}

.wrap-mission-desc .topic-about {
  margin-bottom: 10px;
  text-align: left;
}

.wrap-mission-desc:last-child {
  margin-top: 40px;
}

.wrap-mission-desc:last-child .topic-about {
  color: #2C5EDB;
}

.wrap-mission img {
  width: 100%;
}

.wrap-competency {
  background-color: #F4F8FF;
  border-radius: 30px;
  padding: 40px 50px;
  margin: 45px 0 65px;
}

.competency-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr);
  gap: 50px 80px;
  text-align: center;
  margin-top: 35px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.competency-list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #184B88;
  font-size: 1.15rem;
  font-weight: 500;
}

.competency-list-items img {
  height: 72px;
  width: auto;
  margin-bottom: 20px;
}

.competency-list-items span {
  width: 100%;
}

.wrap-corevalue .topic-about span {
  color: #2C5EDB;
}

.topic-about {
  color: #184B88;
  text-align: center;
  font-size: 1.85rem;
}

.box-corevalue {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 55px;
  text-align: center;
  margin-top: 30px;
}

.box-corevalue-item {
  background-color: #FDFDFD;
  border: 1px solid #F5F5F5;
  border-radius: 20px;
  padding: 30px 20px;
}

.box-corevalue-item div {
  color: #184B88;
  font-weight: 500;
  font-size: 7.5rem;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 5px;
}

.box-corevalue-item span {
  color: #019271;
  font-size: 1.375rem;
  font-weight: 500;
}

.box-corevalue-item p {
  line-height: 34px;
  margin: 10px 0 0;
}

.about-photo-center {
  margin: 70px 0 55px;
}

.about-photo-center img {
  width: 100%;
  border-radius: 20px;
}

.wrap-about-timeline .topic-about {
  text-align: left;
}

.list-timeline .row {
  border-bottom: 1px solid #eee;
  padding-top: 45px;
  padding-bottom: 20px;
}

.list-timeline .row img {
  width: 100%;
  border-radius: 15px;
}

.list-timeline .row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.list-timeline .row:first-child {
  padding-top: 15px;
}

.timeline-detail {
  padding-left: 15px;
}

.timeline-detail ul {
  margin: 0;
  padding-left: 20px;
}

.timeline-detail ul li {
  margin-bottom: 10px;
}

.timeline-year {
  color: #2C5EDB;
  font-size: 1.625rem;
  font-weight: 500;
}

.timeline-title {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  margin: 3px 0 7px;
}

.title-account {
  font-size: 1.8rem;
  color: #184B88;
  font-weight: 500;
}

.account-usrname {
  font-size: 1.2rem;
  color: #019271;
}

.account-usrname span {
  color: #2C5EDB;
  font-weight: 500;
}

.page-account .box-login {
  margin-top: 15px;
}

.page-account .box-appoint-confirm {
  width: 100%;
  margin: 15px 0 0;
}

.menu-account {
  padding: 0;
  margin: 15px 30px 0 0;
  background-color: #fff;
  border: 1px solid rgba(1, 146, 113, 0.08);
  border-radius: 15px;
  padding: 15px;
}

.menu-account li {
  border-bottom: 1px solid #F4F8FF;
  list-style: none;
  padding: 10px 0;
}

.menu-account li a {
  display: block;
  padding: 8px 20px;
  color: #184B88;
  font-weight: 500;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.menu-account li a.here {
  background-color: #2C5EDB;
  color: #fff;
  border-radius: 50px;
}

.menu-account li a.here:hover {
  color: #fff;
}

.menu-account li a:hover {
  color: #2C5EDB;
}

.menu-account li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.menu-account-mobile {
  display: none;
}

.appoint-boxlist {
  background-color: #fff;
  border-radius: 10px;
  display: block;
  padding: 10px 10px 10px 20px;
  margin-bottom: 15px;
  border: 1px solid #E7F5F2;
  position: relative;
}

.appoint-boxlist div {
  color: #333333;
  font-size: 0.9rem;
}

.appoint-boxlist span {
  color: #184B88;
  font-size: 1rem;
  font-weight: 500;
}

.icon-arrow-next {
  background-color: #E7F5F2;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.icon-arrow-next img {
  width: 7px;
  height: auto;
}

.title-appoint-history {
  font-size: 1.3rem;
  color: #2C5EDB;
  font-weight: 500;
  margin-bottom: 10px;
}

.fancybox-bg {
  background-color: #fff;
}

.fancybox-content {
  border: 1px solid #F4F8FF;
}

.room-fac-mb .box-facility {
  margin-bottom: 0;
}

.tab-content:not(:first-child) {
  display: none;
}

.tab-head {
  background-color: #E8F1FF;
  color: #5E82AD;
  padding: 7px 18px;
  border-radius: 50px;
  font-size: 0.95rem;
  cursor: pointer;
  white-space: nowrap;
}

.tab-head.active {
  background-color: #2C5EDB;
  color: #fff;
}

.wrap-tabhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  gap: 10px;
}

.txt-titleresult {
  color: #184B88;
  font-size: 1.7rem;
}

.search-result .list-doctor {
  margin-top: 20px;
}

.search-result .result-service {
  background-color: #F4F8FF;
  border-radius: 20px;
  padding: 30px;
}

.search-result .result-service .wrap-service-cate {
  margin-top: 15px;
}

.search-result .result-promotion {
  margin-top: 55px;
}

.search-result .result-promotion .wrap-all-package {
  margin-top: 15px;
}

.search-result .result-healthinfo .txt-titleresult {
  margin-bottom: 0;
}

.search-result .result-news {
  margin-top: 55px;
}

.search-result .result-news .wrap-all-health {
  margin-top: 15px;
}

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

/*responsive*/
@media (max-width: 1920px) {
  .about-content {
    margin-top: -170px;
  }
}

@media (max-width: 1600px) {
  .about-content {
    margin-top: -130px;
  }
}

@media (max-width: 1440px) {
  .caption-banner {
    left: 5%;
  }
  .about-chart img {
    margin-top: 30px;
  }
}

@media (max-width: 1366px) {
  .menu-contact {
    font-size: .875rem;
    height: 42px;
    padding: 0 19px;
  }
  .menu-contact img {
    width: 15px;
    height: auto;
  }
  .logo .svg {
    width: 85px;
  }
  .txt-title {
    font-size: 1.75rem;
  }
  .home-footer-box figure {
    padding: 25px 25px 10px;
  }
  .footer-link h3 {
    font-size: 1.125rem;
  }
  .wrap-listboard {
    gap: 55px 35px;
  }
  .wrap-listboard .board-list {
    width: calc(25% - 27px);
  }
  .board-list .cover {
    margin-bottom: 25px;
  }
  .board-list h4 {
    font-size: 1.1rem;
  }
  .list-room {
    gap: 50px 40px;
  }
}

@media (max-width: 1299px) {
  .caption-banner {
    top: 20%;
  }
  .home-about {
    padding: 40px 30px 15px;
  }
  .about-content {
    padding-bottom: 60px;
  }
  .contact-info {
    padding: 40px 30px 40px 20px;
  }
  .contact-info-branch {
    gap: 40px;
  }
}

@media (max-width: 1199px) {
  .tobbar-link-tag a {
    font-size: 0.8rem;
  }
  .tobbar-link-tag a img {
    width: 16px;
  }
  .menu-contact {
    font-size: 0.8rem;
    height: 40px;
    padding: 0px 15px;
    margin-left: 10px;
  }
  .wrap_menu .container {
    max-width: 98%;
  }
  .btn-searchicon img {
    height: 39px;
  }
  .banner-quick-link a {
    font-size: 1.125rem;
  }
  .home-service .btn-txt-viewall {
    margin-top: 20px;
  }
  .items-services figcaption h4 {
    font-size: 1.125rem;
  }
  .txt-title {
    font-size: 1.6rem;
  }
  .txt-subtitle {
    font-size: 1.15rem;
  }
  .home-about-awards figure {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .home-about-awards figure figcaption {
    padding: 15px 30px 0 0;
  }
  .item-statnum {
    font-size: 2rem;
  }
  .caption-banner hgroup h2, .caption-banner hgroup h3 {
    font-size: 1.5rem;
  }
  .caption-banner hgroup h2 span, .caption-banner hgroup h3 span {
    font-size: 2rem;
  }
  .caption-banner hgroup p {
    font-size: 1rem;
  }
  .banner-quick-link a {
    height: 75px;
  }
  .banner-quick-link a img {
    width: 35px;
  }
  .banner-quick-link a:first-child img {
    width: 30px;
  }
  .btn-txt-viewall-mt {
    margin-top: 49px;
  }
  .items-package a figure figcaption h4 {
    font-size: 1.15rem;
  }
  .item-health-info figure .cover-health {
    width: 30%;
  }
  .item-health-info figure figcaption {
    width: 70%;
    padding: 0 0 0 30px;
  }
  .box-circle-icon {
    width: 60px;
    height: 60px;
  }
  .box-circle-icon .svg {
    width: 22px;
  }
  .home-footer-box figure {
    padding: 25px 0 10px 25px;
  }
  .footer-link-padding {
    padding-left: 0;
    margin-bottom: 60px;
  }
  .wrap-footer {
    padding-bottom: 0;
  }
  .wrap-footer address {
    padding-right: 50px;
  }
  .topic-menu {
    font-size: 1.4rem;
  }
  .wrap_banner-about figure .banner-about {
    overflow: hidden;
  }
  .wrap_banner-about figure .banner-about > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 2.55319;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
  }
  .wrap_banner-about figure .banner-about:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .box-ceo {
    width: 300px;
  }
  .board-list {
    font-size: 0.8rem;
  }
  .board-list h4 {
    font-size: 0.9rem;
  }
  .board-list .cover {
    border-radius: 15px;
  }
  .awards-topinfo h4 {
    font-size: 1.2rem;
    line-height: 36px;
  }
  .awards-topinfo h5 {
    font-size: 1rem;
    line-height: 34px;
  }
  .wrap-item-awrds {
    margin-top: 35px;
  }
  .item-awards {
    padding: 0 5px;
    font-size: 0.9rem;
  }
  .item-awards h6 {
    font-size: 1rem;
  }
  .photo-awards {
    height: 275px;
    border-radius: 15px;
    padding: 15px;
  }
  .wrap-certificate .photo-awards {
    height: 200px;
  }
  .wrap-all-package {
    gap: 35px;
  }
  .wrap_insidepage {
    padding: 100px 0 70px;
  }
  .package-detail {
    padding: 0 0 0 20px;
  }
  .package-detail h1 {
    font-size: 1.5rem;
  }
  .contact-info-branch {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contact-info {
    padding: 30px;
  }
  .contact-info figure {
    padding-left: 0;
  }
  .contact-info-branch {
    gap: 20px;
  }
  .wrap_insidepage-package.wrap_insidepage {
    padding-bottom: 50px;
  }
  .wrap-all-health {
    gap: 35px;
  }
  .items-health a figure figcaption h4 {
    font-size: 1.1rem;
    line-height: 30px;
  }
  .items-health a figure .items-health-cover {
    border-radius: 15px;
  }
  .wrap-item-brochure {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  .page-brochure h4 {
    font-size: 1.3rem;
  }
  .page-service h4 {
    font-size: 1.3rem;
  }
  .wrap-allservice {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  .box-news-latestupdate .items-health figure h4 {
    font-size: 1.3rem;
    line-height: 35px;
    margin-top: 0;
  }
  .box-news-latestupdate .items-health figure p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .box-news-latestupdate .items-health figure .btn-default {
    margin-top: 10px;
  }
  .box-news-latestupdate .items-health figure figcaption {
    padding-left: 40px;
  }
  .item-service-cate {
    width: calc(25% - 23px);
  }
  .item-service-cate h4 {
    font-size: 1rem;
  }
  .photo-service-desc {
    margin: 30px 0;
  }
  .cover-room {
    border-radius: 15px;
  }
  .list-room a h4 {
    font-size: 1.1rem;
  }
  .list-room a::before {
    width: 45px;
    height: 45px;
  }
  .desc-room {
    padding-left: 10px;
  }
  .box-roomnote {
    margin-top: 10px;
  }
  .box-doctor-time {
    margin-top: 30px;
  }
  .doctor-info .txt-title {
    font-size: 1.5rem;
  }
  .page-about {
    padding: 50px 0 60px;
  }
  .topic-about {
    font-size: 1.5rem;
  }
  .wrap-mission {
    font-size: 1rem;
  }
  .competency-list {
    gap: 40px;
    margin-top: 28px;
  }
  .competency-list-items {
    font-size: 1rem;
    line-height: 28px;
  }
  .competency-list-items img {
    width: 65px;
    margin-bottom: 15px;
  }
  .box-corevalue {
    gap: 35px;
  }
  .box-corevalue-item {
    padding: 20px 15px;
  }
  .box-corevalue-item div {
    font-size: 6rem;
    margin-bottom: 0;
  }
  .box-corevalue-item span {
    font-size: 1.2rem;
  }
  .box-corevalue-item p {
    margin-top: 5px;
  }
  .about-photo-center {
    margin: 50px 0 40px;
  }
  .wrap-competency {
    margin: 45px 0;
  }
  .timeline-detail {
    padding-left: 5px;
  }
  .list-timeline .row {
    padding-top: 35px;
  }
  .list-timeline .row img {
    border-radius: 10px;
  }
  .timeline-year {
    font-size: 1.4rem;
  }
  .timeline-title {
    font-size: 1rem;
  }
  .page-about .txt-subtitle {
    margin-bottom: 20px;
  }
  .page-about .txt-title {
    font-size: 1.45rem;
    line-height: 1.7;
  }
  .page-about h4 {
    margin-top: 0;
  }
  .wrap-competency {
    padding: 30px 15px;
    border-radius: 15px;
  }
  .topic-about {
    font-size: 1.45rem;
  }
  .menu-account {
    margin-right: 10px;
  }
  .appoint-boxlist .apoint-txt {
    display: inline-block;
  }
  .appoint-boxlist span {
    font-size: 0.95rem;
    padding-left: 5px;
  }
}

@media (max-width: 991px) {
  .tobbar-info {
    font-size: 0.8rem;
  }
  .tobbar-info div {
    margin-right: 25px;
  }
  .tobbar-info div span {
    display: none;
  }
  .tobbar-link-tag a:first-child {
    margin-left: 0;
  }
  .logo {
    padding: 10px 0;
  }
  .logo .svg {
    width: 70px;
  }
  .owl-carousel.owl-bannerslide .owl-dots {
    bottom: 85px;
  }
  .banner-quick-link a {
    font-size: 1rem;
    height: 65px;
  }
  .banner-quick-link a img {
    height: 30px;
  }
  .banner-quick-link a:first-child img {
    width: 25px;
  }
  .items-services a {
    border-radius: 15px;
  }
  .items-services a::before {
    width: 45px;
    height: 45px;
  }
  .items-services a figcaption h4 {
    font-size: 1rem;
  }
  .home-service {
    padding-top: 50px;
  }
  .home-about {
    margin-top: 35px;
  }
  .home-about figure {
    margin-top: 35px;
  }
  .home-about figure figcaption {
    padding-right: 0;
  }
  .home-about-detail {
    padding-right: 0;
  }
  .home-about-awards {
    margin-top: 35px;
    padding-top: 0;
  }
  .wrap-info-health {
    margin-top: 35px;
  }
  .btn-txt-viewall-mt {
    margin-top: 44px;
  }
  .item-health-info figure .cover-health {
    width: 40%;
  }
  .item-health-info figure figcaption {
    width: 60%;
  }
  .home-footer {
    margin-top: 50px;
  }
  .home-footer-box {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .home-footer-box figure:last-child {
    padding-bottom: 30px;
  }
  .home-footer-box figure:last-child .box-circle-icon img {
    width: 27px;
  }
  .footer-link {
    margin-top: 40px;
  }
  .footer-cc {
    font-size: 0.85rem;
  }
  .footer-cc a {
    margin-right: 25px;
  }
  .photo-menu {
    display: none;
  }
  .wrap_banner-about figure .banner-about {
    overflow: hidden;
  }
  .wrap_banner-about figure .banner-about > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 2.12766;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
  }
  .wrap_banner-about figure .banner-about:hover > img {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .wrap-footer {
    padding-top: 45px;
  }
  .wrap-listboard {
    gap: 45px 35px;
  }
  .wrap-listboard .board-list {
    width: calc(33% - 27px);
  }
  .awards-topinfo .img-logoawards img {
    height: 100px;
  }
  .wrap-item-awrds {
    gap: 35px 0;
  }
  .wrap-certificate {
    margin-top: 35px;
    padding: 35px 20px 20px;
  }
  .box-title-package {
    text-align: center;
  }
  .box-filter-select {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #F4F8FF;
    padding: 15px;
    border-radius: 15px;
  }
  .box-filter-select-mt {
    margin-top: 25px;
  }
  .wrap-all-package {
    gap: 25px;
    margin-top: 40px;
  }
  .wrap-all-package .items-package-cover {
    border-radius: 15px;
  }
  .wrap-all-package .items-package a figure figcaption {
    margin-top: 25px;
  }
  .wrap-all-package .items-package a figure figcaption h4 {
    font-size: 1.05rem;
  }
  .wrap-all-package .items-package a figure figcaption p {
    font-size: 0.9rem;
    line-height: 28px;
  }
  .wrap-all-package .items-package a figure figcaption .tag-info div {
    font-size: 0.95rem;
  }
  .nav-page li a {
    font-size: 0.9rem;
  }
  .package-contact {
    margin-top: 30px;
    padding-top: 25px;
  }
  .package-contact a {
    width: 145px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 90px;
    gap: 0;
    padding-top: 7px;
    margin-right: 5px;
    border-radius: 10px;
  }
  .package-contact a:last-child {
    margin-right: 0;
  }
  .package-contact a img {
    display: block;
  }
  .package-contact a span {
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
    line-height: 18px;
  }
  .contact-info .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .contact-info figure {
    margin-bottom: 40px;
  }
  .contact-info-branch {
    gap: 35px;
  }
  .page-contact .title-contact {
    font-size: 1.7rem;
  }
  .page-contact h4 {
    font-size: 1rem;
    margin-top: 20px;
  }
  .box-contact-branch {
    margin-top: 30px;
    gap: 40px;
  }
  .box-contact-branch-list .cover-branch {
    border-radius: 10px;
    margin-bottom: 20px;
  }
  .box-contact-branch-list span {
    font-size: 1.2rem;
  }
  .box-contact-branch-list-info div {
    font-size: 0.9rem;
  }
  .box-contact-branch-list-info span {
    font-size: 0.85rem;
  }
  .box-enquiry {
    margin-top: 35px;
  }
  .items-health a figure figcaption {
    padding-top: 15px;
  }
  .items-health a figure figcaption h4 {
    font-size: 1rem;
    line-height: 28px;
  }
  .items-health a figure figcaption p {
    font-size: 0.95rem;
  }
  .items-health a figure .items-health-cover {
    border-radius: 10px;
  }
  .wrap-all-health {
    gap: 20px 35px;
  }
  .page-detail-cover {
    margin: 20px 0 25px;
  }
  .page-brochure h4 {
    text-align: center;
    font-size: 1.15rem;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .page-brochure .txt-subtitle {
    margin-bottom: 30px;
  }
  .wrap-item-brochure {
    gap: 60px 30px;
  }
  .page-service h4 {
    text-align: center;
    font-size: 1.15rem;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .wrap-allservice {
    gap: 45px 25px;
  }
  .wrap-allservice .items-services a {
    border-radius: 15px;
  }
  .wrap-allservice .items-services figcaption {
    border-radius: 0 0 15px 15px;
  }
  .wrap-allservice .items-services figcaption h4 {
    margin-bottom: 0;
  }
  .page-service h2 br {
    display: none;
  }
  .box-news-latestupdate {
    margin: 20px 0 40px;
  }
  .box-news-latestupdate .items-health figure h4 {
    font-size: 1.15rem;
    line-height: 30px;
  }
  .box-news-latestupdate .items-health figure p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
  }
  .box-news-latestupdate .items-health figure .btn-default {
    margin-top: 5px;
  }
  .box-news-latestupdate .items-health figure figcaption {
    padding-left: 40px;
  }
  .box-news-latestupdate .items-health figure .news-date {
    margin: 12px 0 10px;
  }
  .page-news-detail .news-date {
    margin: 0 0 20px;
  }
  .news-gallery {
    gap: 20px;
    margin: 35px 0 60px;
  }
  .news-gallery a figure {
    border-radius: 10px;
  }
  .page-forgot .txt-subtitle {
    line-height: 32px;
  }
  .list-doctor {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .box-filter-doctor {
    padding: 20px 15px;
  }
  .box-appoint-confirm {
    padding: 30px;
  }
  .appoint-date {
    font-size: 1rem;
  }
  .item-service-cate {
    width: calc(33% - 22px);
  }
  .item-service-cate h4 {
    font-size: 1rem;
    margin-bottom: 0;
  }
  .wrap-recent-doctor .txt-title {
    margin: 0;
  }
  .wrap-recent-doctor .btn-txt-viewall {
    margin-top: 7px;
  }
  .wrap-recent-package {
    margin-top: 35px;
    padding: 20px 15px;
  }
  .filter-room.box-filter-select {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .btn-pdf-room {
    font-size: 0.9rem;
    margin-top: 30px;
  }
  .btn-pdf-room img {
    width: 13px;
  }
  .list-room {
    gap: 35px 30px;
  }
  .list-room a h4 {
    font-size: 1rem;
    text-align: left;
    margin-top: 18px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .list-room a::before {
    width: 40px;
    height: 40px;
  }
  .list-room a .tag-info {
    font-size: 0.9rem;
  }
  .cover-room {
    border-radius: 10px;
  }
  .desc-room {
    padding-left: 0;
    padding-top: 20px;
  }
  .desc-room .txt-title {
    font-size: 1.6rem;
  }
  .box-facility {
    padding: 30px;
    margin-bottom: 45px;
  }
  .box-facility h4 {
    text-align: left;
  }
  .facility-list {
    margin-bottom: 40px;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  .recent-room .owl-package a h4 {
    text-align: left;
  }
  .competency-list {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
  }
  .box-corevalue {
    gap: 20px;
  }
  .box-corevalue-item div {
    font-size: 5rem;
  }
  .about-photo-center {
    margin: 40px 0;
  }
  .about-photo-center img {
    border-radius: 15px;
  }
  .menu-account-mobile {
    display: block;
  }
  .menu-account {
    display: none;
  }
  .topic-menu {
    display: none;
  }
  .menu-account-mobile .menu-account {
    background: transparent;
    border-radius: 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0 15px;
    padding: 30px 15px 0;
  }
  .menu-account-mobile .menu-account li {
    border-bottom: 0;
  }
  .menu-account-mobile .menu-account li a {
    font-size: 1.1rem;
    font-weight: 400;
  }
  .txt-titleresult {
    font-size: 1.4rem;
  }
  .result-branch {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .caption-banner {
    width: 90%;
    top: auto;
    bottom: 15%;
  }
  .caption-banner hgroup h2, .caption-banner hgroup h3 {
    font-size: 1.1rem;
  }
  .caption-banner hgroup h2 span, .caption-banner hgroup h3 span {
    font-size: 1.2rem;
  }
  .caption-banner hgroup h3 {
    margin-bottom: 10px;
  }
  .caption-banner hgroup p {
    font-size: 0.8rem;
  }
  .caption-banner-btn .btn-default {
    font-size: 0.85rem;
    height: 42px;
    padding: 0 15px;
  }
  .topbar-menu {
    display: none;
  }
  .banner-quick-link {
    position: relative;
  }
  .banner-quick-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0.75rem;
    height: 85px;
    line-height: 16px;
    text-align: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 10px;
    padding-top: 10px;
  }
  .banner-quick-link a img {
    margin-right: 0;
    height: 26px;
  }
  .banner-quick-link a br {
    display: block;
  }
  .banner-quick-link a:first-child img {
    width: 23px;
  }
  .owl-carousel.owl-bannerslide .owl-dots {
    bottom: 10px;
  }
  .owl-carousel .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 4px;
  }
  .owl-carousel .owl-dots .owl-dot.active span {
    width: 15px;
  }
  .caption-banner-btn {
    margin-top: 20px;
  }
  .wrap_menu.sticky .logo .svg {
    width: 60px;
  }
  .wrap_menu.sticky .menu-contact {
    height: 37px;
  }
  .txt-title {
    font-size: 1.3rem;
  }
  .txt-subtitle {
    font-size: 1rem;
  }
  .home-service {
    padding: 40px 0 35px;
  }
  .home-service .btn-txt-viewall {
    margin-top: 0;
  }
  .home-service .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 15px;
  }
  .btn-txt-viewall {
    font-size: 0.9rem;
  }
  .btn-txt-viewall img {
    width: 5px;
  }
  .items-services a figcaption {
    padding: 0 15px 10px;
  }
  .items-services a figcaption h4 {
    font-size: 0.9rem;
  }
  .home-about {
    margin-top: 25px;
    padding: 30px 20px 20px;
  }
  .home-about figure {
    margin-top: 25px;
  }
  .item-statnum {
    font-size: 1.8rem;
  }
  .item-statnum div {
    font-size: 0.8rem;
  }
  .home-about-awards figure figcaption h4 {
    font-size: 1.3rem;
  }
  .home-package {
    padding: 0;
  }
  .home-package .hide {
    display: none;
  }
  .home-package .show {
    display: block;
  }
  .home-package .show .btn-txt-viewall {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 5px;
  }
  .home-package .owl-package {
    margin-top: 10px;
  }
  .items-package-cover {
    border-radius: 10px;
  }
  .items-package a {
    padding-bottom: 0;
  }
  .items-package a figure figcaption {
    margin-top: 20px;
  }
  .items-package a figure figcaption h4 {
    font-size: 1rem;
  }
  .items-package a figure figcaption p {
    font-size: 0.85rem;
    line-height: 26px;
  }
  .items-package a figure figcaption .tag-info div {
    font-size: 0.85rem;
  }
  .items-package a figure figcaption .tag-info div img {
    width: 17px;
    margin-right: 5px;
  }
  .wrap-info-health {
    padding: 25px 10px 30px;
  }
  .wrap-info-health .hide {
    display: none;
  }
  .wrap-info-health .show {
    display: block;
  }
  .wrap-info-health .show .btn-txt-viewall {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 5px;
  }
  .item-health-info {
    margin-bottom: 0;
  }
  .item-health-info figure {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .item-health-info figure .cover-health div {
    border-radius: 10px;
  }
  .item-health-info figure figcaption {
    padding-left: 15px;
  }
  .item-health-info figure figcaption h4 {
    font-size: 0.95rem;
    margin-top: -5px;
  }
  .item-health-info figure figcaption p {
    font-size: 0.9rem;
  }
  .item-health-info figure .btn-readmore {
    display: none;
  }
  .home-footer {
    margin-top: 25px;
  }
  .home-footer-box figure figcaption {
    padding-left: 18px;
    width: calc(100% - 60px);
  }
  .home-footer-box figure figcaption h4 {
    font-size: 1.05rem;
  }
  .home-footer-box figure figcaption p {
    font-size: 0.9rem;
  }
  .home-footer-box figure figcaption a {
    font-size: 1.4rem;
  }
  .home-footer-box figure:last-child {
    padding-bottom: 25px;
  }
  .home-footer-box figure:last-child .box-circle-icon img {
    width: 21px;
  }
  .home-footer-box figure:last-child a {
    font-size: 0.85rem;
    white-space: nowrap;
  }
  .home-footer-box figure:last-child a:first-of-type {
    margin-left: -67px;
  }
  .box-circle-icon {
    width: 50px;
    height: 50px;
  }
  .box-circle-icon .svg {
    width: 18px;
  }
  .wrap-footer {
    padding: 45px 10px;
  }
  .wrap-footer h2 {
    font-size: 1rem;
  }
  .logo-footer img {
    height: 40px;
  }
  .footer-link {
    margin-top: 0;
  }
  .footer-link h3 {
    font-size: 1rem;
  }
  .footer-link-padding {
    margin-bottom: 0;
    display: none;
  }
  .footer-cc {
    height: auto;
    padding: 10px 15px;
  }
  .footer-cc .text-end {
    text-align: left !important;
    margin-top: 5px;
  }
  .footer-cc a {
    font-weight: 400;
    font-size: 0.85rem;
  }
  .wrap-footersocial {
    margin-top: 30px;
  }
  .wrap-breadcrumb {
    display: none;
  }
  .about-content {
    margin-top: -50px;
    padding-bottom: 50px;
  }
  .about-chart img {
    margin-top: 15px;
  }
  .box-ceo {
    width: 220px;
    margin-top: 20px;
  }
  .board-list .cover {
    margin-bottom: 15px;
  }
  .wrap-listboard {
    gap: 35px 25px;
  }
  .wrap-listboard .board-list {
    width: calc(50% - 13px);
  }
  .wrap-listboard .board-list .cover {
    border-radius: 10px;
  }
  .wrap-listboard .board-list h4 {
    line-height: 24px;
  }
  .about-board.about-content {
    padding-left: 5px;
    padding-right: 5px;
  }
  .awards-topinfo .img-logoawards {
    margin: 10px 0 15px;
  }
  .awards-topinfo .img-logoawards img {
    height: 75px;
  }
  .awards-topinfo h4 {
    font-size: 1.05rem;
    line-height: 32px;
  }
  .mb-nopad {
    padding: 0;
  }
  .item-awards {
    padding: 0;
  }
  .photo-awards {
    padding: 10px;
    border-radius: 7px;
    height: 190px;
    margin-bottom: 15px;
  }
  .wrap-item-awrds {
    gap: 25px 0;
  }
  .wrap-certificate h3 {
    font-size: 1.3rem;
  }
  .wrap-certificate .row {
    gap: 15px 0;
  }
  .wrap_insidepage {
    padding: 45px 0 60px;
  }
  .box-filter-select {
    border-radius: 10px;
    font-size: 0.95rem;
    padding: 10px;
  }
  .box-filter-select-mt {
    margin-top: 15px;
  }
  .box-filter-select .form-select {
    width: 185px;
  }
  .wrap-all-package {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
  .wrap-all-package .items-package a figure figcaption h4 {
    font-size: 1rem;
  }
  .nav-page {
    gap: 0 2px;
  }
  .nav-page li a {
    font-size: 0.85rem;
  }
  .cover-package {
    padding: 0 5px;
  }
  .package-detail {
    padding: 20px 5px 0;
  }
  .package-detail h1 {
    font-size: 1.3rem;
    line-height: 36px;
  }
  .package-contact {
    border-bottom: 1px solid #DAE2F1;
    padding-bottom: 30px;
  }
  .package-contact span {
    font-size: 1.1rem;
  }
  .package-contact a {
    width: 100%;
    border-radius: 10px;
    gap: 7px;
    padding-top: 0;
    height: 50px;
    margin-right: 10px;
  }
  .package-contact a span {
    font-size: 1rem;
    width: auto;
  }
  .package-contact a img {
    width: 28px;
    height: auto;
  }
  .content-editor {
    font-size: 0.95rem;
    line-height: 34px;
  }
  .content-editor h5, .content-editor h6, .content-editor h4 {
    font-size: 1.05rem;
  }
  .package-desc {
    margin-top: 35px;
    padding: 0 5px;
  }
  .contact-info {
    margin-top: 50px;
    padding: 20px;
  }
  .contact-info figure img {
    border-radius: 50px 15px 15px 15px;
  }
  .contact-info figure::before {
    width: 70px;
    height: 70px;
    top: -30px;
    right: -22px;
  }
  .contact-info .txt-subtitle {
    font-size: 0.95rem;
  }
  .contact-info .txt-title {
    font-size: 1.3rem;
  }
  .contact-info-branch {
    gap: 15px;
  }
  .contact-info-branch-list span {
    font-size: 1.05rem;
  }
  .wrap_insidepage-package.wrap_insidepage {
    padding-bottom: 40px;
  }
  .page-contact .title-contact {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
  .page-contact h4 {
    font-size: 0.9rem;
    line-height: 30px;
  }
  .page-contact .col-12 {
    padding: 0;
  }
  .box-contact-branch {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 30px;
  }
  .box-contact-branch-list-info img {
    width: 25px;
    height: auto;
  }
  .box-contact-branch-list-info div {
    font-size: 0.85rem;
  }
  .box-contact-branch-list address {
    font-size: 0.95rem;
  }
  .box-enquiry {
    padding: 30px 15px 15px;
  }
  .box-enquiry .col-12 {
    padding: 0 10px;
  }
  .box-enquiry .txt-subtitle {
    line-height: 30px;
  }
  .frm-contact {
    margin-bottom: 20px;
  }
  .frm-contact label {
    font-size: 0.95rem;
    margin-bottom: 5px;
  }
  .frm-contact input {
    padding: 7px 15px;
  }
  .frm-contact .btn-default {
    width: 100%;
    margin-top: 20px;
  }
  .wrap-all-health {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 15px 25px;
  }
  .items-health a figure figcaption p {
    font-size: 0.9rem;
  }
  .most-recent {
    padding: 20px 15px;
    border-radius: 15px;
  }
  .most-recent .txt-title {
    font-size: 1.2rem;
  }
  .most-recent .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0;
  }
  .page-brochure h4 {
    font-size: 1.05rem;
    margin-bottom: 15px;
  }
  .page-brochure .txt-subtitle {
    margin-bottom: 30px;
    line-height: 34px;
  }
  .page-service h4 {
    font-size: 1.05rem;
    margin-bottom: 15px;
  }
  .wrap-item-brochure {
    gap: 60px 30px;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    padding: 0 5px;
  }
  .wrap-item-brochure a {
    font-size: 0.95rem;
  }
  .wrap-item-brochure a .cover-brochure {
    margin-bottom: 15px;
    border-radius: 7px;
  }
  .page-service .desc-shortservice {
    font-size: 0.95rem;
  }
  .wrap-allservice {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
  }
  .box-news-latestupdate {
    padding: 0 5px;
  }
  .box-news-latestupdate .items-health figure {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .box-news-latestupdate .items-health figure .items-health-cover {
    width: 100%;
  }
  .box-news-latestupdate .items-health figure figcaption {
    width: 100%;
    padding: 20px 0 0;
    text-align: center;
  }
  .box-news-latestupdate .items-health figure .news-date {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .box-news-latestupdate .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
  }
  .news-gallery {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
  }
  .page-news-detail .most-recent .news-date {
    font-size: 0.8rem;
    margin-bottom: 7px;
  }
  .page-news-detail .most-recent .news-date img {
    width: 14px !important;
    margin-right: 5px;
  }
  .box-login {
    padding: 20px;
    border-radius: 15px;
  }
  .box-login .frm-contact label {
    margin-bottom: 0;
  }
  .box-login .frm-contact .btn-default {
    margin: 0 0 5px;
  }
  .btn-line.btn-default,
  .btn-facebook.btn-default,
  .btn-google.btn-default {
    position: relative;
  }
  .btn-line.btn-default img,
  .btn-facebook.btn-default img,
  .btn-google.btn-default img {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .btn-facebook {
    margin: 20px 0;
  }
  .register-social-login {
    margin: 20px auto 25px;
  }
  .register-social-login .row .col-4 {
    padding: 0 5px;
  }
  .register-social-login .row .col-4 .btn-default {
    min-width: auto;
    font-size: 0.9rem;
    padding: 0 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 42px;
  }
  .register-social-login .row .col-4 .btn-default img {
    width: 15px;
    position: static;
    top: 0;
    -webkit-transform: translate(0);
            transform: translate(0);
    margin-right: 7px;
  }
  .register-social-login .row .col-4 .btn-facebook {
    margin: 0;
  }
  .page-forgot .txt-subtitle {
    line-height: 30px;
  }
  .box-search-input {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }
  .btn-filter {
    width: 100%;
  }
  .box-search {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .box-filter-doctor select {
    margin-bottom: 20px;
  }
  .item-doctor {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 15px;
  }
  .item-doctor-detail {
    padding-left: 15px;
  }
  .item-doctor-cover {
    width: 100px;
    height: 100px;
  }
  .doctor-name {
    font-size: 0.95rem;
    line-height: 26px;
  }
  .doctor-service {
    font-size: 0.8rem;
    line-height: 24px;
  }
  .item-doctor-link a.btn-default {
    font-size: 0.8rem;
    padding: 0 15px;
    min-width: auto;
  }
  .item-doctor-link a.btn-default img {
    width: 13px;
    margin-right: 5px;
  }
  .list-doctor {
    margin-bottom: 35px;
  }
  .page-appoint-confirm .txt-subtitle {
    line-height: 30px;
  }
  .page-appoint-confirm .txt-title {
    margin-bottom: 8px;
    margin-top: 0;
  }
  .page-appoint-confirm .text-end {
    text-align: center !important;
  }
  .appoint-logo {
    margin-bottom: 25px;
  }
  .appoint-logo img {
    height: 40px;
  }
  .appoint-date {
    text-align: center;
    margin-bottom: 2px;
  }
  .box-appoint-confirm {
    padding: 30px 15px;
    border-radius: 15px;
  }
  .appoint-detail {
    padding: 0 15px 10px;
    font-size: 0.9rem;
  }
  .appoint-detail-title {
    font-size: 1rem;
  }
  .appoint-list {
    padding: 10px 0;
  }
  .wrap-btn-confirm {
    gap: 10px;
  }
  .wrap-btn-confirm .btn-default {
    font-size: 0.9rem;
    height: 42px;
    min-width: auto;
  }
  .wrap-btn-confirm .btn-default img {
    width: 13px;
  }
  .page-service-cate .desc-shortservice {
    line-height: 30px;
  }
  .item-service-cate {
    width: calc(50% - 15px);
    border-radius: 10px;
    padding: 7px;
  }
  .item-service-cate h4 {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 5px;
  }
  .item-service-cate .items-services-cover {
    border-radius: 6px;
    margin-bottom: 10px;
  }
  .item-service-cate::before {
    width: 35px;
    height: 35px;
  }
  .wrap-service-cate {
    gap: 20px;
  }
  .photo-service-desc {
    margin: 20px 0;
  }
  .wrap-recent-doctor {
    margin-top: 35px;
  }
  .wrap-recent-doctor .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 15px;
  }
  .wrap-recent-doctor .btn-txt-viewall {
    margin-top: 5px;
  }
  .wrap-recent-doctor .owl-doctor {
    margin-top: 10px;
  }
  .wrap-recent-package {
    margin-top: 25px;
  }
  .faq-item h3 {
    font-size: 1rem;
    line-height: 30px;
  }
  .page-insurance .txt-subtitle {
    margin-bottom: 25px;
    line-height: 30px;
    padding: 0 30px;
  }
  .list-room {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 30px 22px;
  }
  .list-room a h4 {
    font-size: 0.95rem;
  }
  .list-room a .tag-info {
    font-size: 0.8rem;
  }
  .list-room a .tag-info div img {
    width: 15px;
    margin-right: 5px;
  }
  .list-room a::before {
    width: 35px;
    height: 35px;
  }
  .room-gallery {
    margin-bottom: 5px;
  }
  .room-gallery img {
    border-radius: 15px;
  }
  .desc-room .txt-title {
    font-size: 1.3rem;
  }
  .box-facility {
    padding: 25px 20px;
    border-radius: 15px;
  }
  .facility-list {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    font-size: 0.95rem;
  }
  .icon-fac {
    width: 25px;
  }
  .recent-room .btn-txt-viewall {
    margin-top: 7px;
  }
  .recent-room .owl-package a h4 {
    font-size: 1rem;
    margin-top: 15px;
    margin-bottom: 5px;
  }
  .recent-room .tag-info div {
    font-size: 0.85rem;
  }
  .recent-room .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
  }
  .title-frm-appoint {
    font-size: 1.05rem;
    margin: 10px 0;
  }
  .form-appintment {
    margin-top: 25px;
  }
  .photo-doctor {
    width: 300px;
    max-width: 100%;
    margin: 0 auto 30px;
  }
  .doctor-info .txt-title {
    font-size: 1.3rem;
  }
  .doctor-history h4 {
    font-size: 1.1rem;
  }
  .box-doctor-time {
    margin-top: 20px;
  }
  .box-doctor-title h5 {
    font-size: 1.1rem;
  }
  .btn-back-doctor {
    margin-top: 20px;
  }
  .page-about .txt-title {
    font-size: 1.25rem;
  }
  .page-about .txt-subtitle {
    margin-bottom: 15px;
  }
  .page-about h4 {
    font-size: 1.05rem;
    line-height: 33px;
  }
  .wrap-mission {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .wrap-mission-desc {
    padding-right: 0;
    margin-top: 30px;
    line-height: 30px;
  }
  .wrap-mission-desc:last-child {
    margin-top: 25px;
  }
  .topic-about {
    font-size: 1.25rem;
  }
  .wrap-competency {
    margin-top: 20px;
  }
  .competency-list {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .competency-list-items {
    font-size: 0.95rem;
  }
  .competency-list-items img {
    width: 60px;
    margin-bottom: 10px;
  }
  .page-about {
    padding-left: 2px;
    padding-right: 2px;
  }
  .box-corevalue {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .box-corevalue-item div {
    font-weight: bold;
  }
  .list-timeline .row:first-child {
    padding-top: 5px;
  }
  .timeline-year {
    margin-top: 15px;
  }
  .title-account {
    font-size: 1.3rem;
  }
  .account-usrname {
    font-size: 1.1rem;
  }
  .appoint-boxlist {
    padding-left: 13px;
  }
  .title-appoint-history {
    font-size: 1.15rem;
    margin-bottom: 5px;
  }
  .cover-bannerslide {
    display: none;
  }
  .bannerslide-mb {
    display: block;
  }
  .fancybox-content {
    padding: 30px 10px;
  }
  .tab-head {
    font-size: 0.9rem;
  }
  .wrap-tabhead {
    margin-top: 20px;
  }
  .search-result .result-service {
    padding: 20px 15px;
  }
  .search-result .result-promotion {
    margin-top: 35px;
  }
  .search-result .result-healthinfo {
    padding: 0 15px;
  }
  .search-result .result-news {
    margin-top: 35px;
  }
  .txt-titleresult {
    font-size: 1.2rem;
  }
  .menu-contact {
    height: 36px;
  }
  .menu-contact img {
    display: none;
  }
  .btn-searchicon img {
    height: 34px;
  }
  .wrap-mainmenu {
    padding-left: 0;
  }
  .box-search-result .btn-default {
    width: 48px;
    min-width: 48px;
  }
  .box-search-result .btn-default span {
    display: none;
  }
  .box-search-result .btn-default img {
    margin-right: 0;
    width: 20px;
  }
  .box-searchresult-input {
    width: calc(100% - 48px);
    padding-right: 10px;
  }
}
/*# sourceMappingURL=layout.css.map */