@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("./reset.css");

:root {
  scroll-behavior: unset;
  --font-family: "Prompt", sans-serif;

  --body-font-size: 1.25em;
  --h1-font-size: 3.2em; /* 64px -> 4em */
  --h2-font-size: 2.4em; /* 48px -> 3em */
  --h3-font-size: 2em; /* 40px -> 2.5em */
  --h4-font-size: 1.7em; /* 36px -> 2.25em */
  --h5-font-size: 1.6em; /* 32px -> 2em */
  --h6-font-size: 1.2em; /* 24px -> 1.5em */

  --font-size-btn: 1.2em;
  --font-size-small: 0.7em;

  --clr-body: #010101;
  --clr-pink: #d49289;
  --clr-primary: #369da0;

  --clr-primary-2: #64c5c1;
  --clr-green-light: #e0f3f3;
  --clr-grey: #f7f7f7;
  --clr-white: #ffffff;
  --clr-dark-grey: #636363;
  --clr-gold: #af842b;
  --clr-gd-primary: linear-gradient(233.21deg, #369da0 0%, #64c5c1 100%);
  --clr-gd-green2: linear-gradient(99.54deg, #369da0 1.74%, #64c5c1 103.31%);
  --clr-thumb-title-hover: #64c5c1;
  --clr-bullet: #369da0;
  --clr-line: #e4e4e4;
  --space-container: 1320px;
  --clr-pagination: #369da0;
  --input-bg-grey: #f3f3f3;
  --small-sm: 0.6em;
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.311253 0.275003C0.711659 -0.105383 1.34462 -0.0891535 1.725 0.311253L8.41471 7.35305L1.68775 13.726C1.28681 14.1058 0.653881 14.0887 0.27405 13.6877C-0.105781 13.2868 -0.088675 12.6539 0.312258 12.274L5.5853 7.27854L0.275003 1.68875C-0.105383 1.28835 -0.0891532 0.655388 0.311253 0.275003Z' fill='%23636363'/%3E%3C/svg%3E%0A");
}

.subhospital {
  --clr-primary: #006f6b;
  --clr-primary-2: #268982;

  /* --clr-thumb-title-hover:#AF842B; */
  --clr-bullet: linear-gradient(91.43deg, #af842b -6.34%, #eebd7c 99.19%);
  --clr-gd-primary: linear-gradient(
    90deg,
    rgba(0, 111, 107, 1) 0%,
    rgba(98, 196, 180, 1) 100%
  );
  --clr-gd-green2: linear-gradient(91.43deg, #006f6b -6.34%, #62c4b4 99.19%);
  --clr-pagination: #af842b;
}

body {
  transition: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  font-family: var(--font-family);
  line-height: 1.4;
  color: var(--clr-body);
  font-size: var(--body-font-size);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
body.vietnam {
  --body-font-size: 1.1em;
  --h1-font-size: 2.8em;
  --h2-font-size: 2.2em;
  --h3-font-size: 1.9em;
  --h4-font-size: 1.6em;
  --h5-font-size: 1.4em;
  --h6-font-size: 1em;
  --font-size-btn: 1em;
  --font-size-small: 0.65em;
}

body.china{
  --body-font-size: 1.1em;
  --h1-font-size: 2.8em;
  --h2-font-size: 2.2em;
  --h3-font-size: 1.9em;
  --h4-font-size: 1.6em;
  --h5-font-size: 1.4em;
  --h6-font-size: 1em;
  --font-size-btn: 1em;
  --font-size-small: 0.65em;
}

.menuClick {
  overflow: hidden;
}
body.open-popup {
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

a {
  color: var(--clr-body);
  outline: none;
  text-decoration: none;
  transition: all ease 0.5s;
  cursor: pointer;
}

.f-1em,
.f-1em button,
.f-1em a {
  font-size: 1em !important;
}

a:hover {
  text-decoration: none;
  color: var(--clr-body);
}

a:focus {
  outline: none;
  box-shadow: none;
}

img {
  max-width: 100%;
}

select {
  -webkit-appearance: none;
}

.wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

section {
  float: left;
  width: 100%;
  position: relative;
}
.fw {
  width: 100%;
  float: left;
}
.pd {
  padding: 2.5em 0;
}
.pd-80 {
  padding: 4em 0;
}

.pt-80 {
  padding-top: 4em;
}
.space-150 {
  padding-top: 7.5em;
}
.box {
  float: left;
  width: 100%;
  position: relative;
}

.ele {
  left: 50%;
  top: 50%;
  position: absolute;
}

.zindex-1 {
  z-index: 1;
}

.zindex-2 {
  z-index: 2;
}

.radius {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.container-1360 {
  max-width: 1360px;
}

.loadpage {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center #fff;
  display: none;
  align-items: center;
  justify-content: center;
}
.content {
  font-size: 1em;
  width: 100%;
  float: left;
}

hr.short {
  width: 90px;
  height: 2px;
  opacity: 1;
}
.content.text-center hr.short {
  margin-left: auto;
  margin-right: auto;
}

.breadcrumb-item {
  color: var(--clr-dark-grey);
}
.breadcrumb-item.active {
  color: var(--clr-primary);
}

.content h1,
.content .h1,
h1,
.h1 {
  font-size: var(--h1-font-size);
  font-weight: 500;
  line-height: 1.5;
}

.content h2,
.content .h2,
h2,
.h2 {
  font-size: var(--h2-font-size);
  font-weight: 500;
  line-height: 1.4;
}

.content h3,
.content .h3,
h3,
.h3 {
  font-size: var(--h3-font-size);
  font-weight: 500;
  line-height: 1.4;
}

.content h4,
.content .h4,
h4,
.h4 {
  font-size: var(--h4-font-size);
  font-weight: 500;
  line-height: 1.4;
}

.content h5,
.content .h5,
h5,
.h5 {
  font-size: var(--h5-font-size);
  font-weight: 500;
  line-height: 1.3;
}

.content h6,
.content .h6,
h6,
.h6 {
  font-size: var(--h6-font-size);
  font-weight: 500;
}
.clr-pink {
  color: var(--clr-pink);
}

small,
.t-small {
  font-size: 0.8em;
}
.content ul,
.content ol {
  padding-left: 25px;
}
.content ul li {
  position: relative;
}
.content ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 13px;
  left: -12px;
  background-color: var(--clr-dark-grey);
  border-radius: 100px;
}
.t-bold,
b,
strong {
  font-weight: 700;
}
.t-md {
  font-weight: 500;
}
.t-light {
  font-weight: 300;
}

.small-sm {
  font-size: var(--small-sm);
}
/* ////// BTN ///// */
.btn-icon > span {
  display: flex;
  align-items: center;
  gap: 10px;
}

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

.btn-text {
  padding: 0;
}

.invert-color,
.invert-color a:not(.btn) {
  color: var(--clr-white);
}
.invert-color hr {
  background-color: #fff;
}

.clr-primary {
  color: var(--clr-primary);
}

.clr-primary-2 {
  color: var(--clr-primary-2);
}
.clr-grey {
  color: var(--clr-grey);
}
.clr-dark-grey {
  color: var(--clr-dark-grey);
}

.bg-clr-primary {
  background-color: var(--clr-primary);
}
.bg-clr-grey {
  background-color: var(--clr-grey);
}
.bg-clr-gold {
  background-color: var(--clr-gold);
}
.bg-clr-white {
  background-color: var(--clr-white);
}
.bg-clr-green-light {
  background-color: var(--clr-green-light);
}

.bg-gd-clr-primary {
  background: var(--clr-gd-primary);
}

.btn {
  border-radius: 100px;
  padding: 0.3em 2em;
  font-weight: 500;
  font-size: var(--font-size-btn);
  transition: all ease 0.4s;
}
.btn-underline {
  text-decoration: underline;
}
.btn-clr-primary {
  border: 2px solid var(--clr-primary);
  background-color: var(--clr-primary);
  color: var(--clr-white);
}
.btn-clr-primary:hover {
  background-color: var(--clr-white);
  color: var(--clr-primary);
}

.btn-clr-grey {
  border: 2px solid var(--clr-grey);
  background-color: var(--clr-grey);
}
.btn-clr-grey:hover {
  background-color: var(--clr-white);
}

.btn-clr-light {
  border: 2px solid var(--clr-white);
  background-color: var(--clr-white);
  color: var(--clr-primary);
}
.btn-clr-light:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}
/* BTN OUTLINE */
.btn-clr-primary.btn-outline {
  background-color: transparent;
  color: var(--clr-primary);
}
.btn-clr-primary.btn-outline:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

.btn-clr-light.btn-outline {
  background-color: transparent;
  color: var(--clr-white);
}
.btn-clr-light.btn-outline:hover {
  background-color: var(--clr-white);
  color: var(--clr-body);
}

.bg-clr-gold.btn-outline {
  background-color: transparent;
  color: var(--clr-gold);
  border-color: var(--clr-gold);
}
.bg-clr-gold.btn-outline:hover {
  background-color: var(--clr-gold);
  color: var(--clr-white);
}

/* ///////// input //////// */
form label {
  color: var(--clr-dark-grey);
}
.form-floating > .form-control,
.form-control,
input {
  background-color: var(--input-bg-grey);
  border-radius: 100px;
  border: 1px solid #f3f3f3;
  color: var(--clr-dark-grey);
  padding: 8px 20px;
}
.form-floating > .form-control,
.form-control,
input::placeholder {
  color: var(--clr-dark-grey);
}
textarea.form-control {
  border-radius: 20px;
}
form .bootstrap-select > .dropdown-toggle {
  background-color: var(--input-bg-grey);
  border-radius: 100px;
  border: 1px solid #f3f3f3;
  color: var(--clr-dark-grey);
  padding: 8px 20px;
  font-size: 1rem !important;
  font-weight: 400;
}

/* header */
.box-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.box-header .header-top {
  width: 100%;
  background-color: var(--clr-primary);
  padding: 15px 0;
}

.inner-header-top {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.box-header .header-top .inner-header-top > a,
.box-header .header-top .inner-header-top > div {
  font-size: 16px;
  color: #fff;
  position: relative;
  padding-right: 8px;
  margin-right: 10px;
}
.header-cart {
  cursor: pointer;
}
.header-cart svg,
.header-user svg {
  width: auto;
  height: 20px;
}
.header-user:before {
  display: none;
  margin-right: 10px;
}
.box-header .header-top .inner-header-top > a::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}

.box-header .header-top button.btn.dropdown-toggle.btn-light {
  font-size: 16px;
  font-weight: 400;
  outline: none;
}
.box-header .header-top .btn-check:active + .btn-light:focus,
.box-header .header-top .btn-check:checked + .btn-light:focus,
.box-header .header-top .btn-light.active:focus,
.box-header .header-top .btn-light:active:focus,
.box-header .header-top .show > .btn-light.dropdown-toggle:focus {
  box-shadow: none;
  outline: none !important;
}
.box-header
  .header-top
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: auto;
}

.box-header .header-top button.btn.dropdown-toggle.btn-light {
  background-color: transparent;
  border: 0;
  padding: 0;
  width: auto;
  text-decoration: underline;
  color: #fff;
  outline: none !important;
  box-shadow: none !important;
}

.box-header .header-top button.btn.dropdown-toggle.btn-light a {
  font-size: 16px;
}

.header-main {
  width: 100%;
  background-color: var(--clr-grey);
  border-bottom: 1px solid var(--clr-line);
}

.header-main .container ul {
  display: flex;
  align-items: center;
  gap: 1.35em;
}
.header-main .container > ul {
  justify-content: flex-end;
}

.header-main .container > ul > li {
  padding: 1.5625em 1.125em;
  white-space: nowrap;
  transition: all ease 0.4s;
}

.open-menu,
.close-menu {
  cursor: pointer;
}
@media (min-width: 991px) {
  .open-menu,
  .close-menu {
    display: none;
  }
  .header-main .container > ul > li:hover,
  .header-main .container > ul > li.active {
    background-color: #e4f0ef;
  }
  .header-main .container > ul > li:hover > a,
  .header-main .container > ul > li.active > a {
    color: var(--clr-primary-2);
  }
  /* .header-main .container >  ul  > li > a:before{content: "";position: absolute;width: 7px;height: 7px;left: 0;top: 50%;transform: translateY(-47%);background-color: var(--clr-primary-2);border-radius: 100px;transition: all ease .4s;opacity: 0;} */
  .header-main .container > ul > li:hover > a:before,
  .header-main .container > ul > li.active > a:before {
    left: -0.6em;
    opacity: 1;
  }
  .header-main .container > ul > li.has-sub:hover:before {
    content: "";
    position: absolute;
    top: calc(100% - 1.5em);
    width: 100%;
    height: 100%;
    left: 0;
    background-color: transparent;
    z-index: 1;
  }

  .nav-inner-list-item {
    display: flex;
    gap: 1.8em;
    justify-content: center;
  }
}
.header-main .container > ul > li:last-child {
  /* padding-right: 0; */
}

.header-main .container > ul > li > a {
  font-weight: 500;
  position: relative;
  transition: all ease 0.4s;
}

.box-logo {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  height: calc(100% - 1px);
  padding: 1.25em 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 2em 0;
  width: 20%;
  max-width: 270px;
  top: 0;
  left: 0;
  cursor: pointer;
}

.header-cart {
  position: relative;
}
.header-cart .order-in-cart {
  position: absolute;
  top: -6px;
  left: 10px;
  min-width: 18px;
  min-height: 18px;
  max-height: 18px;
  background-color: #e52d27;
  border-radius: 100px;
  font-size: 0.6em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  z-index: 1;
}

.box-nav-inner-list > li {
  cursor: pointer;
  position: relative;
  padding-right: 1em;
}
.box-nav-inner-list > li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 15px;
  width: 12px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.908594 0.27161C1.31087 -0.106793 1.94374 -0.0874369 2.32215 0.314844L6.29698 4.54049L10.2718 0.314844C10.6502 -0.0874369 11.2831 -0.106793 11.6854 0.27161C12.0876 0.650013 12.107 1.28288 11.7286 1.68516L6.29698 7.45952L0.86536 1.68516C0.486957 1.28288 0.506313 0.650013 0.908594 0.27161Z' fill='%23010101'/%3E%3C/svg%3E%0A");
}
.box-nav-inner-list > li.active::before {
  width: 8px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.256714 10.669C-0.112745 10.2584 -0.0794662 9.62616 0.331044 9.2567L4.50516 5.49999L0.331043 1.74329C-0.0794665 1.37383 -0.112745 0.741537 0.256714 0.331027C0.626173 -0.0794831 1.25846 -0.112762 1.66897 0.256698L7.49486 5.49999L1.66897 10.7433C1.25846 11.1127 0.626173 11.0795 0.256714 10.669Z' fill='%2364C5C1'/%3E%3C/svg%3E%0A");
}

.header-main .container > ul > li.has-sub:hover .inner-sub-menu {
  overflow: visible;
  visibility: visible;
  pointer-events: all;
  opacity: 1;
}
.inner-sub-menu {
  position: absolute;
  top: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--clr-grey);
  left: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}
.inner-sub-menu.sub-menu-normal {
  display: flex;
  justify-content: center;
}

.inner-sub-menu > ul {
  justify-content: center;
}
.header-main .container > ul > li.has-sub > .inner-sub-menu > ul > li > a {
  font-weight: 500;
}
.header-main .container > ul > li.has-sub > .inner-sub-menu > ul > li > a:hover,
.header-main
  .container
  > ul
  > li.has-sub
  > .inner-sub-menu
  > ul
  > li
  > a.active {
  color: #64c5c1;
}

.inner-sub-menu.sub-menu-list {
  height: auto;
  padding: 1em 0;
}
.nav-inner-list-item {
  display: flex;
  gap: 1.8em;
}
.nav-inner-list-item > ul {
  flex-direction: column;
}
.item-list-cont {
  display: none;
  font-size: 0.8em;
}
.item-list-cont.active {
  display: block;
}
.item-list-cont li.active p,
.item-list-cont li:hover p {
  text-decoration: underline;
  color: var(--clr-primary-2);
}
.header-main .container ul .item-list-cont {
  padding-left: 1.5em;
  border-left: 1px solid var(--clr-line);
}
.item-list-cont-title {
  width: 100%;
  margin-bottom: 10px;
  cursor: pointer;
}
.header-main .container ul .nav-inner-list-item > ul {
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
}
.header-main .container ul .nav-inner-list-item > ul > li {
  padding: 10px 1em;
  width: 100%;
}
.inner-list-cont {
  width: 65%;
}
.header-main .container ul .item-list-cont ul {
  flex-wrap: wrap;
  gap: 1.8em;
  justify-content: flex-start;
  align-items: flex-start;
}

.header-main .container ul .item-list-cont ul.list-menu-vertical {
  flex-direction: column;
}
.list-menu-vertical a {
  text-decoration: underline;
}
.list-menu-vertical a:hover {
  color: var(--clr-primary-2);
}
.item-list-cont li {
  flex: 0 0 auto;
  width: calc(33.333% - 1.8em);
  box-sizing: border-box;
}
.item-list-cont li .thumb {
  padding: 0.5em 0.85em;
}
.item-list-cont li .thumb img {
  border-radius: 0.5em;
}
.item-list-cont li .thumb .thumb-image {
  background: #ccc;
  /* max-height: 100px; */
  max-width: 150px;
  width: 100%;
  /* height: 100px; */
  margin: 0 auto;
  border-radius: 0.5em;
  overflow: hidden;
  margin-bottom: 0.8em;
}
.item-list-cont li .thumb .thumb-body p {
  white-space: break-spaces;
}
.box-logo a {
  height: 100%;
}

.box-logo a img {
  object-fit: contain;
  height: 100%;
}

.hero-banner {
}

.hero-banner .img-main {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  left: 0;
  top: 0;
}

.inner-banner-cont {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
}

span.swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 80px;
  background: var(--clr-bullet);
  border-radius: 100px;
}

.sw.hero-banner iper-horizontal > .swiper-pagination-bullets,
.hero-banner .swiper-pagination-bullets.swiper-pagination-horizontal,
.hero-banner .swiper-pagination-custom,
.hero-banner .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 20px);
}

