@charset "UTF-8";
.aboutUs__history ul li:before,
.benefitItem__col:first-child .benefitItem__boxLg__tag .p1:before,
.block10__tab li button:before,
.blogHome__newest__title h2:after,
.blogHome__progress .step::before,
.checkbox input:checked + label:after,
.checkbox label:before,
.doctorReview__item__cont > li:after,
.doctorReview__item__cont > li:before,
.generalExam__grid__text:nth-child(2):before,
.hexagon__inner2,
.hotServices__tab ul li:before,
.navbarVertical ul li:before,
.navbarVertical ul:before,
.radio input[type="radio"] + label:before,
.slick-track:after,
.slick-track:before {
  content: "";
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-next,
.slick-prev {
  background-image: url(/wp-content/uploads/2026/06/Vector.svg);
}
.slick-arrow,
.slick-dots li button {
  font-size: 0;
  cursor: pointer;
  outline: 0;
}
.slick-slider,
html {
  -webkit-tap-highlight-color: transparent;
}
.slick-dots,
ul {
  list-style: none;
}
.bookingItem__time__datepicker .react-datepicker__navigation:focus,
.slick-arrow,
.slick-dots li button,
.slick-list:focus,
.slick-slide:focus,
:focus,
a:focus,
button:focus {
  outline: 0;
}
img,
table {
  max-width: 100%;
}
.slick-list,
.slick-track {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0 0 30px;
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
  cursor: pointer;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-arrow {
  position: absolute;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn,
.page-link {
  align-items: center;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
  transform: translate(0, -50%) rotate(180deg);
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}
.slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  margin: 0 5px;
}
label,
p {
  margin-bottom: 15px;
}
*,
ul {
  padding: 0;
  margin: 0;
}
.slick-dots li button {
  border: 0;
  background: #f1f1f1;
  display: block;
  color: transparent;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
img,
label {
  display: inline-block;
}
body,
label {
  font-size: 16px;
}
a,
a:hover {
  text-decoration: none;
  color: #36a9e1;
}
.slick-dots li.slick-active button {
  background: #1c67a2;
}
@keyframes opacityShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body {
  font-family: "Bai Jamjuree", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #363636;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  animation: opacityShow 1.5s;
}
*,
:after,
:before {
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
a {
  cursor: pointer;
}
img {
  vertical-align: middle;
}
button {
  cursor: pointer;
  background: 0 0;
  border: none;
  padding: 0;
}
textarea {
  resize: none;
  height: 80px;
}
select {
  cursor: pointer;
}
input::-webkit-input-placeholder {
  color: #929498;
}
input::-moz-placeholder {
  color: #929498;
}
input:-ms-input-placeholder {
  color: #929498;
}
input:-moz-placeholder {
  color: #929498;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
strong {
  font-weight: 700;
}
button,
input,
select,
textarea {
  vertical-align: middle;
  font: 400 14px "Bai Jamjuree", sans-serif;
}
iframe {
  border: none;
  display: block;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
  font-weight: 900;
}
@media (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 740px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
.regular {
  font-weight: 400 !important;
}
.medium {
  font-weight: 500 !important;
}
.semibold {
  font-weight: 600 !important;
}
.bold {
  font-weight: 700 !important;
}
.black {
  font-weight: 900 !important;
}
.colorBlack {
  color: #000 !important;
}
.colorBlack2 {
  color: #4f4f4f !important;
}
.colorYellow {
  color: #f1dd67 !important;
}
.colorText {
  color: #929498 !important;
}
.colorWhite {
  color: #fff !important;
}
.colorBlue {
  color: #1c67a2 !important;
}
.colorBlue2 {
  color: #206da7 !important;
}
.colorGray {
  color: #878787 !important;
}
.colorGray2 {
  color: #959393 !important;
}
.colorGray3 {
  color: #666 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.form-group,
.mediTitle {
  margin-bottom: 5px;
}
.mt20 {
  margin-top: 20px !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.textCenter {
  text-align: center !important;
}
.size12 {
  font-size: 12px !important;
}
.size14 {
  font-size: 14px !important;
}
.size15 {
  font-size: 15px !important;
}
.size16 {
  font-size: 16px !important;
}
.size18 {
  font-size: 18px !important;
}
.size20 {
  font-size: 20px !important;
}
.size24 {
  font-size: 24px !important;
}
.size30 {
  font-size: 30px !important;
}
.size32 {
  font-size: 32px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
.mediTitle {
  font-size: 20px;
  color: #000;
}
@media (min-width: 768px) {
  .mediTitle {
    font-size: 40px;
  }
}
.listStart {
  display: flex;
}
.listStart svg {
  margin-right: 5px;
}
.disc {
  list-style: disc;
  padding-left: 20px;
}
.titleBox {
  text-align: center;
  margin-bottom: 30px;
}
.titleBox__heading {
  font-size: 35px;
  font-weight: 500;
  color: #4d4d4d;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .titleBox__heading {
    font-size: 26px;
  }
}
.titleBox p {
  margin-bottom: 0;
  font-size: 16px;
  color: #666;
}
.titleLine {
  border-bottom: 1px solid #eff0f0;
  margin-bottom: 24px;
}
.titleLine__heading {
  font-size: 28px;
  color: #4d4d4d;
  font-weight: 500;
  display: inline-block;
  border-bottom: 2px solid #4d4d4d;
  transform: translateY(1px);
  padding-bottom: 5px;
}
.pl5 {
  padding-left: 5px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.checkbox input,
.radio > label {
  margin-bottom: 0;
  cursor: pointer;
}
.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  display: none;
}
.checkbox label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.checkbox label:before {
  -webkit-appearance: none;
  background-color: transparent;
  border: 2px solid #ddd;
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
}
.checkbox input:checked + label:after {
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #005594;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.modal-close,
.page-link,
.radio {
  display: flex;
}
.radio input[type="radio"] {
  display: none;
}
.radio > label {
  position: relative;
  padding-left: 25px;
  color: #929498;
}
.radio input[type="radio"] + label:before {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 3px;
  display: inline-block;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  background-color: #fff;
}
.form-group,
.inputIcon {
  position: relative;
}
.radio input[type="radio"]:checked + label:before {
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #1890ff;
  background: #1890ff;
}
.radio.radio_lg > label {
  padding-left: 40px;
  line-height: 1.5;
}
.radio.radio_lg input[type="radio"] + label:before {
  width: 24px;
  height: 24px;
  top: 0;
}
.radio.radio_lg input[type="radio"]:checked + label:before {
  border-width: 7px;
}
.radio.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.radio.disabled > label {
  pointer-events: none;
}
.btn {
  color: #fff;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 6px;
  display: inline-flex;
  justify-content: center;
  min-height: 40px;
  font-weight: 400;
  transition: all 0.2s;
}
.btn:focus {
  box-shadow: none;
}
.btn.btn-blue {
  background: #005594;
  min-height: 45px;
  text-transform: uppercase;
}
.btn.btn-blue:hover {
  background: #fff;
  border-color: #005594;
  color: #005594;
}
.btn.btn-white {
  background-color: #fff;
  color: #1c67a2;
}
.btn.btn-orange {
  background-color: #dda844;
}
.btn.btn-round {
  border-radius: 100px;
}
.btn.btn-lg {
  min-height: 60px;
  font-size: 18px;
}
.btn.btn-outline-blue {
  border-color: #005594;
  background-color: #fff;
  color: #005594;
  height: 45px;
  text-transform: uppercase;
}
.btn.btn-outline-blue:hover {
  background: #005594;
  color: #fff;
}
.btn.btn-outline-black {
  border-color: #000;
  background-color: #fff;
  color: #000;
}
.btn.btn-outline-gray {
  border-color: #ddd;
  background-color: #fff;
  color: #666;
}
.btn.btn-outline-white {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
.btn.btn-more {
  border: 1px solid #e0e0e0;
  font-weight: 500;
  font-size: 14px;
  color: #545454;
  width: max-content;
  border-radius: 50px;
  transition: 0.3s;
}
.btn.btn-more:hover {
  color: #fff;
  background: #005594;
}
.btn.btn-disabled {
  pointer-events: none;
  opacity: 0.3;
}
.showMore {
  font-size: 16px;
  font-weight: 500;
}
.showMore:hover span {
  text-decoration: underline;
}
.showMore svg {
  margin-left: 5px;
}
.form-control {
  height: 40px;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 4px;
  color: #000;
}
.form-control.form-control-round,
.mediHeader__link {
  border-radius: 100px;
}
.form-control::-webkit-input-placeholder {
  color: #929498;
}
.form-control::-moz-placeholder {
  color: #929498;
}
.form-control:-ms-input-placeholder {
  color: #929498;
}
.form-control:-moz-placeholder {
  color: #929498;
}
.form-control.form-control-lg {
  height: 60px;
}
select.form-control {
  -webkit-appearance: none;
  background-image: url(../images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.form-group > label {
  color: #929498;
  font-weight: 600;
}
textarea.form-control {
  height: 100px;
}
.inputIcon > svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
.inputIcon .form-control {
  padding-left: 55px;
}
.dropdown-menu {
  min-width: 100%;
  padding: 15px 0;
  margin: 1px 0 0;
  font-size: 14px;
  border-radius: 10px;
}
.dropdown-item {
  padding: 5px 15px;
}
.messageError {
  font-size: 10px;
  font-style: italic;
  color: #ed1c24;
  margin: 5px 0 0;
}
.breadcrumb {
  background-color: transparent;
  font-weight: 400;
  padding: 15px 0;
  margin-bottom: 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  padding-right: 8px;
  color: #aaa;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 8px;
}
.breadcrumb-item.active {
  color: #aaa;
}
.breadcrumb-item {
  font-size: 14px;
  color: #005594;
}
@media (max-width: 767px) {
  .breadcrumb-item {
    max-height: 42px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
.breadcrumb-item a {
  color: #005594;
}
.breadcrumb-item a:hover {
  text-decoration: underline;
}
progress {
  display: block;
  width: 100%;
  height: 16px;
  border: 0;
  background: rgba(146, 148, 152, 0.1);
  border-radius: 6px;
}
progress::-webkit-progress-bar {
  background: 0 0;
}
progress::-webkit-progress-value {
  border-radius: 6px;
  background: #f1dd67;
  border: none;
}
progress::-moz-progress-bar {
  border-radius: 6px;
  background: #f1dd67;
  border: none;
}
progress[value]::-ms-fill {
  border-radius: 6px;
  background: #f1dd67;
  border: none;
}
.page-item.active .page-link {
  background-color: #1c67a2;
  border-color: #1c67a2;
  font-weight: 500;
}
table tr td:first-child,
table tr th {
  font-weight: 700;
}
.page-link {
  color: #1c67a2;
  font-size: 14px;
  width: 30px;
  height: 30px;
  padding: 0;
  justify-content: center;
  border-radius: 2px;
  border: 1px solid #ddd;
}
.page-link:focus {
  box-shadow: none;
}
.modal-dialog {
  margin: 50px auto;
}
@media (max-width: 767px) {
  .modal-dialog {
    width: 90%;
  }
}
.modal-content {
  border: none;
  border-radius: 12px;
}
table tr td,
table tr th {
  border-top: 1px solid #ddd;
  vertical-align: middle;
}
.modal-body {
  padding: 15px;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin: 70px auto;
  }
  .modal-body {
    padding: 24px;
  }
}
.modal-close {
  width: 34px;
  height: 34px;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -15px;
  right: -15px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.11);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 15px;
}
table tr th {
  background-color: #fefefe;
  text-align: left;
  color: #4d4d4d;
}
table tr td {
  background-color: #f9f9f9;
  color: #4d4d4d;
}
table tr td p {
  margin-bottom: 0;
}
table td,
table th {
  padding: 8px 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
}
table td:first-child,
table th:first-child {
  border-left: 1px solid #ddd;
}
.mediHeader {
  padding: 15px 0;
  position: relative;
}
@media (max-width: 767px) {
  .mediHeader.show {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #fff;
    border-bottom: 1px solid #eee;
  }
}
@media (min-width: 768px) {
  .mediHeader {
    padding: 9px 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
  }
  .mediHeader.mediHeader_blog {
    background-color: rgba(223, 238, 255, 0.3);
  }
}
.mediHeader__logo {
  width: 129px;
}
.mediHeader__logo a {
  display: block;
}
.mediHeader__logo img {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .mediHeader__toggle {
   display: none
  }
}
@media (max-width: 767px) {
  .mediHeader__cont {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #dfeeff;
    max-height: 275px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mediHeader__cont.open {
    display: block;
  }
  .mediHeader__item {
    border-bottom: 1px solid #fff;
  }
  .mediHeader__item:last-child {
    border-bottom: none;
  }
}
.mediHeader__item {
  position: relative;
}
@media (min-width: 768px) {
  .mediHeader__cont {
    width: calc(100% - 150px);
    display: flex;
    justify-content: flex-end;
  }
  .mediHeader__nav {
    display: flex;
    align-items: center;
  }
  .mediHeader__item + .mediHeader__item {
    margin-left: 15px;
  }
}
.mediHeader__link {
  font-size: 14px;
  color: #3f3b3b;
  padding: 10px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  font-weight: 500;
  line-height: 16px;
}
.mediHeader__language,
.mediHeader__search {
  padding: 0 10px;
}
@media (max-width: 767px) {
  .mediHeader__language,
  .mediHeader__search {
    display: none;
  }
  .mediHeader__login {
    padding: 10px 20px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .mediHeader__link:hover {
    background-color: #dfeeff;
    color: #1c67a2;
  }
  .mediHeader__login {
    padding-left: 10px;
  }
  .subMenu:hover .subMenu__cont {
    opacity: 1;
    visibility: visible;
  }
}
.mediHeader__login .btn-blue {
  min-height: 36px;
  padding-left: 23px;
  padding-right: 23px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-transform: unset;
}
.mediHeader .container {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .subMenu .mediHeader__link svg {
    margin-left: 8px;
  }
  .subMenu__cont {
    position: absolute;
    top: calc(100% + 10px);
    width: 600px;
    background: #fff;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.16);
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
  }
  .subMenu__cont:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    margin: -10px 0 0 15px;
  }
  .subMenu__cont.menuTech {
    padding: 15px;
    width: 800px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.form-footer,
.servicesItem:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .subMenu__cont.menuTech:before {
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%);
  }
  .subMenu__cont.menuTech .subMenu__row {
    margin-bottom: 0;
  }
  .subMenu__cont.menuTech .subMenu__col:nth-child(1) {
    width: 50%;
    padding-right: 15px;
  }
  .subMenu__cont.menuTech .subMenu__col:nth-child(2) {
    width: 50%;
    padding-left: 15px;
  }
  .subMenu__cont.menuTech .subMenu__list li {
    margin-bottom: 20px;
  }
  .subMenu__cont.menuTech .subMenu__list li:last-child {
    margin-bottom: 0;
  }
}
.subMenu__cont.menuTech .subMenu__list li {
  width: 100%;
}
.subMenu__cont.menuTech .subMenu__list li.active a {
  background-color: #36a9e1;
}
.subMenu__cont.menuTech .subMenu__list li.active a .spanText span {
  color: #fff !important;
}
.subMenu__cont.menuTech .subMenu__list li.active a .spanText span.size12 {
  font-size: 16px !important;
}
.subMenu__cont.menuTech .subMenu__list li.active a .spanIcon__hexagon {
  fill: #fff;
}
.subMenu__cont.menuTech .subMenu__list li.active a .spanIcon__shape {
  fill: #36a9e1;
}
@media (max-width: 767px) {
  .subMenu__cont.menuTech .subMenu__list li a {
    padding: 10px 20px;
    border-radius: 0;
  }
}
.subMenu__cont.menuTech .subMenu__list li a:hover .spanText span {
  color: #005594;
}
.subMenu__cont.menuTech .subMenu__list li a .spanIcon {
  margin-right: 7px;
}
.subMenu__cont.menuTech .subMenu__list li a .spanText {
  width: calc(100% - 40px);
  padding-left: 0;
  font-weight: 700;
  font-size: 14px;
  color: #4d4d4d;
}
.subMenu__cont.menuTech .subMenu__item {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .subMenu__cont.menuTech .subMenu__list li a {
    height: auto;
  }
  .subMenu__cont.menuBlog {
    width: 240px;
    padding: 15px;
  }
  .subMenu__cont.menuBlog:before {
    margin-left: 30px;
  }
}
.subMenu__cont.menuBlog ul li a {
  display: block;
}
@media (max-width: 767px) {
  .subMenu__cont.menuBlog ul li a {
    padding: 15px 20px;
    color: #777;
    font-weight: 500;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .subMenu__cont.menuBlog ul li a {
    font-size: 14px;
    padding: 8px 0;
    color: #4d4d4d;
  }
  .subMenu__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
  }
  .subMenu__col {
    width: 50%;
    padding: 0 30px;
  }
  .subMenu__item {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .subMenu__title {
    background-color: #f7f7f7;
    padding: 10px 20px;
  }
  .subMenu__title > span {
    color: #000;
  }
}
.subMenu__title > span {
  font-weight: 500;
  font-size: 13px;
}
@media (min-width: 768px) {
  .subMenu__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
  }
  .subMenu__title > span {
    display: flex;
    align-items: center;
    color: #777;
  }
  .subMenu__list li {
    width: 200px;
    height: 46px;
    margin-bottom: 5px;
  }
}
.subMenu__all {
  color: #1c67a2;
  font-weight: 500;
}
.subMenu__all:hover {
  color: #1c67a2;
  text-decoration: underline;
}
.subMenu__list li a {
  display: flex;
  align-items: center;
  border-radius: 8px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .subMenu__list li a {
    padding: 15px 20px;
  }
}
@media (min-width: 768px) {
  .subMenu__list li a {
    padding: 8px 10px;
    width: 100%;
    height: 100%;
  }
  .subMenu__list li a:hover {
    background: #eef3fa;
  }
  .subMenu__list li a:hover .spanText .d-block {
    color: #005594;
  }
  .subMenu__list li a:hover .spanText .size12 {
    color: #666;
  }
}
.subMenu__list li a span.spanIcon {
  width: 30px;
  height: 30px;
}
.subMenu__list li a span.spanText {
  width: calc(100% - 30px);
  padding-left: 10px;
}
.subMenu__list li a span.spanText span {
  display: block;
}
.subMenu__list li a span.spanText span.size12,
.subMenu__list li a span.spanText span.size15 {
  color: #4d4d4d;
}
.subMenu__btn a {
  display: flex;
  align-items: center;
  background: #e7f6ff;
  width: 100%;
}
.subMenu__btn a span {
  font-size: 13px;
  color: #206da7;
}
.subMenu__btn a svg {
  margin-left: 10px;
}
.highLight__title {
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (max-width: 767px) {
  .subMenu__btn {
    padding: 15px 20px 40px;
  }
  .highLight__title {
    background-color: #f7f7f7;
    padding: 8px 20px;
  }
}
@media (min-width: 768px) {
  .highLight__title {
    padding: 8px 0;
    border-radius: 8px;
  }
  .highLight__list {
    display: flex;
  }
}
.highLight__title span.spanIcon {
  width: 40px;
}
.highLight__title span.spanText {
  width: calc(100% - 40px);
}
.highLight__title span.spanText span.size16 {
  color: #4d4d4d;
}
@media (max-width: 767px) {
  .highLight__list {
    padding: 0 20px;
  }
}
.highLight__col ul {
  padding-left: 15px;
}
.highLight__col li {
  list-style-type: disc;
}
.highLight__col li::marker {
  font-size: 10px;
  color: #777;
}
.highLight__col li a {
  color: #777;
  font-size: 12px;
  font-weight: 700;
  display: block;
  transition: all 0.1s;
}
.highLight__col li a:hover {
  color: #005594;
}
@media (max-width: 767px) {
  .highLight__col li a {
    padding: 15px 0;
  }
  .mediFooter {
    padding-bottom: 55px;
  }
}
@media (min-width: 768px) {
  .highLight__col {
    width: 50%;
  }
  .highLight__col + .highLight__col {
    margin-left: 15px;
  }
  .highLight__col li {
    margin-bottom: 15px;
  }
  .mediFooter.mediFooter_blog {
    background-color: rgba(223, 238, 255, 0.3);
  }
  .mediFooter.mediFooter_blog .mediFooter__middle {
    border-top: none;
  }
}
.mediFooter__top {
  padding: 20px 0;
  background-color: #005594;
}
@media (min-width: 768px) {
  .mediFooter__top {
    padding: 40px 110px;
    background-image: url(../images/footer-top-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .mediFooter__row {
    display: flex;
    margin: 0 -20px;
  }
}
.mediFooter__middle {
  padding: 30px 0;
}
@media (min-width: 768px) {
  .mediFooter__col:nth-child(1),
  .mediFooter__col:nth-child(2) {
    width: 25%;
    padding-right: 24px;
  }
  .mediFooter__col:nth-child(3),
  .mediFooter__col:nth-child(4),
  .mediFooter__col:nth-child(5) {
    width: 16.6666666667%;
    padding-right: 24px;
  }
  .mediFooter__col:last-child {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .mediFooter__col {
    padding-bottom: 15px;
  }
  .mediFooter__col:last-child {
    padding-bottom: 0;
  }
  .mediFooter__col.colNavbar {
    display: flex;
  }
  .mediFooter__list {
    width: 50%;
  }
  .mediFooter__list:first-child {
    padding-right: 7.5px;
  }
  .mediFooter__list:last-child {
    padding-left: 7.5px;
  }
  .mediFooter__group {
    display: flex;
  }
  .mediFooter__download {
    width: 50%;
    padding-left: 7.5px;
  }
}
.mediFooter__title {
  font-size: 14px;
  text-transform: uppercase;
  color: #193d6b;
  padding-bottom: 10px;
  font-weight: 500;
}
.mediFooter__app a {
  display: block;
  margin-bottom: 10px;
}
.mediFooter__app a:last-child {
  margin-bottom: 0;
}
.mediFooter__app a img {
  width: 145px;
}
@media (min-width: 768px) {
  .mediFooter__nav {
    margin-bottom: 20px;
  }
}
.mediFooter__nav li {
  line-height: 24px;
}
.mediFooter__nav li a {
  font-size: 14px;
  color: #333;
}
@media (max-width: 991px) {
  .mediFooter__nav li a {
    font-size: 12px;
  }
}
.mediFooter__nav li a:hover {
  text-decoration: underline;
}
.mediFooter__bottom {
  border-top: 1px solid #e9e9e9;
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background: rgba(0, 0, 0, 0.02);
}
.mediFooter__bottom p:nth-child(1) {
  color: #4f4f4f;
}
.mediFooter__bottom p:nth-child(2) {
  color: #545454;
}
.mediFooter__bottom p a {
  color: #4f4f4f;
}
.mediFooter__bottom p a:hover {
  text-decoration: underline;
}
.mediFooter__social {
  display: flex;
  align-items: center;
  margin: 0 -8px;
}
@media (max-width: 767px) {
  .mediFooter__social {
    justify-content: center;
    margin-top: 5px;
  }
  .mediFooter__subscribe__btn {
    width: 100%;
  }
}
.mediFooter__social li {
  padding: 0 8px;
}
.mediFooter__subscribe__btn {
  background: #105E84;
  text-transform: uppercase;
  border: 1px solid;
}
@media (min-width: 768px) {
  .mediFooter__subscribe {
    display: flex;
    align-items: center;
  }
  .mediFooter__subscribe__btn {
    white-space: nowrap;
  }
}
.mediFooter__subscribe__btn:hover {
  color: #5ab6e7;
  background: #fff;
  border-color: #5ab6e7;
}
.mediFooter__subscribe > p {
  margin-bottom: 0;
  color: #d9e5f5;
  font-weight: 500;
  font-size: 20px;
  white-space: nowrap;
}
.mediFooter__subscribe .form-control {
  flex: 1;
}
@media (max-width: 767px) {
  .mediFooter__subscribe > p {
    margin-bottom: 10px;
    margin-right: 0;
    text-align: center;
  }
  .mediFooter__subscribe .form-control {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
/*   .mediFooter__subscribe .form-control {
    margin: 0 30px;
  } */
  .mediFooter__subscribe form {
    display: flex;
    align-items: center;
    flex: 1;
  }
  .mediFooter__hotline {
    margin-top: -10px;
  }
}
.mediFooter__contact > img {
  margin-bottom: 15px;
}
.mediFooter__contact p {
  margin-bottom: 8px;
  line-height: 130%;
  color: #333;
}
.mediFooter__contact .colorBlue {
  color: #193d6b !important;
}
.mediFooter__contact .colorBlue2 {
  color: #206da7;
  font-weight: 700;
}
.mediFooter__time {
  padding: 15px;
  background: #eaf3f8;
  border-radius: 5px;
  margin-bottom: 15px;
  text-align: center;
}
.mediFooter__time .p1 {
  color: #1c67a2;
  font-size: 13px;
}
.mediFooter__time .p2 {
  color: #005594;
  font-weight: 900;
  font-size: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .mediFooter__hotline {
    margin-bottom: 15px;
  }
}
.mediFooter__hotline .hotlineFlex {
  display: flex;
  align-items: baseline;
}
.mediFooter__hotline .hotlineFlex p {
  margin-bottom: 0;
}
.mediFooter__hotline .hotlineFlex strong {
  color: #ed1c24;
  font-size: 18px;
}
.mediFooter__hotline .p2 {
  font-size: 13px;
}
.mediFooter__hotline .p3 {
  font-size: 13px;
  color: #193d6b;
  font-weight: 500;
  margin-bottom: 10px;
}
.mediFooter__hotline .p3 a {
  font-size: 14px;
  color: #206da7;
  font-weight: 700;
  padding-left: 5px;
}
.mediFooter__hotline button {
  border: 1px solid #b8b9b9;
  color: #797979;
  width: 100%;
  transition: 0.3s;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .mediFooter__hotline button {
    background: #005594;
    color: #fff;
    border: 1px solid #005594;
  }
}
.mediFooter__hotline button:hover {
  color: #fff;
  border-color: #005594;
  background: #005594;
}
.mediFooter__connect {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -5px 20px;
}
.mediFooter__connect a {
  padding: 0 5px 10px;
}
@media (max-width: 767px) {
  .mediFooter__qrcode {
    width: 50%;
    padding-right: 7.5px;
  }
  .mediFooter__service__form {
    width: 100%;
    order: 2;
  }
}
.mediFooter__qrcode a {
  width: 100%;
  display: block;
  color: #545454;
  font-size: 14px;
}
.mediFooter__service {
  background-image: url(../images/footer-service-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.mediFooter__service__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .mediFooter__service__flex {
    height: 400px;
    padding: 0 50px;
  }
}
.mediFooter__service__mask {
  position: absolute;
  top: 50px;
  right: 50px;
}
.menuMobile,
.navbarMobile {
  position: fixed;
  bottom: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .mediFooter__service__img {
    order: 1;
    width: 100%;
    margin-bottom: 20px;
  }
  .mediFooter__service__mask {
    display: none;
  }
  .mediNavbar ul {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
.form-footer {
  background: #fafdff;
  border: 1px solid #d9e5f5;
  border-radius: 5px;
  padding: 20px;
}
@media (min-width: 768px) {
  .form-footer {
    width: 486px;
  }
  .mediNavbar ul {
    justify-content: center;
  }
}
.form-footer .form-control {
  margin-bottom: 12px;
}
.form-footer .form-control:last-child {
  margin-bottom: 24px;
}
.form-footer .btn {
  width: 100%;
  text-transform: uppercase;
}
.mediNavbar ul {
  display: flex;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.mediNavbar ul li.active a {
  color: #1c67a2;
  border-color: #1c67a2;
}
.mediNavbar ul li a {
  color: #3f3b3b;
  display: block;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  margin-bottom: -1px;
  transition: all 0.1s;
}
.mediNavbar ul li a:hover {
  color: #1c67a2;
}
@media (min-width: 768px) {
  .modalSignIn {
    max-width: 600px;
  }
  .formLogin__cont {
    display: flex;
    min-height: 505px;
  }
}
@media (min-width: 1200px) {
  .modalSignIn {
    max-width: 819px;
  }
}
.modalSignIn .modal-body {
  padding: 0;
}
.formLogin__title {
  text-align: center;
  margin-bottom: 30px;
}
.formLogin__title p {
  color: #011b40;
}
.formLogin__logo {
  width: 145px;
  margin: 0 auto 30px;
}
.formLogin__left {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  padding: 30px;
}
.formLogin__left .btn {
  margin-top: 30px;
  min-width: 125px;
}
@media (min-width: 768px) {
  .formLogin__left {
    width: 40%;
  }
  .formLogin__right {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .formLogin__main {
    width: 70%;
  }
}
.menuMobile__btn,
.menuMobile__header {
  justify-content: space-between;
  padding: 0 20px;
}
.formLogin__group {
  text-align: center;
}
.formLogin__group .form-group:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .mediNavbar ul li a {
    white-space: nowrap;
  }
  .formLogin__main {
    padding: 30px 15px;
  }
}
.formLogin__btn .btn {
  width: 100%;
}
.formRegister {
  background: #fafdff;
  border: 1px solid #d9e5f5;
  border-radius: 5px;
  padding: 20px 10px;
  margin-bottom: 30px;
}
.formRegister__title {
  text-align: center;
  margin-bottom: 25px;
}
.formRegister__title .p1 {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  color: #131840;
  margin-bottom: 0;
}
.formRegister__title .p2 {
  font-size: 14px;
  margin-bottom: 0;
  color: #4d4d4d;
}
.formRegister__cont .form-group:last-child {
  margin-bottom: 0;
}
.menuMobile {
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: #193d6b;
  transition: all 0.3s ease-in-out;
  transform: translateX(-100%);
}
@media (min-width: 998px) {
  .menuMobile {
    display: none;
  }
}
.menuMobile.open {
  visibility: visible;
  transform: none;
}
.menuMobile__header {
  display: flex;
  align-items: center;
  height: 60px;
  background-color: #131840;
}
.menuMobile__close svg {
  display: block;
}
.menuMobile__logo img {
  width: 128px;
}
.menuMobile__body {
  height: calc(100% - 135px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.menuMobile__item {
  border-bottom: 1px solid rgba(250, 250, 250, 0.1);
}
.menuMobile__item.active .menuMobile__btn svg {
  transform: rotate(90deg);
}
.menuMobile__btn {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #fff;
  text-align: left;
}
.menuMobile__btn svg {
  display: block;
  transition: all 0.2s;
}
.navbarMobile,
.questionForm {
  transition: all 0.3s ease-in-out;
}
.menuMobile__child {
  display: none;
  animation: opacityShow 0.3s ease-in-out;
  background-color: #fff;
}
.menuMobile__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 75px;
  padding: 0 20px;
}
.menuMobile__hotline {
  width: 50%;
  padding-right: 10px;
}
.menuMobile__hotline a {
  background-color: #5ab6e7;
  height: 45px;
  border-radius: 5px;
  display: block;
  text-align: center;
  line-height: 1.2;
  padding-top: 7px;
}
.menuMobile__zalo {
  width: 50%;
  padding-left: 10px;
}
.menuMobile__zalo a {
  background-color: #008fe6;
  height: 45px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.menuMobile__zalo a span {
  padding-left: 15px;
}
.menuMobile__zalo a img {
  width: 38px;
}
.navbarMobile {
  left: 0;
  width: 100%;
  z-index: 96;
  transform: translateY(55px);
}
.navbarMobile.show {
  transform: none;
  visibility: visible;
}
@media (min-width: 768px) {
  .navbarMobile {
    display: none;
  }
}
.navbarMobile ul {
  display: flex;
  border-top: 1px solid #e0e0e0;
}
.navbarMobile ul li {
  flex: 1;
}
.navbarMobile ul li.active a,
.navbarMobile ul li.active button {
  background: #193d6b;
  color: #fff;
}
.navbarMobile ul li.active a .spanIcon .svgDoctor path,
.navbarMobile ul li.active a .spanIcon .svgPath path,
.navbarMobile ul li.active button .spanIcon .svgDoctor path,
.navbarMobile ul li.active button .spanIcon .svgPath path {
  fill: #fff;
}
.navbarMobile ul li + li {
  border-left: 1px solid #e0e0e0;
}
.navbarMobile ul li a,
.navbarMobile ul li button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 3px 0;
  background: #fff;
  font-size: 11px;
  color: #193d6b;
  height: 100%;
}
.navbarMobile ul li a .spanText,
.navbarMobile ul li button .spanText {
  display: block;
  margin-top: 3px;
}
.navbarMobile ul li a .spanIcon,
.navbarMobile ul li button .spanIcon {
  height: 25px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.mediSearch {
  background-color: #fff;
  box-shadow: 0 2px 11px rgba(28, 103, 162, 0.13);
  border-radius: 12px;
}
.mediSearch__cont {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mediSearch__cont {
    padding: 15px;
    margin: 0 -5px;
  }
}
@media (min-width: 768px) {
  .mediSearch {
    border-radius: 100px;
  }
  .mediSearch__cont {
    align-items: flex-end;
    margin: 0 -20px;
    padding: 15px 30px;
  }
}
@media (max-width: 767px) {
  .mediSearch__col {
    width: 50%;
    margin-bottom: 15px;
    padding: 0 5px;
  }
}
@media (min-width: 768px) {
  .mediSearch__col {
    width: calc((100% - 88px) / 5);
    padding: 0 20px;
    border-right: 1px solid #e8e8e8;
  }
}
@media (max-width: 767px) {
  .mediSearch__col:last-child {
    width: 100%;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .mediSearch__col:last-child {
    width: 88px;
    border-right: none;
  }
}
.mediSearch__item p {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.mediSearch__item .form-control {
  height: 28px;
  border: none;
  padding: 0;
}
.mediSearch__item .form-control:focus {
  box-shadow: none;
  border: none;
}
@media (max-width: 767px) {
  .mediSearch__btn .btn,
  .mediSearch__col:nth-child(5) {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .mediSearch__btn .btn {
    border-radius: 50%;
    width: 48px;
    height: 48px;
  }
}
.doctorItem {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  position: relative;
  transition: 0.3s;
  display: block;
}
@media (max-width: 767px) {
  .doctorItem {
    height: 100%;
  }
  .doctorItem__cont {
    padding: 0 5px 15px;
  }
}
@media (min-width: 768px) {
  .doctorItem {
    margin-bottom: 30px;
  }
}
.doctorItem:hover .doctorItem__mask {
  opacity: 1;
  visibility: visible;
}
.doctorItem:hover .doctorItem__cont,
.doctorItem__mask,
.questionForm {
  opacity: 0;
  visibility: hidden;
}
.doctorItem__img {
    overflow: hidden;
    transition: 0.3s;
    margin: 0 auto 20px;
    aspect-ratio: 1 / 1;
}
.doctorItem__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctorItem__cont {
  transition: 0.5s;
  line-height: 1.5;
	padding:0 15px 15px;
}
.doctorItem__cont .p0 {
  color: #131840;
  margin-bottom: 5px;
}
.doctorItem__cont .p1 {
  font-size: 13px;
  color: #545454;
}
.doctorItem__cont .p2 {
  font-size: 14px;
  color: #666;
  margin-bottom: 0;
  line-height: 1.5;
}
.doctorItem__btn .btn-outline-blue,
.tabFixed ul li {
  margin-bottom: 15px;
}
.doctorItem__name {
  text-align: center;
}
.doctorItem__address {
  padding: 15px;
  border-top: 1px solid #f2f2f2;
  display: flex;
  justify-content: center;
}
.doctorItem__address .d-flex {
  align-items: center;
  justify-content: center;
}
.doctorItem__address span {
  flex: 1;
  padding-left: 10px;
  font-size: 14px;
  color: #1c67a2;
}
.doctorItem__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.4s;
}
.doctorItem__backdrop {
  background: linear-gradient(
    0deg,
    rgba(46, 85, 115, 0.31),
    rgba(46, 85, 115, 0.31)
  );
}
@media (max-width: 767px) {
  .doctorItem__backdrop {
    height: 150px;
  }
}
@media (min-width: 768px) {
  .doctorItem__backdrop {
    height: 212px;
  }
}
.doctorItem__btn,
.tabFixed__item {
  width: 100%;
  height: 100%;
  display: flex;
}
.doctorItem__btn {
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
.doctorItem__btn .btn {
  width: 100%;
  border-radius: 50px;
}
.doctorItem__btn .btn_research {
  color: #797979;
  display: flex;
  align-items: center;
  padding: 0;
}
.doctorItem__btn .btn_research span {
  margin-right: 5px;
}
.doctorItem__btn .d-block {
  width: 100%;
}
.tabFixed {
  position: fixed;
  right: 20px;
  top: 60%;
}
.tabFixed__item {
  justify-content: center;
  align-items: center;
}
.tabFixed ul li {
  width: 42px;
  height: 42px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  overflow: hidden;
}
.tabFixed ul li:nth-child(1) {
  background: #ed1c24;
}
.tabFixed ul li:nth-child(2) {
  background: #eaf3f8;
}
.tabFixed ul li:nth-child(3) {
  background: #fff;
}
.tabFixed ul li:nth-child(4) {
  background: #5ab6e7;
}
.tabShare {
  position: fixed;
  left: 40px;
  top: 155px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.serviceHighlight__item:last-child,
.tabShare__item {
  justify-content: center;
}
@media (max-width: 1199px) {
  .tabShare {
    display: none;
  }
}
.tabShare__item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.tabShare p {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 10px;
}
.tabShare ul li {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin-bottom: 15px;
}
.hexagon {
  overflow: hidden;
  display: inline-block;
  margin: 15px;
  width: 285px;
  height: 250px;
  transform: rotate(-30deg) skewX(30deg);
  border-radius: 16px;
}
.hexagon__inner,
.hexagon__inner2 {
  transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.hexagon__inner2 {
  background: #f5f5f5;
}
.formBanner__body,
.hexagon__img,
.mediBanner {
  background-repeat: no-repeat;
}
.hexagon__img {
  margin-top: -2em;
  height: 20em !important;
  transform: skewX(-30deg) rotate(-90deg);
  background-size: cover;
  background-position: center center;
}
.hexagon *,
.hexagon :before {
  display: block;
  overflow: hidden;
  width: inherit;
  height: inherit;
  border-radius: inherit;
}
.hotServices {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .hotServices__banner {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .hotServices {
    padding: 40px 0 60px;
  }
  .hotServices__banner {
    height: 461px;
  }
  .hotServices__banner__item img {
    height: 100%;
    object-fit: cover;
  }
}
.hotServices__banner__item {
  width: 100%;
  height: 100%;
}
.hotServices__banner__item a {
  display: block;
  width: 100%;
  height: 100%;
}
.hotServices__banner__item img {
  width: 100%;
}
.hotServices__banner .slick-list {
  padding: 0;
}
.hotServices__banner .slick-dots {
  bottom: 20px;
}
.hotServices__tab {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 5px;
  margin-bottom: 25px;
}
.hotServices__tab::-webkit-scrollbar {
  height: 8px;
}
.hotServices__tab::-webkit-scrollbar-track {
  background-color: #eff0f0;
  border-radius: 16px;
}
.hotServices__tab::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 16px;
}
.hotServices__tab::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.hotServices__tab ul {
  display: flex;
  border-bottom: 1px solid #eff0f0;
}
.hotServices__tab ul li {
  position: relative;
  margin-right: 30px;
  padding-bottom: 8px;
}
.hotServices__tab ul li:before {
  width: 100%;
  height: 2px;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.2s;
}
.hotServices__tab ul li.active:before {
  background-color: #4d4d4d;
}
.hotServices__tab ul li.active button {
  color: #4d4d4d;
}
.hotServices__tab ul li button {
  font-size: 20px;
  color: #ccc;
  text-align: left;
  display: block;
  width: 100%;
  transition: all 0.2s;
  white-space: nowrap;
  line-height: 1;
}
.hotServices__tab ul li button:hover {
  color: #4d4d4d;
}
.hotServices__slide {
  overflow: initial !important;
}
@media (max-width: 767px) {
  .hotServices__slide {
    margin: 0 -15px;
  }
  .hotServices__slide__item {
    padding: 0 15px;
  }
}
.hotServices__slide .slick-list {
  padding: 0;
}
.hotServices__slide .slick-arrow {
  top: 24%;
}

.hotServices__col {
  width: 100%;
  padding: 0 0 15px;
}
@media (min-width: 768px) {
  .hotServices__slide .slick-arrow {
    top: 45%;
  }
  .hotServices__slide .slick-prev {
    left: -20px;
  }
  .hotServices__slide .slick-next {
    right: -20px;
  }
  .hotServices__row {
    margin: 0 -15px -30px;
  }
  .hotServices__col {
    width: 100%;
    padding: 0 15px 30px;
  }
}
@media (max-width: 767px) {
  .hotServices .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .hotServices .titleBox__heading {
    width: 310px;
    margin-left: auto;
    margin-right: auto;
  }
}
.servicesItem {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  height: 78px;
  transition: all 0.1s;
}
.servicesItem:hover {
  background-color: #eaf3ff;
  border-color: #abc8f7;
}
.servicesItem__icon {
  width: 47px;
}
.servicesItem__icon svg {
  display: block;
}
.servicesItem__cont {
  width: calc(100% - 47px);
  padding-left: 10px;
  position: relative;
}
.servicesItem__title {
  font-weight: 500;
  font-size: 14px;
  color: #4d4d4d;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-right: 36px;
  line-height: 1;
}
.servicesItem__price {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  height: 26px;
}
.servicesItem__price .p1 {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  margin-bottom: 0;
  line-height: 1;
}
.servicesItem__price .p2 {
  font-size: 14px;
  text-decoration-line: line-through;
  color: #7c8381;
  margin-bottom: 0;
  margin-left: 5px;
  line-height: 1;
}
.servicesItem__discount {
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 5px;
}
.servicesItem__discount svg {
  display: block;
}
.servicesItem__discount span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
.servicesItem__label {
  background: #fff;
  border: 1px solid #abc8f7;
  border-radius: 3px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  margin-left: 10px;
}
.formBanner__footer__left,
.servicesItem__new {
  display: flex;
  align-items: center;
}
.servicesItem__label span {
  font-size: 9px;
  color: #005594;
}
.servicesItem__text p {
  margin-bottom: 0;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}
.servicesItem__new {
  width: 36px;
  height: 18px;
  background: #ed1c24;
  border-radius: 3px;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
}
.servicesItem__new span {
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
}
.questionForm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 55px;
  z-index: 90;
  background-color: #fff;
  padding: 75px 35px 45px;
  transform: translateY(100%);
}
.expertNet .doctorItem:hover .doctorItem__cont,
.questionForm.open {
  opacity: 1;
  visibility: visible;
}
.questionForm.open {
  transform: none;
}
.questionForm__close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.formBanner,
.formBanner__countdown__numb .d-block {
  position: relative;
}
.questionForm__title {
  text-align: center;
  margin-bottom: 30px;
}
.questionForm__cont .form-group:last-child,
.questionForm__title p {
  margin-bottom: 0;
}
.questionForm__title .p1 {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #131840;
}
.questionForm__title .p2 {
  font-size: 14px;
  color: #4d4d4d;
}
.questionForm__cont .form-group textarea {
  border-radius: 24px;
}
.questionForm__btn .btn {
  width: 100%;
}
.formBanner {
  margin-bottom: 15px;
}
.formBanner__body {
  background-position: center center;
  background-size: contain;
  background-color: #f2f3f3;
}
.formBanner__logo {
  position: absolute;
  top: 15px;
  right: 15px;
}
.formBanner__img {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .formBanner__cont {
    padding-top: 70px;
  }
  .formBanner__doctor {
    display: none;
  }
}
@media (min-width: 768px) {
  .formBanner__cont {
    padding-top: 65px;
    padding-bottom: 95px;
  }
}
.formBanner__doctor {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 275px;
}
@media (max-width: 767px) {
  .formBanner__text {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .formBanner__text {
    padding-right: 25px;
    margin-top: -35px;
  }
}
.formBanner__text p {
  text-align: right;
  color: #193c6a;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .formBanner__main {
    padding: 15px;
  }
  .formBanner__time__left {
    margin-bottom: 15px;
  }
}
.formBanner__time {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .formBanner__main {
    padding: 15px 255px 15px 15px;
  }
  .formBanner__time {
    display: flex;
  }
  .formBanner__time__right {
    padding-left: 15px;
  }
}
.formBanner__time__box {
  background-color: #193c6a;
  border-radius: 30px;
  padding: 15px 20px;
}
.formBanner__time__box p {
  margin-bottom: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .formBanner__form {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
  }
  .formBanner__form .form-group {
    width: 50%;
    padding: 0 7.5px;
  }
  .formBanner__form .form-group:last-child {
    width: 100%;
  }
}
.formBanner__form .form-control {
  border-radius: 30px;
  border-color: #193c6a;
  background-color: #eaf3f8;
}
.formBanner__btn .btn,
.formBanner__footer {
  background-color: #193c6a;
}
.formBanner__form select:required:invalid {
  color: #929498 !important;
}
.formBanner__form option[value=""][disabled] {
  display: none;
}
.formBanner__form option {
  color: #000 !important;
}
.formBanner__btn {
  text-align: center;
}
.formBanner__footer {
  color: #fff;
}
.formBanner__countdown,
.formBanner__footer__right {
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .formBanner__footer__left {
    padding: 15px;
    border-bottom: 1px solid #fff;
  }
}
@media (min-width: 768px) {
  .formBanner__footer {
    display: flex;
  }
  .formBanner__footer__left {
    padding: 0 15px;
    border-right: 4px solid #fff;
  }
}
.formBanner__footer__left span {
  font-size: 18px;
  font-weight: 600;
}
.formBanner__footer__right {
  padding: 10px 15px;
}
.formBanner__footer__right span {
  line-height: 1.3;
}
.formBanner__numb {
  background-color: #fff;
  color: #eb1c24;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 20px;
  font-weight: 600;
}
.formBanner__countdown__numb {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.formBanner__countdown__numb .d-block:before {
  content: ":";
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 0 5px;
}
.formBanner__countdown__numb .d-block:first-child:before {
  display: none;
}
.formBanner__countdown__numb .d-block:nth-child(n + 2) .span2 {
  left: 15px;
}
.formBanner__countdown__numb .span2 {
  display: block;
  font-size: 11px;
  color: #fff;
  position: absolute;
  bottom: -16px;
  left: 0;
}
.formBanner__countdown .p1 {
  margin-bottom: 0;
}
.mediBanner {
  background-image: url(../images/bg_hexagon_tophead.svg),
    radial-gradient(64.35% 102.41% at 21.41% 35.65%, #eafafa 0, #f3f7fb 100%);
  background-position: bottom 20px center, top center;
  background-color: #edf9ff;
}
.mediBanner__row {
  display: flex;
  flex-wrap: wrap;
}
.mediBanner__text h2 {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 16px;
}
.mediBanner__text p {
  line-height: 130%;
  color: #4f4f4f;
  margin-bottom: 0;
}
.mediBanner__btn {
  margin-top: 56px;
}
@media (min-width: 768px) {
  .mediBanner__col {
    width: 50%;
  }
  .mediBanner__col:nth-child(1) {
    padding-top: 63px;
  }
  .mediBanner__col:nth-child(2) {
    padding-left: 100px;
  }
  .mediBanner__text h2 {
    font-size: 40px;
  }
  .mediBanner__btn .btn-outline-blue {
    border-radius: 100px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .mediBanner {
  }
  .mediBanner__col:nth-child(1) {
    order: 2;
  }
  .mediBanner__col:nth-child(2) {
    order: 1;
  }
  .mediBanner__btn .btn {
    width: 100%;
  }
  .mediBanner__btn .btn-outline-blue {
    border-radius: 100px;
    margin-top: 15px;
  }
  .mediBanner__count {
    display: none;
  }
}
@media (min-width: 768px) {
  .mediBanner__count {
    display: flex;
    width: 100%;
    margin-top: 30px;
    order: 3;
  }
}
.mediBanner__count .countCol {
  width: 33.3333333333%;
  text-align: center;
}
.mediBanner__count .countCol__number {
  font-weight: 500;
  font-size: 24px;
  color: #005594;
  line-height: 48px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .mediBanner__count .countCol__number {
    font-size: 40px;
    font-weight: 700;
  }
}
.mediBanner__count .countCol__icon svg {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.5;
}
.mediBanner__count .countCol .p2 {
  color: #193d6b;
  font-size: 14px;
}
.mediBanner__img {
  height: 400px;
}
.mediBanner__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.homeMediBox {
  padding-top: 40px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .homeMediBox .col {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 7.5px;
  }
  .homeMediBox .col-3 {
    margin-bottom: 15px;
  }
  .homeMediBox .row {
    margin: 0 -7.5px;
  }
  .homeMediBox__title {
    padding: 0 15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .homeMediBox .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.homeMediBox__title {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}
.homeMediBox__title h2,
.homeMediBox__title h3 {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .homeMediBox__title h2,
  .homeMediBox__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.serviceHighlight__item {
  display: flex;
  align-items: center;
  height: 153px;
  background: #fbfbfb;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 15px;
  transition: 0.3s;
}
.serviceHighlight__item:hover {
  box-shadow: 0 0 10px rgba(65, 64, 66, 0.1);
  background: #fff;
  transform: scale(1.1);
}
.expertNet .doctorItem:hover,
.successStory__item {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.serviceHighlight__item:hover .serviceHighlight__text {
  display: none;
}
.serviceHighlight__item:hover .serviceHighlight__hover {
  display: block;
}
.serviceHighlight__item .p1 {
  font-size: 18px;
  font-weight: 500;
}
.serviceHighlight__item .p2 {
  font-size: 14px;
  color: #666;
}
.serviceHighlight__more {
  color: #333;
  display: block;
  text-align: center;
}
.serviceHighlight__more ul {
  display: flex;
  justify-content: center;
}
.serviceHighlight__more ul li + li {
  margin-left: 10px;
}
.serviceHighlight__icon {
  margin-right: 10px;
  width: 77px;
}
.serviceHighlight__text {
  width: calc(100% - 77px);
  transition: 0.3s;
}
.serviceHighlight__endow {
  display: flex;
  align-items: center;
  width: 80%;
  margin: auto;
  padding: 12px 16px;
  background: #fafdff;
  border: 1px solid #eaf3f8;
  border-radius: 5px;
}
.doctorDetail__advisory .advisory__icon,
.serviceHighlight__endow svg {
  margin-right: 20px;
}
.serviceHighlight__endow p {
  margin-bottom: 0;
}
.serviceHighlight__hover {
  display: none;
  width: calc(100% - 77px);
  transition: 0.3s;
}
.serviceHighlight__hover p {
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  color: #4d4d4d;
}
@media (min-width: 768px) {
  .expertNet .doctorItem {
    height: 282px;
  }
}
.expertNet .doctorItem:hover .doctorItem__img {
  border-color: #005594;
}
.expertNet .doctorItem__img {
  width: 134px;
  height: 134px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ddd;
  transition: 0.3s;
  margin-bottom: 23px;
}
.foundationTech__more,
.foundationTech__title {
  width: 100%;
  text-align: center;
}
.expertNet .doctorItem__cont {
  height: auto;
}
.expertNet .doctorItem__name {
  padding: 0;
}
.expertNet .doctorItem .p0 {
  color: #131840;
  line-height: 118.5%;
  margin-bottom: 3px;
}
.expertNet .doctorItem .p1 {
  font-size: 13px;
  color: #545454;
  line-height: 118.5%;
  margin-bottom: 8px;
}
.expertNet .doctorItem .p2 {
  font-size: 12px;
  color: #666;
  margin-bottom: 0;
}
.expertNet .doctocItem_plus {
  background: #efefef;
}
.foundationTech {
  background-color: #005594;
}
.serviceDetail__section5 {
  background-color: #005594;
  background-image: url(../images/foundation-bg.png);
}
@media (max-width: 767px) {
  .expertNet .doctocItem_plus {
    padding-top: 80px;
  }
  .foundationTech .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .foundationTech .col-3 {
    margin-bottom: 15px;
  }
}
.expertNet .doctocItem_plus .text-lg {
  font-size: 40px;
  font-weight: 500;
  color: #4d4d4d;
  line-height: 47px;
  text-align: center;
}
.expertNet .doctocItem_plus .text-sm {
  font-size: 14px;
  color: #666;
  text-align: center;
}
.expertNet .doctocItem_plus .btn-more {
  margin-top: 60px;
}
.foundationTech {
  padding-top: 40px;
  padding-bottom: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .foundationTech .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.foundationTech__title {
  margin-bottom: 20px;
}
.foundationTech__title h2,
.foundationTech__title h3 {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #d9e5f5;
}
.foundationTech__title .p1 {
  color: #5ab6e7;
}
@media (max-width: 767px) {
  .foundationTech__title {
    padding: 0 15px;
  }
  .foundationTech__title h2,
  .foundationTech__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .foundationTech__title .p1 {
    color: #fff;
  }
}
.foundationTech__item {
    background: rgb(0 55 158 / 20%);
    border-radius: 27px;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #5a76b9;
}
@media (min-width: 768px) {
  .foundationTech__item {
    margin-bottom: 30px;
  }
}
.foundationTech__img {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foundationTech__cont {
  padding: 0 15px;
  margin-top: 15px;
}
.foundationTech__name {
  text-align: center;
  margin-bottom: 16px;
}
.foundationTech__name p:nth-child(1) {
  color: #4d4d4d;
  text-transform: uppercase;
}
.foundationTech__name p:nth-child(2) {
  color: #666;
  font-size: 13px;
  padding: 0 12px;
  height: 34px;
}
.foundationTech__btn {
  text-align: center;
}
.foundationTech__more .btn {
  min-height: 45px;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  text-transform: uppercase;
  color: #f2f2f2;
  opacity: 0.5;
  width: 166px;
}
.clinic__preview,
.clinic__slide,
.clinic__title {
  width: 100%;
}
.foundationTech__more .btn:hover {
  color: #fff;
  opacity: 1;
}
.clinic {
  padding: 40px 0 60px;
}
.clinic__title {
  text-align: center;
  margin-bottom: 20px;
}
.clinic__title h2,
.clinic__title h3 {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #fff;
}
.clinic__col {
  padding: 0 15px;
}
.clinic__item:hover .clinic__hexagon__icon1 svg path {
  stroke: #005594;
}
@media (max-width: 767px) {
  .foundationTech__more {
    margin-top: 30px;
  }
  .foundationTech__more .btn {
    border-color: #fff;
    color: #fff;
    opacity: 1;
  }
  .clinic__title {
    padding: 0 15px;
  }
  .clinic__title h2,
  .clinic__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .clinic__preview {
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .clinic__preview__left {
    padding-bottom: 30px;
    width: 100%;
    order: 2;
  }
}
@media (min-width: 768px) {
  .clinic__preview {
    display: flex;
    margin-bottom: 40px;
  }
  .clinic__preview__left {
    width: 58%;
    padding-right: 17px;
  }
}
@media (max-width: 767px) {
  .clinic__preview__right {
    padding-bottom: 15px;
    order: 1;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .clinic__preview__right {
    width: 42%;
    padding-left: 17px;
  }
  .clinic__preview__tab {
    padding-top: 24px;
  }
}
.clinic__preview__img {
  height: 300px;
  background: #fff;
  border: 1px solid #abc8f7;
  border-radius: 10px;
  padding: 10px;
}
@media (min-width: 768px) {
  .clinic__preview__img {
    height: 420px;
  }
}
.clinic__preview__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.clinic__preview__item {
  display: flex;
  margin-bottom: 15px;
  cursor: pointer;
}
.clinic__preview__item.active {
  border-radius: 5px;
}
.clinic__preview__item.active .clinic__preview__flex {
  background: #ebf4ff;
  border-color: #5ab6e7;
}
.clinic__preview__item.active .clinic__preview__flex p {
  color: #193d6b;
}
.clinic__preview__item.active .clinic__preview__icon {
  background: #ebf4ff;
  display: block;
}
.clinic__preview__flex {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 5px;
  padding: 12px 10px;
  border: 1px solid #ddd;
  transition: all 0.1s;
}
.clinic__preview__flex:hover {
  background: #ebf4ff;
  border-color: #5ab6e7;
}
.clinic__preview__flex:hover p {
  color: #193d6b;
}
.clinic__preview__flex p {
  margin-bottom: 0;
  font-size: 16px;
  color: #4d4d4d;
  font-weight: 500;
  transition: all 0.1s;
}
.clinic__preview__icon {
  width: 39px;
  padding-right: 12px;
  display: none;
}
.clinic__preview p {
  width: calc(100% - 27px);
}
.clinic__more {
  width: 100%;
  text-align: center;
}
.clinic__more .btn {
  min-height: 45px;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  color: #545454;
  width: 166px;
}
.clinic__more .btn:hover {
  background: #005594;
  color: #fff;
  border-color: #005594;
}
.clinic__hexagon {
  position: relative;
  width: 133px;
  margin: 0 auto 15px;
}
.clinic__hexagon__icon1 svg path {
  transition: all 0.1s;
}
.clinic__hexagon__icon2,
.clinic__hexagon__icon3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clinic__cont {
  text-align: center;
}
.clinic__cont p {
  margin-bottom: 0;
}
.clinic__cont .p1 {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
.clinic__cont .p2 {
  font-size: 14px;
  color: #fff;
}
.clinic .slick-arrow {
  top: 73px;
}
.handBook {
  padding-top: 40px;
  padding-bottom: 60px;
/*   background-image: url(../images/home-camnang-bg.png); */
  background-position: left bottom;
  background-repeat: no-repeat;
}
.handBook__item {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .handBook .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .handBook__item {
    padding: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .clinic .slick-prev {
    left: -40px;
  }
  .clinic .slick-next {
    right: -40px;
  }
  .handBook__item {
    height: 366px;
    margin-bottom: 30px;
  }
}
.handBook__paper a {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #797979;
}
.handBook__paper a:hover {
  text-decoration: underline;
}
.handBook__paper a span {
  padding-left: 5px;
}
.handBook__title {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  color: #363636;
}
.handBook__title h2,
.handBook__title h3 {
  font-size: 28px;
}
@media (max-width: 767px) {
  .handBook__title {
    padding: 0 15px;
  }
  .handBook__title h2,
  .handBook__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.handBook__title .p1 {
  color: #666;
}
.handBook__tab {
  width: 100%;
  margin-bottom: 15px;
  overflow-x: auto;
  padding: 0 15px;
}
.handBook__tab ul {
  display: flex;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .handBook__tab ul {
    justify-content: center;
  }
}
.handBook__tab ul li {
  border: 1px solid #ddd;
  border-radius: 5px;
  transition: 0.3s;
  background: #f9fafb;
}
.handBook__tab ul li:hover {
  background: #d9e5f5;
  border: 1px solid #005594;
}
.handBook__tab ul li:hover a {
  color: #005594;
}
.handBook__tab ul li + li {
  margin-left: 15px;
}
.handBook__tab ul li a {
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: grey;
  white-space: nowrap;
  height: 35px;
  font-size: 14px;
  line-height: 130%;
}
.handBook__name {
  margin-bottom: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  height: 47px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.handBook__name a {
  font-weight: 500;
  font-size: 16px;
  color: #4d4d4d;
  display: block;
  transition: all 0.1s;
}
.handBook__name a:hover {
  color: #005594;
}
.handBook__cont p,
.handBook__viewed span {
  font-size: 12px;
  color: #666;
}
.handBook__cont p.p1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .handBook__name {
    width: calc(100% - 90px);
    padding-left: 15px;
    margin-bottom: 10px;
    text-align: justify;
  }
  .handBook__cont p.p1 {
    -webkit-line-clamp: 2;
    height: 36px;
  }
  .handBook__cont .d-flex {
    width: calc(100% - 90px);
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .handBook__cont {
    padding: 15px;
  }
  .handBook__cont p.p1 {
    -webkit-line-clamp: 3;
    height: 50px;
  }
}
.handBook__cont p:last-child {
  margin-bottom: 0;
}
.handBook__cont .d-flex {
  justify-content: space-between;
  align-items: center;
}
.handBook__viewed {
  border-radius: 3px;
  height: 23px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .handBook__viewed {
    padding: 2px 10px 0;
    border: 1px solid #ddd;
  }
}
.handBook__viewed span {
  line-height: 130%;
}
.handBook__viewed svg {
  margin-right: 6px;
}
.handBook__viewed .spanBlue {
  color: #005594;
}
.handBook__img {
  height: 164px;
  position: relative;
}
@media (max-width: 767px) {
  .handBook__img {
    float: left;
    width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
  }
}
.handBook__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.handBook__label {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 9px 15px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.handBook__more {
  width: 100%;
  text-align: center;
}
.handBook__more .btn {
  min-height: 45px;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  color: #545454;
}
.handBook__more .btn:hover {
  background: #005594;
  color: #fff;
  border-color: #005594;
}
.successStory {
  background: #f7f7f7;
  padding: 60px 0;
}
.successStory__title {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}
.successStory__title h2,
.successStory__title h3 {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .successStory__title {
    padding: 0 15px;
  }
  .successStory__title h2,
  .successStory__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.successStory__title .p1 {
  color: #5ab6e7;
}
.successStory__slide {
  width: 100%;
  position: relative;
}
/* .successStory__col {
  padding: 60px 15px 0;
}
.successStory__col:hover .successStory__avatar {
  border: 3px solid #005594;
}
.successStory__item {
  position: relative;
  background: #fff;
  border-radius: 5px;
  height: 256px;
}
.successStory__cont {
  position: relative;
  text-align: center;
  padding: 66px 44px 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.successStory__name {
  font-weight: 500;
  font-size: 14px;
  color: #002c69;
  margin-bottom: 8px;
}
.successStory__avatar {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  border: 3px solid #ddd;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  transition: 0.3s;
  overflow: hidden;
}
.successStory__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.successStory__more {
  width: 100%;
  text-align: center;
}
.successStory__more .btn {
  color: #545454;
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  min-height: 45px;
}
.successStory__more .btn:hover {
  background: #005594;
  color: #fff;
  border-color: #005594;
}
.section24,
.section2__cont {
  background-position: center top;
}
.successStory .p1 {
  font-size: 13px;
  color: #545454;
  margin-bottom: 16px;
}
.successStory .p2 {
  font-size: 13px;
  color: #666;
} */
.successStory .iconLeft {
  position: absolute;
  top: 110px;
  left: 20px;
}
.successStory .iconRight {
  position: absolute;
  bottom: 30px;
  right: 20px;
}
.btn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  color: #206da7;
}
.btn-more svg {
  margin-right: 5px;
}
.section1 {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .successStory .slick-prev {
    left: -40px;
  }
  .successStory .slick-next {
    right: -40px;
  } /*.section1{padding:20px 0 100px}*/
}
.section1.section1_padding {
  padding: 50px 0;
}
.section1__row {
  display: flex;
}
@media (max-width: 767px) {
  .section1__row {
    flex-wrap: wrap;
  }
  .section1__col:first-child {
    width: 100%;
    order: 2;
  }
}
@media (min-width: 768px) {
  .section1.section1_padding {
    padding: 100px 0;
  }
  .section1__row {
    margin: 0 -15px;
  }
  .section1__col {
    padding: 0 15px;
  }
  .section1__col:first-child {
    width: 50%;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .section1__col:last-child {
    width: 100%;
    order: 1;
    padding-bottom: 30px;
  }
  .section1__btn {
    text-align: center;
  }
}
.section1__text h2 {
  color: #000;
  font-size: 30px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .section1__col:last-child {
    width: 50%;
  }
  .section1__text h2 {
    font-size: 60px;
  }
}
.section1__img img {
  width: 100%;
}
.section1__btn {
  margin-top: 25px;
}
.doctorDetail__info__btn,
.section2__btn {
  margin-top: 30px;
}
.section2 {
  position: relative;
}
.section2__wave1 {
  position: absolute;
}
.section2__cont,
.section4,
.section4__img,
.section9__video > div {
  position: relative;
}
.section2__cont {
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .section2__wave1 {
    width: 50%;
  }
  .section2__cont {
    padding-top: 50px;
  }
}
.section2__img img {
  width: 100%;
}
.section2__text h3 {
  font-size: 20px;
  color: #000;
}
@media (min-width: 768px) {
  .section2__text {
    width: 80%;
  }
  .section2__text h3 {
    font-size: 40px;
  }
  .section2__btn {
    display: flex;
    align-items: center;
  }
  .section2__btn .div1 {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .section2__btn {
    text-align: center;
  }
  .section2__btn .div1 {
    margin-bottom: 15px;
  }
  .section2 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section2 .col:first-child,
  .section3__btn .div1 {
    margin-bottom: 15px;
  }
}
.section3 {
  padding: 50px 0;
}
.section3__cont h3 {
  font-size: 20px;
  color: #000;
}
@media (min-width: 768px) {
  .section2 .col:last-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .section3__cont h3 {
    font-size: 40px;
  }
  .section3__btn {
    display: flex;
  }
}
.section3__list li {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}
.section3__list li span.spanText {
  font-size: 16px;
  flex: 1;
  padding-left: 15px;
}
.section3__btn {
  padding-top: 30px;
}
.section3__img img {
  width: 100%;
}
@media (max-width: 767px) {
  .section3__btn .btn {
    width: 100%;
  }
  .section3 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section3 .col:first-child {
    order: 2;
  }
  .section3 .col:last-child {
    order: 1;
    margin-bottom: 30px;
  }
}
.section5,
.section9 {
  margin-bottom: 50px;
}
.section4 {
  padding-bottom: 50px;
}
.section4__img .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section4__cont h3 {
  font-size: 20px;
  color: #000;
}
@media (min-width: 768px) {
  .section3__btn .div1 {
    margin-right: 30px;
  }
  .section3 .col:first-child {
    display: flex;
    align-items: center;
  }
  .section4__cont h3 {
    font-size: 40px;
  }
}
.section4__list li {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}
.section4__list li span.spanText {
  flex: 1;
  padding-left: 15px;
  font-size: 16px;
}
.section4__btn {
  padding-top: 15px;
}
.section4__icon {
  position: absolute;
  z-index: 1;
}
.section4__icon.icon1 {
  top: 50px;
  left: 20px;
}
.section4__icon.icon2 {
  bottom: 165px;
  left: 10px;
}
.section4__icon.icon3 {
  right: 0;
  bottom: 100px;
}
@media (max-width: 767px) {
  .section4__btn {
    text-align: center;
  }
  .section4__icon {
    display: none;
  }
  .section4 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section5__item {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .section4 .col:last-child {
    display: flex;
    align-items: center;
  }
}
.section5__item {
  background: #fff;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  height: 175px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 15px;
}
.section5__top {
  display: flex;
  align-items: center;
}
.section5__top span {
  flex: 1;
  padding-left: 15px;
  color: #425466;
  font-size: 16px;
  font-weight: 500;
}
.section6,
.section7 {
  padding: 50px 0;
}
.section5__bottom {
  text-align: right;
}
.section6__title,
.section7__cont,
.section7__title {
  text-align: center;
}
.section5__bottom span {
  font-size: 40px;
  color: #1c67a2;
  font-weight: 700;
}
@media (max-width: 767px) {
  .section5 .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.section6__title h3 {
  font-size: 20px;
  color: #000;
}
@media (min-width: 768px) {
  .section6__title h3 {
    font-size: 40px;
  }
  .section6__cont {
    width: 80%;
    margin: 15px auto 0;
  }
}
.section6__title p {
  font-size: 16px;
}
.section6__logo {
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section6__logo img {
  height: 100%;
  object-fit: contain;
}
.section7 {
  background: linear-gradient(357.76deg, #f3f9ff 1.95%, #f5fbff 93.5%);
}
@media (min-width: 768px) {
  .section7 {
    padding: 100px 0;
  }
}
.section7__title h3 {
  font-size: 20px;
  color: #000;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .section7__title h3 {
    font-size: 40px;
    padding-bottom: 48px;
  }
  .section7__main {
    width: 80%;
    margin: auto;
  }
}
.section7__item {
  background: #fff;
  box-shadow: 0 25px 50px rgba(33, 122, 191, 0.08);
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .section6 .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .section7__item {
    margin-bottom: 15px;
  }
}
.section7__img {
  background-color: #dbebf8;
  height: 156px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.section7__cont {
  height: 145px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
.section7__cont p {
  font-size: 16px;
  margin-bottom: 0;
}
.section8 {
  padding: 50px 0;
}
.section8__title h3 {
  font-size: 20px;
  color: #000;
}
@media (min-width: 768px) {
  .section8 {
    padding: 67px 0;
  }
  .section8__title h3 {
    font-size: 40px;
  }
  .section8__slide__col {
    padding: 0 15px;
  }
}
.section8__slide .slick-list {
  padding: 5px 0 40px;
}
.section8__slide .slick-slide {
  cursor: auto;
}
@media (max-width: 767px) {
  .section7 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section8__title {
    margin-bottom: 15px;
  }
  .section8 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.feedbackItem {
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 1px rgba(40, 41, 61, 0.08),
    0 0.5px 2px rgba(96, 97, 112, 0.16);
  border-radius: 12px;
}
.section19,
.section9 {
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media (min-width: 768px) {
  .section8 .col:first-child {
    display: flex;
    align-items: center;
  }
  .feedbackItem {
    padding: 32px;
  }
}
.feedbackItem__top {
  border-bottom: 1px solid #eaeaea;
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.feedbackItem__ava {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
}
.feedbackItem__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feedbackItem__info {
  width: calc(100% - 56px);
  padding-left: 15px;
}
.feedbackItem__bottom {
  padding-top: 16px;
  height: 240px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.feedbackItem__bottom p {
  color: #5d6f88;
}
.feedbackItem__icon {
  text-align: right;
  padding-top: 30px;
}
.block1__text,
.block1__title,
.block4__icon,
.block4__item p,
.block4__title,
.block5__title,
.block6__cont,
.block7__title,
.block8__item,
.block8__title,
.block9__title,
.blogDetail__evaluate,
.blogDetail__info dl,
.blogHome .tendency__item__link span,
.blogVertical__cont,
.commentForm__btn,
.doctorDetail .introduce__group ul li a,
.doctorPrize__cont,
.netDoctor .section16__more,
.netDoctor .section16__title,
.netDoctor .section17__title,
.netDoctor .section18__logo,
.section10__item,
.section13__text,
.section15__cont,
.section15__title,
.section20__btn,
.section20__slide__cont,
.section20__title,
.section21__title,
.section22__title,
.section23__title,
.section24__btn,
.section24__title,
.section9__title,
.signUpCollabBox__btn,
.signUpCollabBox__title {
  text-align: center;
}
.section9 {
  background-size: cover;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .section9 {
    padding: 100px 0;
    margin-bottom: 100px;
  }
}
.section9__title {
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .section9__title {
    width: 75%;
    margin: 0 auto 40px;
  }
}
.section9__title h2 {
  font-size: 30px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .section9__title h2 {
    font-size: 60px;
  }
  .section9__video {
    width: 50%;
    margin: auto;
  }
}
.section9__title p {
  font-size: 16px;
  font-weight: 500;
}
.section9__video > div {
  width: 100%;
  padding-top: 56.25%;
}
.section9__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section10 {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .section10 {
    margin-bottom: 100px;
  }
}
.section10__title {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .section10__item {
    margin-bottom: 30px;
  }
}
.section10__img {
  height: 100px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (min-width: 768px) {
  .section10__img {
    height: 170px;
  }
  .section10__text p {
    margin-bottom: 15px;
  }
}
.section10__img img {
  height: 100%;
  object-fit: contain;
}
.section10__text {
  padding-top: 30px;
}
.section11 {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .section10 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section11.reverse .col:first-child {
    order: 2;
  }
  .section11.reverse .col:last-child {
    order: 1;
  }
  .section11__text {
    margin-top: 30px;
    text-align: center;
  }
  .section11 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.section12 {
  background: linear-gradient(180deg, #f3f8fc 0, rgba(243, 248, 252, 0) 100%);
  padding: 50px 0;
}
@media (min-width: 768px) {
  .section11 {
    margin-bottom: 100px;
  }
  .section11 .col:first-child {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .section11 .col:last-child {
    display: flex;
    align-items: center;
  }
  .section12 {
    padding: 100px 0;
  }
  .section12__cont {
    display: flex;
    justify-content: flex-end;
  }
}
.section12__title {
  margin-bottom: 50px;
}
.section12__cont ul li {
  background: #fff;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  min-height: 142px;
  padding: 15px;
  margin-bottom: 15px;
}
.section12__cont ul li p.size16 {
  color: #193d6b;
}
@media (min-width: 768px) {
  .section12__cont ul {
    width: 65%;
  }
  .section12__cont ul li {
    padding: 28px;
    margin-bottom: 20px;
  }
  .section12__img {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .section12__img {
    margin-bottom: 30px;
  }
  .section12 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section12 .col:first-child {
    order: 2;
  }
  .section12 .col:last-child {
    order: 1;
  }
}
.section13 {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .section13 {
    margin-bottom: 100px;
  }
}
.section13__title {
  margin-bottom: 50px;
}
.section13__item {
  border: 1px solid #e8e8e8;
  background-color: #fff;
  border-radius: 12px;
  padding: 15px;
  position: relative;
  margin-bottom: 30px;
  min-height: 300px;
}
.section13__img {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .section13__item {
    padding: 20px;
    min-height: 330px;
  }
  .section13__img {
    height: 130px;
  }
}
.section13__img img {
  height: 100%;
  object-fit: contain;
}
.section13__text {
  padding-top: 30px;
}
.section13__text p {
  font-size: 14px;
  margin-bottom: 10px;
}
.section13__text .showMore {
  width: 100%;
  display: block;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.section14 {
  background: linear-gradient(180deg, #f3f8fc 0, rgba(243, 248, 252, 0) 100%);
  padding: 50px 0;
}
.section14__title {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .section13__text p {
    font-size: 16px;
  }
  .section13__text .showMore {
    bottom: 20px;
  }
  .section14 {
    padding: 100px 0;
  }
  .section14__form {
    width: 37%;
    margin: auto;
  }
}
.section14__form .form-control {
  height: 52px;
}
.section14__form .btn {
  width: 100%;
}
.section15 {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .section15 {
    margin-bottom: 100px;
  }
  .section15__item {
    height: 100%;
  }
}
.section15__title {
  margin-bottom: 35px;
}
.section15__item {
  background: #fff;
  border: 1px solid #e8e8e8;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .section13 .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .section15__item {
    margin-bottom: 30px;
  }
}
.section15__img {
  height: 170px;
}
@media (min-width: 768px) {
  .section15__img {
    height: 210px;
  }
}
.section15__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section15__cont {
  padding: 15px;
}
.section15__cont p {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .section15__cont {
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: calc(100% - 210px);
  }
  .section15__cont p {
    font-size: 20px;
  }
}
.netDoctor .section1 {
  background-image: url(../images/mang-luoi-bac-sy-bg1.png),
    url(../images/mang-luoi-bac-sy-bg2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom center, top left;
  padding-bottom: 0;
  background-size: 100%, 525px 100%;
  background-color: #edf9ff;
}
.netDoctor .section1__col:first-child {
  width: 60%;
  display: block;
  padding-top: 45px;
}
.netDoctor .section1__col:first-child h1 {
  font-weight: 500;
  color: #4d4d4d;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .section15 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .netDoctor .section1__col:first-child {
    width: 100%;
    padding: 40px 0;
  }
  .netDoctor .section1__col:first-child h1 {
    font-size: 30px;
  }
}
@media (min-width: 768px) {
  .netDoctor .section1__col:first-child h1 {
    font-size: 38px;
  }
}
.netDoctor .section1__col:first-child .p1 {
  font-size: 16px;
  line-height: 130%;
  color: #4f4f4f;
  margin-bottom: 40px;
}
.netDoctor .section1__col:first-child .btn-blue {
  text-transform: uppercase;
  width: 229px;
}
.netDoctor .section1__col:first-child .btn-round {
  border-radius: 50px;
}
.netDoctor .section1__col:nth-child(2) {
  width: 40%;
}
@media (max-width: 767px) {
  .netDoctor .section1__col:nth-child(2) {
    width: 100%;
    padding-bottom: 0;
  }
  .netDoctor .section16__title h3 {
    font-size: 26px;
  }
}
.netDoctor .section16 {
  padding-top: 40px;
  padding-bottom: 60px;
}
.netDoctor .section16__title {
  margin-bottom: 20px;
}
.netDoctor .section16__title h3 {
  font-weight: 500;
  color: #4d4d4d;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .netDoctor .section16__title h3 {
    font-size: 35px;
  }
}
.netDoctor .section16__title .p1 {
  font-size: 16px;
  line-height: 150%;
  color: #666;
}
.netDoctor .section16__search {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .netDoctor .section16__search {
    padding: 0 50px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .netDoctor .section16 .row {
    margin: 0 -7.5px;
  }
  .netDoctor .section16 .col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px;
    padding: 0 7.5px;
  }
}
.netDoctor .section16 .doctocItem_plus .text-lg {
  font-size: 40px;
  font-weight: 500;
  color: #4d4d4d;
  line-height: 47px;
}
.netDoctor .section16 .doctocItem_plus .text-sm {
  font-size: 14px;
  color: #666;
}
.netDoctor .section16 .doctocItem_plus .btn-more {
  margin-top: 60px;
}
.netDoctor .section17 {
  padding-top: 40px;
  padding-bottom: 60px;
}
.netDoctor .section17__text {
  width: 80%;
}
@media (max-width: 767px) {
  .netDoctor .section17__text {
    text-align: center;
    width: 100%;
  }
}
.netDoctor .section17__text > p {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 26px;
  color: #455364;
}
.netDoctor .section17__text .btn {
  width: 229px;
}
.netDoctor .section17__title {
  margin-bottom: 40px;
}
.netDoctor .section17__title h3 {
  font-weight: 500;
  color: #4d4d4d;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .netDoctor .section17__title h3 {
    font-size: 26px;
  }
  .netDoctor .section17__img {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .netDoctor .section17__title h3 {
    font-size: 35px;
  }
}
.netDoctor .section17__title .p1 {
  font-size: 16px;
  line-height: 150%;
  color: #666;
}
.netDoctor .section17__img {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .netDoctor .section17__img {
    height: 568px;
    position: relative;
    z-index: 1;
    flex-direction: column;
  }
  .netDoctor .section17__img__col:nth-child(1) {
    margin-right: 30px;
  }
}
.netDoctor .section17__img__col {
  box-shadow: 0 0 20px rgba(0, 85, 148, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.netDoctor .section17__img__col:nth-child(1) {
  width: 55%;
  height: 360px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .netDoctor .section17__img__col:nth-child(1) {
    width: 100%;
  }
}
.netDoctor .section17__img__col:nth-child(1) .section17__img__cont {
  top: 15px;
  left: 15px;
}
.netDoctor .section17__img__col:nth-child(2) {
  width: 55%;
  height: calc(100% - 390px);
}
@media (max-width: 767px) {
  .netDoctor .section17__img__col:nth-child(2) {
    width: 100%;
    height: 173px;
    margin-bottom: 30px;
  }
}
.netDoctor .section17__img__col:nth-child(2) .section17__img__cont {
  bottom: 2px;
  right: 2px;
}
.netDoctor .section17__img__col:nth-child(3) {
  width: calc(100% - 30px - 55%);
  height: 200px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .netDoctor .section17__img__col:nth-child(3) {
    width: 100%;
  }
}
.netDoctor .section17__img__col:nth-child(3) .section17__img__cont {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px 0 30px;
}
.netDoctor .section17__img__col:nth-child(4) {
  width: calc(100% - 30px - 55%);
  height: calc(100% - 230px);
}
@media (max-width: 767px) {
  .netDoctor .section17__img__col:nth-child(4) {
    width: 100%;
    height: 335px;
  }
  .netDoctor .section17__icon {
    display: none;
  }
}
.netDoctor .section17__img__col:nth-child(4) .section17__img__cont {
  bottom: 2px;
  left: 2px;
}
.netDoctor .section17__img__box {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.netDoctor .section17__img__box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.netDoctor .section17__img__cont {
  position: absolute;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 8px 15px;
}
.netDoctor .section17__img__cont .p1 {
  font-weight: 300;
  font-size: 20px;
  letter-spacing: -0.4px;
  color: #777;
}
.netDoctor .section17__img__cont .p2 {
  font-size: 18px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  color: #4d4d4d;
  font-weight: 700;
}
.netDoctor .section17__icon {
  position: absolute;
}
.netDoctor .section17__icon.icon1 {
  top: 0;
  left: -100px;
}
.netDoctor .section17__icon.icon2 {
  bottom: 0;
  right: -50px;
}
@media (max-width: 767px) {
  .netDoctor .section17 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .netDoctor .section17 .col:first-child {
    order: 2;
  }
  .netDoctor .section17 .col:last-child {
    order: 1;
    margin-bottom: 30px;
  }
  .netDoctor .section18 .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.netDoctor .section18 {
  margin-bottom: 50px;
}
.netDoctor .section18__logo {
  height: 150px;
}
@media (min-width: 768px) {
  .netDoctor .section17__img__col:nth-child(2) {
    margin-right: 30px;
  }
  .netDoctor .section17 .col:first-child {
    padding-top: 133px;
  }
  .netDoctor .section18 {
    margin-bottom: 100px;
  }
  .netDoctor .section18__logo {
    height: 200px;
  }
}
.netDoctor .section18__logo img {
  height: 100%;
  object-fit: contain;
}
.doctorDetail {
  margin-bottom: 58px;
}
.doctorDetail__main {
  padding-top: 40px;
/*   background-image: url(../images/polygon53.png), url(../images/polygon53.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left top 40px, right -90px top; */
}
.doctorDetail__header {
  background: radial-gradient(
      64.35% 102.41% at 21.41% 35.65%,
      #eafafa 0,
      #f3f7fb 100%
    ),
    #edf9ff;
}
.doctorDetail__header .container {
  display: flex;
  justify-content: center;
}
/*.doctorDetail__header img {
  height: 101px;
} */
.doctorDetail__img {
  height: 300px;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .doctorDetail__img {
    margin-bottom: 30px;
  }
}
.doctorDetail__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctorDetail__advisory {
  margin-bottom: 20px;
}
.doctorDetail__advisory .advisory {
  display: flex;
  align-items: center;
  padding: 15px;
  background: #f9ffff;
  border: 1px solid #5ab6e7;
  box-shadow: 0 0 10px rgba(90, 182, 231, 0.2);
  border-radius: 3px;
}
.doctorDetail__advisory .advisory .p1 {
  font-size: 16px;
  line-height: 19px;
  color: #142152;
}
.doctorDetail__advisory .advisory .p2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #ed4136;
}
.doctorDetail__info__item {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}
@media (min-width: 768px) {
  .doctorDetail__info__item {
    padding-bottom: 45px;
    margin-bottom: 45px;
  }
}
.doctorDetail__info__item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.doctorDetail__btn .btn {
  width: 100%;
  background: #005594;
  border: 1px solid #005594;
  border-radius: 40px;
  min-height: 45px;
  text-transform: uppercase;
}
.doctorDetail__btn .btn:hover {
  color: #005594;
  background-color: #fff;
}
.doctorDetail .introduce__flex {
  padding-top: 15px;
  margin-bottom: 15px;
}
.doctorDetail .introduce__flex .d-flex {
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .doctorDetail .introduce__flex {
    display: flex;
/*     background-image: url(../images/introduce-bg.png);
    background-repeat: no-repeat;
    background-position: center -10%; */
    margin-bottom: 40px;
  }
/*   .doctorDetail .introduce__flex .d-flex {
    padding-left: 30px;
  } */
}
.doctorDetail .introduce__img {
  background: #edf0f9;
  border: 5px solid #fff;
  box-sizing: border-box;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  margin-bottom: 15px;
  height: 254px;
}
@media (min-width: 768px) {
  .doctorDetail .introduce__img {
    margin-bottom: 0;
    width: 357px;
  }
}
.doctorDetail .introduce__img img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .doctorDetail .introduce__flex .d-flex .contactGroup {
    justify-content: center;
  }
  .doctorDetail .introduce__group {
    text-align: center;
  }
  .doctorDetail .introduce__group h1,
  .doctorDetail .introduce__group h2 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .doctorDetail .introduce__group h1,
  .doctorDetail .introduce__group h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #005594;
    margin-bottom: 5px;
  }
}
.doctorDetail .introduce__group .p1,
.doctorDetail .introduce__group .p2,
.doctorDetail .introduce__group .p3 {
  font-size: 14px;
  line-height: 16px;
}
.doctorDetail .introduce__group .p1 {
  color: #666;
}
.doctorDetail .introduce__group .p2,
.doctorDetail .introduce__group .p3 {
  color: #777;
}
.doctorDetail .introduce__group .p2 span {
  font-weight: 500;
}
.doctorDetail .introduce__group ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
@media (max-width: 767px) {
  .doctorDetail .introduce__group ul {
    justify-content: center;
    margin-top: 10px;
  }
}
.doctorDetail .introduce__group ul li {
  margin-bottom: 12px;
}
.doctorDetail .introduce__group ul li a {
  padding: 7px 15px;
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-radius: 50px;
  display: block;
  margin: 0 5px;
  color: #4d4d4d;
  font-size: 14px;
  line-height: 16px;
}
.doctorDetail .introduce__text {
  color: #4d4d4d;
}
@media (max-width: 767px) {
  .doctorDetail .introduce__text {
    margin-bottom: 30px;
  }
  .doctorDetail .introduce__text .p2 {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
   /* -webkit-line-clamp: 5;*/
    display: block;
    -webkit-box-orient: vertical;
  }
  .doctorDetail .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.doctorDetail .introduce__text .p1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.doctorDetail .introduce__text .p2 {
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 15px;
}
.doctorDetail .introduce__text .p2 span:first-child {
  margin-bottom: 15px;
  display: inline-block;
}
.doctorDetail .blogList__breadcrumb {
  margin-bottom: 0;
  border-bottom: 1px solid #eff0f0;
}
.doctorPrize {
  margin-bottom: 50px;
}
.doctorPrize__cont {
  position: relative;
  padding: 15px 0;
  background: #fffaf6;
  border: 1px solid #f2b387;
  border-radius: 5px;
}
.doctorPrize .p1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  color: #f2ac34;
  margin-bottom: 12px;
}
.doctorPrize .p2 {
  font-weight: 500;
  line-height: 130%;
  text-transform: uppercase;
  color: #3f210a;
}
.doctorPrize a {
  font-size: 12px;
  line-height: 130%;
  color: #666;
}
.doctorPrize .iconLeft {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
}
.doctorPrize .iconRight {
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
}
.doctorReview {
  margin-bottom: 40px;
}
.doctorReview__main {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .doctorPrize .p2 {
    font-size: 12px;
    padding: 0 20px;
  }
  .doctorPrize .iconLeft {
    width: 25px;
    left: 5px;
    height: 40px;
  }
  .doctorPrize .iconRight {
    width: 25px;
    right: 5px;
    height: 40px;
  }
  .doctorReview__item {
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 20px;
  }
  .doctorReview__item .p6 {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 2;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 768px) {
  .doctorReview__item {
    margin-bottom: 60px;
  }
  .doctorReview__item:last-child {
    margin-bottom: 0;
  }
  .doctorReview__item__title {
    margin-bottom: 15px;
  }
}
.doctorReview__item__title {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.doctorReview__item__title svg {
  margin-right: 5px;
  max-height: 25px;
}
.doctorReview__item__title p {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4d4d4d;
  margin-bottom: 0;
}
.doctorReview__item__cont {
  padding-left: 35px;
  position: relative;
}
.doctorReview__item__cont > li {
  margin-bottom: 15px;
  position: relative;
}
@media (min-width: 768px) {
  .doctorReview__item__cont > li {
    margin-bottom: 15px;
  }
}
.doctorReview__item__cont > li:last-child {
  margin-bottom: 0;
}
.doctorReview__item__cont > li:last-child:after {
  display: none;
}
.doctorReview__item__cont > li:before {
  width: 5px;
  height: 1px;
  border-top: 2px solid #ced8d5;
  position: absolute;
  top: 11px;
  left: -12px;
}
.doctorReview__item__cont > li:after {
  position: absolute;
  width: 2px;
  height: 94%;
  border-left: 2px solid #eff0f0;
  left: -23px;
  top: 20px;
}
.doctorReview__item__cont > li svg {
  position: absolute;
  left: -29px;
  top: 5px;
}
.doctorReview__item__cont > li > ul {
  padding-left: 20px;
}
.doctorReview__item__cont > li > ul > li {
  list-style-type: disc;
  margin-bottom: 10px;
}
.doctorReview__item__cont > li > ul > li:last-child {
  margin-bottom: 0;
}
.doctorReview__item__cont > li > ul > li::marker {
  font-size: 10px;
  color: #4d4d4d;
}
.doctorReview__item__cont > li > ul > li > .p2 {
  margin-bottom: 3px;
}
.doctorReview__item__cont .p1 {
  font-weight: 500;
  font-size: 14px;
  color: #4d4d4d;
}
.doctorReview__item__cont .p2 {
  font-size: 14px;
  color: #4d4d4d;
}
.doctorReview__item__cont .p3 {
  font-size: 12px;
  color: #777;
  margin-bottom: 0;
}
.doctorReview__pagination {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .doctorReview .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.doctorReview .noProgress ul li:after,
.doctorReview .noProgress ul li:before {
  display: none;
}
.doctorBlog {
  margin-bottom: 40px;
}
.doctorBlog__pagination {
  display: flex;
  justify-content: center;
  width: 100%;
}
.doctorBlog__pagination .page-item + .page-item {
  margin-left: 5px;
}
.doctorBlog h3 {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: #777;
}
.doctorBlog .handBook__item .d-flex {
  justify-content: space-between;
}
.section19 {
  background-size: 100%;
  padding: 50px 0;
  margin-bottom: 50px;
}
.section19.section19_modify {
  background: linear-gradient(
    180deg,
    rgba(79, 185, 255, 0.09) 0,
    rgba(79, 185, 255, 0) 100%
  );
}
@media (min-width: 768px) {
  .section19 {
    margin-bottom: 100px;
  }
  .section19.section19_modify {
    padding: 154px 0 0;
    margin-top: -154px;
  }
  .section19.section19_modify .col:last-child {
    padding-bottom: 100px;
    padding-top: 100px;
  }
  .section19__bg {
    background-color: #def0ff;
    border-radius: 0 75px;
    position: absolute;
    top: 0;
    right: 15px;
    width: 70%;
    height: 100%;
  }
}
.section20__slide__action,
.section20__slide__item,
.section21__cont {
  background-color: #fff;
  transition: all 0.3s;
}
.section19__icon {
  position: absolute;
}
.section19__icon.icon1 {
  top: -27px;
  right: -50px;
}
.section19__icon.icon2 {
  bottom: -50px;
  left: -35px;
}
@media (min-width: 768px) {
  .section19__video {
    width: 85%;
    position: relative;
  }
}
.section19__iframe {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.section19__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section19__text h2 {
  color: #000;
  font-size: 30px;
  padding-bottom: 10px;
}
.section19__img {
  position: relative;
}
.section19__img img {
  width: 100%;
  object-fit: contain;
}
.section19__img .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .doctorBlog .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section19.section19_modify {
    margin-bottom: 0;
  }
  .section19__bg,
  .section19__icon {
    display: none;
  }
  .section19__video {
    margin-bottom: 30px;
  }
  .section19__btn {
    text-align: center;
    margin-top: 25px;
  }
  .section19 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.section20 {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .section19__text h2 {
    font-size: 60px;
  }
  .section19__img img {
    height: 500px;
  }
  .section19__btn {
    margin-top: 50px;
  }
  .section19 .col:first-child {
    display: flex;
    align-items: center;
  }
  .section20 {
    margin-bottom: 100px;
  }
}
.section20__title {
  margin-bottom: 50px;
}
.section20__slide {
  margin: 0 -15px;
  padding: 0 15px;
}
.section20__slide__item {
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  height: 205px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section20__slide__item:hover {
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.08);
}
.section20__slide__item:hover .section20__slide__action {
  opacity: 1;
  visibility: visible;
}
.section20__slide__item:hover .section20__slide__cont {
  opacity: 0;
}
.section20__slide__icon {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 52px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .section20__slide {
    padding: 0 50px;
  }
  .section20__slide__col {
    padding: 0 15px;
  }
  .section20__slide__icon {
    margin-bottom: 25px;
  }
}
.section20__slide__cont {
  transition: all 0.3s;
}
.section20__slide__action {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
}
.facilities__col .section21__cont,
.platform__found__tab > li.active .platform__found__arrow,
.serviceDetail__section4 .doctorItem:hover .doctorItem__cont {
  opacity: 1;
  visibility: visible;
}
.section20__slide .slick-list {
  padding: 5px 0;
}
.section21 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .section21 {
    margin-bottom: 70px;
  }
}
.section21__title {
  margin-bottom: 50px;
}
.section21__item {
  position: relative;
  height: 332px;
  border-radius: 12px;
  margin-bottom: 30px;
}
.section21__item:hover .section21__cont {
  opacity: 1;
  visibility: visible;
}
.section21__item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.section21__cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 768px) {
  .section21__cont {
    padding: 40px;
  }
}
.section22 {
  background-color: #f3f8fc;
  padding: 50px 0;
}
.section22__title {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .section22 {
    padding: 100px 0;
  }
  .section22__video {
    width: 75%;
    margin: auto;
  }
}
.section22__video > div {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.section22__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section20__btn {
  margin-top: 58px;
}
.section19__h500 {
  height: 450px;
}
@media (max-width: 767px) {
  .section19 .col:first-child {
    order: 2;
  }
  .section19 .col:last-child {
    order: 1;
  }
  .section21 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section19.bg_xs {
    background-size: 100vw !important;
  }
}
.section23__title {
  margin-bottom: 50px;
}
.facilities {
  margin: 0 -15px;
}
.facilities__col {
  padding: 15px;
}
@media (min-width: 768px) {
  .section19__h500 {
    height: 500px;
  }
  .facilities {
    height: 738px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .facilities__col {
    width: 33.333%;
  }
}
.facilities__col:nth-child(1),
.facilities__col:nth-child(2) {
  height: 50%;
}
.facilities__col:nth-child(3) {
  height: 65%;
}
.facilities__col:nth-child(4) {
  height: 35%;
}
.facilities__col:nth-child(5) {
  height: 30%;
}
.facilities__col:nth-child(6) {
  height: 70%;
}
.facilities__col__box {
  border-radius: 12px;
  height: 100%;
  overflow: hidden;
}
.facilities__col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.facilities__col .section21__cont {
  position: relative;
}
.facilities .h332 {
  height: 332px;
}
.section24 {
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .section24 {
    padding-top: 70px;
  }
  .section24 .col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .section24 {
    padding-top: 150px;
    margin-bottom: 100px;
  }
}
.section24__title {
  margin-bottom: 50px;
}
.section24 .col-3 {
  margin-bottom: 30px;
}
.block1 {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .block1 {
    margin-bottom: 100px;
  }
}
.block1__title {
  margin-bottom: 50px;
}
.block1__item {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  padding: 15px;
  height: 100%;
}
.block1__icon {
  position: relative;
  width: 93px;
  height: 103px;
  margin: 0 auto 15px;
}
.block1__icon .svg2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .block1 .col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .block2 {
    margin-bottom: 50px;
    background-image: none !important;
  }
  .block2__title {
    text-align: center;
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .block1__item {
    padding: 20px;
  }
  .block2 {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    margin-bottom: 100px;
  }
  .block2__img {
    width: 500px;
    position: relative;
  }
  .block2__title {
    width: 80%;
  }
  .block2__icon {
    position: absolute;
    top: -30px;
    right: 150px;
  }
}
@media (max-width: 767px) {
  .block2__name .listStart {
    justify-content: center;
  }
  .block2__icon {
    display: none;
  }
  .block2 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .block3 {
    background-image: none !important;
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .block2 .col:last-child {
    display: flex;
    align-items: center;
  }
  .block3 {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    margin-bottom: 100px;
    padding-top: 70px;
  }
  .block3__icon {
    position: absolute;
    top: -100px;
    right: 350px;
  }
  .block3__title {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .block3__icon {
    display: none;
  }
  .block3__title {
    text-align: center;
  }
  .block3 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .block3 .col:first-child {
    order: 2;
  }
  .block3 .col:last-child {
    order: 1;
  }
}
.block4 {
  background-color: #f3f8fc;
  padding: 50px 0;
}
.block4.block4_white,
.navbarVertical {
  background-color: #fff;
}
@media (min-width: 768px) {
  .block3 .col:first-child {
    display: flex;
    align-items: center;
  }
  .block4 {
    padding: 100px 0;
  }
}
.block4__item,
.block5__item {
  background: #fff;
  box-shadow: 0 0 1px rgba(40, 41, 61, 0.08),
    0 0.5px 2px rgba(96, 97, 112, 0.16);
  border-radius: 12px;
}
.block4__title {
  margin-bottom: 50px;
}
.block4__item {
  padding: 15px;
  height: 100%;
}
.block4__icon {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .block4__item {
    padding: 20px;
  }
  .block4 .row {
    justify-content: center;
  }
}
.block4 .col {
  margin-bottom: 30px;
}
.block5__title,
.listBlog {
  margin-bottom: 50px;
}
.block5 {
  padding: 50px 0;
}
@media (min-width: 768px) {
  .block5 {
    padding: 100px 0;
  }
}
.block5__item {
  padding: 15px;
}
.blogItem,
.section27__cont {
  box-shadow: 0 4px 16px rgba(217, 229, 245, 0.53);
}
@media (max-width: 767px) {
  .block4 .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .block5__item {
    text-align: center;
    margin-bottom: 15px;
  }
  .block5__icon {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .block5__item {
    padding: 20px;
    display: flex;
    width: 70%;
    height: 100%;
  }
  .block5__text {
    flex: 1;
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .block5 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.block6 {
  background-color: #f3f8fc;
  padding: 50px 0;
}
@media (min-width: 768px) {
  .block5 .col:first-child {
    display: flex;
    justify-content: flex-end;
  }
  .block6 {
    padding: 100px 0;
  }
}
.block6__btn {
  margin-top: 50px;
}
.navbarVertical {
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 15px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .navbarVertical {
    margin-bottom: 30px;
  }
}
.navbarVertical .d-flex {
  align-items: center;
}
.navbarVertical .d-flex p {
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  color: #4d4d4d;
  margin-bottom: 0;
  margin-left: 10px;
}
.author__pagination li + li,
.listBlog__pagination .page-item + .page-item,
.rateStar svg + svg {
  margin-left: 5px;
}
.navbarVertical ul {
  padding-left: 35px;
  padding-top: 15px;
  position: relative;
}
.navbarVertical ul:before {
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px solid #eff0f0;
  left: 13px;
  top: 0;
}
.navbarVertical ul li {
  background: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 3px;
  margin-bottom: 12px;
  font-size: 14px;
  position: relative;
}
.navbarVertical ul li:before {
  width: 17px;
  height: 1px;
  border-top: 1px solid #ced8d5;
  position: absolute;
  top: 16px;
  left: -17px;
}
.navbarVertical ul li.active {
  background: #eaf3f8;
  border: 1px solid #6086af;
}
.navbarVertical ul li.active:before {
  border-color: #005594;
}
.navbarVertical ul li.active a {
  color: #1c67a2;
  font-weight: 500;
}
.navbarVertical ul li.active svg path {
  fill: #005594;
}
.navbarVertical ul li a {
  padding: 7px 10px;
  display: inline-block;
  color: #000;
  width: 100%;
}
.navbarVertical ul li a:hover {
  text-decoration: underline;
}
.navbarVertical ul li svg {
  position: absolute;
  left: -29px;
  top: 10px;
}
.listBlog__row {
  margin-bottom: 30px;
}
.listBlog__pagination {
  display: flex;
  justify-content: center;
}
.blogItem {
  border-radius: 12px;
}
.blogItem__img {
  height: 200px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .blogItem__img {
    margin-bottom: 15px;
    border-radius: 12px;
  }
  .blogItem__cont {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .blogItem {
    display: flex;
  }
  .blogItem__img {
    width: 300px;
    border-radius: 12px 0 0 12px;
  }
}
.blogItem__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .blogItem__cont {
    width: calc(100% - 300px);
    padding: 24px;
  }
}
.blogItem__link {
  font-size: 20px;
  margin-bottom: 15px;
  display: block;
  color: #000;
  font-weight: 700;
  transition: all 0.2s;
}
.blogItem__link:hover {
  color: #1c67a2;
}
.blogItem__date {
  font-size: 14px;
  color: #b2b2b2;
  margin-bottom: 0;
}
.blogDetail {
  padding: 20px 0 50px;
  background: #f9f9f9;
}
.blogDetail__title {
  margin-bottom: 15px;
}
.blogDetail__title h1 {
  font-weight: 500;
  line-height: 1.5;
  color: #111;
}
@media (max-width: 767px) {
  .blogDetail {
    padding: 0 0 30px;
  }
  .blogDetail__title h1 {
    font-size: 22px;
  }
}
.blogDetail__info {
  margin: 15px 0 0;
}
@media (min-width: 768px) {
  .blogDetail__title h1 {
    font-size: 30px;
  }
  .blogDetail__info {
    margin: 50px 0;
  }
  .blogDetail__name {
    display: flex;
    align-items: center;
  }
}
.blogDetail__info > img,
.blogDetail__info > p {
  margin-bottom: 15px;
}
.blogDetail__info > h2 {
  margin-bottom: 12px;
}
.blogDetail__info ol,
.blogDetail__info > ul {
  padding-left: 40px;
  margin-bottom: 25px;
}
.blogDetail__info ol li p,
.blogDetail__info > ul li p {
  font-size: 14px;
}
.blogDetail__info > ul {
  list-style-type: disc;
}
.blogDetail__info .aligncenter {
  margin: auto;
}
.blogDetail__info .aligncenter img {
  margin-bottom: 15px;
}
.blogDetail__info .wp-caption-text {
  font-style: italic;
}
.blogDetail__info .wp-caption {
  width: 100% !important;
}
.blogDetail__info .wp-caption img {
  width: 100% !important;
  height: auto;
}
@media (max-width: 767px) {
  .blogDetail__info #ez-toc-container {
    width: 100%;
  }
}
.blogDetail__name {
  margin-bottom: 26px;
}
.blogDetail__name__icon {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 12px;
  border: 1px solid #ddd;
  object-fit: cover;
}
.blogDetail__name p {
  font-size: 13px;
}
@media (min-width: 768px) {
  .blogDetail__name p + p {
    margin-left: 12px;
  }
}
.blogDetail__name p span:first-child {
  padding-right: 5px;
  color: #aaa;
}
.blogDetail__name .d-flex {
  align-items: center;
}
@media (max-width: 767px) {
  .blogDetail__name .d-flex:nth-child(1) .mb-0 {
    width: calc(100% - 32px);
  }
  .blogDetail__name .d-flex:nth-child(2),
  .blogDetail__name .d-flex:nth-child(3) {
    margin-left: 44px !important;
    margin-bottom: 5px;
  }
  .blogDetail__name .d-flex:nth-child(2) .mb-0,
  .blogDetail__name .d-flex:nth-child(3) .mb-0 {
    width: 100%;
  }
  .blogDetail__name .d-flex .mb-0 {
    display: flex;
    word-break: break-all;
  }
  .blogDetail__name .d-flex .mb-0:first-child {
    display: none;
  }
  .blogDetail__name .d-flex .mb-0 span:first-child {
    width: 110px;
  }
  .blogDetail__name .d-flex .mb-0 span:last-child {
    width: calc(100% - 110px);
  }
}
.blogDetail__name .d-flex + .d-flex {
  margin-left: 10px;
}
.blogDetail__social__item {
  border-radius: 3px;
}
@media (max-width: 767px) {
  .blogDetail__social {
    display: flex;
    margin: 0 -2.5px;
  }
  .blogDetail__social__item {
    margin: 0 2.5px;
    width: calc(33.333% - 5px);
    min-height: 30px;
    padding: 3px 10px;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .blogDetail__name .d-flex {
    flex-wrap: wrap;
  }
  .blogDetail__social__item {
    width: 129px;
    min-height: 36px;
  }
  .blogDetail__social__item + .blogDetail__social__item {
    margin-left: 5px;
  }
  .blogDetail__date__view {
    margin-left: 12px;
  }
}
.blogDetail__social__item.btnFb {
  background: #1a6dd4;
}
.blogDetail__social__item.btnTwitter {
  background: #55acef;
}
.blogDetail__social__item.btnPinterest {
  background: #e4223e;
}
.blogDetail__social__item svg {
  margin-right: 10px;
}
.blogDetail__date {
  font-size: 12px;
  color: #b2b2b2;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .blogDetail__date {
    justify-content: space-between;
  }
}
.blogDetail__date__view {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.blogDetail__date svg {
  margin-left: 12px;
  margin-right: 5px;
}
.blogDetail__cont {
  background: #fff;
  border: 1px solid rgba(0, 85, 148, 0.3);
  border-radius: 5px;
  padding: 15px;
  margin-right: -15px;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .blogDetail__cont {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.blogDetail__cont.borderTopRightNone {
  border-top-right-radius: 0;
}
.blogDetail__cont h2 {
  font-weight: 400;
  font-size: 28px;
  line-height: 150%;
  color: #1c67a2;
}
.blogDetail__cont h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  color: #0e0e0e;
}
.blogDetail__cont h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #666;
}
.blogDetail__cont h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #777;
}
.blogDetail__refer {
  margin-bottom: 25px;
}
.blogDetail__refer .referTitle {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #4d4d4d;
}
@media (max-width: 767px) {
  .blogDetail__refer .referTitle {
    margin-bottom: 15px;
  }
}
.blogDetail__refer .referItem {
  padding-bottom: 12px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 12px;
}
.blogDetail__refer .referItem:last-child {
  border-bottom: none;
}
.blogDetail__refer .referItem__doctor {
  display: flex;
  padding: 34px 15px;
  margin-top: 12px;
  background: #fcfdff;
  border: 1px solid #dde7f6;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .blogDetail__refer .referItem__doctor {
    flex-direction: column;
    align-items: center;
    padding: 15px 15px 0;
  }
  .blogDetail__refer .referItem__doctor img {
    margin-bottom: 15px;
  }
}
.blogDetail__refer .referItem__doctor img {
  height: 95px;
  width: 95px;
  border-radius: 50%;
  border: 1px solid #ddd;
}
.blogDetail__refer .referItem__text {
  margin: 0 25px;
}
@media (max-width: 767px) {
  .blogDetail__refer .referItem__text {
    margin-bottom: 15px;
  }
  .blogDetail__refer .referItem__text p {
    text-align: center;
  }
}
.blogDetail__refer .referItem__text .p1 {
  font-weight: 500;
  font-size: 17px;
  color: #005594;
  margin-bottom: 12px;
}
.blogDetail__refer .referItem__text p:last-child {
  font-size: 13px;
  color: #666;
}
.blogDetail__refer .referItem__icon {
  display: flex;
}
.blogDetail__refer .referItem__icon .icon {
  display: block;
}
.blogDetail__refer .referItem__icon .icon + .icon {
  margin-left: 10px;
}
.blogDetail__refer .referItem > .p2 {
  margin-bottom: 0;
  color: #666;
}
.blogDetail__refer .referItem > .p1 {
  font-size: 16px;
  color: #4d4d4d;
}
.blogDetail__refer .referItem > a {
  font-size: 14px;
  color: #005594;
  display: block;
  margin-bottom: 5px;
}
.blogDetail__note {
  padding: 25px 16px 30px 30px;
  background: #f9f9f9;
  border-left: 1px solid #36a9e1;
  position: relative;
  margin-bottom: 50px;
}
.blogDetail__note svg {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.blogDetail__note p {
  font-style: italic;
  font-size: 13px;
  color: #005594;
}
.blogDetail__evaluate {
  margin-bottom: 50px;
}
.blogDetail__evaluate p {
  font-size: 14px;
  color: #005594;
  margin-bottom: 15px;
}
.blogDetail__tag {
  display: flex;
  align-items: center;
  background: #fbfbfb;
  padding: 10px 15px;
  margin: 0 -15px -15px;
}
.blogDetail__tag p {
  font-weight: 500;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 0;
}
.blogDetail__tag a {
  display: block;
  font-size: 13px;
  color: #4d4d4d;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 50px;
  margin-left: 10px;
}
.blogDetail__relate {
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.blogDetail__relate .handBook__item {
  border: none;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  display: flex;
}
@media (max-width: 767px) {
  .blogDetail__relate {
    margin-bottom: 30px;
  }
  .blogDetail__relate .handBook__item {
    padding: 0 0 15px;
    position: relative;
  }
  .blogDetail__relate .handBook__item:nth-child(1) {
    display: block;
  }
  .blogDetail__relate .handBook__item:nth-child(1) .handBook__img {
    height: 164px;
    width: 100%;
    margin-bottom: 5px;
  }
  .blogDetail__relate .handBook__item:nth-child(1) .handBook__name {
    width: 100%;
    padding-left: 0;
    margin-bottom: 5px;
  }
  .blogDetail__relate .handBook__item:nth-child(1) .handBook__cont {
    position: relative;
  }
  .blogDetail__relate .handBook__item:nth-child(1) .handBook__cont .d-flex {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0 !important;
    position: absolute;
    top: 50px;
  }
  .blogDetail__relate .handBook__item:nth-child(1) .handBook__cont .p1.mb10 {
    margin-top: 30px;
  }
  .blogDetail__relate .handBook__item:nth-child(n + 2) .handBook__name {
    width: 100%;
  }
  .blogDetail__relate .handBook__item:nth-child(n + 2) .handBook__cont {
    padding: 0;
    width: calc(100% - 90px);
  }
  .blogDetail__relate .handBook__item:nth-child(n + 2) .handBook__cont .p1 {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
  }
  .blogDetail__relate .handBook__item:nth-child(n + 2) .handBook__cont .d-flex {
    width: 100%;
  }
  .blogDetail__relate
    .handBook__item:nth-child(n + 2)
    .handBook__cont
    .postList__flex {
    margin-top: 65px;
    margin-left: -90px;
  }
}
@media (min-width: 768px) {
  .blogDetail__relate .handBook__item {
    margin-bottom: 12px;
  }
  .blogDetail__relate .handBook__img {
    width: 165px;
    height: 104px;
    margin-right: 15px;
  }
}
.blogDetail__relate .handBook__item:last-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  .blogDetail__relate .handBook__item:last-child {
    padding: 0;
    margin-bottom: 0;
  }
  .blogDetail__relate .handBook__img {
    float: none;
  }
}
.blogDetail__relate .handBook__cont {
  padding: 0;
}
.blogDetail__relate .handBook__cont .postList__flex p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 768px) {
  .blogDetail__relate .handBook__name {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
  }
  .blogDetail__relate .handBook__cont {
    width: calc(100% - 165px);
    height: 104px;
  }
  .blogDetail__relate .handBook__cont .p1 {
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px !important;
    display: block;
  }
  .blogDetail__relate .handBook__cont .d-flex {
    margin-bottom: 10px !important;
  }
  .blogDetail__relate .handBook__cont .postList__flex {
    display: flex;
    align-items: center;
  }
  .blogDetail__relate .handBook__cont .postList__flex p {
    margin-bottom: 0;
  }
}
.blogDetail__relate .handBook__cont .postList__flex > span {
  margin: 0 10px;
  line-height: 130%;
}
@media (max-width: 767px) {
  .blogDetail__relate .handBook__cont .postList__flex p {
    display: flex;
  }
  .blogDetail__relate .handBook__cont .postList__flex p span {
    width: 110px;
  }
  .blogDetail__relate .handBook__cont .postList__flex > span {
    display: none;
  }
  .blogDetail .relateTitle {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .blogDetail__relate .handBook__viewed {
    margin-right: 10px;
    padding: 0 10px;
  }
  .blogDetail .postList .handBook__item {
    height: auto;
  }
}
.blogDetail .relateMore {
  display: flex;
  justify-content: center;
}
.blogDetail .relateMore .btn {
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 50px;
}
.blogDetail .relateMore .btn:hover {
  background: #005594;
  color: #fff;
}
.blogDetail .relateTitle {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #4d4d4d;
}
.blogDetail .evaluate {
  display: flex;
  align-items: center;
  justify-content: center;
}
.blogDetail .evaluate__btn {
  display: flex;
  align-items: center;
  padding: 6px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 13px;
  color: #4d4d4d;
  margin-right: 15px;
}
.blogDetail .evaluate__btn svg {
  margin-right: 10px;
}
.blogVertical {
  margin-bottom: 30px;
}
.blogVertical__item {
  padding: 20px 10px;
  background: #fbfbfb;
  border: 1px solid #d9e5f5;
  border-radius: 5px;
  margin-bottom: 20px;
}
.blogVertical__item:hover {
  background: #eaf3f8;
}
.blogVertical__item:hover .p2 {
  color: #005594;
}
.blogVertical__item:hover .blogVertical__btn {
  background: #5ab6e7;
  color: #fff;
}
.blogVertical__title {
  font-weight: 500;
  font-size: 18px;
  color: #4d4d4d;
}
.blogVertical__btn {
  border: 1px solid #5ab6e7;
  box-sizing: border-box;
  border-radius: 40px;
  color: #36a9e1;
  text-transform: uppercase;
}
.blogVertical .saleBox {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 14px;
  color: #ed4136;
  margin-bottom: 5px;
}
.blogHome__body__title,
.blogVertical .p1,
.blogVertical .p3 {
  margin-bottom: 20px;
}
.blogVertical .p1 {
  font-size: 14px;
  color: #666;
}
.blogVertical .p2 {
  font-weight: 500;
  font-size: 22px;
  margin-top: 5px;
}
.blogVertical .p3 {
  font-size: 12px;
  text-decoration-line: line-through;
  color: #000;
}
@media (max-width: 767px) {
  .blogDetail .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .blogInterested .handBook__text {
    margin-top: 55px;
  }
}
.blogInterested p {
  font-size: 12px;
  line-height: 130%;
  color: #666;
}
@media (min-width: 768px) {
  .blogInterested .handBook__item {
    background: 0 0;
    border: none;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    height: auto;
    border-radius: 0;
  }
  .blogInterested .handBook__img {
    height: 57px;
    float: left;
    margin-right: 10px;
  }
  .blogInterested .handBook__img img {
    width: 90px;
    height: 100%;
  }
  .blogInterested .handBook__name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 5px;
  }
  .blogInterested .p1 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .listBlogVertical__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
}
.blogCategory__more .btn span,
.blogHome .tendency__more svg {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .listBlogVertical__col:first-child .handBook__img {
    height: 164px;
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
  .listBlogVertical__col:first-child .handBook__name {
    width: 100%;
    padding-left: 0;
    margin-bottom: 5px;
  }
  .listBlogVertical__col:first-child .handBook__cont .d-flex {
    width: 100%;
    padding-left: 0;
    margin-bottom: 5px !important;
  }
}
@media (min-width: 768px) {
  .listBlogVertical__col {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
.listBlogVertical__link {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  display: block;
  margin-bottom: 15px;
  transition: all 0.2s;
}
.listBlogVertical__more {
  display: flex;
  justify-content: center;
}
.blogCategory .blogList__header {
  padding-top: 50px;
  padding-bottom: 80px;
}
.blogCategory .blogList__breadcrumb,
.blogCategory .blogList__breadcrumb .breadcrumb {
  margin-bottom: 0;
}
.blogCategory__item {
  padding-top: 40px;
  padding-bottom: 60px;
}
.blogCategory__item:nth-child(2n + 1) {
  background: #e5e5e5;
}
.blogCategory__item:nth-child(2n + 1) .blogCategory__more .btn {
  border: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .blogCategory__item .col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .blogCategory__item .col:last-child {
    margin-bottom: 0;
  }
}
.blogCategory__title {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.blogCategory__list.styleBlue1 .pTitle {
  color: #9036aa;
}
.blogCategory__list.styleBlue1 .blogCategory__ul li a {
  background-color: #9036aa;
}
.blogCategory__list.styleBlue1 .blogCategory__more .btn {
  border-color: #9036aa;
  color: #9036aa;
}
.blogCategory__list.styleBlue1 .blogCategory__more .btn svg path {
  stroke: #9036aa;
}
.blogCategory__list.styleBlue2 .pTitle {
  color: #6040b0;
}
.blogCategory__list.styleBlue2 .blogCategory__ul li a {
  background-color: #6040b0;
}
.blogCategory__list.styleBlue2 .blogCategory__more .btn {
  border-color: #6040b0;
  color: #6040b0;
}
.blogCategory__list.styleBlue2 .blogCategory__more .btn svg path {
  stroke: #6040b0;
}
.blogCategory__list.styleBlue3 .pTitle {
  color: #4153af;
}
.blogCategory__list.styleBlue3 .blogCategory__ul li a {
  background-color: #4153af;
}
.blogCategory__list.styleBlue3 .blogCategory__more .btn {
  border-color: #4153af;
  color: #4153af;
}
.blogCategory__list.styleBlue3 .blogCategory__more .btn svg path {
  stroke: #4153af;
}
.blogCategory__list.styleBlue4 .pTitle {
  color: #4596ec;
}
.blogCategory__list.styleBlue4 .blogCategory__ul li a {
  background-color: #4596ec;
}
.blogCategory__list.styleBlue4 .blogCategory__more .btn {
  border-color: #4596ec;
  color: #4596ec;
}
.blogCategory__list.styleBlue4 .blogCategory__more .btn svg path {
  stroke: #4596ec;
}
.blogCategory__list.styleGreen1 .pTitle {
  color: #419488;
}
.blogCategory__list.styleGreen1 .blogCategory__ul li a {
  background-color: #419488;
}
.blogCategory__list.styleGreen1 .blogCategory__more .btn {
  border-color: #419488;
  color: #419488;
}
.blogCategory__list.styleGreen1 .blogCategory__more .btn svg path {
  stroke: #419488;
}
.blogCategory__list.styleGreen2 .pTitle {
  color: #51b9d1;
}
.blogCategory__list.styleGreen2 .blogCategory__ul li a {
  background-color: #51b9d1;
}
.blogCategory__list.styleGreen2 .blogCategory__more .btn {
  border-color: #51b9d1;
  color: #51b9d1;
}
.blogCategory__list.styleGreen2 .blogCategory__more .btn svg path {
  stroke: #51b9d1;
}
.blogCategory__list.styleGreen3 .pTitle {
  color: #67ac5b;
}
.blogCategory__list.styleGreen3 .blogCategory__ul li a {
  background-color: #67ac5b;
}
.blogCategory__list.styleGreen3 .blogCategory__more .btn {
  border-color: #67ac5b;
  color: #67ac5b;
}
.blogCategory__list.styleGreen3 .blogCategory__more .btn svg path {
  stroke: #67ac5b;
}
.blogCategory__list.styleGreen4 .pTitle {
  color: #97c05c;
}
.blogCategory__list.styleGreen4 .blogCategory__ul li a {
  background-color: #97c05c;
}
.blogCategory__list.styleGreen4 .blogCategory__more .btn {
  border-color: #97c05c;
  color: #97c05c;
}
.blogCategory__list.styleGreen4 .blogCategory__more .btn svg path {
  stroke: #97c05c;
}
.blogCategory__list .pTitle {
  font-weight: 500;
  margin-bottom: 15px;
}
.blogCategory__ul {
  margin-bottom: 15px;
}
.blogCategory__ul li {
  padding-bottom: 10px;
}
.blogCategory__ul li:last-child {
  padding-bottom: 0;
}
.blogCategory__ul li a {
  display: block;
  padding: 15px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  transition: all 0.1s;
}
.blogCategory__ul li a:hover {
  opacity: 0.9;
}
.blogCategory__more {
  display: flex;
  justify-content: center;
}
.blogCategory__more .btn {
  border: 1px solid #e0e0e0;
  border-radius: 50px;
  color: #545454;
}
.navbarGroup {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .navbarGroup {
    display: none;
  }
}
.navbarGroup__item {
  display: flex;
  align-items: center;
  color: #4d4d4d;
  background: #fff;
  padding: 10px;
  transition: all 0.2s;
  font-weight: 500;
  border: 1px solid rgba(0, 85, 148, 0.3);
  border-radius: 5px;
  border-right: 3px solid #36a9e1;
  width: 100%;
}
.navbarGroup__item img {
  margin-right: 10px;
  width: 56px;
  height: 40px;
}
.navbarGroup__item p {
  font-size: 14px;
  line-height: 16px;
}
.navbarGroup__item:hover {
  color: #005594;
}
.navbarGroup li {
  display: flex;
  margin-bottom: 15px;
}
.navbarGroup li.active {
  margin-left: -17px;
}
.navbarGroup li.active__empty {
  padding: 0 8px;
  background: #fff;
}
.navbarGroup li.active .navbarGroup__empty {
  border-top: 1px solid rgba(0, 85, 148, 0.3);
  border-bottom: 1px solid rgba(0, 85, 148, 0.3);
}
.navbarGroup li.active .navbarGroup__item {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: 1px solid rgba(0, 85, 148, 0.3);
}
.navbarCategory__title {
  margin-bottom: 12px;
  padding: 10px;
}
.navbarCategory ul.bg_violet .navbarCategory__title {
  background: #9036aa;
  font-size: 20px;
  color: #fff;
}
.navbarCategory ul.bg_violet .active {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.navbarCategory ul.bg_violet .active a {
  color: #9036aa;
}
.navbarCategory ul.bg_green .navbarCategory__title {
  background: #419488;
  font-size: 20px;
  color: #fff;
}
.navbarCategory ul.bg_green .active {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.navbarCategory ul.bg_green .active a {
  color: #419488;
}
.navbarCategory ul.bg_blue .navbarCategory__title {
  background: #4153af;
  font-size: 20px;
  color: #fff;
}
.navbarCategory ul.bg_blue .active {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.navbarCategory ul.bg_blue .active a {
  color: #4153af;
}
.navbarCategory ul li {
  border-radius: 5px;
  text-transform: uppercase;
  color: #9036aa;
  line-height: 130%;
}
.navbarCategory ul li a {
  font-weight: 500;
  font-size: 14px;
  color: #666;
  padding: 10px;
  display: block;
}
.navbarCategory ul li a span:first-child {
  margin-right: 10px;
}
.doctorBox__item {
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .doctorBox__item {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.doctorBox__ava {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
}
.doctorBox__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doctorBox__cont {
  width: calc(100% - 80px);
  padding-left: 30px;
}
.doctorBox__cont .disc li {
  padding-bottom: 5px;
}
.doctorBox__cont .disc li:last-child {
  padding-bottom: 0;
}
.doctorBox__name {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 10px;
}
.commentBox__count {
  font-weight: 500;
  color: #000;
  margin-bottom: 15px;
  font-size: 20px;
}
.commentBox__item {
  display: flex;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .commentBox__item {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.commentBox__ava {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.commentBox__cont {
  width: calc(100% - 60px);
  padding-left: 15px;
}
.commentBox__info {
  margin-bottom: 15px;
}
.commentBox__info .pDate {
  color: #b2b2b2;
}
.commentForm {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .commentForm {
    margin-bottom: 50px;
  }
  .commentForm__btn {
    text-align: right;
  }
}
.commentForm__title {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom: 15px;
}
.commentForm__cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.commentForm__cont .form-group {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.commentForm__cont .form-group:last-child {
  width: 100%;
}
p.bold {
  color: #131840;
}
.handBook__text p.p1 {
  white-space: initial;
  text-overflow: initial;
}
.customerItem__link,
.generalExam__review__text .p3,
.handBook__text p,
.serviceDetail .successStory__item .p2,
.typeService__item .p1 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.handBook__text p {
  white-space: nowrap;
}
.blogHome__header {
  background: radial-gradient(
      64.35% 102.41% at 21.41% 35.65%,
      #eafafa 0,
      #f3f7fb 100%
    ),
    #edf9ff;
}
.blogHome__header .d-flex {
  align-items: center;
  justify-content: space-between;
  height: 247px;
  padding: 10px 0;
}
.blogHome__header .d-flex img {
  height: 132px;
}
@media (min-width: 768px) {
  .blogHome__header .d-flex img {
    height: 100%;
    width: 60%;
  }
}
@media (max-width: 767px) {
  p.bold {
    font-weight: 500 !important;
    font-size: 14px;
    text-transform: uppercase;
    color: #4d4d4d;
  }
  .blogHome__header .d-flex {
    flex-wrap: wrap;
  }
  .blogHome__title h1 {
    font-size: 26px;
    font-weight: 500;
    color: #4d4d4d;
  }
}
.blogHome__tendency {
  padding: 25px 0;
}
.blogHome__progress {
  margin-bottom: 15px;
}
.blogHome__progress .steps {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  width: min-content;
}
.blogHome__breadcrumb,
.blogHome__newest,
.blogHome__newest__title {
  border-bottom: 1px solid #eff0f0;
}
.blogHome__progress .step {
  position: relative;
  white-space: nowrap;
  transition: 0.3s ease-in-out;
}
.blogHome__progress .step + .step a {
  padding-left: 40px;
}
.blogHome__progress .step.active a {
  background: #eaf3f8;
  color: #005594;
}
.blogHome__progress .step.active::before {
  background: #eaf3f8;
  box-shadow: 1px -1px 0 0 #5ab6e7, 1px -1px 0 0 #5ab6e7;
}
.blogHome__progress .step a {
  display: block;
  padding: 8px 20px 8px 12px;
}
.blogHome__progress .step::before {
  position: absolute;
  top: 0;
  right: -20px;
  width: 40px;
  height: 40px;
  transform: scale(0.707) rotate(45deg);
  z-index: 1;
  background: #c4c4c4;
  background: linear-gradient(135deg, #fff, #fff);
  box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.4),
    1px -3px 0 0 rgba(255, 255, 255, 0.1);
  border-radius: 0 1px 0 50px;
}
.block10__tab li button,
.block9__item {
  box-shadow: 0 0 1px rgba(40, 41, 61, 0.08),
    0 0.5px 2px rgba(96, 97, 112, 0.16);
}
.blogHome__progress .step:last-child::before {
  display: none;
}
.blogHome__body__title h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  color: #4d4d4d;
}
.blogHome__body .listBlogVertical .handBook__cont p,
.blogHome__body .listBlogVertical .handBook__cont > .p1 {
  font-size: 12px;
  color: #666;
}
.blogHome__body .listBlogVertical p {
  font-size: 16px;
  color: #979797;
}
.blogHome__body > .container {
  padding-top: 40px;
}
.blogHome__newest__title {
  margin-bottom: 24px;
}
.blogHome__newest__title h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  padding-bottom: 12px;
  color: #4d4d4d;
  position: relative;
  width: max-content;
}
.blogHome__newest__title h2:after {
  width: 100%;
  height: 2px;
  background: #4d4d4d;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .blogHome__body > .container .col-3,
  .blogHome__body > .container .col-9,
  .blogHome__newest .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .blogHome__newest .col-3:first-child .handBook__img {
    height: 164px;
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
  .blogHome__newest .col-3:first-child .handBook__name {
    width: 100%;
    padding-left: 0;
    margin-bottom: 5px;
  }
  .blogHome__newest .col-3:first-child .handBook__cont .d-flex {
    width: 100%;
    padding-left: 0;
    margin-bottom: 5px !important;
  }
  .blogHome__newest .handBook__item {
    margin-bottom: 15px;
  }
}
.blogHome__newest .col-3 .d-flex {
  justify-content: space-between;
}
.blogHome__breadcrumb {
  margin-bottom: 45px;
}
.blogHome__breadcrumb .breadcrumb {
  margin-bottom: 0;
}
.blogHome .tendency__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blogHome .tendency__more {
  display: flex;
  align-items: center;
}
.blogHome .tendency__list {
  display: flex;
  margin: 0 -15px 15px;
}
.blogHome .tendency__item {
  height: 100px;
  padding: 0 15px;
  width: 20%;
}
.blogHome .tendency__item__img {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
}
.blogHome .tendency__item__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.blogHome .tendency__item__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 15px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.3) 58.34%,
    rgba(0, 0, 0, 0.4) 100%
  );
}
.blogHome .tendency__item__link span {
  font-weight: 700;
  font-size: 18px;
  line-height: 130%;
  color: #fff;
}
.blogHome .listBlogVertical {
  margin-bottom: 60px;
}
.blogList__header {
  background: #edf9ff;
  padding: 20px;
}
.blogList__header .d-flex {
  align-items: center;
  flex-wrap: wrap;
}
.blogList__body {
  background: #e5e5e5;
}
.blogList__title {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .blogList__title {
    margin-bottom: 0;
    width: 50%;
    padding-right: 30px;
  }
}
.blogList__title h1 {
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 500;
  color: #4d4d4d;
}
.blogList__img {
  background-image: url(../images/blog-list-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}
@media (min-width: 768px) {
  .blogList__title h1 {
    font-size: 40px;
  }
  .blogList__img {
    width: 50%;
    background-size: 80% 100%;
    background-position: right;
  }
  .blogList__img img {
    margin-left: 200px;
  }
}
.blogList__breadcrumb {
  background: #fff;
  margin-bottom: 40px;
}
.blogList__breadcrumb .breadcrumb-item a {
  color: #005594;
}
@media (max-width: 767px) {
  .blogList__img {
    display: flex;
    justify-content: center;
  }
  .blogList__img img {
    height: 120px;
  }
  .blogList .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.block7 {
  padding: 50px 0 0;
}
.block7__title {
  margin-bottom: 50px;
}
.block7__item {
  margin-bottom: 30px;
}
.block7__item:last-child {
  margin-bottom: 0;
}
.block7__img {
  height: 200px;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .block7 {
    padding: 100px 0 50px;
  }
  .block7__item {
    display: flex;
  }
  .block7__img {
    height: 255px;
    width: 450px;
  }
}
.block7__img a {
  display: block;
  width: 100%;
  height: 100%;
}
.block7__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .block7__cont {
    width: calc(100% - 450px);
    padding-left: 30px;
  }
}
.block7__link {
  font-size: 24px;
  font-weight: 500;
  color: #000;
  margin-bottom: 15px;
  transition: all 0.2s;
  display: block;
}
.block7__link:hover {
  color: #1c67a2;
}
.block8__title {
  margin-bottom: 50px;
}
.block8__item {
  background: linear-gradient(360deg, #f3f7fb 0, rgba(243, 247, 251, 0) 98.21%);
  border-radius: 12px;
}
@media (max-width: 767px) {
  .block7__cont {
    padding-top: 15px;
  }
  .block8__item {
    margin-bottom: 30px;
    padding: 30px 15px;
  }
  .block8 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.block8__img {
  margin-bottom: 15px;
}
.block8__more {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .block8__item {
    height: 100%;
    padding: 30px;
  }
  .block8 .col,
  .block8__img {
    margin-bottom: 30px;
  }
}
.block9 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .block9 {
    margin-bottom: 70px;
  }
}
.block9__title {
  margin-bottom: 50px;
}
.block9__item {
  background: #fff;
  border-radius: 12px;
  padding: 15px;
}
.block9__icon {
  width: 72px;
}
@media (max-width: 767px) {
  .block9__item {
    text-align: center;
  }
  .block9__icon {
    margin: 0 auto 15px;
  }
}
@media (min-width: 768px) {
  .block9__item {
    display: flex;
    padding: 24px;
    height: 100%;
  }
  .block9__text {
    width: calc(100% - 72px);
    padding-left: 20px;
  }
  .block9 .row {
    justify-content: center;
  }
}
.block9 .col {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .block9 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.signUpCollabBox__title {
  margin-bottom: 30px;
}
.signUpCollabBox__form .form-group:last-child {
  margin-bottom: 0;
}
.signUpCollabBox__btn .btn {
  width: 100%;
}
.block10 {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .modalSignUpCollab {
    max-width: 420px;
  }
  .block10 {
    margin-bottom: 100px;
  }
}
.block10__tab li {
  margin-bottom: 30px;
}
.block10__tab li:last-child {
  margin-bottom: 0;
}
.block10__tab li.active button {
  background-color: #edf3fb;
  color: #1c67a2;
}
.block10__tab li.active button:before {
  background-color: #1c67a2;
}
.block10__tab li button {
  padding: 15px;
  text-align: left;
  width: 100%;
  display: block;
  background: #fff;
  border-radius: 6px;
  position: relative;
  transition: all 0.1s;
}
@media (min-width: 768px) {
  .block10__tab li button {
    padding: 28px 36px;
  }
}
.block10__tab li button:hover {
  background-color: #edf3fb;
}
.block10__tab li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: transparent;
}
@media (max-width: 767px) {
  .block10__img {
    margin-bottom: 30px;
  }
  .block10 .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .block10 .col:first-child {
    order: 2;
  }
  .block10 .col:last-child {
    order: 1;
  }
}
.block11 {
  background-color: #1c67a2;
  padding: 50px 0;
}
.block11__title {
  text-align: center;
  margin-bottom: 50px;
}
.block11__form__item .form-control {
  background: 0 0;
  color: #fff;
}
.block11__form__item .form-control::-webkit-input-placeholder {
  color: #fff;
}
.block11__form__item .form-control::-moz-placeholder {
  color: #fff;
}
.block11__form__item .form-control:-ms-input-placeholder {
  color: #fff;
}
.block11__form__item .form-control:-moz-placeholder {
  color: #fff;
}
.block11__form__btn {
  text-align: center;
}
.section19_service {
  background-position: center bottom;
}
@media (min-width: 768px) {
  .block11 {
    padding: 100px 0;
  }
  .block11__form {
    padding: 0 100px;
  }
  .block11__form__group {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .block11__form__item {
    width: 50%;
    padding: 0 15px;
  }
  .block11__form__item:last-child {
    width: 100%;
  }
  .block11__form__item .form-group {
    margin-bottom: 30px;
  }
  .block11__form__btn .btn {
    width: 160px;
  }
  .section19_service {
    padding-top: 0;
  }
  .section19_service .col-6 {
    height: 500px;
  }
}
.section19_service .col-6:nth-child(2) {
  display: flex;
  align-items: center;
}
.section19_service .section19__video {
  width: 100%;
}
.section19 .icon3 {
  top: -27px;
  right: -80px;
  z-index: 99;
}
.section19 .icon4 {
  bottom: -10px;
  left: -50px;
  z-index: 99;
}
.section19 .icon5 {
  bottom: -70px;
  left: -60px;
}
.section25__title {
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .section25 .col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 30px;
  }
  .section25 .col:first-child {
    order: 2;
  }
  .section25 .col:last-child {
    order: 1;
  }
}
.serviceItem {
  text-align: center;
  padding: 15px;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  border-radius: 12px;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .serviceItem {
    padding: 30px;
    height: 445px;
  }
}
.serviceItem__title {
  border: 1px solid #d4e5ff;
  background-color: #eef3fa;
  text-transform: uppercase;
  padding: 7px 17px;
  border-radius: 100px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.aboutUs__breadcrumb,
.author__header,
.typeService__title {
  border-bottom: 1px solid #eff0f0;
}
.serviceItem__title p {
  margin-bottom: 0;
}
.serviceItem__icon {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serviceItem__text {
  margin-bottom: 30px;
}
.serviceItem .p1 {
  font-size: 20px;
  color: #20202d;
  font-weight: 500;
}
.section26 {
  text-align: center;
  margin: 140px 0;
}
.section26__title {
  margin-bottom: 50px;
}
.optimization {
  text-align: center;
}
.optimization__img {
  margin: auto;
  position: relative;
}
@media (min-width: 768px) {
  .serviceItem__btn .btn-round {
    min-height: 52px;
    padding: 12px 28px;
  }
  .optimization__img {
    width: 650px;
  }
  .branchs__text {
    max-width: 172px;
  }
}
.optimization__img > img {
  width: 100%;
}
@media (max-width: 767px) {
  .serviceItem .p2 {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
  .optimization__img > img {
    display: none;
  }
  .branchs__icon {
    order: 1;
  }
}
.branchs {
  display: flex;
  align-items: center;
}
.branchs__icon {
  position: relative;
}
.branchs__icon img:nth-child(1) {
  width: 120px;
  height: 120px;
}
.branchs__icon__child {
  z-index: 9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section27 {
  margin: 50px 0 100px;
}
.section27__img {
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .branchs__text {
    order: 2;
  }
  .section27__img {
    margin-bottom: 30px;
  }
  .section27__btn {
    text-align: center;
  }
}
.section27__img img {
  width: 100%;
}
.section27__cont {
  background: #fff;
  border-radius: 16px;
  padding: 30px 40px;
}
@media (min-width: 768px) {
  .branchs.item1 {
    position: absolute;
    top: 65px;
    left: -150px;
  }
  .branchs.item2 {
    position: absolute;
    top: 200px;
    left: -180px;
  }
  .branchs.item3 {
    position: absolute;
    bottom: 225px;
    left: -210px;
  }
  .branchs.item4 {
    position: absolute;
    bottom: 80px;
    left: -150px;
  }
  .branchs.item5 {
    position: absolute;
    top: 65px;
    right: -125px;
  }
  .branchs.item6 {
    position: absolute;
    top: 200px;
    right: -180px;
  }
  .branchs.item7 {
    position: absolute;
    bottom: 225px;
    right: -190px;
  }
  .branchs.item8 {
    position: absolute;
    bottom: 80px;
    right: -150px;
  }
  .section27__img {
    margin-left: 100px;
  }
  .section27__cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 600px;
    min-height: 428px;
  }
}
.section27__cont > p {
  margin-bottom: 20px;
}
.section27__group {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.section27__group img {
  margin-bottom: 5px;
  margin-right: 10px;
}
.section27__group p {
  margin-bottom: 0;
}
.section27__btn {
  margin-top: 30px;
}
.section27 .d-flex {
  position: relative;
}
.aboutUs__banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 767px) {
  .section27 .d-flex {
    display: block !important;
  }
  .aboutUs__banner__cont {
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  .aboutUs__banner__cont {
    padding: 55px 0;
  }
}
.aboutUs__banner__cont .p1 {
  font-weight: 500;
  font-size: 40px;
  color: #4d4d4d;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .aboutUs__banner__cont .p1 {
    font-size: 30px;
  }
  .aboutUs__banner__img {
    display: none;
  }
}
.aboutUs__banner__cont .p2 {
  font-size: 16px;
  color: #4f4f4f;
  margin-bottom: 0;
}
.aboutUs__breadcrumb {
  padding: 10px 0;
}
.aboutUs__main {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .aboutUs__banner .col,
  .aboutUs__main .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.aboutUs__title {
  font-size: 28px;
  letter-spacing: -0.4px;
  color: #2a2e33;
  font-weight: 400;
  margin-bottom: 15px;
}
.aboutUs__text {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .aboutUs__text {
    margin-bottom: 50px;
  }
}
.aboutUs__text p {
  font-size: 16px;
  color: #4d4d4d;
}
.aboutUs__core {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .aboutUs__core {
    margin-bottom: 50px;
  }
}
.aboutUs__core__numb {
  width: 67px;
  height: 95px;
  background-color: #eaf3f8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.aboutUs__core__numb span {
  font-weight: 900;
  font-size: 48px;
  letter-spacing: -0.4px;
  color: #abc8f7;
}
.aboutUs__core__cont {
  width: calc(100% - 67px);
  padding-left: 30px;
}
.aboutUs__core__cont p {
  margin-bottom: 0;
}
.aboutUs__core__cont .p1 {
  font-size: 18px;
  letter-spacing: -0.4px;
  color: #2a2e33;
  text-transform: uppercase;
}
.aboutUs__core__cont .p2 {
  font-size: 16px;
  color: #4d4d4d;
}
.aboutUs__core ul li {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .aboutUs__core ul li {
    margin-bottom: 60px;
  }
}
.aboutUs__core ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .aboutUs__history {
    margin-bottom: 40px;
  }
}
.aboutUs__history ul li {
  background: url(../images/dot-icon.svg) left top 5px no-repeat;
  padding-left: 30px;
  padding-bottom: 15px;
  position: relative;
}
.aboutUs__history ul li:last-child {
  padding-bottom: 0;
}
.aboutUs__history ul li:before {
  width: 2px;
  position: absolute;
  top: 19px;
  left: 5px;
  bottom: 0;
  background-color: #eff0f0;
}
.aboutUs__history ul li p {
  margin-bottom: 0;
}
.aboutUs__history ul li .p1 {
  font-weight: 500;
  font-size: 16px;
  color: #2a2e33;
}
.aboutUs__history ul li .p2 {
  font-weight: 500;
  font-size: 14px;
  color: #777;
}
.aboutUs__list {
  margin-bottom: 50px;
}
.aboutUs__list__slide {
  margin: 0 -15px;
}
.aboutUs__list__col {
  padding: 0 15px;
}
.aboutUs__list .handBook__item {
  height: auto;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .aboutUs__list .handBook__img {
    float: none;
    width: auto;
    height: 164px;
  }
  .aboutUs__list .handBook__name {
    width: 100%;
    padding-left: 0;
  }
  .aboutUs__list .handBook__cont {
    padding-top: 15px;
  }
  .aboutUs__list .handBook__cont .d-flex {
    width: 100%;
    padding-left: 0;
  }
}
.author__header .breadcrumb {
  margin-bottom: 0;
}
.author__introduce {
  padding: 55px 0 73px;
}
@media (min-width: 768px) {
  .author__introduce {
    background-image: url(../images/tac-gia-bg.png);
    background-repeat: no-repeat;
    background-position: right -50px top 10px;
  }
}
.author__introduce .introduce__img {
  width: 217px;
  height: 217px;
  border-radius: 50%;
  background: #edf0f9;
  overflow: hidden;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  border: 5px solid #fff;
}
.contactGroup__item,
.symptomItem {
  background: #fff;
  border: 1px solid #ddd;
}
@media (max-width: 767px) {
  .author__introduce .introduce__img {
    margin: 0 auto 30px;
  }
}
.author__introduce .introduce__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.author__introduce .introduce__group h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 33px;
  color: #005594;
  margin-bottom: 6px;
}
.author__introduce .introduce__group .p0 {
  font-size: 14px;
  line-height: 16px;
  color: #666;
  margin-bottom: 22px;
}
.author__introduce .introduce__group .p1 {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4d4d4d;
  margin-bottom: 7px;
}
.author__introduce .introduce__group .p2 {
  font-size: 14px;
  line-height: 150%;
  color: #4d4d4d;
}
.author__introduce .introduce__flex {
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .author__introduce .introduce__group {
    width: calc(100% - 272px);
  }
  .author__introduce .introduce__group .p2 {
    width: 90%;
  }
  .author__introduce .introduce__flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.author__blog {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .author__blog .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.author__blog .titleBlog {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 12px;
}
.author__pagination .pagination {
  justify-content: center;
}
.contactGroup {
  display: flex;
}
.contactGroup__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border-radius: 5px;
}
.contactGroup__item + .contactGroup__item {
  margin-left: 15px;
}
.serviceDetail__header {
  background: radial-gradient(
      64.35% 102.41% at 21.41% 35.65%,
      #eafafa 0,
      #f3f7fb 100%
    ),
    #edf9ff;
}
.serviceDetail__header__flex {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.serviceDetail__header__col:first-child {
  text-align: center;
  order: 2;
}
.serviceDetail__header__col:last-child {
  order: 1;
}
.serviceDetail__header__col .form-footer {
  margin: auto;
}
.serviceDetail__header h1 {
  font-weight: 500;
  font-size: 26px;
  line-height: 120%;
  text-align: center;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .serviceDetail__header__col {
    width: 50%;
  }
  .serviceDetail__header__col:first-child {
    padding-right: 50px;
    order: 1;
  }
  .serviceDetail__header__col:last-child {
    order: 2;
  }
  .serviceDetail__header h1 {
    font-size: 35px;
    padding: 0 40px;
  }
}
.serviceDetail__header p {
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #4f4f4f;
  margin-bottom: 30px;
}
.serviceDetail__section1 {
  padding: 40px 0;
  background: #f7f7f7;
}
.serviceDetail__section1__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  text-align: center;
  color: #4d4d4d;
  margin-bottom: 20px;
}
.serviceDetail__section1 .col-3,
.techService__lg,
.techService__sm {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .serviceDetail__header__flex {
    flex-wrap: wrap;
  }
  .serviceDetail__section1__title h3 {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .serviceDetail__section1 .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.serviceDetail__section2 {
  padding: 40px 0;
  background: radial-gradient(
      64.35% 102.41% at 21.41% 35.65%,
      #eafafa 0,
      #f3f7fb 100%
    ),
    #edf9ff;
}
.serviceDetail__section2__title {
  text-align: center;
  margin-bottom: 24px;
}
.serviceDetail__section2__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .serviceDetail__section2__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.serviceDetail__section2__title p {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .serviceDetail__section2__title p {
    font-size: 13px;
    color: #545454;
    margin-bottom: 16px;
  }
  .serviceDetail__section2 .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.serviceDetail__section3 {
  padding: 40px 0;
}
.serviceDetail__section3__title {
  text-align: center;
  margin-bottom: 24px;
}
.serviceDetail__section3__title h2,
.serviceDetail__section3__title h3 {
  font-weight: 500;
  font-size: 35px;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .serviceDetail__section3__title h2,
  .serviceDetail__section3__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .serviceDetail__section3 .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.serviceDetail__section4 {
  background: #f7f7f7;
  padding: 40px 0;
}
.serviceDetail__section4__title {
  text-align: center;
  margin-bottom: 24px;
}
.serviceDetail__section4__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .serviceDetail__section4__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.serviceDetail__section4__title .p1 {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .serviceDetail__section4__title .p1 {
    font-size: 13px;
  }
}
.serviceDetail__section4 .doctorItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
  height: 306px;
}
.serviceDetail__section4 .doctorItem__img {
  width: 135px;
  height: 135px;
  border-radius: 50%;
  border: 2px solid #ddd;
  overflow: hidden;
  margin-bottom: 28px;
}
.serviceDetail__section4 .doctorItem__cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 165px);
}
.serviceDetail__section4 .doctorItem__cont .p1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 118.5%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #131840;
  margin-bottom: 10px;
}
.serviceDetail__section4 .doctorItem__cont .p2 {
  font-size: 12px;
  line-height: 135%;
  text-align: center;
  color: #666;
}
.serviceDetail__section4 .doctorItem__address {
  width: 100%;
  height: 47px;
  padding: 0;
}
.serviceDetail__section4 .doctorItem__address .d-flex {
  width: 100%;
  justify-content: center;
}
.serviceDetail__section4 .doctorItem__address .d-flex span {
  flex: none;
}
.serviceDetail__section4 .doctorItem__name {
  padding: 0 15px;
  height: calc(100% - 47px);
}
@media (max-width: 767px) {
  .serviceDetail__section4 .col-3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.serviceDetail__section5 {
  padding-top: 40px;
  padding-bottom: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.serviceDetail__section5__title {
  text-align: center;
  margin-bottom: 33px;
}
.serviceDetail__section5__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #d9e5f5;
}
@media (max-width: 767px) {
  .serviceDetail__section5__title h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}
.serviceDetail__section5__question {
  box-shadow: 0 0 20px rgba(0, 44, 105, 0.8);
  border-radius: 5px;
  overflow: hidden;
}
.serviceDetail__section5__question h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 118.5%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: #2a2e33;
  padding: 15px 0 15px 27px;
  background: #eaf3f8;
}
@media (max-width: 767px) {
  .serviceDetail__section5__question h5 {
    font-size: 18px;
  }
}
.serviceDetail__section5__question .listQuestion {
  background: #fff;
  padding: 30px;
}
.serviceDetail__section5__question
  .listQuestion
  li:last-child
  .listQuestion__item {
  margin-bottom: 0;
}
.serviceDetail__section5__question .listQuestion__item {
  display: flex;
  align-items: center;
  height: 38px;
  margin-bottom: 20px;
}
.serviceDetail__section5__question .listQuestion__item svg {
  width: 30px;
  height: 30px;
}
.serviceDetail__section5__question .listQuestion__item p {
  font-size: 16px;
  line-height: 120%;
  color: #2a2e33;
  margin-left: 32px;
  margin-bottom: 0;
  width: calc(100% - 62px);
}
@media (max-width: 767px) {
  .serviceDetail__section5 .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.serviceDetail .successStory {
  background: #fff;
}
.serviceDetail .successStory__item .rateStar {
  margin-bottom: 8px;
}
.serviceDetail .successStory__item .p2 {
  line-height: 150%;
  -webkit-line-clamp: 2;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.serviceDetail .successStory__item .iconRight {
  bottom: 25px;
}
.rateStar {
  display: flex;
  justify-content: center;
}
.symptomItem {
  display: flex;
  align-items: center;
  height: 106px;
  border-radius: 5px;
  padding: 0 12px;
}
.symptomItem img {
  width: 72px;
  height: 72px;
}
.symptomItem p {
  width: calc(100% - 80px);
  margin-left: 8px;
  font-size: 14px;
  line-height: 135%;
  color: #4d4d4d;
}
.techService__sm {
  width: 100%;
  display: block;
  height: 175px;
}
.techService__lg {
  width: 100%;
  display: block;
  height: 302px;
}
.techService img {
  width: 100%;
  height: 100%;
}
.benefitItem__title {
  font-size: 35px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #131840;
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .benefitItem__title {
    font-size: 24px;
    margin-bottom: 0;
  }
}
.benefitItem__text {
  text-align: center;
  margin-bottom: 30px;
}
.benefitItem__text .p1 {
  font-size: 16px;
  line-height: 26px;
  color: #455364;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .benefitItem__text .p1 {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .benefitItem__col:first-child .benefitItem__boxSm__text {
    padding: 15px 0;
  }
}
@media (min-width: 768px) {
  .benefitItem__text {
    width: 75%;
    text-align: left;
    margin-top: 80px;
  }
  .benefitItem__flex {
    display: flex;
    height: 520px;
  }
  .benefitItem__col:first-child {
    width: 60%;
    padding-right: 7px;
  }
}
.benefitItem__col:first-child .benefitItem__boxLg {
  height: 350px;
  position: relative;
  background-image: url(../images/benefit-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}
.benefitItem__col:first-child .benefitItem__boxLg__tag {
  position: absolute;
  top: 164px;
}
.benefitItem__col:first-child .benefitItem__boxLg__tag .p1 {
  background: #005594;
  font-weight: 700;
  font-size: 23px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #fff;
  padding-left: 13px;
  margin-bottom: 2px;
}
.benefitItem__col:first-child .benefitItem__boxLg__tag .p1:before {
  position: absolute;
  top: 0;
  right: -12px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #005594;
  border-style: solid;
  border-width: 24px 0 24px 12px;
}
.benefitItem__col:first-child .benefitItem__boxLg__tag .p2 {
  font-weight: 700;
  font-size: 18px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #fff;
  padding: 0 10px;
  position: relative;
  background: #000;
  opacity: 0.5;
  margin-left: 18px;
}
.benefitItem__col:last-child .benefitItem__boxLg__tag .p1 svg,
.svItem__label {
  margin-left: 10px;
}
.benefitItem__col:first-child .benefitItem__boxLg__img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 5px;
  overflow: hidden;
}
.benefitItem__col:first-child .benefitItem__boxLg__img img {
  height: 90%;
}
.benefitItem__col:first-child .benefitItem__boxSm {
  height: calc(100% - 365px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  background: #eaf3f8;
  border-radius: 10px;
  overflow: hidden;
}
.benefitItem__col:first-child .benefitItem__boxSm__text .p1 {
  font-weight: 300;
  font-size: 23px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #4a5156;
}
@media (max-width: 767px) {
  .benefitItem__col:last-child {
    display: flex;
    flex-wrap: wrap;
  }
  .benefitItem__col:last-child .benefitItem__boxSm__text {
    padding: 15px 0;
  }
  .benefitItem__col:last-child .benefitItem__boxLg {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .benefitItem__col:last-child {
    width: 40%;
    padding-left: 7px;
  }
}
.benefitItem__col:last-child .benefitItem__boxLg {
  height: 320px;
  position: relative;
  background-repeat: no-repeat;
  border-radius: 10px;
  margin-top: 15px;
  width: 100%;
  order: 1;
  overflow: hidden;
}
.benefitItem__col:last-child .benefitItem__boxLg__tag {
  position: absolute;
  top: 17px;
}
.benefitItem__col:last-child .benefitItem__boxLg__tag .p1 {
  background: #005594;
  font-weight: 700;
  font-size: 23px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #fff;
  padding-left: 13px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
.benefitItem__col:last-child .benefitItem__boxLg__tag .p2 {
  font-weight: 700;
  font-size: 18px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #fff;
  padding: 0 10px;
  position: relative;
  background: #000;
  opacity: 0.5;
}
.benefitItem__col:last-child .benefitItem__boxLg__img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 5px;
  overflow: hidden;
}
.benefitItem__col:last-child .benefitItem__boxLg__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.benefitItem__col:last-child .benefitItem__boxSm {
  height: calc(100% - 335px);
  padding: 0 20px;
  background: #eaf3f8;
  border-radius: 10px;
  width: 100%;
  order: 2;
  overflow: hidden;
}
.generalExam__category,
.generalExam__grid,
.generalExam__header {
  background-repeat: no-repeat, no-repeat;
}
.benefitItem__col:last-child .benefitItem__boxSm__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.benefitItem__col:last-child .benefitItem__boxSm__text .p1 {
  font-weight: 300;
  font-size: 23px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #4a5156;
}
.benefitItem__col:last-child .benefitItem__boxSm__text .p2 {
  font-weight: 700;
  font-size: 23px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #005594;
}
.benefitItem .btn {
  border-radius: 50px;
  text-transform: uppercase;
  color: #fff;
}
.generalExam__header {
  height: 512px;
  background-image: url(../images/banner-dichvu.jpg),
    url(../images/generalExam-header-bg2.png),
    radial-gradient(71.34% 89.3% at 50% 10.7%, #eafafa 0, #f7f7f7 100%);
  background-position: bottom right 20px, bottom center, center;
  background-color: #edf9ff;
  background-size: 652px 410px, 100% 329px, 100% 100%;
  padding-top: 65px;
}
@media (max-width: 767px) {
  .generalExam__header {
    background-size: 100%;
    padding-top: 40px;
  }
}
.generalExam__header__text h1 {
  line-height: 130%;
  color: #4d4d4d;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 26px;
}
@media (min-width: 768px) {
  .benefitItem__col:last-child .benefitItem__boxSm__text {
    flex-direction: column;
  }
  .generalExam__header__text {
    width: 50%;
  }
  .generalExam__header__text h1 {
    font-size: 35px;
  }
}
.generalExam__header__text p {
  line-height: 130%;
  color: #4f4f4f;
  margin-bottom: 30px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .generalExam__header__text p {
    font-size: 16px;
  }
}
.generalExam__header__text .btn-blue {
  border-radius: 50px;
  width: 229px;
}
.generalExam__header__slide {
  margin-top: 85px;
}
.generalExam__header__slide .slick-dots li button {
  width: 13px;
  height: 13px;
}
.generalExam__header__slide .slick-dots li.slick-active button {
  background: #36a9e1;
}
.generalExam__review {
  padding-top: 40px;
  padding-bottom: 30px;
  background-image: url(../images/generalExam-slide-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
}
.generalExam__review__title {
  text-align: center;
  margin-bottom: 40px;
}
.generalExam__review__title h2,
.generalExam__review__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .generalExam__review__title h2,
  .generalExam__review__title h3 {
    font-size: 26px;
  }
}
.generalExam__review__title p {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
  font-weight: 400 !important;
}
@media (max-width: 767px) {
  .generalExam__review__title p {
    font-size: 13px;
    margin-bottom: 16px;
  }
}
.generalExam__review__col {
  padding: 0 15px;
}
.generalExam__review__item {
  display: flex;
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.generalExam__review__avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #005594;
  margin-right: 15px;
}
.generalExam__review__avatar img {
  width: 100%;
  height: 100%;
}
.generalExam__review__text {
  width: calc(100% - 61px);
}
.generalExam__review__text .p1 {
  font-weight: 500;
  font-size: 14px;
  line-height: 118.5%;
  color: #002c69;
  margin-bottom: 5px;
}
.generalExam__review__text .p2 {
  font-size: 12px;
  line-height: 118.5%;
  color: #545454;
  margin-bottom: 5px;
}
.generalExam__review__text .p3 {
  font-size: 13px;
  line-height: 16px;
  color: #666;
  -webkit-line-clamp: 2;
  height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.generalExam__review__text .rateStar {
  justify-content: flex-start;
  margin-bottom: 12px;
}
.generalExam__review__text .rateStar svg {
  width: 10px;
  height: 10px;
}
.generalExam__review .slick-prev {
  left: -40px;
  top: 40%;
}
.generalExam__review .slick-next {
  right: -40px;
  top: 40%;
}
.generalExam__category {
  background-color: #f7f7f7;
  background-image: url(../images/generalExam-cate-bg2.png),
    url(../images/generalExam-cate-bg1.png);
  background-position: top left, bottom right;
  padding-top: 40px;
  padding-bottom: 60px;
}
.generalExam__category__title {
  text-align: center;
  margin-bottom: 40px;
}
.generalExam__category__title h2,
.generalExam__category__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .generalExam__review .slick-next,
  .generalExam__review .slick-prev {
    display: none !important;
  }
  .generalExam__category__title h2,
  .generalExam__category__title h3 {
    font-size: 26px;
  }
}
.generalExam__category__title p {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
  font-weight: 400 !important;
}
@media (max-width: 767px) {
  .generalExam__category__title p {
    font-size: 13px;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .generalExam__category .col {
    margin-bottom: 30px;
  }
  .generalExam__category .col-12 .generalExam__list__cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
  }
  .generalExam__category .col-12 .generalExam__list__item {
    padding: 0 30px;
    width: 33.3333333333%;
  }
}
.generalExam__grid {
  background-color: #edf9ff;
  background-image: url(../images/generalExam-grid-bg1.png),
    url(../images/generalExam-grid-bg2.png);
  background-position: bottom left, top right;
  padding-top: 40px;
  padding-bottom: 60px;
}
.generalExam__grid__title {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .generalExam__grid__title {
    margin-bottom: 80px;
  }
}
.generalExam__grid__title h2,
.generalExam__grid__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .generalExam__grid__title h2,
  .generalExam__grid__title h3 {
    font-size: 26px;
  }
}
.generalExam__grid__title p {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
  font-weight: 400 !important;
}
.generalExam__grid__group {
  position: relative;
  display: flex;
  justify-content: center;
}
.generalExam__grid__text {
  position: absolute;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 6px;
  width: 142px;
}
@media (max-width: 767px) {
  .generalExam__grid__title p {
    font-size: 13px;
    margin-bottom: 16px;
  }
  .generalExam__grid__text {
    width: 130px;
  }
  .generalExam__grid__text:before {
    display: none !important;
  }
}
.generalExam__grid__text:nth-child(2) {
  top: -20px;
}
.generalExam__grid__text:nth-child(2):before {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #fff;
  margin: -10px 0 0;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .generalExam__grid__text:nth-child(2) {
    top: -40px;
  }
}
.generalExam__grid__text:nth-child(3) {
  top: 125px;
  left: 215px;
}
.generalExam__grid__text:nth-child(3):before,
.generalExam__grid__text:nth-child(4):before {
  top: 15px;
  right: -10px;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #fff;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
@media (max-width: 767px) {
  .generalExam__grid__text:nth-child(3) {
    left: 0;
    top: 15px;
  }
}
.generalExam__grid__text:nth-child(3):before {
  display: block;
  border-top: 12px solid transparent;
}
.generalExam__grid__text:nth-child(4) {
  bottom: 125px;
  left: 215px;
}
@media (max-width: 767px) {
  .generalExam__grid__text:nth-child(4) {
    left: 0;
    bottom: 20px;
  }
}
.generalExam__grid__text:nth-child(4):before {
  display: block;
  border-top: 12px solid transparent;
}
.generalExam__grid__text:nth-child(5) {
  bottom: -20px;
}
.generalExam__grid__text:nth-child(5):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  margin: -10px 0 0;
  transform: translateX(-50%);
}
.generalExam__grid__text:nth-child(6) {
  top: 125px;
  right: 215px;
}
.generalExam__grid__text:nth-child(6):before,
.generalExam__grid__text:nth-child(7):before {
  display: block;
  top: 15px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
  position: absolute;
  content: "";
}
@media (max-width: 767px) {
  .generalExam__grid__text:nth-child(5) {
    bottom: -40px;
  }
  .generalExam__grid__text:nth-child(6) {
    right: 0;
    top: 15px;
  }
}
.generalExam__grid__text:nth-child(7) {
  bottom: 125px;
  right: 215px;
}
.generalExam__grid__text p {
  font-weight: 500;
  color: #005594;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .generalExam__grid__text:nth-child(7) {
    right: 0;
    bottom: 20px;
  }
  .generalExam__grid__text p {
    font-size: 12px;
    line-height: 1.5;
  }
  .generalExam__list {
    margin-bottom: 15px;
  }
}
.generalExam__list {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .generalExam__grid__text p {
    font-size: 14px;
    line-height: 20px;
  }
  .generalExam__list {
    height: 100%;
  }
}
.generalExam__list__title h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
  color: #000;
  padding: 10px 15px;
  background: #e0e0e0;
}
.generalExam__list__item {
  display: flex;
  align-items: center;
  min-height: 37px;
  margin-bottom: 8px;
}
.generalExam__list__item p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #4d4d4d;
  width: calc(100% - 39px);
}
.generalExam__list__cont {
  padding: 15px;
}
.generalExam__list__icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #edf0f9;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.generalExam .section16 {
  background: #f7f7f7;
  padding-top: 40px;
  padding-bottom: 60px;
}
.generalExam .section16__title {
  text-align: center;
  margin-bottom: 20px;
}
.generalExam .section16__title h2,
.generalExam .section16__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .generalExam .section16__title h2,
  .generalExam .section16__title h3 {
    font-size: 26px !important;
  }
}
.generalExam .section16__title .p1 {
  font-size: 16px;
  line-height: 150%;
  color: #666;
}
@media (max-width: 767px) {
  .generalExam .section16__title .p1 {
    font-size: 13px;
    margin-bottom: 16px;
  }
}
.generalExam .section16__search {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .generalExam .section16__search {
    padding: 0 50px;
    margin-bottom: 50px;
  }
}
.generalExam .section16__more {
  text-align: center;
}
@media (max-width: 767px) {
  .generalExam .section16 .row {
    margin: 0 -7.5px;
  }
  .generalExam .section16 .col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 15px;
    padding: 0 7.5px;
  }
  .generalExam .benefitItem__boxSm {
    height: 200px !important;
  }
}
.generalExam .section16 .doctocItem_plus .text-lg {
  font-size: 40px;
  font-weight: 500;
  color: #4d4d4d;
  line-height: 47px;
}
.generalExam .section16 .doctocItem_plus .text-sm {
  font-size: 14px;
  color: #666;
}
.generalExam .section16 .doctocItem_plus .btn-more {
  margin-top: 60px;
}
.generalExam .serviceDetail__section3 {
  background-image: url(../images/generalExam-benefit-bg1.png),
    url(../images/generalExam-benefit-bg2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom right 40%, right 6% bottom 38px;
  padding-bottom: 80px;
}
.generalExam .benefitItem__boxSm {
  position: relative;
  display: flex;
  justify-content: center !important;
  align-items: center;
}
.generalExam .benefitItem__boxLg {
  position: relative;
}
.generalExam .benefitItem__boxLg__tag {
  top: unset !important;
  bottom: 46px;
  width: 100%;
}
.generalExam .benefitItem__boxLg__tag .p1 {
  justify-content: center;
  padding-left: 0;
}
.generalExam .benefitItem__block {
  position: absolute;
  bottom: 0;
  background: #fff;
  width: 100%;
  text-align: center;
}
.generalExam .benefitItem__block p {
  font-weight: 500;
  font-size: 14px;
  line-height: 48px;
  text-transform: uppercase;
  color: #777;
  margin-bottom: 0;
}
.generalExam .headerSlide__item {
  background-image: url(../images/generalExam-header-bg3.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #dceaec;
  border-radius: 5px;
  height: 104px;
  margin: 0 7px;
}
.generalExam .headerSlide__item .p1 {
  font-size: 13px;
  line-height: 16px;
  color: #777;
  margin-bottom: 5px;
}
.generalExam .headerSlide__item .p2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #ff0e0e;
  margin-bottom: 5px;
}
.generalExam .headerSlide__item .p3 {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #000;
  margin-bottom: 0;
}
.categoryService .container {
  position: relative;
}
.categoryService__header {
  height: 386px;
  background: radial-gradient(
      64.35% 102.41% at 21.41% 35.65%,
      #eafafa 0,
      #f3f7fb 100%
    ),
    #edf9ff;
  position: relative;
}
.categoryService__header__radial {
  position: absolute;
  background-image: url(https://www.mediplus.vn/wp-content/uploads/2022/08/dich-vu-x319.png);
}
@media (max-width: 767px) {
  .generalExam .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .categoryService__header__radial {
    background-size: 100%;
    background-position: bottom center;
    height: 100%;
    width: 100%;
  }
}
.categoryService__header__text {
  padding-top: 62px;
}
.categoryService__header__text h1 {
  line-height: 130%;
  color: #4d4d4d;
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 26px;
}
@media (min-width: 768px) {
  .categoryService__header__radial {
    background-position: bottom right 26px;
    background-size: 810px 310px;
    height: 310px;
    width: 810px;
    right: 0;
    bottom: 0;
  }
  .categoryService__header__text {
    width: 50%;
    position: absolute;
    z-index: 9;
  }
  .categoryService__header__text h1 {
    font-size: 35px;
  }
}
.categoryService__header__text p {
  line-height: 130%;
  color: #4f4f4f;
  margin-bottom: 0;
  font-size: 14px;
}
.categoryService__header__text .btn-blue {
  border-radius: 50px;
  margin-top: 24px;
  text-transform: uppercase;
  width: 229px;
}
@media (min-width: 768px) {
  .categoryService__header__text p {
    font-size: 16px;
  }
  .categoryService__header__text .btn-blue {
    margin-top: 60px;
  }
}
.clinicComp__btn,
.typeService + .typeService {
  margin-top: 40px;
}
.categoryService__highlight {
  background-image: url(../images/danh-muc-highlight-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 40px;
  padding-bottom: 65px;
}
.categoryService__highlight__title {
  text-align: center;
  margin-bottom: 40px;
}
.categoryService__highlight__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .categoryService__highlight__title h3 {
    font-size: 26px;
  }
}
.categoryService__highlight__title p {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .categoryService__highlight__title p {
    font-size: 13px;
    color: #545454;
    margin-bottom: 16px;
  }
}
.categoryService__speciality__title {
  text-align: center;
  margin-bottom: 40px;
}
.categoryService__speciality__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .categoryService__speciality__title h3 {
    font-size: 26px;
  }
}
.categoryService__speciality__title p {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
  font-weight: 400 !important;
}
@media (max-width: 767px) {
  .categoryService__speciality__title p {
    font-size: 13px;
    margin-bottom: 16px;
  }
}
.categoryService__speciality__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .categoryService__speciality .row {
    margin-bottom: 40px;
  }
  .categoryService__speciality .row:last-child {
    margin-bottom: 0;
  }
}
.categoryService__speciality .clinic__col {
  width: 12.5%;
}
@media (max-width: 767px) {
  .categoryService__speciality .col-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .categoryService__speciality .clinic__item {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .categoryService__speciality .clinic__item {
    margin-bottom: 30px;
  }
}
.categoryService__speciality .clinic__item .p1 {
  text-transform: uppercase;
}
.categoryService__subclinical {
  padding-top: 40px;
  padding-bottom: 60px;
  background-image: url(../images/subclinical-bg1.png),
    url(../images/subclinical-bg2.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
}
.categoryService__subclinical__title {
  text-align: center;
  margin-bottom: 30px;
}
.categoryService__subclinical__title h3 {
  font-weight: 500;
  font-size: 35px;
  line-height: 118.5%;
  color: #4d4d4d;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .categoryService__subclinical__title h3 {
    font-size: 26px;
  }
}
.categoryService__subclinical__title p {
  font-size: 16px;
  line-height: 150%;
  color: #666;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .categoryService__subclinical__title p {
    font-size: 13px;
    color: #545454;
    margin-bottom: 16px;
  }
}
.categoryService .rateStar {
  margin-bottom: 8px;
}
.typeService__title {
  margin-bottom: 20px;
}
.typeService__title p {
  font-weight: 500;
  font-size: 18px;
  line-height: 118.5%;
  display: flex;
  align-items: center;
  color: #4d4d4d;
  padding-bottom: 10px;
  position: relative;
  width: max-content;
  margin-bottom: 0;
}
.typeService__title p:before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: -1px;
  height: 2px;
  background: #4d4d4d;
}
.typeService__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background-color: #fcfeff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 5px;
  background-image: url(../images/type-service-bg.png);
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 20px;
}
.typeService__item:last-child {
  margin-bottom: 0;
}
.typeService__item__btn {
  width: 135px;
}
@media (max-width: 767px) {
  .typeService__item__btn {
    width: 115px;
  }
}
.typeService__item__btn .btn {
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.typeService__item__btn .btn svg {
  margin-right: 6px;
}
.typeService__item__btn .btn span {
  font-weight: 500;
  font-size: 13px;
  line-height: 118.5%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #206da7;
}
.typeService__item__text {
  width: calc(100% - 150px);
}
.typeService__item .p1 {
  font-size: 18px;
  line-height: 21px;
  color: #4d4d4d;
  white-space: nowrap;
}
.typeService__item .p2 {
  font-size: 14px;
  line-height: 118.5%;
  color: #4a5156;
  margin-bottom: 0;
}
.typeSubclinical {
  padding-bottom: 30px;
  border-bottom: 1px solid #eff0f0;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .typeSubclinical {
    margin-bottom: 20px;
  }
  .typeSubclinical .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .typeSubclinical .col-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.typeSubclinical:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.typeSubclinical__left h4 {
  font-weight: 500;
  font-size: 28px;
  line-height: 48px;
  letter-spacing: -0.4px;
  color: #131840;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .typeSubclinical__left h4 {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
.typeSubclinical__left p {
  font-size: 14px;
  line-height: 19px;
  color: #4d4d4d;
}
.typeSubclinical__right__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.typeSubclinical__right__item .p1 {
  font-size: 14px;
  line-height: 130%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #4f4f4f;
}
.typeSubclinical__right__item .p2 {
  font-size: 16px;
  line-height: 118.5%;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  color: #4d4d4d;
}
.typeSubclinical__right__icon {
  width: 78px;
  height: 78px;
  margin-bottom: 12px;
}
.clinicComp {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.areaBox,
.featuresBox {
  background-repeat: no-repeat;
  background-size: contain;
}
.areaBox,
.featuresBox,
.platform__video {
  background-position: left top;
}
.clinicComp__cont h1 {
  font-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .clinicComp__cont h1 {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .clinicComp__cont h1 {
    font-size: 38px;
  }
}
.clinicComp__cont p {
  margin-bottom: 0;
  font-size: 16px;
  color: #4f4f4f;
}
.clinicComp__video {
  box-shadow: -9px 9px 0 #deecef;
  border-radius: 10px;
}
.clinicComp__video > div {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
.areaBox,
.listClinic {
  padding: 40px 0;
}
.clinicComp__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.clinicComp__btn .btn {
  min-width: 230px;
}
@media (max-width: 767px) {
  .clinicComp__video {
    margin-bottom: 30px;
  }
  .clinicComp__btn {
    text-align: center;
  }
  .clinicComp .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .clinicComp .col:first-child {
    order: 2;
  }
  .clinicComp .col:last-child {
    order: 1;
  }
  .listClinic .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.listClinic .clinic__item {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .listClinic .clinic__item {
    margin-bottom: 40px;
  }
}
.areaBox {
  background-color: #f7f7f7;
}
.areaBox__row .row {
  border-bottom: 1px solid #eff0f0f0;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.areaBox__row .row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) and (max-width: 767px) {
  .areaBox__row .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.areaBox__cont .p1 {
  font-weight: 500;
  color: #131840;
}
@media (max-width: 767px) {
  .areaBox__cont {
    text-align: center;
    margin-bottom: 15px;
  }
  .areaBox__cont .p1 {
    font-size: 20px !important;
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .areaBox__cont .p1 {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
.areaBox__cont .p2 {
  color: #4d4d4d;
  font-size: 14px;
  margin-bottom: 0;
}
.areaBox__list {
  display: flex;
}
@media (max-width: 767px) {
  .areaBox__cont .p2 {
    font-size: 13px;
  }
  .areaBox__list {
    flex-wrap: wrap;
  }
  .areaBox__list__col {
    width: 50%;
    padding-bottom: 15px;
  }
  .featuresBox__cont {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .areaBox__list {
    margin: 0 -15px;
  }
  .areaBox__list__col {
    width: 25%;
    padding: 0 15px;
  }
}
.areaBox__list__item {
  text-align: center;
}
.areaBox__list__icon {
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.areaBox__list__text {
  margin-top: 20px;
}
.areaBox__list__text p {
  margin-bottom: 0;
}
.areaBox__list__text p.p1 {
  font-size: 14px;
  color: #4f4f4f;
}
.areaBox__list__text p.p2 {
  font-size: 16px;
  font-weight: 500;
  color: #4d4d4d;
  text-transform: uppercase;
}
.featuresBox {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .featuresBox {
    padding: 40px 0 70px;
  }
}
.featuresBox__cont p {
  font-size: 16px;
  color: #455364;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .featuresBox__btn {
    text-align: center;
    margin-top: 15px;
  }
  .featuresBox__hexagon {
    overflow: hidden;
    padding-top: 15px;
  }
}
.featuresBox__hexagon {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .featuresBox__btn {
    margin-top: 30px;
  }
  .featuresBox__btn .btn {
    min-width: 260px;
  }
  .featuresBox__hexagon {
    width: 555px;
    position: relative;
    left: 80px;
    margin-bottom: -50px;
  }
  .featuresBox__hexagon__item.item2 {
    left: -25px;
    top: 15px;
  }
}
.featuresBox__hexagon__item {
  width: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .featuresBox__hexagon__item {
    margin-bottom: 25px;
    padding: 0 5px;
  }
  .featuresBox__hexagon__text {
    text-align: center;
    display: flex;
    align-items: center;
    min-height: 74px;
  }
}
.featuresBox__hexagon__text {
  box-shadow: 0 4px 4px rgba(0, 85, 148, 0.2);
  border-radius: 10px;
  background-color: #fff;
  font-size: 12px;
  color: #4a5156;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px;
}
@media (min-width: 768px) {
  .featuresBox__hexagon__item.item2 .hexagon {
    width: 265px;
    height: 225px;
  }
  .featuresBox__hexagon__item.item3 {
    top: -51px;
    left: -93px;
  }
  .featuresBox__hexagon__item.item3 .hexagon {
    width: 265px;
    height: 225px;
  }
  .featuresBox__hexagon__item.item4 {
    left: -138px;
    top: -66px;
  }
  .featuresBox__hexagon__item.item4 .hexagon {
    width: 265px;
    height: 225px;
  }
  .featuresBox__hexagon__text {
    position: absolute;
    width: 210px;
  }
  .featuresBox__hexagon__text.text1 {
    bottom: 70px;
    left: -30px;
  }
  .featuresBox__hexagon__text.text2 {
    bottom: 75px;
    right: -20px;
  }
  .featuresBox__hexagon__text.text3 {
    bottom: 72px;
    left: 37px;
    width: 150px;
  }
  .featuresBox__hexagon__text.text4 {
    bottom: 15px;
    left: 90px;
  }
  .featuresBox__icon {
    position: absolute;
    z-index: -1;
  }
  .featuresBox .row {
    align-items: center;
  }
}
.featuresBox__icon.icon1 {
  top: 170px;
  left: 50px;
}
.featuresBox__icon.icon2 {
  bottom: -45px;
  left: 145px;
}
.featuresBox__icon.icon3 {
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .featuresBox__hexagon .hexagon {
    width: 100%;
    height: 131px;
    border-radius: 10px;
    margin: 0;
  }
  .featuresBox__hexagon .hexagon__img {
    height: 13em !important;
  }
  .featuresBox__icon {
    display: none;
  }
  .featuresBox .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .featuresBox .col:first-child {
    order: 2;
  }
  .featuresBox .col:last-child {
    order: 1;
  }
}
.roomDetail__banner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.roomDetail__banner__icon {
  position: absolute;
  width: 17%;
  height: 100%;
}
.roomDetail__banner__icon:before {
  content: "";
  width: 200%;
  height: 100%;
  position: absolute;
  top: 0;
}
.roomDetail__banner__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.roomDetail__banner__icon.iconLeft {
  top: 0;
  left: 0;
  bottom: 0;
}
.roomDetail__banner__icon.iconLeft:before {
  left: 0;
  background: linear-gradient(
    90deg,
    #f3f7fa 0,
    #f3f7fa 52.85%,
    rgba(243, 247, 250, 0) 100%
  );
}
.roomDetail__banner__icon.iconRight {
  top: 0;
  right: 0;
  bottom: 0;
}
.roomDetail__banner__icon.iconRight:before {
  background: linear-gradient(
    90deg,
    #f3f7fa 0,
    #f3f7fa 52.85%,
    rgba(243, 247, 250, 0) 100%
  );
  right: 0;
  transform: rotate(-180deg);
}
.roomDetail__banner__img {
  width: 100%;
  height: 100%;
}
.roomDetail__banner__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.roomDetail__breadcrumb {
  border-bottom: 1px solid #eff0f0;
}
.roomDetail__info {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .roomDetail__info {
    padding: 40px 0 60px;
  }
  .roomDetail__review__slide .slick-prev {
    left: -60px;
  }
}
.roomDetail__serv {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .roomDetail__banner__icon {
    display: none;
  }
  .roomDetail__info .col,
  .roomDetail__news .col,
  .roomDetail__serv .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.roomDetail__review {
  padding: 40px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.roomDetail__review__slide {
  margin: 0 -15px;
}
.roomDetail__review__slide .slick-arrow {
  top: 70px;
}
.roomDetail__review__col {
  padding: 0 15px;
}
.roomDetail__review__item {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: flex;
  padding: 22px 40px;
}
@media (min-width: 768px) {
  .roomDetail__review__slide .slick-next {
    right: -60px;
  }
  .roomDetail__review__item {
    padding: 22px;
  }
}
.roomDetail__review__ava {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #005594;
  background-color: #fff;
  padding: 1px;
}
.roomDetail__review__cont {
  width: calc(100% - 42px);
  padding-left: 15px;
}
.roomDetail__review__cont p {
  margin-bottom: 0;
}
.roomDetail__review__cont p.p1 {
  font-size: 14px;
  font-weight: 500;
  color: #002c69;
}
.roomDetail__review__cont p.p2 {
  font-size: 12px;
  color: #545454;
  margin-bottom: 5px;
}
.roomDetail__review__cont p.p3 {
  margin-top: 10px;
  font-size: 13px;
  color: #666;
}
.roomDetail__news {
  padding: 40px 0;
}
.roomSlide__photo {
  height: 310px;
  margin-bottom: 30px;
}
.roomSlide__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.roomSlide__list {
  margin: 0 -5px;
}
.roomSlide__list__col {
  padding: 0 5px;
}
@media (min-width: 768px) {
  .roomSlide__list {
    margin: 0 -15px;
  }
  .roomSlide__list__col {
    padding: 0 15px;
  }
}
.roomSlide__list__item {
  height: 92px;
}
.roomSlide__list__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.roomSlide__list .slick-arrow {
  top: 44px;
  width: 29px;
  height: 50px;
  border-radius: 16px;
}
.roomInfo__title {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .roomInfo__title {
    margin-bottom: 60px;
  }
}
.roomInfo__title p.p1 {
  font-size: 35px;
  font-weight: 500;
  color: #4d4d4d;
}
.roomInfo__title p.p2 {
  margin-bottom: 0;
  font-size: 16px;
  color: #4f4f4f;
}
.roomInfo__doctor {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 15px;
}
.roomInfo__doctor::-webkit-scrollbar {
  height: 10px;
}
.roomInfo__doctor::-webkit-scrollbar-track {
  background-color: #eff0f0;
  border-radius: 16px;
}
.roomInfo__doctor::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 16px;
}
.roomInfo__doctor::-webkit-scrollbar-thumb:hover {
  background: #ccc;
}
.platform__conv,
.platform__found,
.platform__serv,
.platform__video {
  background-repeat: no-repeat;
}
.roomInfo__doctor__col {
  padding: 0 15px;
}
.roomInfo__doctor .doctorComp {
  width: 153px;
}
.doctorComp__ava {
  position: relative;
  width: 153px;
  height: 153px;
}
.doctorComp__ava img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 65%;
}
.doctorComp__cont {
  text-align: center;
  margin-top: 15px;
}
.doctorComp__cont p {
  font-size: 14px;
}
.doctorComp__cont p.p1 {
  color: #4d4d4d;
  font-weight: 700;
  margin-bottom: 0;
}
.doctorComp__cont p.p2 {
  color: #4f4f4f;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .listServ {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .listServ {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
  }
  .listServ__col {
    width: 50%;
    padding: 0 15px 40px;
  }
}
@media (max-width: 767px) {
  .listServ__col {
    margin-bottom: 15px;
  }
}
.listServ__item {
  display: flex;
}
.listServ__img {
  width: 90px;
  height: 90px;
  display: block;
}
.listServ__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.listServ__cont {
  width: calc(100% - 90px);
  padding-left: 25px;
}
.listServ__cont p.p1 {
  font-size: 14px;
  color: #4f4f4f;
  margin-bottom: 10px;
}
.listServ__cont p.p2 {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #777;
}
.listServ__cont p.p2 span {
  flex: 1;
  padding-left: 10px;
}
.listServ__link {
  display: inline-block;
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.listServ__link:hover {
  color: #005594;
}
.platform__video {
  padding: 40px 0;
  background-size: contain;
}
.platform__video__cont {
  border-radius: 10px;
}
.platform__video__cont > div {
  width: 100%;
}
@media (min-width: 768px) {
  .platform__video {
    padding: 40px 0 80px;
  }
  .platform__video__cont {
    height: 420px;
  }
  .platform__video__cont > div {
    height: 100%;
  }
  .platform__video .row {
    justify-content: center;
  }
}
.platform__video__cont iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .platform__video__cont > div {
    padding-top: 56.25%;
    position: relative;
  }
  .platform__video__cont iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
  .platform__video .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.platform__video .titleBox__heading {
  margin-bottom: 10px;
}
.platform__serv {
  background-position: center center;
  background-size: cover;
  padding: 40px 0;
}
.platform__serv__item {
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
}
@media (max-width: 767px) {
  .platform__serv__item {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .platform__video .col {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .platform__serv {
    padding: 40px 0 80px;
  }
  .platform__serv__item {
    height: 100%;
  }
}
.platform__serv__img {
  height: 150px;
  background-color: #eff6ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.platform__serv__cont {
  text-align: center;
  padding: 15px;
}
.platform__serv__cont p.p1 {
  font-weight: 500;
  color: #000;
}
.platform__serv__cont p.p2 {
  font-size: 13px;
  color: #666;
  margin-bottom: 0;
}
.platform__serv .titleBox__heading {
  color: #d9e5f5;
}
.platform__serv .titleBox p {
  color: #5ab6e7;
}
.platform__conv {
  padding: 40px 0;
  background-size: contain;
  background-position: center top;
}
.platform__conv__cont p.p1 {
  font-size: 28px;
  color: #2a2e33;
}
.platform__conv__cont p.p2 {
  font-size: 16px;
  color: #455364;
}
.platform__conv .row {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .platform__conv {
    padding: 40px 0 80px;
  }
  .platform__conv .row {
    margin-bottom: 80px;
  }
}
.platform__conv .row:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .platform__serv .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .platform__conv__cont {
    margin-top: 15px;
  }
  .platform__conv .row.row2 .col:first-child {
    order: 2;
  }
  .platform__conv .row.row2 .col:last-child {
    order: 1;
  }
  .platform__conv .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .platform__found__btn {
    height: auto !important;
  }
}
.platform__found {
  padding: 40px 0;
  background-size: cover;
  background-position: center top;
}
@media (min-width: 768px) {
  .platform__found {
    padding: 40px 0 80px;
  }
  .platform__found__text {
    width: calc(100% - 27px);
    padding-right: 15px;
  }
}
.platform__found__tab > li {
  margin-bottom: 15px;
}
.platform__found__tab > li:last-child {
  margin-bottom: 0;
}
.platform__found__tab > li.active .platform__found__btn {
  background: #e1efff;
  border-color: #36a9e1;
}
.platform__found__btn {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.1s;
}
.platform__found__btn:hover {
  border-color: #36a9e1;
}
@media (max-width: 767px) {
  .platform__found__text {
    text-align: justify;
  }
  .platform__found__text h3.p1 {
    margin-bottom: 5px;
  }
}
.error404__main__img,
.platform__feature__cont,
.qrcode,
.registerBox__title {
  text-align: center;
}
.platform__found__text p.p1 {
  font-size: 19px;
  font-weight: 500;
  color: #2a2e33;
}
@media (max-width: 767px) {
  .platform__found__text p.p1 {
    font-size: 16px;
  }
  .platform__found__arrow {
    display: none;
  }
}
.platform__found__text p.p2 {
  font-size: 13px;
  color: #4d4d4d;
  margin-bottom: 0;
}
.platform__found__arrow {
  width: 27px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.1s;
}
.platform__feature {
  padding: 40px 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
@media (min-width: 768px) {
  .platform__found__img,
  .platform__found__img img {
    height: 100%;
  }
  .platform__feature {
    padding: 40px 0 80px;
  }
  .platform__feature__item {
    height: 100%;
  }
}
.platform__feature__item {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px;
}
.contact__map,
.platform__partner {
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .platform__found__img {
    margin-bottom: 15px;
  }
  .platform__found .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .platform__found .col:first-child {
    order: 2;
  }
  .platform__found .col:last-child {
    order: 1;
  }
  .platform__feature__item {
    display: flex;
  }
  .platform__feature__icon {
    width: 100px;
  }
  .platform__feature__icon svg {
    width: 65px;
  }
}
.platform__feature__icon {
  border-radius: 5px 5px 0 0;
  height: 145px;
  background-color: #eff6ff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.platform__feature__cont {
  padding: 15px;
}
.platform__feature__cont p.p1 {
  color: #000;
  font-weight: 500;
}
.platform__feature__cont p.p2 {
  font-size: 13px;
  color: #666;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .platform__feature__cont {
    width: calc(100% - 100px);
  }
  .platform__feature .col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.platform__partner {
  padding: 40px 0;
  background-position: center center;
}
@media (min-width: 768px) {
  .platform__feature .col {
    margin-bottom: 30px;
  }
  .platform__partner {
    padding: 40px 0 80px;
  }
  .platform__partner .row {
    justify-content: center;
  }
  .platform__container {
    width: 940px;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .platform__partner .col {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .platform__container {
    padding: 0 15px;
  }
  .contact__main .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.contact__breadcrumb {
  padding: 10px 0;
  border-bottom: 1px solid #eff0f0;
}
.contact__main {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .contact__container {
    padding: 0 15px;
  }
  .contact__container__icon {
    display: none;
  }
}
@media (min-width: 768px) {
  .contact__container {
    width: 940px;
    margin: auto;
    position: relative;
  }
  .contact__container__icon {
    position: absolute;
  }
}
.contact__container__icon.icon1 {
  top: 0;
  left: -200px;
}
.contact__container__icon.icon2 {
  top: 0;
  right: -200px;
}
.contact__now {
  margin-bottom: 40px;
}
.contact__now__list li {
  padding-bottom: 16px;
}
.contact__now__list li:last-child {
  padding-bottom: 0;
}
.contact__now__item {
  display: flex;
  align-items: center;
}
.contact__now__item .svgBox {
  width: 40px;
}
.contact__now__item .textBox {
  width: calc(100% - 40px);
  padding-left: 15px;
}
@media (min-width: 768px) {
  .contact__now {
    margin-bottom: 70px;
  }
  .contact__now__item .textBox {
    padding-left: 40px;
  }
}
.contact__now__item .textBox p {
  margin-bottom: 0;
  color: #4d4d4d;
}
.contact__now .p1 {
  font-size: 16px;
  color: #444;
}
.contact__title {
  margin-bottom: 12px;
}
.contact__title h1,
.contact__title h2,
.contact__title h3,
.contact__title h4,
.contact__title h5 {
  font-size: 28px;
  font-weight: 500;
  color: #4d4d4d;
}
@media (min-width: 768px) {
  .contact__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  .contact__title h1,
  .contact__title h2,
  .contact__title h3,
  .contact__title h4,
  .contact__title h5 {
    padding-right: 15px;
    flex: 1;
  }
}
@media (max-width: 767px) {
  .contact__title .dropdown {
    margin-top: 15px;
    width: 100%;
  }
  .contact__list {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .contact__title .dropdown {
    width: 260px;
  }
}
.contact__title .dropdown .btn {
  width: 100%;
  text-align: left;
  justify-content: space-between;
}
.contact__map {
  padding: 40px 0;
  background-position: center bottom;
}
.contact__map__cont {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 85, 148, 0.2);
  border: 1px solid #abc8f7;
}
@media (max-width: 767px) {
  .contact__map__cont {
    height: 250px;
  }
}
@media (min-width: 768px) {
  .contact__map {
    padding: 80px 0;
  }
  .contact__map__cont {
    height: 377px;
  }
}
.contact__map__cont iframe {
  width: 100% !important;
  height: 100% !important;
}
.listBranch {
  border-top: 1px solid #deecef;
}
.listBranch__item {
  border-bottom: 1px solid #deecef;
}
.listBranch__btn {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 15px 0;
}
.listBranch__btn.active span.span3 .svg1 {
  display: none;
}
.listBranch__btn span.span3 svg,
.listBranch__btn.active span.span3 .svg2 {
  display: block;
}
.listBranch__btn span.span1 {
  font-size: 18px;
  color: #36a9e1;
  font-weight: 500;
  width: 75px;
}
.listBranch__btn span.span2 {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  width: calc(100% - 85px);
  padding: 0 15px;
}
@media (min-width: 768px) {
  .listBranch__btn span.span2 {
    padding: 0 30px;
  }
}
.listBranch__btn span.span3 {
  width: 20px;
}
.listBranch__btn span.span3 .svg2 {
  display: none;
}
.listBranch__cont {
  display: none;
  padding-bottom: 20px;
}
.listBranch__main {
  background-color: #f2fcf9;
  border-radius: 10px;
  padding: 15px;
}
.hotlineBox {
  background: #eaf3f8;
  border: 1px solid #abc8f7;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
}
.freeConsul,
.registerBox {
  border: 1px solid #d9e5f5;
}
@media (min-width: 768px) {
  .hotlineBox {
    padding: 25px;
    margin-bottom: 25px;
  }
}
.hotlineBox p.p1 {
  color: #193d6b;
  font-weight: 500;
  margin-bottom: 0;
}
.hotlineBox p.p2 {
  font-size: 13px;
  color: #797979;
  font-weight: 500;
}
.hotlineBox p.p2 span {
  font-size: 18px;
  color: #ed1c24;
  font-weight: 700;
}
.hotlineBox p.p3 {
  font-size: 13px;
  color: #005594;
  margin-bottom: 0;
}
.registerBox {
  background: #fafdff;
  border-radius: 5px;
  padding: 20px 15px;
}
.downloadApp__banner,
.downloadApp__box {
  background-size: cover;
  background-position: center top;
}
.registerBox__title {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .registerBox__title {
    margin-bottom: 25px;
  }
}
.registerBox__title p.p1 {
  font-size: 16px;
  color: #131840;
  font-weight: 700;
  margin-bottom: 0;
}
.registerBox__title p.p2 {
  margin-bottom: 0;
  color: #4d4d4d;
}
.downloadApp__breadcrumb {
  padding: 10px 0;
}
.downloadApp__banner {
  padding: 30px 0 50px;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .downloadApp__banner {
    padding: 75px 0 60px;
  }
  .downloadApp__banner__cont {
    padding-top: 30px;
  }
}
.downloadApp__banner__cont h2 {
  font-weight: 500;
  font-size: 40px;
  color: #4d4d4d;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .downloadApp__banner__cont h2 {
    font-size: 30px;
  }
  .downloadApp__banner .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .downloadApp__banner .col:first-child {
    order: 2;
  }
  .downloadApp__banner .col:last-child {
    order: 1;
  }
}
.downloadApp__banner__cont p {
  font-size: 16px;
  color: #4f4f4f;
}
.downloadApp__box {
  padding: 40px 0;
  background-repeat: no-repeat;
}
.downloadApp__box.reverse {
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .downloadApp__box {
    padding: 40px 0 60px;
  }
  .downloadApp__box__img {
    display: flex;
    justify-content: flex-end;
  }
  .downloadApp__box__img img {
    width: 454px;
  }
}
.downloadApp__box__text .p1 {
  font-size: 28px;
  letter-spacing: -0.4px;
  color: #2a2e33;
}
.downloadApp__box__text .p2 {
  font-size: 16px;
  color: #455364;
}
.downloadApp .successStory {
  background-color: #fff;
}
.iconApp {
  display: flex;
}
@media (max-width: 767px) {
  .downloadApp__box.reverse .downloadApp__box__img {
    margin-top: 30px;
    margin-bottom: 0;
  }
  .downloadApp__box__img {
    margin-bottom: 30px;
  }
  .downloadApp__box__text {
    text-align: center;
  }
  .downloadApp__box .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .iconApp {
    margin: 30px -5px 0;
  }
  .iconApp__item {
    width: 50%;
    padding: 0 5px;
  }
}
@media (min-width: 768px) {
  .iconApp {
    margin: 60px -9px 0;
  }
  .iconApp__item {
    padding: 0 9px;
  }
}
.iconApp__item a {
  display: block;
}
@media (max-width: 767px) {
  .iconApp__item a,
  .iconApp__item a img {
    width: 100%;
  }
  .error404__main {
    padding: 50px 0;
    background: 0 0;
  }
}
.qrcode {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .iconApp__item a img {
    width: 148px;
    height: 44px;
  }
  .qrcode {
    width: 330px;
  }
  .error404__main {
    padding: 100px 0 60px;
    background-repeat: no-repeat;
    background-position: right top;
  }
}
.qrcode p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #131840;
}
.qrcode img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
}
.error404__main__search {
  display: flex;
  margin-bottom: 30px;
  position: relative;
}
@media (min-width: 768px) {
  .error404__main__search {
    width: 553px;
    margin: 0 auto 70px;
  }
}
.error404__main__search .form-control {
  background: #f3fcfa;
  border: 1px solid #5ab6e7;
  border-radius: 50px;
  height: 45px;
  padding-right: 175px;
}
.customerStories__breadcrumb,
.customerStories__tab ul li {
  border-bottom: 1px solid #eff0f0;
}
.error404__main__search .btn {
  width: 166px;
  position: absolute;
  top: 0;
  right: 0;
}
.error404 .hotServices {
  background-color: #f7f7f7;
}
.customerStories__banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 767px) {
  .customerStories__banner__cont {
    padding: 50px 0;
  }
}
@media (min-width: 768px) {
  .customerStories__banner__cont {
    padding: 55px 0;
  }
}
.customerStories__banner__cont .p1 {
  font-weight: 500;
  font-size: 40px;
  color: #4d4d4d;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .customerStories__banner__cont .p1 {
    font-size: 30px;
  }
  .customerStories__banner__img {
    display: none;
  }
}
.customerStories__banner__cont .p2 {
  font-size: 16px;
  color: #4f4f4f;
  margin-bottom: 0;
}
.customerStories__tab,
.freeConsul {
  margin-bottom: 30px;
}
.customerStories__breadcrumb {
  padding: 10px 0;
}
.customerStories__main {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .customerStories__main {
    padding: 40px 0 60px;
  }
}
@media (max-width: 767px) {
  .customerStories__banner .col,
  .customerStories__main .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.customerStories__tab ul li.active,
.customerStories__tab ul li:last-child {
  border-bottom: none;
}
.customerStories__tab ul li.active a,
.customerStories__tab ul li.active button {
  border-color: #abc8f7;
  background: #f2fcf9;
  color: #005594;
  font-weight: 700;
}
.customerStories__tab ul li.active a:before,
.customerStories__tab ul li.active button:before {
  background-color: #005594;
}
.customerStories__tab ul li.active a svg,
.customerStories__tab ul li.active button svg {
  display: block;
}
.customerStories__tab ul li a,
.customerStories__tab ul li button {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  color: #666;
  padding: 3px 12px;
  border: 1px solid transparent;
  border-radius: 3px;
  position: relative;
  transition: all 0.1s;
  min-height: 40px;
}
.booking__footer__social,
.booking__header,
.customerStories__pagination {
  justify-content: center;
  display: flex;
}
.bookingItem__contact__btn,
.bookingItem__review__btn,
.bookingItem__time__btn,
.booking__footer__copyright,
.booking__header,
.customerItem__action,
.freeConsul__cont,
.popupSuccess__cont,
.popupSuccess__logo {
  text-align: center;
}
.customerStories__tab ul li a:before,
.customerStories__tab ul li button:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
.customerStories__tab ul li a:hover,
.customerStories__tab ul li button:hover {
  color: #005594;
  font-weight: 700;
}
.customerStories__tab ul li a span,
.customerStories__tab ul li button span {
  width: calc(100% - 22px);
  padding-right: 10px;
}
.customerStories__tab ul li a svg,
.customerStories__tab ul li button svg {
  width: 22px;
  display: none;
}
.customerStories__pagination {
  margin-top: 15px;
}
.customerStories__slide {
  margin: 0 -15px;
}
.customerStories__slide__col {
  padding: 0 15px;
}
.customerStories__slide .slick-arrow {
  top: 43%;
}
.customerStories .blogDetail__cont {
  background: #fff;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin-right: 0;
}
@media (max-width: 767px) {
  .customerStories .blogDetail__cont {
    margin-bottom: 30px;
  }
}
.freeConsul {
  background: #fbfbfb;
  border-radius: 5px;
  padding: 15px;
}
.freeConsul__img {
  margin-bottom: 15px;
}
.freeConsul__img img {
  width: 100%;
}
.freeConsul__cont p {
  font-weight: 500;
  font-size: 18px;
  color: #4d4d4d;
  margin-bottom: 0;
}
.freeConsul__cont .btn {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .listCustomer {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .listCustomer__col {
    width: 33.333%;
    padding: 0 15px 15px;
  }
}
.customerItem {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .customerItem {
    margin-bottom: 15px;
  }
}
.customerItem:hover {
  background: #eaf3ff;
  border-color: #abc8f7;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.customerItem__img {
  height: 156px;
  margin-bottom: 7px;
  display: block;
}
.customerItem__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.customerItem__link {
  font-weight: 500;
  font-size: 16px;
  color: #4d4d4d;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.customerItem__info {
  margin-top: 8px;
  margin-bottom: 0;
}
.customerItem__info span {
  font-size: 12px;
}
.customerItem__info span:first-child:before {
  display: none;
}
.customerItem__info span:before {
  content: "•";
  padding: 0 5px;
  color: #666;
}
.customerItem__info span.span1 {
  color: #666;
}
.bookingItem__time__selected .p1,
.bookingItem__time__selected .p2,
.customerItem__info span.span2 {
  color: #777;
}
.customerItem__action {
  position: relative;
  margin-top: 15px;
}
.customerItem__action .btn {
  width: 120px;
}
.customerItem__play {
  position: absolute;
  top: 0;
  right: 0;
}
.customerCard {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 30px;
}
.customerCard__img {
  height: 156px;
  margin-bottom: 8px;
}
.customerCard__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.customerCard__cont .p1 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
  color: #4d4d4d;
}
.customerCard__cont .p3 {
  font-size: 13px;
  margin-bottom: 0;
  color: #4d4d4d;
}
.booking__header {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  align-items: center;
}
@media (max-width: 767px) {
  .booking__header {
    height: 75px;
  }
  .booking__header__logo img {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .booking {
    padding-bottom: 70px;
  }
  .booking__header {
    height: 128px;
  }
  .booking__header__logo img {
    width: 215px;
  }
  .booking__main {
    min-height: calc(100vh - 300px);
  }
}
.booking__main {
  padding: 40px 0;
}
.booking__footer {
  border-top: 1px solid #ddd;
}
.booking__footer__social {
  align-items: center;
  background: #f7f7f7;
  padding: 15px;
}
.booking__footer__social ul {
  display: flex;
  align-items: center;
  margin: 0 -7px;
}
.booking__footer__social ul li {
  padding: 0 7px;
}
.booking__footer__social ul li a,
.booking__footer__social ul li a svg {
  display: block;
}
.booking__footer__copyright {
  background-color: #f5f5f5;
  padding: 15px;
  font-size: 12px;
  color: #545454;
}
.bookingHotline {
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .booking__fixed {
    transition: all 0.3s ease-in-out;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .bookingHotline {
    display: none;
  }
}
@media (min-width: 768px) {
  .booking__fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .bookingHotline {
    height: 70px;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}
.bookingHotline__left {
  display: flex;
}
@media (max-width: 767px) {
  .bookingHotline__left {
    justify-content: center;
  }
  .bookingHotline__phone {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .bookingHotline__left {
    width: 50%;
    justify-content: flex-end;
    padding-right: 15px;
  }
}
.bookingHotline__phone .span1 {
  font-weight: 500;
  font-size: 18px;
  color: #000303;
}
.bookingHotline__phone .span2 {
  background: #fff;
  border-radius: 4px;
  padding: 14px 34px;
  font-weight: 700;
  font-size: 16px;
  color: #5ab6e7;
  margin-left: 20px;
  display: inline-block;
  border: 1px solid #5ab6e7;
  transition: all 0.2s;
  cursor: pointer;
}
.bookingHotline__phone .span2:hover {
  background: #5ab6e7;
  color: #fff;
}
@media (min-width: 768px) {
  .bookingHotline__right {
    width: 50%;
    padding-left: 15px;
  }
}
.bookingHotline__qrcode img {
  width: 52px;
  height: 52px;
}
.bookingHotline__qrcode span {
  font-weight: 500;
  font-size: 18px;
  color: #000303;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .bookingHotline__right {
    justify-content: center;
    display: flex;
  }
  .bookingHotlineMobile {
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
}
@media (min-width: 768px) {
  .bookingHotlineMobile {
    display: none;
  }
}
.bookingItem {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 17px 0;
  margin-bottom: 20px;
}
.bookingItem.open .bookingItem__cont {
  display: block;
}
.bookingItem.open .bookingItem__numb {
  background-color: #5ab6e7;
  color: #fff;
}
.bookingItem.open .bookingItem__title {
  color: #5ab6e7;
}
.bookingItem.open .bookingItem__arrow svg path {
  fill: #000;
}
.bookingItem__btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .bookingItem__btn {
    padding: 0 15px;
  }
}
@media (min-width: 768px) {
  .bookingItem__btn {
    padding: 0 30px;
  }
}
.bookingItem__cont {
  display: none;
  animation: opacityShow 0.3s;
}
@media (max-width: 767px) {
  .bookingItem__cont {
    padding: 15px 15px 0;
  }
  .bookingItem__numb {
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}
.bookingItem__numb {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eff0f0;
  color: #a8a5a3;
  font-weight: 500;
  transition: all 0.1s;
}
@media (min-width: 768px) {
  .bookingItem__cont {
    padding: 30px 30px 0;
  }
  .bookingItem__numb {
    width: 66px;
    height: 66px;
    font-size: 22px;
  }
}
.bookingItem__title {
  color: #000;
  font-weight: 500;
  flex: 1;
}
@media (max-width: 767px) {
  .bookingItem__title {
    font-size: 16px;
    padding: 0 15px;
  }
  .bookingItem__time__datepicker {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .bookingItem__title {
    font-size: 25px;
    padding: 0 28px;
  }
}
.bookingItem__arrow svg {
  display: block;
}
.bookingItem__edit {
  background: #005594;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  padding: 5px 10px;
}
.bookingItem__services ul li {
  padding-bottom: 15px;
}
.bookingItem__services ul li:last-child {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .bookingItem__services {
    max-height: 227px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 30px;
    margin-right: -30px;
  }
  .bookingItem__services::-webkit-scrollbar {
    width: 8px;
  }
  .bookingItem__services::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 16px;
  }
  .bookingItem__services::-webkit-scrollbar-thumb {
    background: #bcbcbc;
    border-radius: 16px;
  }
  .bookingItem__services::-webkit-scrollbar-thumb:hover {
    background: #bcbcbc;
  }
  .bookingItem__time__row {
    display: flex;
  }
  .bookingItem__time__left {
    width: 525px;
    padding-right: 15px;
  }
}
.bookingItem__time__datepicker {
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 15px 0;
}
.bookingItem__time__datepicker .react-datepicker {
  width: 100%;
  border: none;
}
.bookingItem__time__datepicker .react-datepicker__month-container {
  float: none;
  width: 100%;
}
.bookingItem__time__datepicker .react-datepicker__week {
  display: flex;
  justify-content: center;
}
.bookingItem__time__datepicker .react-datepicker__day {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
}
@media (max-width: 767px) {
  .bookingItem__time__datepicker .react-datepicker__day {
    width: 37px;
    height: 37px;
  }
}
@media (min-width: 768px) {
  .bookingItem__time__datepicker .react-datepicker__day {
    width: 40px;
    height: 40px;
    margin: 5px 15px;
  }
}
@media (max-width: 767px) {
  .bookingItem__time__datepicker .react-datepicker__day-name {
    width: 37px;
  }
}
.bookingItem__time__datepicker .react-datepicker__navigation {
  top: 9px;
}
.bookingItem__time__datepicker .react-datepicker__header {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.bookingItem__time__datepicker .react-datepicker__day--today {
  background: #fff;
  color: #36a9e1;
  border: 1px solid #36a9e1;
}
.bookingItem__time__datepicker .react-datepicker__day--today:hover {
  background: #f0f0f0 !important;
  border-color: #f0f0f0 !important;
  color: #000 !important;
}
.bookingItem__time__datepicker .react-datepicker__day--keyboard-selected,
.bookingItem__time__datepicker .react-datepicker__month-text--keyboard-selected,
.bookingItem__time__datepicker
  .react-datepicker__quarter-text--keyboard-selected,
.bookingItem__time__datepicker .react-datepicker__year-text--keyboard-selected {
  background-color: #36a9e1;
}
@media (min-width: 768px) {
  .bookingItem__time__datepicker .react-datepicker__day-name {
    width: 40px;
    margin: 5px 15px;
  }
  .bookingItem__time__datepicker .react-datepicker__navigation--previous {
    left: 20%;
  }
  .bookingItem__time__datepicker .react-datepicker__navigation--next {
    right: 20%;
  }
  .bookingItem__time__datepicker .react-datepicker__current-month {
    margin-bottom: 10px;
  }
  .bookingItem__time__right {
    width: calc(100% - 525px);
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .bookingItem__time__text {
    margin-bottom: 15px;
  }
  .bookingItem__time__text .p1 {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .bookingItem__time__text {
    margin-bottom: 40px;
  }
  .bookingItem__time__text .p1 {
    font-size: 18px;
  }
}
.bookingItem__time__text .p1 {
  color: #666;
  margin-bottom: 0;
}
.bookingItem__time__text .p2 {
  font-weight: 500;
  margin-bottom: 0;
  color: #000;
}
@media (max-width: 767px) {
  .bookingItem__time__text .p2 {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .bookingItem__time__text .p2 {
    font-size: 25px;
  }
}
.bookingItem__time__btn {
  padding-top: 30px;
}
.bookingItem__time__btn .btn {
  min-width: 230px;
}
.bookingItem__time__selected {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .bookingItem__time__selected {
    padding: 15px;
  }
  .bookingItem__time__selected .p1,
  .bookingItem__time__selected .p2 {
    font-size: 16px;
  }
}
.bookingItem__time__selected .p2 {
  margin-bottom: 0;
  color: #000;
}
.bookingItem__time__selected ul li {
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .bookingItem__time__selected {
    padding: 30px;
  }
  .bookingItem__time__selected .p1,
  .bookingItem__time__selected .p2 {
    font-size: 18px;
  }
  .bookingItem__time__selected ul {
    display: flex;
  }
  .bookingItem__time__selected ul li {
    width: 50%;
  }
}
.bookingItem__time__selected ul li .span1 {
  font-size: 16px;
  color: #a8a5a3;
}
.bookingItem__time__selected ul li .span2 {
  font-weight: 500;
  font-size: 18px;
  padding-left: 15px;
}
.bookingItem__contact__btn {
  padding-top: 15px;
}
.bookingItem__contact__btn .btn {
  min-width: 230px;
}
.bookingItem__contact__selected {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .bookingItem__time__selected ul li {
    padding-bottom: 5px;
  }
  .bookingItem__time__selected ul li:last-child {
    padding-bottom: 0;
  }
  .bookingItem__time__selected ul li .span1 {
    width: 90px;
  }
  .bookingItem__time__selected ul li .span2 {
    width: calc(100% - 90px);
  }
  .bookingItem__contact__selected {
    padding: 15px;
  }
}
@media (min-width: 768px) {
  .bookingItem__contact__selected {
    padding: 30px;
  }
}
.bookingItem__review {
  background-color: rgba(217, 229, 245, 0.5);
  word-break: break-all;
  padding: 30px;
  border-radius: 10px;
}
.bookingItem__review__item .size20 {
  display: flex;
  align-items: center;
}
.bookingItem__review__item .pl5 {
  padding-left: 10px !important;
  color: #005594;
}
.bookingItem__review__text ul li {
  padding-bottom: 10px;
}
.bookingItem__review__text ul li:last-child {
  padding-bottom: 0;
}
.bookingItem__review__text ul li p {
  margin-bottom: 0;
}
.bookingItem__review__text ul li .p1 {
  font-size: 16px;
  color: #a8a5a3;
}
.bookingItem__review__text ul li .p2 {
  font-size: 18px;
  color: #2a2e33;
  font-weight: 500;
}
.bookingItem__review__text .contactInfo .form-group .p1 {
  font-size: 16px;
  color: #a8a5a3;
}
.bookingItem__review__text .contactInfo .form-group .p2 {
  font-size: 18px;
  color: #2a2e33;
}
.bookingItem__review__btn {
  margin-top: 15px;
}
.bookingItem__review__btn .btn {
  min-width: 230px;
}
@media (max-width: 767px) {
  .bookingItem__review .col {
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #e4e9f0;
  }
  .svItem__left {
    margin-bottom: 15px;
  }
}
.svItem {
  background: #fff;
  border: 1px solid #e4e9f0;
  border-radius: 3px;
  padding: 10px 12px;
}
@media (min-width: 768px) {
  .bookingItem__review .col:nth-child(1),
  .bookingItem__review .col:nth-child(2) {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .bookingItem__review .col:nth-child(3) {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .svItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.1s;
  }
  .svItem:hover {
    background-color: #f5f5f5;
  }
}
.svItem__left {
  display: flex;
  align-items: center;
}
.svItem__icon svg {
  display: block;
}
.svItem__title {
  padding-left: 10px;
  flex: 1;
}
.svItem__title .p1 {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  color: #33383d;
}
.svItem__title .p2 {
  margin-bottom: 0;
  font-size: 14px;
  color: #636a76;
}
.svItem__label {
  background: #fff;
  border: 1px solid #abc8f7;
  border-radius: 3px;
  font-size: 9px;
  color: #005594;
  font-weight: 400;
  padding: 2px 7px;
  vertical-align: middle;
}
.svItem__right {
  display: flex;
  align-items: center;
}
.svItem__price {
  font-weight: 500;
  font-size: 18px;
  color: #000;
}
@media (max-width: 767px) {
  .svItem__right {
    justify-content: space-between;
  }
  .svItem__price {
    padding-left: 15px;
  }
  .listHour {
    margin: -5px;
  }
}
.svItem__btn .btn {
  min-width: 100px;
  background: #fff;
  border-color: #5ab6e7;
  color: #5ab6e7;
}
.listHour {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .svItem__btn {
    padding-left: 30px;
  }
  .svItem__btn .btn:hover {
    background: #5ab6e7;
    color: #fff;
  }
  .listHour {
    margin: -15px;
  }
}
@media (max-width: 767px) {
  .listHour li {
    width: 33.333%;
    padding: 5px;
  }
}
@media (min-width: 768px) {
  .listHour li {
    width: 25%;
    padding: 15px;
  }
}
.listHour li.active button {
  background: #36a9e1 !important;
  color: #fff !important;
}
.listHour li button {
  background: #f7f7f7;
  border-radius: 3px;
  padding: 12px 15px;
  font-weight: 500;
  font-size: 14px;
  color: #a8a5a3;
  transition: all 0.1s;
  width: 100%;
}
.contactInfo {
  display: flex;
  flex-wrap: wrap;
}
.contactInfo .form-group {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .contactInfo .form-group {
    width: 100%;
  }
  .contactInfo .d-flex {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .listHour li button:hover {
    background: #eaf3f8;
    color: #36a9e1;
  }
  .contactInfo .form-group {
    width: 50%;
  }
  .contactInfo .d-flex .form-group + .form-group {
    margin-left: 50px;
  }
}
.contactInfo .form-group .p1 {
  color: #777;
  font-size: 14px;
  margin-bottom: 0;
}
.contactInfo .form-group .p2 {
  margin-bottom: 0;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.modal-dialog.modalConfirm .modal-content {
  border-radius: 0;
}
.modal-dialog.modalConfirm .modal-body {
  padding: 0;
}
.popupSuccess {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  background-color: #eaf3f8;
  padding-top: 30px;
}
.popupSuccess__logo img {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .popupSuccess__logo img {
    width: 140px;
  }
  .popupSuccess__cont {
    padding: 60px 15px 15px;
  }
}
.popupSuccess__cont p {
  margin-bottom: 0;
}
.popupSuccess__cont .p1 {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .popupSuccess__cont .p1 {
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .modal-dialog.modalConfirm {
    max-width: 555px;
  }
  .popupSuccess__logo img {
    width: 215px;
  }
  .popupSuccess__cont {
    padding: 100px 30px 30px;
  }
  .popupSuccess__cont .p2 {
    font-size: 18px;
  }
}
.popupSuccess__cont .p3 {
  font-size: 24px;
  color: #005594;
  font-weight: 700;
}
@media (max-width: 767px) {
  .popupSuccess__cont .p3 {
    font-size: 17px;
  }
}
.popupSuccess__cont .p4 {
  font-style: italic;
}
@media (min-width: 768px) {
  .popupSuccess__cont .p4 {
    font-size: 18px;
  }
}
.popupSuccess__hotline {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .popupSuccess__hotline {
    margin-top: 15px;
  }
}