/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#top-bar ul.nav {
  padding: 0px;
  margin: 0px;
}
#top-bar ul.nav li {
  list-style: none;
  float: left;
  padding: 5px;
  margin: 0px;
  display: block;
}
#top-bar ul.nav li img {
  float: left;
  margin-right: 5px;
  margin-bottom: 0px !important;
}
ul.header-nav > li {
  margin-left: 30px;
  margin-right: 30px;
}
ul.header-nav > li > a {
  font-size: 18px;
  font-weight: bolder;
}
.dat_lich_ngay {
  background: linear-gradient(180deg, #009ac1 0%, #007ca3 137.31%) !important;
  padding: 8px 20px !important;
  border-radius: 29px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.dat_lich_ngay:hover {
  background: linear-gradient(180deg, #0090b4 0%, #046482 137.31%);
}
.dat_lich_ngay a {
  color: #fff !important;
  text-transform: uppercase !important;
}
.dat_lich_ngay a::before {
  height: unset !important;
}
.archive-page-header .page-title {
  text-align: left;
}
.from_the_blog_excerpt {
}
.post-title.is-large {
  font-weight: 600;
  line-height: 25px;
  max-height: 43px;
  overflow: hidden;
}
.section-title-normal {
  border-bottom: unset !important;
}
.section-title-normal span {
  border-bottom-color: #00688b;
  font-weight: bolder;
}

.img-portfolio-doctor h3 {
  font-size: 16px;
}
.img-portfolio-doctor h3 {
  text-transform: uppercase;
  font-weight: bolder;
}
.img-portfolio-doctor h3,
.img-portfolio-doctor span {
  text-align: center;
  width: 100%;
  display: inline-block;
  padding: 0px;
  margin-bottom: 0px;
}
.img-portfolio-doctor span {
  font-size: 14px;
  color: #555;
}
.entry-title {
  text-align: left;
}
.dat_lich_kham_title .section-title-main {
  text-align: center;
  font-weight: bolder;
  width: 100%;
  border-bottom: unset;
}
.your_hotline {
  text-align: right;
  font-size: 18px;
}
.your_hotline a {
  font-weight: bolder;
  color: #f00;
  font-size: 24px;
}

.des_bsi span {
  width: 100%;
  display: inline-block;
  padding: 5px;
}
.xem_them_doctor {
  margin-bottom: 25px;
  display: inline-block;
  width: 100%;
}

.ap-cradit,
#ap-filters {
  display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
  text-align: center;
}

.font_bold .section-title-main {
  font-weight: bolder;
}

.home .nav-pills > li.active > a {
  background-color: unset !important;
}
.dich_vu_chinh_ivf ul li a {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-radius: unset !important;
}
.dich_vu_chinh_ivf ul li:nth-child(1).tab,
.dich_vu_chinh_ivf ul li:nth-child(2).tab,
.dich_vu_chinh_ivf ul li:nth-child(3).tab,
.dich_vu_chinh_ivf ul li:nth-child(4).tab,
.dich_vu_chinh_ivf ul li:nth-child(5).tab,
.dich_vu_chinh_ivf ul li:nth-child(6).tab {
  padding: 0px;
}
.dich_vu_chinh_ivf ul li:nth-child(1).tab a,
.dich_vu_chinh_ivf ul li:nth-child(2).tab a,
.dich_vu_chinh_ivf ul li:nth-child(3).tab a,
.dich_vu_chinh_ivf ul li:nth-child(4).tab a,
.dich_vu_chinh_ivf ul li.tab {
  text-align: center;
}
.dich_vu_chinh_ivf ul li.tab a span {
  width: 100%;
  display: none;
  text-indent: -99999px;
}
.dich_vu_chinh_ivf ul li:nth-child(5).tab a,
.dich_vu_chinh_ivf ul li:nth-child(6).tab a {
  color: #00688b;
}
.dich_vu_chinh_ivf ul li:nth-child(1).tab a:before {
  content: " ";
  display: block;
  background: url(/wp-content/themes/flatsome-child/images/iui.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(2).tab a:before {
  content: " ";
  display: block;
  background: url(/wp-content/themes/flatsome-child/images/ivf.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(3).tab a:before {
  content: " ";
  display: block;
  background: url(/wp-content/themes/flatsome-child/images/dong-noan-dong-tinh.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(4).tab a:before {
  content: " ";
  display: block;
  background: url(/wp-content/themes/flatsome-child/images/ngan-hang-tinh-trung.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(5).tab a:before {
  content: " ";
  display: block;
  background: url(/wp-content/themes/flatsome-child/images/chuyen-phoi-dong-lanh-FET.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(6).tab a:before {
  content: " ";
  display: block;
  background: url(/wp-content/themes/flatsome-child/images/pgd-pgs.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}

.dich_vu_chinh_ivf ul li:nth-child(1).tab.active a:before {
  background: url(/wp-content/themes/flatsome-child/images/iui-active.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(2).tab.active a:before {
  background: url(/wp-content/themes/flatsome-child/images/ivf-active.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(3).tab.active a:before {
  background: url(/wp-content/themes/flatsome-child/images/dong-noan-dong-tinh-active.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(4).tab.active a:before {
  background: url(/wp-content/themes/flatsome-child/images/ngan-hang-tinh-trung-active.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(5).tab.active a:before {
  background: url(/wp-content/themes/flatsome-child/images/chuyen-phoi-dong-lanh-FET-active.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}
.dich_vu_chinh_ivf ul li:nth-child(6).tab.active a:before {
  background: url(/wp-content/themes/flatsome-child/images/pgd-pgs-active.png) center center no-repeat;
  background-size: contain;
  width: 193px;
  height: 147px;
  text-align: center;
}

.tabbed-content li a:before {
  opacity: 1 !important;
}

.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 14px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
  border: 1px solid #fff;
  border-radius: 10px 10px 0px 0px;
}
.mySwiper2 {
  height: 80%;
  width: 100%;
}
.swiper-wrapper .swiper-slide {
  text-align: left;
}
.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.mySwiper .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 1;
}
.mySwiper .swiper-slide .slide-title-doctor,
.mySwiper .swiper-slide .slide-cvu-doctor {
  color: #00688b;
}
/* {opacity: 1;margin: 5px 10px !important;border-color: #00688B;} */
.mySwiper .swiper-slide-thumb-active .slide-title-doctor,
.mySwiper .swiper-slide-thumb-active .slide-cvu-doctor {
  color: #fff;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.des-thumb-slide-doctor {
  height: 65px;
  overflow: hidden;
  border-radius: 0px 0px 10px 10px;
}
.mySwiper .swiper-slide:hover .des-thumb-slide-doctor span {
  color: #fff;
}
.mySwiper .swiper-slide-thumb-active .des-thumb-slide-doctor,
.mySwiper .swiper-slide:hover .des-thumb-slide-doctor {
  background-color: #00688b;
}
.slide-title-doctor {
  font-size: 14px;
  font-weight: 600;
  color: #00688b;
}
.slide-cvu-doctor {
  font-size: 12px !important;
  line-height: 21px;
  color: #00688b;
}
.slide-cvu-doctors {
  font-size: 14px;
}
.swiper.mySwiper .img-portfolio-doctor {
  box-shadow: 0px 0px 5px #cdcdcd;
  border-radius: 10px;
}
.swiper.mySwiper .img-portfolio-doctor img {
  border-radius: 10px 10px 0px 0px;
}
.home-des-portfolio-doctor h3 {
  font-size: 22px;
  font-weight: bolder;
  text-transform: uppercase;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .tabbed-content.dich_vu_chinh_ivf ul.nav-pills {
    display: block ruby;
    overflow-x: scroll;
    padding: 20px 0px;
  }
}

.css-text-88B {
  color: #00688b;

  /* Text/T12/Medium */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
}
.nav-dropdown.dark > li > a {
  color: var(--Ink-Text-ink500, #1f2d3d);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

h2 {
  color: #00688b !important;
  font-family: Inter !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  letter-spacing: -0.28px !important;
  text-decoration: none !important;
}

.title-text {
  color: #2e8c88 !important;
  font-family: Inter !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  letter-spacing: -0.18px !important;
}

.class-buttom {
  display: flex;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.css-logo-background-gt > div > img {
  width: 100% !important; /* Đặt ảnh vừa chiều rộng khung */
  height: auto !important;
}
.img-custorm > div > img {
  border-radius: 8px;
}

.p {
  color: var(--Neutral-Maintext, #1f2d3d);

  /* Text/T14/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.14px;
}

.text-16px-500-D3D {
  color: var(--Neutral-Maintext, #1f2d3d);

  /* Text/T16/Medium */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.text-16px-600-88C {
  color: #21688c !important;

  /* Text/T16/Semibold */
  font-family: Inter;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.text-16px-500-88C {
  color: #21688c !important;

  /* Text/T16/Semibold */
  font-family: Inter;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.text-12px-500-B61 {
  color: #626b61;

  /* Text/T12/Medium */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
}

.text-14px-400-B61 {
  color: #626b61;

  /* Text/T12/Medium */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 00;
  line-height: 16px; /* 133.333% */
}

.text-16px-400-B61 {
  color: #626b61;

  /* Text/T12/Medium */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 00;
  line-height: 16px; /* 133.333% */
}

.text-32px-600-88B {
  color: #00688b !important;

  /* H1-T32/Semibold */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 45px; /* 140.625% */
  letter-spacing: -0.64px;
}
.text-16px-400-88B {
  color: #00688b !important;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.border-radius-24px {
  border-radius: 24px;
}

.text-16px-400-C40 {
  color: var(--Neutral-3, #3a3c40);

  /* Text/T16/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.text-20px-600-63F {
  color: var(--Neutral-700, #40463f) !important;

  /* H3-T20/Semibold */
  font-family: Inter;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 28px !important; /* 140% */
  letter-spacing: -0.2px;
}

.text-14px-400-06E {
  color: #21706e !important;

  /* Text/T14/Regular */
  font-family: Inter;
  font-size: 14px !important ;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 22px !important; /* 157.143% */
  letter-spacing: -0.14px;
}

.text-16px-500-CA3 {
  color: #007ca3;

  /* Label/T16M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.doctor-card img {
  border-radius: 1047.228px;
  border: 13px solid #e6f7f3;
  background: #acddd7;
}

.doctor-card a {
  color: var(--Neutral-700, #40463f);
  text-align: center;

  /* Text/T16/Medium */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.text-24px-500-D3D {
  color: var(--Neutral-Maintext, #1f2d3d) !important;

  /* H2-T24/Medium */
  font-family: Inter !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 32px !important; /* 133.333% */
  letter-spacing: -0.24px !important;
}

.text-16px-500-06E {
  color: #21706e !important;

  /* Text/T16/Medium */
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 24px !important; /* 150% */
  letter-spacing: -0.16px !important;
}

.bg_bsi {
  background-image: url("/wp-content/uploads/2024/12/Frame-1171274863.png");
  background-size: cover; /* hoặc contain */
  background-position: center;
  background-repeat: no-repeat;
  padding: 24px 16px 24px 16px;
  border-radius: 12px;
}

.text-28px-600-88B {
  color: #00688b !important;
  font-family: Inter !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 45px !important; /* 160.714% */
  letter-spacing: -0.56px !important;
}

.button-dich-vu {
  display: flex;
  padding: 18.498px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 7px;
  background: #d5efeb !important;
}

.button-dich-vu span,
.button-dich-vu i {
  color: #00688b;
  font-family: Inter;
  font-size: 23.123px;
  font-style: normal;
  font-weight: 500;
  line-height: 32.372px; /* 140% */
  letter-spacing: -0.231px;
  text-align: left !important;
}

.btton-is-select {
  display: flex;
  padding: 18.498px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 7px;
  background: #5ebab2 !important;
}

.btton-is-select span,
.button-is-select i {
  color: #fff !important;
  text-align: center;
  font-family: Inter;
  font-size: 23.123px;
  font-style: normal;
  font-weight: 500;
  line-height: 32.372px; /* 140% */
  letter-spacing: -0.231px;
  text-align: left !important;
}

.col-button {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 16px;
  background: #d5efeb;
}

.image img {
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  aspect-ratio: 16/9;
}

.title-first-new {
  color: var(--Neutral-800, #353a35) !important;
  font-family: Inter !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: -0.24px;
}

.description-first-new {
  color: var(--Neutral-Subtext, #5a6b81) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: -0.16px;
}

.news-item {
  display: flex;
  padding: var(--20, 20px);
  align-items: center;
  gap: 30px;
  align-self: stretch;
  border-radius: 8px;
}

.content h3 {
  color: var(--Neutral-Maintext, #1f2d3d) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.16px !important;
}

.content p {
  color: var(--Neutral-3, #3a3c40);

  /* Text/T14/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.14px;
}

.news-item span {
  color: #5ebab2;

  /* Text/T14/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.14px;
  gap: 12px;
}

.news-item span svg {
  display: inline-block;
  vertical-align: middle;
}

.news-item span .text {
  margin-left: 2px; /* Khoảng cách nhỏ giữa icon và văn bản */
}

.first-news span {
  margin-left: 20px;
  margin-bottom: 12px;
  border-radius: 8px;
  background: #5ebab2;
}

.first-news span {
  padding: 12px;
  gap: 20px;
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.16px;
}

.first-news span svg {
  display: inline-block;
  vertical-align: middle;
}

.first-news span .text {
  margin-left: 2px;
}

.first-news {
  margin-bottom: 24px;
}

.read-more {
  color: #007ca3 !important;

  /* Label/T16M */
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.16px !important;
}

.read-more svg {
  display: inline-block;
  vertical-align: middle;
}

[id^="menu-item"] a {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.16px !important;
}

ul.header-nav > li {
  margin-right: auto !important;
}

.thong-tin-tuyen-dung {
  display: flex;
  padding: 16px;

  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  border-radius: 8px;
  background: #f5f7fc;
  margin-right: 40px;
}

.text-24px-600-88B {
  color: #00688b;

  /* H2-T24/Semibold */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.24px;
}

.text-18px-500-D3D {
  color: var(--Neutral-Maintext, #1f2d3d);

  /* H4-T18/Medium */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px; /* 150% */
  letter-spacing: -0.18px;
}

.text-18px-400-68C {
  color: var(--Neutral-4, #82868c);

  /* H4-T18/Regular */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 150% */
  letter-spacing: -0.18px;
}

.tuyen-dung-list {
  display: flex;
  padding: 32px 24px;
  justify-content: center;
  align-items: center;
  gap: 74px;
  align-self: stretch;
  border-radius: 8px;
  border: 2px solid #eef3f7;
}

.text-14px-400-C40 {
  color: var(--Neutral-3, #3a3c40);

  /* Text/T14/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.14px;
}

.text-18px-500-000 {
  color: #000;

  /* H4-T18/Medium */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 27px; /* 150% */
  letter-spacing: -0.18px;
}

.text-16px-500-B81 {
  color: var(--Neutral-Subtext, #5a6b81);

  /* Text/T16/Medium */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.text-14px-400-A35 {
  color: var(--Neutral-800, #353a35);

  /* Text/T14/Regular */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.14px;
}

.text-12px-400-EFF {
  color: var(--Blue, #3d7eff) !important;
  text-align: left !important;
  /* Text/T12/Regular */
  font-family: Inter;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

.text-12px-400-67B {
  color: var(--Neutral-400, #7d867b);

  /* Text/T12/Regular */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}

.your_submit p {
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}

.update-padding {
  padding: 0 15px 0px !important;
}

.text-16px-600-88B {
  color: #00688b;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
  letter-spacing: -0.24px;
}

.dat-lich-thong-tin {
  display: flex;
  padding: 20px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  background: #fff;
  margin-top: 24px;
  margin-bottom: 24px;
  /* 3 */
  box-shadow: 0px 0px var(--24, 24px) -4px rgba(0, 0, 0, 0.05), 0px 1px var(--4, 4px) 0px rgba(0, 0, 0, 0.04);
}

.dat-lich-thong-tin p {
  color: #626b61;

  /* Text/T14/Medium */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 142.857% */
  letter-spacing: -0.14px;
}

.dat-lich-theo-doi {
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 8px;
  background: linear-gradient(90deg, #e3f1f9 0%, #ddfaf9 100%);
}

.dat-lich-theo-doi p {
  color: var(--Neutral-Maintext, #1f2d3d);
  text-align: center;

  /* H4-T18/Semibold */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px; /* 150% */
  letter-spacing: -0.18px;
}

.text-16px-500-63F {
  color: var(--Neutral-700, #40463f);
  text-align: center;

  /* Text/T16/Medium */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
}

.font-new {
  color: #00688b !important;
  font-family: Pattaya !important;
  font-size: 46px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 120% !important; /* 55.2px */
  letter-spacing: -0.46px !important;
}

@import url("https://fonts.googleapis.com/css2?family=Pattaya&display=swap");
.text-18px-400-C88 {
  color: #2e8c88 !important;
  font-family: Inter !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  letter-spacing: -0.18px !important;
}

.text-24-500-06E {
  color: #21706e !important;
  font-family: Inter !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  letter-spacing: -0.24px !important;
}

.text-16px-600-D3D {
  color: var(--Neutral-Maintext, #1f2d3d) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: -0.16px !important;
}
.text-16px-400-D3D {
  color: var(--Neutral-Maintext, #1f2d3d) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: -0.16px !important;
}

.custom-layout {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.custom-layout .left,
.custom-layout .right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.text-12px-400-B81 {
  color: var(--Neutral-Subtext, #5a6b81) !important;
  font-family: Inter !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

.text-16px-500-A35 {
  color: var(--Neutral-800, #353a35) !important;

  /* Text/T16/Medium */
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  letter-spacing: -0.16px !important;
}

.tin-truc-trang-chu {
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(171, 188, 226, 0.25) !important;
  padding: 20px !important;
  align-items: center !important;
  gap: 18px !important;
}

.bg-tin-tuc-trang-chu {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/image-113.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.text-44px-500-D3D {
  color: var(--Neutral-Maintext, #1f2d3d);
  font-family: Inter;
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px; /* 127.273% */
  letter-spacing: -0.88px;
}

.width-50 {
  width: 50%;
}

.section-center {
  justify-content: center; /* Căn giữa theo chiều ngang */
  align-items: center;
}

.icon-first .icon-box-img {
  /* width: 70px; */
  /* height: 69.028px; */
  flex-shrink: 0;
  padding: 25px 25px;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  background: #ffe7b0;
  aspect-ratio: 1 / 1;
  height: 100px;
}

.icon-second .icon-box-img {
  /* width: 70px; */
  /* height: 69.028px; */
  flex-shrink: 0;
  padding: 25px 25px;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  background: #bee8ff;
  aspect-ratio: 1 / 1;
  height: 100px;
}

.icon-third .icon-box-img {
  /* width: 70px; */
  /* height: 69.028px; */
  flex-shrink: 0;
  padding: 25px 25px;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  background: #ffd9fd;
  aspect-ratio: 1 / 1;
  height: 100px;
}

.icon-fourth .icon-box-img {
  /* width: 70px; */
  /* height: 69.028px; */
  flex-shrink: 0;
  padding: 25px 25px;
  justify-content: center;
  align-items: center;
  border-radius: 200px;
  background: #ffcdcd;
  aspect-ratio: 1 / 1;
  height: 100px;
}

.text-18px-600-88B {
  color: #00688b;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 27px; /* 150% */
  letter-spacing: -0.18px;
}
.text-14px-400-B81 {
  color: var(--Neutral-Subtext, #5a6b81);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
  letter-spacing: -0.14px;
}

.bg-tai-sao-nen-chon-chung-toi {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Background-1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.icon-first::after,
.icon-third::after {
  content: "";
  position: absolute;
  top: 30px;
  right: -30%;
  width: 140px;
  height: 40px;
  background-size: contain;
  background: url("/wp-content/uploads/2024/12/Vector-13.svg");
  background-repeat: no-repeat;
  z-index: -1;
}

.icon-second::after {
  content: "";
  position: absolute;
  top: 50px;
  right: -30%;
  width: 140px;
  height: 160px;
  background-size: 100% 100%; /* Chiều rộng 100%, chiều cao tự động */
  background: url("/wp-content/uploads/2024/12/Vector-14.svg");
  background-repeat: no-repeat;
  z-index: -1;
}
.col-inner-custom {
  position: relative; /* Đảm bảo pseudo-element hoạt động chính xác */
}
/* 1 */
.service-card-suc-khoe {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-15.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.service-card-suc-khoe:hover {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-15.2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}
/* 2 */
.service-card-chan-thuong {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-14.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.service-card-chan-thuong:hover {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-14.2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}
/* 3 */
.service-card-sau-phau-thuat {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-13.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.service-card-sau-phau-thuat:hover {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-13.2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}
/* 4 */
.service-card-noi-khoa {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-12.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.service-card-noi-khoa:hover {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-12.2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}
/* 5 */
.service-card-nhi {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-11.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.service-card-nhi:hover {
  position: relative;
  background-image: url("/wp-content/uploads/2024/12/Property-11.2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 1;
}

.css-custom-is-slider li.is-selected {
  position: relative !important;
  width: 25px !important;
  height: 25px !important;
  border: 1px solid #08536d !important;
  background-color: #fff !important;
  border-radius: 50% !important;
}

.css-custom-is-slider li.dot {
  border-radius: 45px;
  background: #d1d4da;
}

.css-custom-is-slider li.is-selected::before {
  content: "";
  width: 12px !important;
  height: 12px !important;
  background-color: #08536d; 
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%);
}

.css-custom-is-slider .flickity-page-dots {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.css-custom-is-slider-1 .flickity-page-dots {
  margin-bottom: -24px;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.css-custom-is-slider li.dot {
  border-radius: 45px;
  background: #d1d4da;
}

.css-custom-is-slider-1 li.dot {
  width: 12px ;
  height: 12px ;
  border-radius: 45px;
  background: #5ebab2;
}

#wpas_files_wrapper{
  display: none;
}

.wpas-btn.wpas-btn-default.wpas-link-privacy {
  display: none !important;
}
.wpas-btn.wpas-btn-default.wpas-link-logout{
  display: none !important;
}

input, button, textarea, select, .wpas-btn {
  border-radius: 10px !important;
}

/* Bo góc cho tất cả các phần tử trong .wpas-submit-ticket-wysiwyg */
.wpas-submit-ticket-wysiwyg {
  border-radius: 10px; /* Điều chỉnh giá trị này để thay đổi độ bo góc */
  overflow: hidden; /* Đảm bảo nội dung không bị tràn ra ngoài khi bo góc */
}

/* Bo góc cho các phần tử bên trong */
.wpas-submit-ticket-wysiwyg .wp-core-ui,
.wpas-submit-ticket-wysiwyg .mce-container,
.wpas-submit-ticket-wysiwyg #wp-wpas-message-wrap,
.wpas-submit-ticket-wysiwyg #wp-wpas-message-editor-container,
.wpas-submit-ticket-wysiwyg .mce-panel,
.wpas-submit-ticket-wysiwyg #mceu_9-body,
.wpas-submit-ticket-wysiwyg #mceu_10-body,
.wpas-submit-ticket-wysiwyg #mceu_17-body {
  border-radius: 10px; /* Điều chỉnh giá trị này để thay đổi độ bo góc */
}

/* Bo góc cho iframe bên trong */
.wpas-submit-ticket-wysiwyg iframe {
  border-radius: 10px; /* Điều chỉnh giá trị này để thay đổi độ bo góc */
}

/* Tùy chỉnh nút gửi báo cáo */
button.wpas-btn.wpas-btn-default {
  background-color: red; /* Nền đỏ */
  color: white; /* Chữ trắng */
  padding: 10px 20px; /* Thêm khoảng cách cho nút */
  text-align: center; /* Căn giữa chữ */
  font-size: 16px; /* Kích thước chữ */
}

/* Căn giữa nút trong bố cục */
button.wpas-btn.wpas-btn-default {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wpas_win_link.wpas-btn.wpas-btn-default.wpas-link-notifications{
  display:none
}

.wpas-alert-info {
  color: #000000;
  background-color: #ECF3FA;
  border-color: #bce8f1;
  border-radius: 4px;

}

.wpas-alert-info>a {
  color: #00387A;
  text-decoration: underline;
}

#header{
  background-color: #00387A;
}

.header-css{
  color: #FFFFFF !important;

  /* Text/T16/Semibold */
  font-family: Inter;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 24px; /* 150% */
  letter-spacing: -0.16px;
    text-transform: uppercase; /* Viết hoa tất cả các chữ cái */
    text-align: left;          /* Căn lề bên trái */
    margin-left: -100px;
    width: 95%;
  
}
.wpas-btn.wpas-btn-default.wpas-link-ticketlist, .wpas-btn.wpas-btn-default.wpas-link-ticketnew{
  display: none;
}

h2 {
  color: #FFFFFF !important;
  /* Text/T12/Medium */
  font-family: Inter !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 48px !important; /* 133.333% */
  text-decoration: none !important;
}


.user-menu-container, .button {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 10px;
  background: #0073aa;
  color: white;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  transition: background 0.3s;
  min-width: 150px; /* Đảm bảo hai nút có cùng chiều rộng */
}

.user-menu-container:hover, .button:hover {
  background: #005177;
}

.user-menu-container {
  position: relative;
  cursor: pointer;
}

.user-menu-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ddd;
  min-width: 150px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.user-menu-container:hover .user-menu-dropdown {
  display: block;
}

.user-menu-dropdown a {
  display: block;
  padding: 8px;
  color: #333;
  text-decoration: none;
}

.user-menu-dropdown a:hover {
  background: #f4f4f4;
}

.button {
  border: none;
  display: inline-block;
}