html,
body {
  scroll-padding-top: 5rem;
  scroll-behavior: smooth;
}


.navbar-sticky {
  background-color: #fff;
  box-shadow: 0 2px 10px #ddd;
  transition: box-shadow 0.3s ease-in-out;
}
.navbar-sticky.sticky {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  animation: slideDown 0.5s ease-in-out;
}
.navbar-sticky.sticky nav {
  padding: 0.3rem;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
body.has-sticky {
  padding-top: var(--header-height);
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  opacity: 0.4;
  background: transparent;
  border: 1px solid #fff;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  border-color: #1574B3;
  background: #1574B3;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  position: static;
}
/* STYLE 2 */
.custom_bullet.swiper-pagination {
  width: auto;
}
.custom_bullet .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  opacity: 0.4;
  background: #8d8d8d;
  border: 0;
}
.custom_bullet .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  border-color: #1574B3;
  background: #1574B3;
}
.custom_navs .swiper-button-next,
.custom_navs .swiper-button-prev {
  border: 1px solid #000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0;
  color: #000;
}
.custom_navs .swiper-button-prev:after,
.custom_navs .swiper-rtl .swiper-button-next:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M14.143 15.962a.5.5 0 0 1-.244.68l-9.402 4.193c-1.495.667-3.047-.814-2.306-2.202l3.152-5.904c.245-.459.245-1 0-1.458L2.191 5.367c-.74-1.388.81-2.87 2.306-2.202l3.525 1.572a2 2 0 0 1 .974.932z'/%3E%3Cpath fill='%23000' d='M15.533 15.39a.5.5 0 0 0 .651.233l4.823-2.15c1.323-.59 1.323-2.355 0-2.945L12.109 6.56a.5.5 0 0 0-.651.68z' opacity='0.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.custom_navs .swiper-button-next:after,
.custom_navs .swiper-rtl .swiper-button-prev:after {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.857 15.962a.5.5 0 0 0 .243.68l9.402 4.193c1.496.667 3.047-.814 2.306-2.202l-3.152-5.904c-.245-.459-.245-1 0-1.458l3.152-5.904c.741-1.388-.81-2.87-2.306-2.202l-3.524 1.572a2 2 0 0 0-.975.932z'/%3E%3Cpath fill='%23000' d='M8.466 15.39a.5.5 0 0 1-.65.233l-4.823-2.15c-1.324-.59-1.324-2.355 0-2.945L11.89 6.56a.5.5 0 0 1 .651.68z' opacity='0.5'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.custom_arrow.swiper-button-prev,
.custom_arrow.swiper-button-next {
  /* top: auto !important; */
  /* bottom: 5rem; */
  /* left: auto !important; */
  /* right: auto !important; */
  color: #444 !important;
  background-color: #fff;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
}
.custom_arrow.swiper-button-prev:after,
.custom_arrow.swiper-button-next:after {
  font-size: 20px !important;
}
.nav_slide .swiper-button-prev:after,
.nav_slide .swiper-rtl .swiper-button-next:after {
  content: "prev";
  display: inline-block;
  width: 1em;
  height: 1.2em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M134.059 296H436c6.627 0 12-5.373 12-12v-56c0-6.627-5.373-12-12-12H134.059v-46.059c0-21.382-25.851-32.09-40.971-16.971L7.029 239.029c-9.373 9.373-9.373 24.569 0 33.941l86.059 86.059c15.119 15.119 40.971 4.411 40.971-16.971z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.nav_slide .swiper-button-next:after,
.nav_slide .swiper-rtl .swiper-button-prev:after {
  content: "next";
  display: inline-block;
  width: 1em;
  height: 1.2em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
/* ******************************************************/
.loading {
  opacity: 0;
  visibility: hidden;
}
.nav_swiper .swiper-slide {
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}
.nav_swiper
  .swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-thumb-active {
  opacity: 1;
  /* border-color: #4c98f0; */
  padding: 5px;
}
/* Modal animations */
.modal-enter {
  opacity: 0;
  transform: scale(0.95);
}
.modal-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s, transform 0.5s;
}
.modal-exit-active {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.5s, transform 0.5s;
}
body.no-scroll {
  overflow: hidden;
}
/* ************************************************** */
.color1 {
  color: #74fc7c;
}
.color2 {
  color: #247cec;
}
.color3 {
  color: #4cdcb8;
}
.color4 {
  color: #4c98f0;
}
.color5 {
  color: #60bc9e;
}
.color6 {
  color: #1b74b4;
}
.bg_search_form::before {
  background-image: var(--background-url);
}

.select2-container .select2-selection {
  font-size: 15px;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-inline-end: 2.25rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.home_search .ajax-tree-select-container .input_search_ajx,
.home_search .select2-container .select2-selection {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

@media screen and (max-width: 1279px) {
  .select2-container .select2-selection {
    font-size: 12px;
    border-radius: 0.5rem;
    padding: 13px 14px;
  }
}

.custom-shape-divider-bottom-1738766698 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}
.custom-shape-divider-bottom-1738766698 svg {
  position: relative;
  display: block;
  width: 100vw;
  height: 126px;
}
.custom-shape-divider-bottom-1738766698 .shape-fill {
  fill: #ffffff;
}
@media screen and (max-width: 991px) {
  .custom-shape-divider-bottom-1738766698 svg {
    width: 150vw;
    height: 80px;
  }
}

.home-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  /* background-color: #247cec; */
  background: rgb(36, 124, 236);
  background: -moz-linear-gradient(
    186deg,
    rgba(36, 124, 236, 1) 0%,
    rgba(76, 220, 184, 1) 100%
  );
  background: -webkit-linear-gradient(
    186deg,
    rgba(36, 124, 236, 1) 0%,
    rgba(76, 220, 184, 1) 100%
  );
  background: linear-gradient(
    186deg,
    rgba(36, 124, 236, 1) 0%,
    rgba(76, 220, 184, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#247cec",endColorstr="#4cdcb8",GradientType=1);
  /* background-image: url(../images/banner/clinic-visit-2.png); */
  /* background-size: cover; */
  /* background-repeat: no-repeat; */
  clip-path: polygon(
    100% 0%,
    0% 0%,
    0% 68.35%,
    1% 68.19%,
    2% 68.01%,
    3% 67.81%,
    4% 67.6%,
    5% 67.37%,
    6% 67.12%,
    7% 66.86%,
    8% 66.59%,
    9% 66.31%,
    10% 66.02%,
    11% 65.73%,
    12% 65.43%,
    13% 65.14%,
    14% 64.84%,
    15% 64.54%,
    16% 64.25%,
    17% 63.97%,
    18% 63.69%,
    19% 63.42%,
    20% 63.17%,
    21% 62.93%,
    22% 62.7%,
    23% 62.49%,
    24% 62.3%,
    25% 62.13%,
    26% 61.98%,
    27% 61.84%,
    28% 61.74%,
    29% 61.65%,
    30% 61.59%,
    31% 61.55%,
    32% 61.54%,
    33% 61.55%,
    34% 61.58%,
    35% 61.64%,
    36% 61.73%,
    37% 61.83%,
    38% 61.96%,
    39% 62.11%,
    40% 62.28%,
    41% 62.47%,
    42% 62.68%,
    43% 62.9%,
    44% 63.14%,
    45% 63.4%,
    46% 63.66%,
    47% 63.94%,
    48% 64.22%,
    49% 64.51%,
    50% 64.81%,
    51% 65.1%,
    52% 65.4%,
    53% 65.7%,
    54% 65.99%,
    55% 66.28%,
    56% 66.56%,
    57% 66.83%,
    58% 67.09%,
    59% 67.34%,
    60% 67.57%,
    61% 67.79%,
    62% 67.99%,
    63% 68.17%,
    64% 68.34%,
    65% 68.48%,
    66% 68.59%,
    67% 68.69%,
    68% 68.76%,
    69% 68.81%,
    70% 68.84%,
    71% 68.84%,
    72% 68.81%,
    73% 68.76%,
    74% 68.69%,
    75% 68.6%,
    76% 68.48%,
    77% 68.34%,
    78% 68.18%,
    79% 68%,
    80% 67.8%,
    81% 67.58%,
    82% 67.35%,
    83% 67.1%,
    84% 66.84%,
    85% 66.57%,
    86% 66.29%,
    87% 66%,
    88% 65.71%,
    89% 65.41%,
    90% 65.11%,
    91% 64.82%,
    92% 64.52%,
    93% 64.23%,
    94% 63.95%,
    95% 63.67%,
    96% 63.4%,
    97% 63.15%,
    98% 62.91%,
    99% 62.68%,
    100% 62.48%
  );
  -webkit-clip-path: polygon(
    100% 0%,
    0% 0%,
    0% 68.35%,
    1% 68.19%,
    2% 68.01%,
    3% 67.81%,
    4% 67.6%,
    5% 67.37%,
    6% 67.12%,
    7% 66.86%,
    8% 66.59%,
    9% 66.31%,
    10% 66.02%,
    11% 65.73%,
    12% 65.43%,
    13% 65.14%,
    14% 64.84%,
    15% 64.54%,
    16% 64.25%,
    17% 63.97%,
    18% 63.69%,
    19% 63.42%,
    20% 63.17%,
    21% 62.93%,
    22% 62.7%,
    23% 62.49%,
    24% 62.3%,
    25% 62.13%,
    26% 61.98%,
    27% 61.84%,
    28% 61.74%,
    29% 61.65%,
    30% 61.59%,
    31% 61.55%,
    32% 61.54%,
    33% 61.55%,
    34% 61.58%,
    35% 61.64%,
    36% 61.73%,
    37% 61.83%,
    38% 61.96%,
    39% 62.11%,
    40% 62.28%,
    41% 62.47%,
    42% 62.68%,
    43% 62.9%,
    44% 63.14%,
    45% 63.4%,
    46% 63.66%,
    47% 63.94%,
    48% 64.22%,
    49% 64.51%,
    50% 64.81%,
    51% 65.1%,
    52% 65.4%,
    53% 65.7%,
    54% 65.99%,
    55% 66.28%,
    56% 66.56%,
    57% 66.83%,
    58% 67.09%,
    59% 67.34%,
    60% 67.57%,
    61% 67.79%,
    62% 67.99%,
    63% 68.17%,
    64% 68.34%,
    65% 68.48%,
    66% 68.59%,
    67% 68.69%,
    68% 68.76%,
    69% 68.81%,
    70% 68.84%,
    71% 68.84%,
    72% 68.81%,
    73% 68.76%,
    74% 68.69%,
    75% 68.6%,
    76% 68.48%,
    77% 68.34%,
    78% 68.18%,
    79% 68%,
    80% 67.8%,
    81% 67.58%,
    82% 67.35%,
    83% 67.1%,
    84% 66.84%,
    85% 66.57%,
    86% 66.29%,
    87% 66%,
    88% 65.71%,
    89% 65.41%,
    90% 65.11%,
    91% 64.82%,
    92% 64.52%,
    93% 64.23%,
    94% 63.95%,
    95% 63.67%,
    96% 63.4%,
    97% 63.15%,
    98% 62.91%,
    99% 62.68%,
    100% 62.48%
  );
}

/* Hide arrows in Chrome, Safari, Edge, and Opera */
/* input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
} */

.banner_box::before {
  background-image: url(../images/banner/banner-bg-01.svg);
}

/* animate element as [rotate 2% to right and 2% to left] */
.animate_lr {
  animation: animate_lr 1s infinite alternate;
}
@keyframes animate_lr {
  0% {
    transform: rotate(5deg) scale(1);
  }
  100% {
    transform: rotate(-5deg) scale(1.1);
  }
}