.banner-haft-cont {
  width: 100%;
  float: left;
}

.banner-haft-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  object-fit: cover;
  object-position: top right;
}

.sec-banner-haft .col-haft {
  position: relative;
}

.sec-banner-haft .col-haft:before {
  content: "";
  position: absolute;
  background: var(--clr-gd-primary);
  width: calc(((100vw - var(--space-container)) / 2) + 100%);
  height: 100%;
  top: 0;
  left: calc((100vw - var(--space-container)) / -2);
  border-radius: 0 0 70px 0;
}
.sec-banner-haft .col-haft .content {
  position: relative;
}

.thumb {
  width: 100%;
  float: left;
}
.thumb .btn.btn-text {
  padding: 0;
  font-size: 1em;
}

.thumb .thumb-image img {
  transition: all ease 0.5s;
}
.thumb .thumb-body p {
  font-weight: 300;
}
.thumb-hoz {
  display: flex;
  gap: 1.5em;
}
.thumb-title {
  font-weight: 500;
}
.col-reverse {
  flex-direction: row-reverse;
}
.thumb.thumb-hoz > div {
  width: 50%;
}
.thumb.thumb-hoz .thumb-image {
  border-radius: 20px;
  overflow: hidden;
  height: max-content;
}
.thumb.thumb-hoz .thumb-image img {
  width: 100%;
  float: left;
}
.thumb.thumb-hoz:hover .thumb-image img {
  transform: scale(1.1);
}
.thumb.thumb-hoz .date {
  font-size: 0.8em;
  color: var(--clr-dark-grey);
  margin-top: 0.5em;
}

.sec-our-business .swiper-container {
  overflow: hidden;
  border-radius: 20px;
}
.sec-our-business .thumb-oncard {
  position: relative;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.sec-our-business .thumb-oncard .thumb-image img {
  width: 100%;
  float: left;
}
.sec-our-business .thumb-oncard .thumb-body {
  width: 45%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5em 1.875em 3em;
}
.sec-our-business .thumb-oncard .thumb-body > * {
  position: relative;
  z-index: 1;
}
.sec-our-business .thumb-oncard .thumb-body::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--clr-gd-primary);
  opacity: 0.8;
}

.group-swiper-button {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.group-swiper-button .swiper-button {
  position: relative;
  width: 2.2em;
  height: 2.2em;
  border-radius: 100px;
  background-color: transparent;
  border: 2px solid var(--clr-white);
  background-image: none;
  left: 0;
  right: 0;
  margin: 0;
}
.group-swiper-button .swiper-button svg {
  width: 0.95em;
  height: auto;
}
.group-swiper-button .swiper-button::after {
  content: none;
}
.group-swiper-button .swiper-pagination {
  position: relative;
  margin-top: 50px;
}

.swiper-blog {
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
}
.outer-swiper-blog {
  position: relative;
  padding-bottom: 2.5em;
}
.outer-swiper-blog::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2.5em;
  width: 100vw;
  height: calc(100% - 2.5em);
  background: var(--clr-primary-2);
  opacity: 0.2;
  border-radius: 20px;
}
.swiper-blog .swiper-footer {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  margin-top: 1.5em;
}
.swiper-blog .group-swiper-button {
  width: auto;
  margin-bottom: 0;
}
.swiper-blog .swiper-button {
  position: relative;
  width: 2.2em;
  height: 2.2em;
  border-radius: 100px;
  background-color: transparent;
  border: 2px solid var(--clr-primary);
  background-image: none;
  left: 0;
  right: 0;
  margin: 0;
  top: auto;
}
.swiper-blog .swiper-button svg {
  width: 0.95em;
  height: auto;
  fill: var(--clr-primary);
}
.swiper-blog .swiper-button::after {
  content: none;
}
.swiper-blog .swiper-pagination {
  position: relative;
  margin-top: 0;
  height: 10px;
  border-radius: 100px;
  overflow: hidden;
  background-color: var(--clr-white);
  width: 100%;
}
.swiper-blog .swiper-group-tool {
  width: 60%;
  display: flex;
  gap: 1em;
  align-items: center;
}
.swiper-blog
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background-color: var(--clr-primary);
}
.swiper-blog .swiper-button.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  border-color: var(--clr-line);
  background-color: var(--clr-grey);
}
.swiper-blog .swiper-button.swiper-button-prev.swiper-button-disabled svg {
  fill: var(--clr-line);
}

.thumb-ver {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  float: left;
  height: 100%;
}
.thumb-ver .thumb-image {
  overflow: hidden;
}
.thumb-ver .thumb-image img {
  transition: all ease 0.4s;
}
a.thumb-ver:hover .thumb-image img {
  transform: scale(1.1);
}
.thumb-ver .thumb-image img {
  width: 100%;
  float: left;
}
.thumb-ver .thumb-body {
  background-color: #fff;
  padding: 0.85em 1.25em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
a.thumb-ver:hover .thumb-body .thumb-title {
  color: var(--clr-thumb-title-hover);
}
.thumb-ver .thumb-body .tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.thumb-ver .thumb-body .tag li {
  background-color: var(--clr-green-light);
  padding: 0.3em 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25em;
  font-size: 0.8em;
  color: var(--clr-primary);
  font-weight: 500;
}
.thumb-ver .thumb-body .tag li:first-child {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}
.thumb-ver .thumb-body .date {
  font-size: var(--font-size-small);
  color: var(--clr-dark-grey);
  margin-top: 0.5em;
}
.thumb-ver .thumb-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  transition: all ease 0.4s;
  margin-bottom: 10px;
}

a.thumb.thumb-ver.thumb-outline {
  position: relative;
}
a.thumb.thumb-ver.thumb-outline .thumb-body {
  background-color: #fff;
  padding: 0.85em 1.25em 1em;
  width: 100%;
  float: left;
}
a.thumb.thumb-ver.thumb-outline .thumb-inner-footer {
  /* position: absolute;
    bottom: 0;
    left: 0; */
  /* padding: 0.85em 1.25em; */
  padding-top: 0;
  width: 100%;
  float: left;
}

/* .sec-contact-info{
    background: linear-gradient(99.54deg, #369DA0 1.74%, #64C5C1 103.31%);
} */

.contact-haft-l:before {
  content: "";
  position: absolute;
  width: 50vw;
  right: 0;
  height: 100%;
  top: 0;
  background-color: var(--clr-grey);
  z-index: -1;
}
img.contact-sm-banner {
  position: absolute;
  width: 50vw;
  max-width: none;
  height: auto;
  right: 0;
  bottom: 0;
  min-height: 170px;
  object-fit: cover;
}

.box-map iframe {
  width: 100%;
}

.blogs-highlight .thumb .thumb-body {
  position: relative;
  padding-bottom: 40px;
}
.blogs-highlight .thumb-inner-footer {
  width: 100%;
  float: left;
  position: absolute;
  bottom: 1em;
  left: 0;
}
.blogs-highlight .thumb-inner-footer .group-swiper-button {
  margin-bottom: 0;
}
.blogs-highlight .group-swiper-button .swiper-button {
  border-color: var(--clr-primary);
}
.blogs-highlight .group-swiper-button .swiper-button svg {
  fill: var(--clr-primary);
}
.count-slide {
  font-size: 0.7em;
  color: var(--clr-dark-grey);
}
.blogs-highlight .thumb.thumb-hoz .thumb-image {
  height: max-content;
}
.blogs-highlight .thumb.thumb-hoz .thumb-image img {
  border-radius: 20px;
}

.tab-navigate ul {
  display: flex;
  gap: 5em;
  justify-content: center;
  align-items: center;
  padding: 1.6em 0;
}
.tab-navigate ul a {
  border: 0;
  background-color: transparent;
  font-weight: 500;
  padding: 1em 0;
  margin: 0;
  border-bottom: 4px solid transparent;
}
.tab-navigate ul a.active {
  color: var(--clr-primary);
  border-bottom: 4px solid var(--clr-primary);
}
.inner-tab-navigate {
  display: flex;
  width: 100%;
  float: left;
  padding: 1.75em 0 0;
  align-items: baseline;
}
.inner-tab-navigate ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 150px);
  gap: 0.65em;
}
.inner-tab-navigate ul a {
  border: 2px solid var(--clr-grey);
  background-color: var(--clr-grey);
  color: var(--clr-dark-grey);
  font-size: 1em;
}
.inner-tab-navigate ul a.active {
  border: 2px solid var(--clr-primary);
  background-color: var(--clr-primary);
  color: var(--clr-white);
}
.blogs-length {
  width: auto;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.list-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
a.btn-pagination {
  position: relative;
  width: 2.2em;
  height: 2.2em;
  border-radius: 100px;
  background-color: transparent;
  border: 2px solid var(--clr-pagination);
  background-image: none;
  left: 0;
  right: 0;
  margin: 0;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
a.btn-pagination.disable {
  border-color: var(--clr-line);
  background-color: var(--clr-grey);
  pointer-events: none;
}
.btn-pagination svg {
  fill: var(--clr-pagination);
}
.btn-pagination.disable svg {
  fill: var(--clr-line);
}
.list-pagination a.item {
  width: 1.85em;
  height: 1.85em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-pagination a.item:not(.active) {
  color: var(--clr-line);
}
.list-pagination a.item:hover {
  color: var(--clr-body);
}
.blog-detail-desc > .content > img {
  border-radius: 20px;
}
.box-share {
  width: 100%;
  float: left;
  padding: 2.25em 0;
  border-bottom: 1px solid var(--clr-line);
}
.box-share ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4em;
}

.change-lang {
  position: relative;
  text-transform: uppercase;
  font-size: 0.8em;
  cursor: pointer;
}
.change-lang .current-lang {
  padding-right: 20px;
  color: #fff;
  position: relative;
  text-decoration: underline;
}
.change-lang .current-lang:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-size: 11px 8px;
  width: 11px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.331044 0.256714C0.741554 -0.112745 1.37384 -0.0794661 1.7433 0.331044L5.50001 4.50516L9.25671 0.331044C9.62617 -0.0794661 10.2585 -0.112745 10.669 0.256714C11.0795 0.626173 11.1128 1.25846 10.7433 1.66897L5.50001 7.49486L0.256714 1.66897C-0.112745 1.25846 -0.0794661 0.626173 0.331044 0.256714Z' fill='white'/%3E%3C/svg%3E%0A");
}
.dropdown-lang {
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% + 50px);
  display: none;
  background-color: var(--clr-white);
  z-index: 3;
}
.dropdown-lang ul {
  display: flex;
  flex-direction: column;
  background-color: var(--clr-white);
}
.dropdown-lang ul li {
  width: 100%;
  float: left;
}
.dropdown-lang ul li a {
  padding: 3px 5px;
  width: 100%;
  float: left;
  cursor: pointer;
}
.dropdown-lang ul li a.active {
  background-color: var(--clr-grey);
}
.dropdown-lang ul li a:hover {
  background-color: var(--clr-grey);
}

.cont-hl {
  border-radius: 1em;
}

.swiper-medical-team {
  overflow: hidden;
}
.swiper-medical-team .thumb-ver .thumb-image {
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
.swiper-medical-team .thumb-ver .thumb-body {
  background-color: transparent;
  padding: 0.85em 0;
}

.thumb-circle.thumb-ver {
  padding: 0 10px;
}
.thumb-circle.thumb-ver .thumb-image {
  border-radius: 400px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  width: calc(100% - 60px);
  margin: 0 auto;
}

.thumb-circle.thumb-ver .thumb-image img {
  width: 100%;
  float: left;
  aspect-ratio: 1 / 1;
}
.thumb-circle.thumb-ver:hover .thumb-image img {
  transform: none;
}

.thumb-circle.thumb-ver .thumb-body {
  background-color: transparent;
  padding: 0.85em 0;
}
.thumb-circle.thumb-ver:hover .thumb-title {
  color: var(--clr-body);
}

.box-accr {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.19);
  width: 100%;
  float: left;
}
.box-accr-head {
  width: 100%;
  float: left;
  cursor: pointer;
  position: relative;
  padding-right: 2.25em;
}
.box-accr-head::before {
  content: "";
  width: 1.75em;
  height: 1.75em;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 1.75em 1.75em;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='16.5' fill='white' stroke='%23369DA0' stroke-width='2'/%3E%3Cpath d='M17.5 9.54492L17.5 25.454' stroke='%23369DA0' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M25.4531 17.5L9.54403 17.5' stroke='%23369DA0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.box-accr.active .box-accr-head::before {
  background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='16.5' fill='white' stroke='%23369DA0' stroke-width='2'/%3E%3Cpath d='M25.4531 17.5L9.54403 17.5' stroke='%23369DA0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.box-accr-cont {
  display: none;
  padding-top: 15px;
}

/* popup */
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  display: none;
}
.inner-popup {
  width: 100%;
  display: flex;
  gap: 3em;
  padding: 1.5em;
  border-radius: 20px;
  max-height: 550px;
  overflow: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.inner-popup::-webkit-scrollbar {
  display: none;
}

.popup-image {
  border-radius: 20px;
  overflow: hidden;
  width: 35%;
  height: max-content;
}
.popup-image img {
  width: 100%;
  float: left;
}
.popup-cont {
  width: 65%;
}

.popup-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.popup-container {
  position: relative;
  z-index: 1;
}
.popup-detail {
  display: none;
}
.box-close-popup {
  cursor: pointer;
}
.thumb-open-popup:hover {
  cursor: pointer;
}

.thumb-hoz-icon {
  background: var(--clr-gd-green2);
  border-radius: 20px;
  filter: drop-shadow(0px 8px 30px rgba(62, 74, 74, 0.25));
}

.thumb.thumb-hoz.thumb-hoz-icon {
  align-items: center;
  padding: 20px;
}
.thumb.thumb-hoz.thumb-hoz-icon .thumb-image {
  width: 30%;
  background-color: var(--clr-white);
  border-radius: 200px;
  aspect-ratio: 1/1;
  padding: 1em;
}
.thumb.thumb-hoz.thumb-hoz-icon:hover .thumb-image img {
  transform: none;
}
.thumb.thumb-hoz.thumb-hoz-icon .thumb-body {
  width: 70%;
}
.thumb.thumb-hoz.thumb-hoz-icon .thumb-body p {
  font-weight: 500;
}

.sec-services-us .thumb-hoz-icon {
  background: var(--input-bg-grey);
  filter: none;
}
.sec-services-us .thumb-hoz-icon:hover {
  background: var(--clr-gd-green2);
  filter: drop-shadow(0px 8px 30px rgba(62, 74, 74, 0.25));
  color: #fff;
}

a.thumb-hoz-icon:hover {
  background: var(--clr-gd-green2);
  filter: drop-shadow(0px 8px 30px rgba(62, 74, 74, 0.25));
  color: #fff;
}

.sec-services-us .thumb-hoz-icon.active {
  background: var(--clr-gd-green2);
  filter: drop-shadow(0px 8px 30px rgba(62, 74, 74, 0.25));
  color: #fff;
}

.thumb-outline {
  border: 1px solid var(--clr-line);
}
.sec-product .thumb {
  height: 100%;
}
/* .sec-product .thumb .thumb-body .thumb-title{min-height: 56px;} */
.sec-product .thumb .thumb-body .thumb-inner-footer {
  padding-top: 1.5em;
}

.btn-icon > span {
  display: flex;
  gap: 15px;
}
.btn-large-icon {
  padding: 0.3em 2em 0.3em 0.3em;
}
.btn-large-icon.btn-clr-primary:hover .circle {
  border: 2px solid var(--clr-primary);
}
.btn-large-icon .circle {
  width: 3.65em;
  height: 3.65em;
  background-color: #fff;
  border-radius: 100px;
  padding: 0.8em;
  max-width: 70px;
  max-height: 70px;
  border: 2px solid var(--clr-white);
}
.btn-large-icon .circle img {
  width: 100%;
  float: left;
}

.list-breadcrumb-vertical {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.breadcrumb-ver-title {
  width: 100%;
  float: left;
  padding: 0.5em 1.25em;
  background-color: var(--clr-grey);
  border-radius: 0.5em;
  color: var(--clr-primary);
}
.list-breadcrumb-vertical ul {
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  padding-left: 1em;
}
.list-breadcrumb-vertical ul li {
  width: 100%;
  float: left;
  padding: 0.5em 1.25em;
  font-size: 0.8em;
  position: relative;
}
.list-breadcrumb-vertical ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 1em;
  left: 0;
  background-color: var(--clr-dark-grey);
  border-radius: 100px;
}

.contain-d-flex {
  width: 100%;
  display: flex;
}

.contain-d-flex > div {
  width: 50%;
}
.group-ele-percent {
  position: relative;
  right: 0;
  height: 100%;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.group-ele-percent ul {
  display: flex;
  flex-direction: column;
  gap: 1.9em;
  position: relative;
  z-index: 1;
}
.group-ele-percent ul li {
  display: flex;
  align-items: center;
  gap: 1.6em;
}
.group-ele-percent ul li img {
  width: 9.65em;
  height: 9.65em;
}
img.ele-line-dot {
  position: absolute;
  left: -22%;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: 140%;
}
section.hero-banner.hero-banner-default {
  overflow: hidden;
}

.thumb.thumb-on-card {
  position: relative;
  border-radius: 1em;
  overflow: hidden;
}
.thumb.thumb-on-card .thumb-image img {
  width: 100%;
  float: left;
}
.thumb.thumb-on-card .thumb-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    99.54deg,
    #369da0 1.74%,
    rgba(100, 197, 193, 0) 103.31%
  );
  padding: 1em 2em;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.list-accordion {
  width: 100%;
  float: left;
  border-radius: 1em;
  overflow: hidden;
}

.accordion-header {
  width: 100%;
  float: left;
  background: var(--clr-primary);
  border-radius: 1em 1em 0px 0px;
  padding: 1em;
  color: var(--clr-white);
  font-weight: 500;
}
.box-accordion {
  background: var(--clr-white);
  width: 100%;
  float: left;
  border-bottom: 1px solid var(--clr-line);
}

.accordion-title {
  background: var(--clr-green-light);
  width: 100%;
  float: left;
  padding: 1em;
  cursor: pointer;
  position: relative;
}
.accordion-title::before {
  content: "";
  width: 1.15em;
  height: 1.15em;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 1.15em 1.15em;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3234 1C12.3234 0.447715 11.8757 0 11.3234 0C10.7711 0 10.3234 0.447715 10.3234 1V10H1C0.447716 10 0 10.4477 0 11C0 11.5523 0.447716 12 1 12H10.3234V21C10.3234 21.5523 10.7711 22 11.3234 22C11.8757 22 12.3234 21.5523 12.3234 21V12H21.6476C22.1999 12 22.6476 11.5523 22.6476 11C22.6476 10.4477 22.1999 10 21.6476 10H12.3234V1Z' fill='%23369DA0'/%3E%3C/svg%3E%0A");
}
.box-accordion.active .accordion-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='2' viewBox='0 0 23 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.6484 1C22.6484 1.55228 22.2007 2 21.6484 2L1.00079 2C0.448505 2 0.000789642 1.55228 0.000789642 1C0.000789642 0.447715 0.448505 0 1.00079 0L21.6484 0C22.2007 0 22.6484 0.447715 22.6484 1Z' fill='%23369DA0'/%3E%3C/svg%3E%0A");
}

.accordion-body {
  width: 100%;
  float: left;
  padding: 0;
  display: none;
}
.list-download-full {
  padding: 0.8em 1em;
  background: var(--clr-white);
  border-bottom: 1px solid var(--clr-line);
}
.list-download-full ul li {
  display: flex;
  justify-content: space-between;
}
.list-download-full:last-child,
.box-accordion:last-child {
  border: 0;
}
.list-download-full iframe {
  border-radius: 1em;
}

.box-accordion-qa .accordion-title {
  background: transparent;
}

.box-accordion.bg-clr-grey,
.box-accordion.bg-clr-grey .list-download-full {
  background: var(--clr-grey);
}

.box-accordion-qa span.icon-qa {
  background: linear-gradient(91.43deg, #af842b -6.34%, #eebd7c 99.19%);
  width: 2em;
  height: 2em;
  float: left;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
  position: relative;
  top: -5px;
}

.box-accordion-qa span.icon-qa svg {
  width: 1.1em;
  height: 1.05em;
}
.box-accordion-qa .accordion-title::before {
  content: "";
  width: 1.15em;
  height: 1.15em;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 1.15em 1.15em;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3234 1C12.3234 0.447715 11.8757 0 11.3234 0C10.7711 0 10.3234 0.447715 10.3234 1V10H1C0.447716 10 0 10.4477 0 11C0 11.5523 0.447716 12 1 12H10.3234V21C10.3234 21.5523 10.7711 22 11.3234 22C11.8757 22 12.3234 21.5523 12.3234 21V12H21.6476C22.1999 12 22.6476 11.5523 22.6476 11C22.6476 10.4477 22.1999 10 21.6476 10H12.3234V1Z' fill='%23AF842B'/%3E%3C/svg%3E%0A");
}
.box-accordion.box-accordion-qa.active .accordion-title::before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='2' viewBox='0 0 23 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.6484 1C22.6484 1.55228 22.2007 2 21.6484 2L1.00079 2C0.448505 2 0.000789642 1.55228 0.000789642 1C0.000789642 0.447715 0.448505 0 1.00079 0L21.6484 0C22.2007 0 22.6484 0.447715 22.6484 1Z' fill='%23AF842B'/%3E%3C/svg%3E%0A");
}

.filter-year {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.2em;
  margin-bottom: 1em;
}
.filter-year
  .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: auto;
  min-width: 150px;
}
.filter-year button.btn.dropdown-toggle.btn-light {
  background: #fff;
  font-size: 1em;
  padding: 0.3em 1em;
}
.filter-year .dropdown-toggle::after {
  color: var(--clr-primary);
}

.box-report-graph {
  width: 100%;
  float: left;
  padding: 1em;
  background: var(--clr-white);
  border-radius: 1em;
  height: 100%;
}
.box-report-graph .group-btn {
  display: flex;
  width: 100%;
  float: left;
  gap: 1em;
}
.inner-report-graph,
.inner-report-graph img {
  width: 100%;
}
.box-report-graph .group-btn .btn {
  padding: 0.3em 0.8em;
}

.box-report {
  width: 100%;
  float: left;
  padding: 1em;
  background: var(--clr-white);
  border-radius: 1em;
  height: 100%;
}

.inner-box-report {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.info-report-list {
  display: flex;
  background-color: var(--clr-grey);
  border-radius: 1em;
  padding: 1em 0;
}
.info-report-item {
  padding: 0 1.75em;
  border-right: 2px solid var(--clr-line);
  width: 33.33%;
  text-align: center;
}

.info-report-item:last-child {
  border-right: 0;
}

.sec-stock-price-information {
  padding: 1.75em 0;
}
.inner-stock-price {
  display: flex;
  align-items: center;
  gap: 1em;
}
.inner-stock-price-info {
  display: flex;
  align-items: center;
  gap: 1em;
  width: 70%;
}
.inner-stock-price-info .item-info {
  flex: 0 0 auto;
  width: calc((100% - (1em * 3)) / 4);
}
.inner-stock-price-info-title {
  width: 30%;
}

/* SUB HOSPITAL */

.swiper-virtual .swiper-button {
  width: 2.2em;
  height: 2.2em;
  border-radius: 100px;
  background-color: transparent;
  border: 2px solid var(--clr-gold);
  background-image: none;
}
.swiper-virtual .swiper-button svg {
  width: 0.95em;
  height: auto;
  fill: var(--clr-gold);
}
.swiper-virtual .swiper-button::after {
  content: none;
}
.swiper-virtual .swiper-button.swiper-button-next {
  right: -3em;
}
.swiper-virtual .swiper-button.swiper-button-prev {
  left: -3em;
}
.swiper-virtual .swiper-slide img {
  border-radius: 1em;
}

.swiper-gold-btn .swiper-button {
  width: 2.2em;
  height: 2.2em;
  border-radius: 100px;
  background-color: transparent;
  border: 2px solid var(--clr-gold);
  background-image: none;
}
.swiper-gold-btn .swiper-button svg {
  width: 0.95em;
  height: auto;
  fill: var(--clr-gold);
}
.swiper-gold-btn .swiper-button::after {
  content: none;
}
.swiper-gold-btn .swiper-button.swiper-button-next {
  right: -3em;
}
.swiper-gold-btn .swiper-button.swiper-button-prev {
  left: -3em;
}
.swiper-gold-btn .swiper-slide img {
  border-radius: 1em;
}

.box-form-appointment {
  border-radius: 2em;
  overflow: hidden;
}
.form-header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 1em;
  background: linear-gradient(91.43deg, #006f6b -6.34%, #62c4b4 99.19%);
  color: var(--clr-white);
}
.form-header > .content.d-flex {
  align-items: flex-end;
  gap: 0.5em;
}
.form-header > .content.d-flex h2 {
  font-weight: 700;
  line-height: 1.3;
}
.form-body {
  width: 100%;
  padding: 2em;
}

.thumb-overlap {
  width: 100%;
  float: left;
  position: relative;
}
.thumb-overlap .thumb-image {
  padding-right: 6.3em;
  width: 100%;
  float: left;
}
.thumb-overlap .thumb-image img {
  border-radius: 1em;
  float: left;
}
.thumb-overlap .thumb-body {
  position: absolute;
  bottom: 1em;
  right: 0;
}
.content-space {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 2em;
}
.content-space > img {
  border-radius: 1em;
}

.box-cont-wrapper {
  width: 100%;
  float: left;
  border-radius: 1em;
  overflow: hidden;
}
.box-cont-wrapper .inner-box-cont {
  background-color: var(--clr-primary);
  width: 100%;
  float: left;
  padding: 1.25em 1.75em;
}
.box-cont-wrapper .inner-box-cont:nth-of-type(even) {
  background-color: var(--clr-primary-2);
}

.text-over-space {
  position: absolute;
  left: -0.65em;
  bottom: 0;
  color: var(--clr-grey);
  font-size: 10em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 0.9;
  z-index: -1;
}

.li-pb-3 > li {
  margin-bottom: 1em;
}
.bd {
  border-radius: 1em;
  overflow: hidden;
}
.content ul.list-icon-check {
  padding-left: 2em;
  display: flex;
  flex-direction: column;
  gap: 0.8em;
}
.content .list-icon-check li::before,
.list-icon-check li::before {
  top: 0;
  left: -2em;
  width: 1.5em;
  height: 1.5em;
  background-color: transparent;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5 0C6.496 0 0 6.496 0 14.5C0 22.504 6.496 29 14.5 29C22.504 29 29 22.504 29 14.5C29 6.496 22.504 0 14.5 0ZM10.5715 20.7205L5.366 15.515C5.09448 15.2441 4.94189 14.8763 4.94189 14.4927C4.94189 14.1092 5.09448 13.7414 5.366 13.4705C5.9315 12.905 6.845 12.905 7.4105 13.4705L11.601 17.6465L21.577 7.6705C22.1425 7.105 23.056 7.105 23.6215 7.6705C24.187 8.236 24.187 9.1495 23.6215 9.715L12.616 20.7205C12.065 21.286 11.137 21.286 10.5715 20.7205Z' fill='%23006F6B'/%3E%3C/svg%3E%0A");
}

/* .facility-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    grid-template-rows: auto auto; 
    gap: 20px; 
  }
  
  .facility-item:nth-child(1) {
    grid-column: span 1;
  }
  
  .facility-item:nth-child(2) {
    grid-column: span 1; 
  }
  
  .facility-item:nth-child(3),
  .facility-item:nth-child(4) {
    grid-column: span 1; 
  }

  .facility-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  } */

.facility-grid {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 1em;
}
.facility-item img {
  height: 100%;
  object-fit: cover;
}
.facility-item:nth-child(1) {
  grid-row-start: 1;
  grid-row-end: 3;
}
.facility-item:nth-child(4) {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 4;
}

.bg-overlay-primary {
  background: linear-gradient(
    91.43deg,
    rgba(0, 111, 107, 0.9) -6.34%,
    rgba(98, 196, 180, 0.9) 99.19%
  );
}
.sec-subhospital-about .outer-swiper-blog::before {
  display: none;
}
.sec-subhospital-about .thumb-ver .thumb-body {
  position: relative;
  background-color: #f7f7f7;
  top: -1em;
  width: calc(100% - 2em);
  left: 50%;
  transform: translateX(-50%);
}
.sec-subhospital-about .thumb-ver .thumb-body:before {
  content: "";
  width: 1.55em;
  height: 1.1em;
  background-size: 1.55em 1.1em;
  position: absolute;
  top: 0.2em;
  left: -0.7em;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='22' viewBox='0 0 31 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.2598 4.13281C30.2598 4.59503 29.9576 4.89726 29.3531 5.03948C26.4376 5.60837 24.8553 7.52837 24.6064 10.7995H27.8064C28.2331 10.7995 28.6064 10.9595 28.9264 11.2795C29.2464 11.5995 29.4064 11.9728 29.4064 12.3995V19.8661C29.4064 20.2928 29.2464 20.6661 28.9264 20.9861C28.6064 21.3061 28.2331 21.4661 27.8064 21.4661H18.2064C17.7798 21.4661 17.4064 21.3061 17.0864 20.9861C16.7664 20.6661 16.6064 20.2928 16.6064 19.8661V12.3995C16.6064 8.55948 17.7976 5.55504 20.1798 3.38615C22.562 1.21726 25.282 0.132812 28.3398 0.132812C29.0864 0.132812 29.5309 0.488369 29.6731 1.19948L30.2064 3.81281C30.242 3.91948 30.2598 4.02615 30.2598 4.13281ZM14.2598 4.13281C14.2598 4.59503 13.9576 4.89726 13.3531 5.03948C10.4376 5.60837 8.85533 7.52837 8.60645 10.7995H11.8064C12.2331 10.7995 12.6064 10.9595 12.9264 11.2795C13.2464 11.5995 13.4064 11.9728 13.4064 12.3995V19.8661C13.4064 20.2928 13.2464 20.6661 12.9264 20.9861C12.6064 21.3061 12.2331 21.4661 11.8064 21.4661H2.20645C1.77978 21.4661 1.40645 21.3061 1.08645 20.9861C0.766446 20.6661 0.606445 20.2928 0.606445 19.8661V12.3995C0.606445 8.55948 1.79756 5.55504 4.17978 3.38615C6.562 1.21726 9.282 0.132812 12.3398 0.132812C13.0864 0.132812 13.5309 0.488369 13.6731 1.19948L14.2064 3.81281C14.242 3.91948 14.2598 4.02615 14.2598 4.13281Z' fill='%23006F6B'/%3E%3C/svg%3E%0A");
}
.sec-subhospital-about .thumb-ver .thumb-body:after {
  content: "";
  width: 1.55em;
  height: 1.1em;
  background-size: 1.55em 1.1em;
  position: absolute;
  bottom: 0.2em;
  right: -0.7em;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='22' viewBox='0 0 31 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7529 17.5326C16.7529 17.0703 17.0552 16.7681 17.6596 16.6259C20.5752 16.057 22.1574 14.137 22.4063 10.8659H19.2063C18.7796 10.8659 18.4063 10.7059 18.0863 10.3859C17.7663 10.0659 17.6063 9.69255 17.6063 9.26588V1.79922C17.6063 1.37255 17.7663 0.999218 18.0863 0.679218C18.4063 0.359219 18.7796 0.199219 19.2063 0.199219H28.8063C29.2329 0.199219 29.6063 0.359219 29.9263 0.679218C30.2463 0.999218 30.4063 1.37255 30.4063 1.79922V9.26588C30.4063 13.1059 29.2152 16.1103 26.8329 18.2792C24.4507 20.4481 21.7307 21.5326 18.6729 21.5326C17.9263 21.5326 17.4818 21.177 17.3396 20.4659L16.8063 17.8526C16.7707 17.7459 16.7529 17.6392 16.7529 17.5326ZM0.75293 17.5326C0.75293 17.0703 1.05515 16.7681 1.6596 16.6259C4.57515 16.057 6.15737 14.137 6.40626 10.8659H3.20626C2.7796 10.8659 2.40626 10.7059 2.08626 10.3859C1.76626 10.0659 1.60626 9.69255 1.60626 9.26588V1.79922C1.60626 1.37255 1.76626 0.999218 2.08626 0.679218C2.40626 0.359219 2.7796 0.199219 3.20626 0.199219H12.8063C13.2329 0.199219 13.6063 0.359219 13.9263 0.679218C14.2463 0.999218 14.4063 1.37255 14.4063 1.79922V9.26588C14.4063 13.1059 13.2152 16.1103 10.8329 18.2792C8.45071 20.4481 5.73071 21.5326 2.67293 21.5326C1.92626 21.5326 1.48182 21.177 1.3396 20.4659L0.806263 17.8526C0.770707 17.7459 0.75293 17.6392 0.75293 17.5326Z' fill='%23006F6B'/%3E%3C/svg%3E%0A");
}
.sec-subhospital-about .swiper-blog .swiper-pagination {
  background-color: var(--clr-grey);
}
.sec-subhospital-about
  .swiper-blog
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: linear-gradient(91.43deg, #af842b -6.34%, #eebd7c 99.19%);
}
.sec-subhospital-about .swiper-blog .swiper-button {
  border-color: #af842b;
}
.sec-subhospital-about .swiper-blog .swiper-button svg {
  fill: #af842b;
}

.click-to-play {
  cursor: pointer;
}
.click-to-play:hover::before {
  transform: translate(-50%, -50%) scale(1.1);
}
.click-to-play .thumb-video {
  position: relative;
  z-index: 2;
  width: 100%;
  float: left;
}
.click-to-play iframe,
.click-to-play video {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.click-to-play::before {
  content: "";
  width: 7em;
  height: 7em;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/skin/icon-play.png);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 0.4s;
  z-index: 3;
}
.click-to-play.play .thumb-video {
  opacity: 0;
  z-index: -1;
}
.click-to-play.play::before {
  display: none;
}

.box-thumb-gallery {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
}
.swiper-gallery-preview .swiper-slide img {
  aspect-ratio: 414 / 374;
  object-fit: cover;
}
.swiper-gallery-list {
  width: calc(100% - ((1.4em * 2) + 2em));
  gap: 1em;
}
.box-thumb-gallery .swiper-button {
  width: 1.4em;
  height: 1.4em;
  box-shadow: 0px 0px 3px rgba(16, 24, 40, 0.1),
    0px 2px 5px rgba(16, 24, 40, 0.06);
  border-radius: 100px;
  background-color: #fff;
  border-radius: 100px;
  position: relative;
  left: auto;
  right: auto;
  margin: 0;
}
.box-thumb-gallery .swiper-button::after {
  display: none;
}
.box-thumb-gallery .swiper-slide {
  border-radius: 1em;
  overflow: hidden;
}
.box-thumb-gallery .swiper-slide img {
  width: 100%;
  float: left;
  aspect-ratio: 414 / 374;
  object-fit: cover;
}
.box-thumb-gallery .swiper-slide-thumb-active {
  border: 2px solid var(--clr-primary);
}

.box-product-stc {
  display: flex;
  align-items: center;
  gap: 1em;
}
.inner-set-qstc {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 30%;
}
.btn-item-qts {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-qts {
  width: 100%;
  padding: 8px 40px;
  text-align: center;
  -moz-appearance: textfield; /* Firefox */
  -webkit-appearance: none; /* Safari, Chrome */
  appearance: none; /* Standard */
}

.box-qts::-webkit-outer-spin-button,
.box-qts::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.item-minus {
  left: 10px;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  padding: 0;
}
.item-plus {
  right: 10px;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  padding: 0;
}

.product-accr {
  border-bottom: 1px solid var(--clr-line);
  padding: 0.5em 0;
  width: 100%;
  float: left;
}
.product-accr-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.product-accr.active .product-accr-body {
  display: block;
}
.product-accr-body {
  display: none;
  width: 100%;
  float: left;
  padding: 0.5em 0;
  font-size: 0.9em;
}
.product-accr-body * {
  font-weight: 300;
  color: var(--clr-dark-grey);
}
.product-accr-body ul li::before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0.55em;
  left: -0.6em;
  background-color: var(--clr-dark-grey);
  border-radius: 120px;
}
.product-accr .icon-plus {
  display: block;
  width: 1.75em;
  height: 1.75em;
}
.product-accr .icon-minus {
  display: none;
  width: 1.75em;
  height: 1.75em;
}

.product-accr.active .icon-plus {
  display: none;
}
.product-accr.active .icon-minus {
  display: block;
}

.list-cart-item {
  width: 100%;
  float: left;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 3em;
}
.remove-item {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.15em;
  height: 1.15em;
  cursor: pointer;
}
.remove-item svg {
  width: 100%;
  height: 100%;
}
.product-item {
  display: flex;
  align-items: center;
  gap: 3em;
  position: relative;
  width: 100%;
  float: left;
  padding-top: 1em;
}
.product-thumb {
  width: 100%;
  height: 100%;
  max-width: 7.5em;
  max-height: 7.5em;
  object-fit: cover;
  border-radius: 1em;
  overflow: hidden;
}
.product-thumb img {
  width: 100%;
  float: left;
}
.product-name {
  width: calc(60% - 7.5em);
}
.product-qstc {
  display: flex;
  width: 20%;
  gap: 1em;
  align-items: center;
}
.product-qstc .inner-set-qstc {
  width: 100%;
  max-width: 100%;
}
.product-price {
  width: 20%;
  text-align: right;
}
.cart-result {
  width: 90%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1.5em 0;
  border-top: 1px solid;
  font-size: var(--h5-font-size);
  font-weight: 500;
}
.cart-group-btn {
  width: 100%;
  float: left;
  text-align: center;
}

.item-df-2 {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  font-size: 0.8em;
  width: 100%;
  float: left;
}
.item-df-l {
  width: calc(50% - 0.5em);
}
.item-df-r {
  width: calc(50% - 0.5em);
  text-align: right;
}
.form-checkout hr {
  width: 100%;
  height: 1px;
  float: left;
}
.f-up {
  font-size: 1.22em;
}
.popup.popup-confirm-order {
  align-items: center;
  justify-content: center;
}
.popup.popup-confirm-order .popup-container {
  max-width: 500px;
  padding: 5em 5em 4em 5em;
}
.popup.popup-confirm-order .box-close-popup {
  position: absolute;
  top: 1em;
  right: 1em;
}

.close-popup {
  cursor: pointer;
}
.popup-cart {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background-color: var(--clr-white);
  min-width: 550px;
  padding: 1.2em;
  border-radius: 1em;
  z-index: 999;
  cursor: auto;
  display: none;
}
.popup-cart ::before {
  display: none;
}
.popup-cart-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.popup-cart-header-title {
  width: 100%;
  float: left;
  font-size: 1.25em;
  color: #000;
}
.box-item-cart {
  width: 100%;
  display: flex;
  color: #000;
  gap: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid var(--clr-line);
}
.box-item-cart .product-thumb {
  max-width: 5em;
  max-height: 5em;
}
.list-item-cart {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-bottom: 1em;
}
.box-item-cart .product-name {
  width: calc(100% - 6em);
}

.sec-product .thumb-ver .thumb-image img {
  width: 100%;
  float: left;
  aspect-ratio: 414 / 374;
  object-fit: cover;
}

.box-search {
  width: auto;
  position: relative;
}
.group-search {
  display: flex;
  align-items: center;
  gap: 10px;
}
.box-search input {
  padding-right: 50px;
  max-width: 270px;
}
.box-search button {
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.set-al-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fix-bar-contact {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  border-radius: 20px 0 0 20px;
  z-index: 98;
  background: linear-gradient(-109.87deg, #006f6b -5.8%, #62c4b4 105.06%),
    #64c5c1;
}
.fix-bar-contact a {
  color: #fff;
  padding: 0.75em 0.85em;
}
.fix-bar-contact a:first-child {
  border-bottom: 1px solid #fff;
}
.fix-bar-contact a > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fix-bar-contact a > span img {
  width: 4em;
  height: 4em;
}
@media (max-width: 1599px) {
  :root {
    --body-font-size: 1.125em;
  }

  .header-main ul {
    gap: 2.125em;
  }

  .header-main ul li {
    padding: 1.125em 1em;
  }

  img.ele-line-dot {
    left: -15%;
  }
}

@media (max-width: 1439px) {
  :root {
    --body-font-size: 1em;
  }
  .sec-banner-haft .col-haft {
    width: 50%;
  }

  .sec-product .thumb .thumb-body .thumb-title {
    min-height: 50px;
  }

  img.ele-line-dot {
    left: -18%;
  }
}

@media (max-width: 1399px) {
  :root {
    --space-container: 1140px;
  }
  .box-nav-inner-list > li::before {
    top: 10px;
  }
}

@media (max-width: 1199px) {
  :root {
    --space-container: 960px;
    --h1-font-size: 3em;
  }

  .sec-our-business .thumb-oncard .thumb-body {
    width: 50%;
  }
  .sec-banner-haft .col-haft:before {
    width: calc(((100vw - var(--space-container)) / 2) + 110%);
  }

  .group-ele-percent {
    font-size: 0.8em;
  }

  .inner-box-report,
  .box-report-graph .group-btn {
    font-size: 0.9em;
  }

  .product-item {
    gap: 2em;
  }

  .header-main .container ul .nav-inner-list-item > ul {
    width: 20%;
  }
  .header-main .container ul .nav-inner-list-item > ul.box-nav-inner-list li {
    padding: 0.125em 1em;
  }
  .inner-list-cont {
    width: 80%;
  }
  .header-main .container ul .item-list-cont ul {
    gap: 0;
  }
}

@media (max-width: 991px) {
  :root {
    --space-container: 720px;
  }

  .inner-list-cont {
    width: 100%;
  }

  .sec-our-business .thumb-oncard .thumb-body {
    width: 65%;
  }

  .blogs-highlight .thumb .thumb-body {
    padding-bottom: 60px;
  }

  .sec-product .thumb .thumb-body .thumb-title {
    min-height: 45px;
  }

  img.ele-line-dot {
    left: -28%;
  }

  .inner-stock-price {
    flex-direction: column;
  }
  .inner-stock-price-info-title {
    width: 100%;
  }
  .inner-stock-price-info {
    width: 100%;
  }

  .product-item {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .product-name {
    width: calc(100% - 7.5em - 2em);
  }
  .product-qstc {
    width: 30%;
  }
  .product-price {
    width: calc(70% - 2em);
  }
  .custom-column {
    flex-direction: column-reverse;
  }

  .header-top .container {
    max-width: none;
  }

  .box-logo {
    width: auto;
    padding: 0.7em 1.7em;
    z-index: 3;
    height: 65px;
  }
  .header-main {
    position: fixed;
    width: 100%;
    height: 100dvh;
    top: 0;
    left: 0;
    padding: 100px 0 20px;
    z-index: 1;
  }
  .header-main .container > ul {
    flex-direction: column;
    align-items: baseline;
    gap: 10px;
  }
  .header-main .container > ul > li {
    width: 100%;
    border-bottom: 1px solid var(--clr-line);
    padding: 0;
  }
  .header-main .container > ul > li > a {
    width: 100%;
    padding: 5px 0 10px;
    float: left;
  }
  .open-menu {
    padding: 0 !important;
    margin: 0 !important;
  }
  .header-main {
    display: none;
  }
  .close-menu {
    position: absolute;
    right: 10px;
    top: 16px;
    z-index: 3;
    font-size: 16px;
    display: none;
  }

  .inner-sub-menu {
    position: relative;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    pointer-events: auto;
  }
  .nav-inner-list-item {
    flex-direction: column;
  }
  .header-main ul li {
    width: 100%;
  }
  .header-main .container ul .item-list-cont {
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--clr-line);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .header-main .container ul .item-list-cont:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .header-main .container ul .nav-inner-list-item > ul {
    display: none !important;
  }
  .header-main .container ul .item-list-cont ul {
    gap: 1em;
    display: none;
    margin-top: 15px;
    flex-direction: row;
  }

  .header-main ul li br {
    display: none;
  }
  .item-list-cont {
    display: block;
  }

  .inner-sub-menu.sub-menu-list {
    width: 100%;
    float: left;
    padding-left: 20px;
  }
  .inner-sub-menu.sub-menu-list .container {
    padding: 0;
  }
  .inner-list-sub-menu {
    width: 100%;
    float: left;
  }
  .item-list-cont-title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.25em;
    margin-bottom: 0;
    position: relative;
  }
  .item-list-cont ul li {
    padding: 0 !important;
    width: calc(33.33% - 1em) !important;
  }
  .header-main .container ul .item-list-cont > ul {
    padding-left: 0 !important;
  }
  .header-main .container ul .item-list-cont.show ul {
    display: flex;
  }
  .header-main .container ul .item-list-cont li {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .inner-sub-menu.sub-menu-normal {
    justify-content: flex-start;
  }
  .header-main .container ul {
    flex-direction: column;
  }
  /* .header-main .container > ul > li.has-sub .inner-sub-menu {
        display: none;
    } */
  .header-main .container ul li.has-sub ul {
    padding-left: 20px;
    width: 100%;
    gap: 10px;
  }
  .header-main .container ul li.has-sub ul li {
    width: 100%;
    border-bottom: 1px solid var(--clr-line);
    padding: 0;
  }
  .header-main .container ul li.has-sub ul li:last-child {
    border-bottom: 0;
  }
  .header-main .container ul li.has-sub ul li a {
    width: 100%;
    padding: 5px 0 10px;
    float: left;
  }
  .inner-sub-menu.sub-menu-normal ul {
    gap: 10px;
  }

  .header-main .container > ul {
    max-height: calc(100dvh - 120px);
    justify-content: flex-start;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .header-main .container > ul::-webkit-scrollbar {
    display: none;
  }

  .item-list-cont-title::before {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.908594 0.27161C1.31087 -0.106793 1.94374 -0.0874369 2.32215 0.314844L6.29698 4.54049L10.2718 0.314844C10.6502 -0.0874369 11.2831 -0.106793 11.6854 0.27161C12.0876 0.650013 12.107 1.28288 11.7286 1.68516L6.29698 7.45952L0.86536 1.68516C0.486957 1.28288 0.506313 0.650013 0.908594 0.27161Z' fill='%2364C5C1'/%3E%3C/svg%3E%0A");
  }
  .header-main
    .container
    ul
    .item-list-cont.show
    .item-list-cont-title::before {
    transform: rotate(-180deg);
  }

  .box-footer-menu {
    flex-direction: column;
  }

  .box-footer-menu ul:not(.follow) li::before {
    right: calc(-2.55em / 2);
    transform: none;
  }

  .box-footer-menu ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .btn {
    font-size: 1em;
  }
  .contact-haft-l:before {
    width: 100vw;
    right: 0;
    left: calc(50% - 50vw);
  }
  img.contact-sm-banner {
    position: relative;
    width: 100vw;
    margin-top: 30px;
    float: left;
    left: calc(50% - 50vw);
  }

  .blogs-highlight .thumb.thumb-hoz {
    flex-direction: column;
  }
  .blogs-highlight .thumb.thumb-hoz > div {
    width: 100%;
  }
  .blogs-highlight .thumb .thumb-body {
    padding-bottom: 0;
  }
  .blogs-highlight .thumb-inner-footer {
    position: relative;
    margin-top: 40px;
  }
  .inner-tab-navigate {
    flex-direction: column;
    gap: 10px;
    padding: 1.75em 0 0;
  }
  .inner-tab-navigate ul {
    width: 100%;
  }
  .blogs-length {
    width: 100%;
    justify-content: flex-end;
  }

  .sec-our-business .thumb-oncard .thumb-body {
    padding: 1.5em 1.875em 1.5em;
  }
  .banner-haft-img {
    position: relative;
  }
  .sec-banner-haft .col-haft:before {
    display: none;
  }
  .banner-haft-cont {
    background: var(--clr-gd-primary);
  }
  .sec-banner-haft .col-haft {
    width: 100%;
  }
  .cont-hoz-fluid .thumb.thumb-hoz {
    flex-direction: column;
  }
  .cont-hoz-fluid .thumb.thumb-hoz > div {
    width: 100%;
  }
  .outer-swiper-blog::before {
    left: calc(50% - 50vw);
  }
  .swiper-blog {
    overflow: visible;
  }

  .inner-popup {
    display: block;
  }
  .popup-image {
    width: 100%;
    aspect-ratio: 1/1;
    margin-bottom: 20px;
  }
  .popup-cont {
    width: 100%;
  }
  .inner-popup {
    max-height: 80vh;
  }
  .popup-image img {
    /* aspect-ratio: 1 / 1;
    object-fit: cover; */
  }

  .group-ele-percent {
    font-size: 0.5em;
  }
  img.ele-line-dot {
    left: -20%;
  }

  .inner-stock-price-info {
    flex-wrap: wrap;
  }
  .inner-stock-price-info .item-info {
    width: calc(50% - 1em);
  }
  .item-list-cont ul li {
    padding: 0 !important;
    width: calc(50% - 1em) !important;
  }

  .header-main .container ul .item-list-cont ul.list-menu-vertical {
    font-size: 1.2em;
  }
}

@media (max-width: 575px) {
  :root {
    --body-font-size: 0.9em;
  }

  /* .content br{display: none;} */
  .blog-detail .content br {
    display: block;
  }
  .inner-banner-cont .thumb-title.h4 {
    font-size: var(--h5-font-size);
  }

  .swiper-medical-team {
    overflow: visible;
  }

  .box-contact-ul ul {
    flex-direction: column;
  }
  .box-contact-ul ul li {
    width: 100%;
    text-align: center;
  }
  .box-contact-ul ul li a {
    width: 80%;
  }

  .img.ele-line-dot {
    height: 150%;
  }
  .sec-our-business .thumb-oncard .thumb-body {
    width: 100%;
  }

  .thumb.thumb-hoz.thumb-hoz-icon {
    height: 100%;
    padding: 10px;
    gap: 0.5em;
    min-height: 80px;
  }
  .thumb.thumb-hoz.thumb-hoz-icon .thumb-image {
    width: 45px;
    height: 45px;
    padding: 10px;
  }
  .thumb.thumb-hoz.thumb-hoz-icon .thumb-body {
    width: calc(100% - (45px + 0.5em));
  }

  .inner-box-report {
    font-size: 0.6em;
  }
  .list-download-full ul li {
    flex-direction: column;
    gap: 10px;
  }

  .product-qstc {
    width: 50%;
  }
  .product-price {
    width: calc(50% - 2em);
  }

  .popup.popup-confirm-order .popup-container {
    max-width: 95vw;
  }

  .header-cart {
    position: unset !important;
  }
  .popup-cart {
    left: 2.5vw;
    width: 95vw;
    min-width: auto;
    top: 50px;
  }

  .head-tel {
    display: none;
  }

  .sec-our-business .thumb-image {
    width: 100%;
    float: left;
  }
  .sec-our-business .thumb-image img {
    min-height: 200px;
    object-fit: cover;
  }
  span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 60px;
  }

  .group-search {
    justify-content: flex-end;
  }
}

@media (max-width: 415px) {
  .swiper-blog .swiper-footer {
    flex-direction: column;
  }
  .swiper-blog .swiper-group-tool {
    width: 100%;
  }

  .item-df-2 {
    font-size: 1em;
  }
  .item-df-l {
    width: calc(70% - 0.5em);
  }
  .item-df-r {
    width: calc(30% - 0.5em);
  }

  .popup.popup-confirm-order .popup-container {
    padding: 5em 1em 4em 1em;
  }
}

.is-invalid {
  border-color: #dc3545;
}
.error-message {
  font-size: 14px;
  margin-top: 5px;
}

.content.unset-color .clr-primary-2 {
  color: unset;
}

.btn-backhome {
  background-color: var(--clr-white);
  color: var(--clr-primary) !important;
  padding: 0.5em 1em !important;
  border-radius: 0.5em;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
}

.btn-backhome:hover {
  color: var(--clr-white);
  opacity: 0.8;
}

.btn-backhome::before {
  content: "";
  width: 0px !important;
}

.content-editer ul {
  list-style: unset;
}

.primary-pagination ul.pagination {
  justify-content: center;
}

.page-link:focus {
  box-shadow: none;
}

.primary-pagination .page-link {
  color: var(--clr-primary);
  border: 1px solid #b9b9b9;
  border-right: 0;
  border-left: 0;
  background-color: transparent;
}

.primary-pagination .page-item:first-child .page-link {
  border: 1px solid #b9b9b9;
  color: var(--clr-body);
}

.primary-pagination .page-item:last-child .page-link {
  border: 1px solid #b9b9b9;
  color: var(--clr-body);
}

.primary-pagination .page-item:not(:first-child, :last-child) .page-link:hover,
.primary-pagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: var(--clr-primary);
  border: 1px solid var(--clr-primary);
  border-right: 0;
  border-left: 0;
}

@media screen and (max-width: 400px) {
  .fix-text-1 {
    font-size: 1em !important;
  }
  .fix-text-2 h2 {
    font-size: 2em !important;
  }
}

.giftcard-card::before {
  content: attr(data-order);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.giftcard-container {
  display: flex;
  /* gap: 10px; */
  overflow: hidden;
  flex-direction: row;
}

.giftcard-card {
  height: 500px;
  width: 25%;
  position: relative;
  transition: flex-grow 0.3s ease-in-out;
  border: 1px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
}

.giftcard-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  transition: transform 0.3s ease-in-out;
  display: block;
}

.giftcard-card:hover {
  width: 50%;
  transition: all 0.3s ease-in-out;
}

.giftcard-card-content {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.giftcard-card-content .text-wrapper {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 20%,
    rgba(0, 0, 0, 0.1) 100%,
    rgba(0, 0, 0, 0) 100%
  );
  color: #fff;
  padding: 10px;
  min-height: 20%;
}

.custom-ui-form input {
  border: 1px solid var(--clr-primary);
  background-color: var(--clr-white);
  border-radius: 10px;
}
.custom-ui-form input::placeholder {
  color: var(--clr-primary);
}
.custom-ui-form select,
.custom-ui-form .dropdown-toggle {
  color: var(--clr-primary) !important;
  background-color: var(--clr-white) !important;
  border: 1px solid var(--clr-primary) !important;
  border-radius: 10px !important;
}

.sec-banner-haft .col-haft-ct:before {
  left: calc((100vw - var(--space-container)) / -100);
  border-radius: 70px 0 0 70px;
  background: var(--clr-white);
  border: 1px solid var(--clr-primary);
  border-right: none;
}

.sec-banner-haft .col-haft-ct-left:before {
  border-radius: 0 70px 70px 0px;
  background: var(--clr-primary);
  width: calc(((100vw - var(--space-container)) / 2) + 99%);
}

.section-my-success {
  padding: 2.8em;
}

.section-my-success .ribbon {
  background-color: rgb(255 255 255 / 83%);
  color: var(--clr-primary);
  padding: 0.5em 1em;
  border-radius: 10px;
  position: relative;
  margin-bottom: 3em;
}

.section-my-success .ribbon span {
  position: absolute;
  top: 50%;
  right: 2%;
  width: 20%;
  height: 3%;
  background-color: var(--clr-primary);
  border-radius: 10px;
  transform: translateY(-50%);
}

.section-my-success .ribbon .title {
  font-weight: 700;
}

.section-my-success .inner-banner-cont {
  align-items: end !important;
}

.section-my-success .thumb-my-success {
  color: var(--clr-white);
  padding: 1em;
  border-radius: 10px;
  background-color: var(--clr-primary);
  height: 100%;
}

/* .custom-ui-form .select-ct select{
  border:0 !important;
} */

.custom-ui-form .dropdown-toggle:first-child {
  border: 0px !important;
}
.custom-ui-form .dropdown-toggle {
  border: 0px !important;
}
.custom-ui-form .dropdown-toggle .filter-option-inner-inner {
  font-size: 2rem;
}
.custom-ui-form .dropdown-toggle:after {
  font-size: 2rem;
  z-index: 2;
  color: var(--clr-white);
}

.pagination-ct .swiper-pagination-bullet-active {
  background: #006f6b !important;
}

.content-editer.ct h3 {
  font-weight: 300 !important;
}

.custom-ui-form .dropdown-toggle::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: var(--clr-primary);
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  right: 14px;
  z-index: 0;
  border-radius: 10px;
}

.custom-ui-form .dropdown-menu .text {
  color: var(--clr-primary);
}

.t-big {
  font-weight: 700 !important;
}
.landing-sub-header {
  font-weight: 400;
}

@media (max-width: 575px) {
  .t-big {
    font-size: 2em !important;
  }

  .landing-sub-header {
    font-size: 1.8em !important;
  }

  .swap-white {
    color: var(--clr-white);
  }

  .giftcard-container {
    flex-direction: column;
  }

  .giftcard-card {
    height: 300px;
    width: 100%;
    margin-bottom: 10px;
  }

  .giftcard-card:hover {
    width: 100%;
    transition: all 0.3s ease-in-out;
  }

  .section-my-success.landing {
    padding: 12px;
    justify-content: center;
  }

  .section-my-success.landing .title {
    font-size: 2.3em;
    width: 75%;
  }

  .landing h1 {
    font-size: 1.7em !important;
  }

  .landing h2 {
    font-size: 1.6em !important;
  }
  .landing h3 {
    font-size: 1.4em !important;
    white-space: pre-wrap;
  }
  .landing .content {
    padding: 12px !important;
  }
  .pd-80.landing {
    padding: 1em 0;
  }
  .custom-ui-form .dropdown-toggle .filter-option-inner-inner {
    font-size: 1rem;
  }
}

.sec-our-business .thumb-oncard .thumb-body.thumb-body-ct-1 {
  width: 100% !important;
  height: auto !important;
  position: absolute;
  bottom: 0 !important;
  left: 0 !important;
  top: unset !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  padding: 2.5em 1.85em 1em !important;
  font-size: 0.8rem !important;
}

.sec-our-business .thumb-oncard .thumb-body.thumb-body-ct-1::before {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 20%,
    rgba(0, 0, 0, 0.1) 100%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}

.lannding-hr {
  width: 50%;
  height: 3px;
  background-color: var(--clr-primary);
  margin: 10px 0;
  position: relative;
  display: block;
}

.custom-text-banner-landing {
  font-size: 2.9em !important;
}
.btn-banner-landing {
  font-size: 2em !important;
  margin-top: 1rem;
  border-radius: 20px;
  padding: 0.1em 2em;
}

@media screen and (max-width: 992px) {
  .custom-text-banner-landing {
    font-size: 2.1em !important;
  }
  .btn-banner-landing {
    font-size: 1.5em !important;
    border-radius: 10px;
  }
}
.br-mobile{
  display: none;
}

@media screen and (max-width: 425px) {
  .custom-text-banner-landing {
    font-size: 1.7em !important;
  }
  .btn-banner-landing {
    font-size: 0.9em !important;
    margin-top: 0;
  }
  .landing-banner .inner-banner-cont {
    align-items: start !important;
  }
  .landing-banner .inner-banner-cont .content {
    text-align: center;
  }
  .lannding-hr {
    width: 100%;
    padding: 0 10px;
    margin: 5px 0;
  }

  .fix-bar-contact a {
    padding: 0.5em 0.5em;
  }
  .fix-bar-contact a > span img {
    width: 3em;
    height: 3em;
  }
}


@media screen and (max-width: 575px) {
  .br-mobile{
    display: block;
  }
  .fix-bar-contact{
    bottom: 20px;
    top: unset;
    transform:translate(0,0);
  }
  .inner-banner-cont .content img{
    max-width: 35%;
  }
}

.blog-detail img {
  object-fit: contain;
}

.pin-icon,.light-icon{
  display: inline;
}

.pin-icon::before {
  content: "📌";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.light-icon::before {
  content: "💡";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.greenheart-icon::before {
  content: "💚";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.girl-icon::before {
  content: "👩";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.oldgirl-icon::before {
  content: "👩🏻‍🦳";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.oldmama-icon::before {
  content: "👵🏻";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.square-icon::before {
  content: "🔹";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.rightpointer-icon::before {
  content: "👉";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.leftpointer-icon::before {
  content: "👈";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}
.phone-icon::before {
  content: "📞";
  font-size: 24px; /* ปรับขนาดตัวอักษร */
  color: #f39c12; /* ปรับสีของ emoji */
}

.box-innter-ct{
  background-color: var(--clr-white);
  padding: 4em 2em;
  border-radius: 10px;
}
.box-innter-ct ul , .box-innter-ct li{
  font-weight: 300;

}

.ul-style{
  list-style-type: disc; 
  list-style-position: inside;
  padding-left: 0;
  margin-left: 0;
  font-weight: 400;
  text-align: left;
  padding-inline-start:1rem;
}
.ol-style{
  list-style-type: decimal; 
  list-style-position: inside;
  padding-left: 0;
  margin-left: 0;
  font-weight: 400;
  text-align: left;
  padding-inline-start:1rem;
}