@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
html, body {
  overflow-x: hidden; /* Ẩn cuộn ngang */
  margin: 0; /* Đặt lại margin của body để tránh cuộn */
  padding: 0; /* Đặt lại padding của body để tránh cuộn */
}

.investor-container {
  max-width: 100%; /* Đảm bảo rằng container không vượt quá chiều rộng viewport */
  overflow: hidden; /* Ẩn phần thừa nếu có */
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Helvetica/HelveticaNeue-Light.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Helvetica/HelveticaNeue.otf") format("opentype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Helvetica/HelveticaNeue-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Helvetica/HelveticaNeue-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Arial/Arial-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Arial";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Arial/Arial-Bold.ttf") format("truetype");
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  font-style: normal;
  text-rendering: geometricPrecision;
  line-height: 1.3;
  color: #333;
  background-color: #fff;
}
body.hidden {
  overflow: hidden;
}

input,
textarea,
select,
button {
  outline: none;
  font-family: "Montserrat", sans-serif;
  text-rendering: geometricPrecision;
  border: 0;
  color: #000;
  font-size: 1rem;
  background-color: transparent;
}

input {
  line-height: normal;
}

label,
button {
  cursor: pointer;
}

a {
  text-decoration: unset;
  color: inherit;
}

a:hover,
a:active,
a:focus {
  outline: 0;
  color: inherit;
  color: rgb(245, 226, 118);
}

.link-decoration:hover {
  text-decoration: underline;
}

img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  img {
    max-width: none;
    object-fit: cover;
  }
  .footer-left__logo img { 
    padding: 0 13px 0 68px; 
    height: 140px; 
    width: auto; 
  }
}


.mx-auto {
  margin: auto;
}

/*===========================================================================*/
.font-noto {
  font-family: "Noto Serif", serif;
}

.font-inter {
  font-family: "Inter", sans-serif;
}

.font-arial {
  font-family: "Arial";
}

/*===========================================================================*/
.w-1140 {
  max-width: 71.25rem;
  margin: 0 auto;
}

.w-left {
  max-width: calc(1140px + (100% - 1139px) / 2);
  margin-left: auto;
}

.w-full {
  width: 100%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 70%;
}

/*=================================================================*/
.d-3xl-none {
  display: none;
}

.d-3xl-block {
  display: block;
}

.d-3xl-flex {
  display: flex;
}

.d-3xl-grid {
  display: grid;
}

.d-3xl-inline {
  display: inline-block;
}

.d-3xl-inline-flex {
  display: inline-flex;
}

/*=================================================================*/
.btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  background-color: #0772b5;
  border-radius: 999px;
  color: #fff;
  outline: none;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid rgba(247, 247, 247, 0.1);
}
.btn--primary {
  padding: 8px 9px;
  background-color: #06194e;
}
.btn--secondary {
  padding: 9px 16px;
  background-color: #72be44;
}
.btn--tertiary {
  padding: 8px 10px;
  background-color: #fff;
  color: #0772b5;
  font-size: 13px;
}
.btn--quaternary {
  padding: 10px 16px;
  background-color: #0772b5;
  color: #fff;
  font-size: 13px;
}
.btn--quinary {
  padding: 8px 10px;
  background-color: #1955a6;
  color: #fff;
  font-size: 13px;
}

/*===========================================================================*/
.fs-10 {
  font-size: 0.625rem;
}

.fs-11 {
  font-size: 0.6875rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-13 {
  font-size: 0.8125rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-15 {
  font-size: 0.9375rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-17 {
  font-size: 1.0625rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-21 {
  font-size: 1.3125rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-23 {
  font-size: 1.4375rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-25 {
  font-size: 1.5625rem;
}

.fs-26 {
  font-size: 1.625rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-32 {
  font-size: 2rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-40 {
  font-size: 2.5rem;
}

.fs-48 {
  font-size: 3rem;
}
.fs-75{
  font-size: 75px;
}
.fs-50{
  font-size: 50px;
}

/*=================================================================*/
.image-wrapper {
  position: relative;
  display: block;
  padding-bottom: 60%;
}

.image-wrapper-full {
  position: relative;
  display: block;
  padding-bottom: 100%;
}

.image-wrapper-150 {
  position: relative;
  display: block;
  padding-bottom: 150%;
}

.image-wrapper img,
.image-wrapper-full img,
.image-wrapper-150 img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*=================================================================*/
.text-black {
  color: #000;
}

.text-white {
  color: #fff;
}

.text-blue-077 {
  color: #68BE5B;
}

.text-blue-195 {
  color: #1955a6;
}

.text-blue-70c {
  color: #70c8ff;
}

.text-green-73 {
  color: #73be44;
}

.text-gray-33 {
  color: #333;
}

.text-gray-44 {
  color: #444;
}

.text-gray-66 {
  color: #666;
}

.text-gray-82 {
  color: #828282;
}

.text-gray-6b {
  color: #6b6b6b;
}

.text-gray-c4 {
  color: #c4c4c4;
}

.text-gray-e3 {
  color: #e3e3e3;
}

/*=================================================================*/
.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
}

.bg-transparent {
  background-color: transparent;
}

.bg-blue-077 {
  background-color: #0772b5;
}

.bg-blue-195 {
  background-color: #1955a6;
}

.bg-blue-eff {
  background-color: #eff9ff;
}

.bg-gray-f1 {
  background-color: #f1f9ff;
}

/*=================================================================*/
.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

/*=================================================================*/
.pt-4 {
  padding-top: 0.25rem;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.pl-4 {
  padding-left: 0.25rem;
}

.pr-4 {
  padding-right: 0.25rem;
}

.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.p-4 {
  padding: 0.25rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.ml-4 {
  margin-left: 0.25rem;
}

.mr-4 {
  margin-right: 0.25rem;
}

.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mx-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.m-4 {
  margin: 0.25rem;
}

/*=================================================================*/
.pt-8 {
  padding-top: 0.5rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.pl-8 {
  padding-left: 0.5rem;
}

.pr-8 {
  padding-right: 0.5rem;
}

.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.p-8 {
  padding: 0.5rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.ml-8 {
  margin-left: 0.5rem;
}

.mr-8 {
  margin-right: 0.5rem;
}

.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mx-8 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.m-8 {
  margin: 0.5rem;
}

/*=================================================================*/
.pt-10 {
  padding-top: 0.625rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.pl-10 {
  padding-left: 0.625rem;
}

.pr-10 {
  padding-right: 0.625rem;
}

.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.px-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.p-10 {
  padding: 0.625rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.mr-10 {
  margin-right: 0.625rem;
}

.mr-0{
  margin-left: 0;
}

.my-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.mx-10 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.m-10 {
  margin: 0.625rem;
}

/*=================================================================*/
.pt-12 {
  padding-top: 0.75rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.pl-12 {
  padding-left: 0.75rem;
}

.pr-12 {
  padding-right: 0.75rem;
}

.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.p-12 {
  padding: 0.75rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.ml-12 {
  margin-left: 0.75rem;
}

.mr-12 {
  margin-right: 0.75rem;
}

.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mx-12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.m-12 {
  margin: 0.75rem;
}

/*=================================================================*/
.pt-15 {
  padding-top: 0.9375rem;
}

.pb-15 {
  padding-bottom: 0.9375rem;
}

.pl-15 {
  padding-left: 0.9375rem;
}

.pr-15 {
  padding-right: 0.9375rem;
}

.py-15 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.px-15 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.p-15 {
  padding: 0.9375rem;
}

.mt-15 {
  margin-top: 0.9375rem;
}

.mb-15 {
  margin-bottom: 0.9375rem;
}

.ml-15 {
  margin-left: 0.9375rem;
}

.mr-15 {
  margin-right: 0.9375rem;
}

.my-15 {
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.mx-15 {
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

.m-15 {
  margin: 0.9375rem;
}

/*=================================================================*/
.pt-16 {
  padding-top: 1rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.pl-16 {
  padding-left: 1rem;
}

.pr-16 {
  padding-right: 1rem;
}

.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p-16 {
  padding: 1rem;
}

.mt-16 {
  margin-top: 1rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.ml-16 {
  margin-left: 1rem;
}

.mr-16 {
  margin-right: 1rem;
}

.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mx-16 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.m-16 {
  margin: 1rem;
}

/*=================================================================*/
.pt-20 {
  padding-top: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.p-20 {
  padding: 1.25rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.m-20 {
  margin: 1.25rem;
}

/*=================================================================*/
.pt-24 {
  padding-top: 1.5rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.pl-24 {
  padding-left: 1.5rem;
}

.pr-24 {
  padding-right: 1.5rem;
}

.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.p-24 {
  padding: 1.5rem;
}
.p-25 {
  padding: 1.625rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.ml-24 {
  margin-left: 1.5rem;
}

.mr-24 {
  margin-right: 1.5rem;
}

.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mx-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.m-24 {
  margin: 1.5rem;
}

/*=================================================================*/
.pt-30 {
  padding-top: 1.875rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pl-30 {
  padding-left: 1.875rem;
}

.pr-30 {
  padding-right: 1.875rem;
}

.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.p-30 {
  padding: 1.875rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.ml-30 {
  margin-left: 1.875rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

.my-30 {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.mx-30 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}

.m-30 {
  margin: 1.875rem;
}

/*=================================================================*/
.pt-40 {
  padding-top: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.p-40 {
  padding: 2.5rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.mr-40 {
  margin-right: 2.5rem;
}

.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mx-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.m-40 {
  margin: 2.5rem;
}

/*=================================================================*/
.border-999 {
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
}

.border-full {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.border-10 {
  border-radius: 10px;
  overflow: hidden;
}

.border-12 {
  border-radius: 12px;
  overflow: hidden;
}

/*=================================================================*/
.fix-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fix-text2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fix-text3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fix-text4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*=================================================================*/
.lh-1 {
  line-height: 1;
}

.lh-15 {
  line-height: 0.9375rem;
}

.lh-16 {
  line-height: 1rem;
}

.lh-19 {
  line-height: 1.1875rem;
}

.lh-22 {
  line-height: 1.375rem;
}

.lh-24 {
  line-height: 1.5rem;
}

.lh-26 {
  line-height: 1.625rem;
}

.lh-28 {
  line-height: 1.75rem;
}

.lh-30 {
  line-height: 1.875rem;
}

.lh-32 {
  line-height: 2rem;
}

.lh-34 {
  line-height: 2.125rem;
}

.lh-40 {
  line-height: 2.5rem;
}

.lh-160 {
  line-height: 160%;
}

/*=================================================================*/
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*=================================================================*/
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}
.text-justify{
  text-align: justify;
}
/*=================================================================*/
.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-around {
  justify-content: space-around;
}

.flex-0 {
  flex-shrink: 0;
}

.flex-1 {
  flex: 1;
}

.flex-column{
  flex-direction: column;
}
/*=================================================================*/
.col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.col-5 {
  grid-template-columns: repeat(5, 1fr);
}

/*=================================================================*/
.gap-8 {
  grid-gap: 0.5rem;
}

.gap-16 {
  grid-gap: 1rem;
}

.gap-20 {
  grid-gap: 1.25rem;
}

.gap-24 {
  grid-gap: 1.5rem;
}

.gap-25 {
  grid-gap: 1.5625rem;
}

.gap-30 {
  grid-gap: 1.875rem;
}

/*=================================================================*/
.h-full {
  height: 100%;
}

.h-32 {
  height: 2rem;
}

.h-36 {
  height: 2.25rem;
}

.h-40 {
  height: 2.5rem;
}

.h-48 {
  height: 3rem;
}

.h-56 {
  height: 3.5rem;
}

/*=================================================================*/
.max-w-fit {
  max-width: fit-content;
}

/*=================================================================*/
.tracking-0125 {
  letter-spacing: 0.0125em;
}

/*=================================================================*/
.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-100 {
  z-index: 100;
}

/*=================================================================*/
.transition {
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
}

/*=================================================================*/
.pointer {
  cursor: pointer;
}

/*=================================================================*/
.uppercase {
  text-transform: uppercase;
}

.shadow {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.w-wrapper {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.over-hidden {
  overflow: hidden;
}

.border-e5 {
  border-bottom: 1px solid #e5e5e5;
}

.header-top__container .right .search {
  width: 100%;
  max-width: 175px;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1);
}
.header-top__container .right .search .search-input {
  background-color: #fff;
  border-radius: 999px;
  padding: 0.5rem 0.625rem 0.5rem 1.75rem;
  font-family: "Arial";
}
.header-top__container .right .search .search-input::placeholder {
  color: #333;
}
.header-top__container .right .search .search-btn {
  top: 50%;
  left: 0.625rem;
  transform: translateY(-50%);
}
.header-top__container .right .login-img {
  width: 30px;
  height: 30px;
}
.header-top__container .right .login-img img {
  width: 100%;
  height: 100%;
  border-radius: 999px;
}
.header-bot .logo img {
  height: 100px;
  width: auto !important;
}
.header.sticky .header-bot {
  position: fixed;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.header.sticky .header-bot .logo img {
  height: 85px;
  width: auto !important;
}
.header.sticky .navbar-menu-mb {
  position: fixed;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.social {
  gap: 6px;
}
.social-link {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.social-link:hover {
  background-color: rgba(7, 114, 181, 0.1);
}
.social-link img {
  height: 14px;
  width: auto;
}

.language {
  position: relative;
}
.language-default {
  cursor: pointer;
}
.language-default.active ~ .language-list {
  display: block;
}
.language-list {
  display: none;
  background-color: #fff;
  position: absolute;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  top: 46px;
  left: auto;
  right: 0;
  min-width: 150px;
  max-height: 300px;
  overflow: auto;
  z-index: 200;
}
.language-item {
  cursor: pointer;
  justify-content: space-between;
  padding: 5px 10px;
}
.language-item:hover {
  background-color: #e3e3e3;
}
.language-img {
  width: 20px;
  height: 20px;
  border-radius: 999px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  background-image: url("../images/svg/Polygon-gray.svg");
  background-repeat: no-repeat;
  background-position-x: 94%;
  background-position-y: 13px;
  padding-right: 27px !important;
  font-family: "Arial";
}

.navbar-item {
  position: relative;
}
.navbar-item:hover .navbar-dropdown {
  display: block;
}
.navbar-item:last-child .navbar-dropdown {
  right: 0;
  left: auto;
}
.navbar-item--more {
  padding-left: 24px;
  border-left: 1px solid #e5e5e5;
  position: relative;
}
.navbar-link {
  font-size: 15px;
  font-weight: 700;
}
.navbar-dropdown {
  position: absolute;
  min-width: 180px;
  background-color: #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  top: calc(100% + 16px);
  left: 0;
  z-index: 20;
  display: none;
}
.navbar-dropdown::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background-color: transparent;
  top: -20px;
  left: 0;
  right: 0;
}
.navbar-dropdown__link {
  margin: 8px 10px;
  padding-left: 14px;
  display: block;
  color: #333;
  font-weight: 400;
  position: relative;
}
.navbar-dropdown__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 100%;
  background-color: #d4d4d4;
}
.navbar-dropdown__link:hover {
  color: #0772b5;
  font-weight: 500;
}
.navbar-dropdown__link:hover::before {
  background-color: #73be44;
}

.overlay {
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease;
  will-change: opacity;
}

.header-mb__top {
  padding: 7px 15px 7px 0;
  background-color: #eff9ff;
}
.header-mb__center .logo img {
  height: 75px;
  width: auto;
}
.header-mb__center .search-icon {
  width: 30px;
  height: 30px;
  border: 1px solid #b0c4d9;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-mb__center .search-icon img {
  width: 12px;
  height: auto;
}

.sub-menu__content {
  position: fixed;
  left: 0;
  top: 0;
  width: 17.5rem;
  height: 100%;
  background-color: #1955a6;
  z-index: 100;
  box-shadow: 0px 11px 15px -7px rgba(var(--ipt-baseAlt-rgb), 0.2), 0px 24px 38px 3px rgba(var(--ipt-baseAlt-rgb), 0.14), 0px 9px 46px 8px rgba(var(--ipt-baseAlt-rgb), 0.12);
  transform: translateX(-100%);
  transition: all 0.2s ease;
}
.sub-menu__close {
  width: 3rem;
  height: 3rem;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-menu__container {
  height: calc(100% - 100px);
  overflow: auto;
}
.sub-menu__item.active .heading-sub__arrow svg {
  color: #fff;
  transform: rotate(-90deg);
}
.sub-menu.active .sub-menu__content {
  transform: translate(0);
}
.sub-menu.active .overlay {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.heading-sub__arrow svg {
  transition: all 0.2s ease 0s;
  transform: rotate(90deg);
}

.list-sub {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.item-sub__link {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 3.125rem;
  color: #fff;
}
.item-sub:last-child .item-sub__link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.header-search-mb__form {
  background-color: #1955a6;
  height: 60px;
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
.header-search-mb__form.active {
  top: 48px;
  opacity: 1;
  visibility: visible;
}

.header-search-input {
  padding-right: 3.5rem;
}
.header-search-input::placeholder {
  color: #fff;
}

.header-search-btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.navbar-mb {
  overflow-x: scroll;
  white-space: nowrap;
  flex-wrap: nowrap;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.navbar-mb::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.navbar-mb::-webkit-scrollbar-track {
  background: transparent;
}
.navbar-mb::-webkit-scrollbar-thumb {
  background: transparent;
}
.navbar-mb::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.navbar-mb .navbar-item + .navbar-item {
  margin-left: 1.25rem;
}

.navbar-scroll-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 100%;
  background: linear-gradient(270deg, #c7c5c5 28.12%, #ffffff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.heading-primary {
  padding-left: 14px;
  position: relative;
  border-left: 4px solid #73be44;
}

.heading-secondary {
  position: relative;
  padding-left: 12px;
  color: #0772b5;
}
.heading-secondary::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  left: 0;
  background-color: #73be44;
}

.heading-tertiary {
  font-size: 46px;
  font-weight: 500;
  color: #1955a6;
}

.heading-quaternary {
  font-size: 36px;
  font-weight: bold;
  color: #1955a6;
  line-height: 160%;
}

.booking-img {
  width: 18px;
  height: auto;
}

.arrow-primary .swiper-button-next,
.arrow-primary .swiper-rtl .swiper-button-prev {
  right: auto;
  left: 60px;
}
.arrow-primary .swiper-button-next,
.arrow-primary .swiper-button-prev {
  color: #fff;
}
.arrow-primary .swiper-button-prev:after,
.arrow-primary .swiper-rtl .swiper-button-next:after {
  content: "←";
}
.arrow-primary .swiper-button-next:after,
.arrow-primary .swiper-rtl .swiper-button-prev:after {
  content: "→";
}

.arrow-secondary .swiper-button-next,
.arrow-secondary .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}
.arrow-secondary .swiper-button-prev,
.arrow-secondary .swiper-rtl .swiper-button-next {
  left: 0;
  right: auto;
}
.arrow-secondary .swiper-button-next:after,
.arrow-secondary .swiper-button-prev:after {
  font-size: 16px;
}
.arrow-secondary .swiper-button-next,
.arrow-secondary .swiper-button-prev {
  width: 40px;
  height: 40px;
  background: #d7efff;
  border-radius: 999px;
  color: #0772b5;
}

.main-primary {
  background-image: url("../images/bg_1.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.main-primary__left {
  padding: 40px 0;
}
.main-primary__right {
  margin-top: auto;
}
.main-primary__right .bg {
  width: 100%;
  height:auto;
}

.main-secondary {
  padding-top: 35px;
  padding-bottom: 35px;
}
.main-secondary__container .article {
  border: 1px solid #72be44;
}
.main-secondary__container .article-img .image-2 {
  width: 77px;
  height: auto;
  right: -1px;
  top: -1px;
}
.main-secondary .swiper-horizontal > .swiper-pagination-bullets,
.main-secondary .swiper-pagination-bullets.swiper-pagination-horizontal,
.main-secondary .swiper-pagination-custom,
.main-secondary .swiper-pagination-fraction {
  bottom: 0px;
}

.main-tertiary {
  padding: 60px 80px;
  background-color: #eff9ff;
}
.main-tertiary__top {
  position: relative;
}
.main-tertiary__top .left {
  background-color: #fff;
  border-radius: 10px;
  padding: 50px 40px;
  position: absolute;
  width: 600px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.main-tertiary__top .left-button {
  position: relative;
  margin-bottom: 10px;
  padding-top: 40px;
}
.main-tertiary__top .right {
  padding-left: 170px;
}
.main-tertiary__bot {
  margin-top: 0px;
}
.main-tertiary__bot .article {
  padding: 0 40px;
}
.main-tertiary__bot .article-img img {
  margin: auto;
  width: 100px;
  height: auto;
}

.main-quaternary {
  padding-top: 60px;
  padding-bottom: 60px;
}
.main-quaternary .article-content {
  background-color: #1f315d;
  padding: 50px;
}
.main-quaternary .article-list {
  padding-left: 20px;
  list-style: disc;
}
.main-quaternary .article-link {
  display: block;
  position: relative;
}

.main-quinary {
  padding-bottom: 60px;
}
.main-quinary__content {
  grid-gap: 40px 30px;
}
.main-quinary__content .article-img {
  border-top-right-radius: 80px;
  background-color: #eff9ff;
  overflow: hidden;
}
.main-quinary__content .article-img .image-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 77px;
  height: auto;
}
.main-quinary .article-img {
  border-top-right-radius: 80px;
  background-color: #eff9ff;
  overflow: hidden;
}
.main-quinary .article-img .image-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 77px;
  height: auto;
}
.main-quinary .article-list {
  padding-left: 20px;
  list-style: disc;
}
.main-quinary .article-list li {
  margin-top: 10px;
}

.main-senary {
  background-image: url("../images/bg_2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding-top: 60px;
  padding-bottom: 60px;
}

.main-senary__slide .article-content {
  background-color: #002483;
  padding: 30px 56px 60px;
}
.main-senary__button {
  position: absolute;
  bottom: 22px;
  left: calc(66% + 56px);
}

.main-septenary {
  padding-top: 60px;
  padding-bottom: 60px;
}
.main-septenary__content {
  grid-gap: 12px;
}
.main-septenary__content .article-large .article-content {
  background-color: #eff9ff;
}
.main-septenary__content .article-small {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-septenary__content .article-small .article-bot {
  grid-gap: 12px;
}

.main-octonary {
  background-color: #eff9ff;
}
.main-octonary__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
}
.main-octonary__right {
  margin-right: -390px;
}
.main-octonary__regulations .list {
  list-style: disc;
}
.main-octonary__regulations .list a {
  text-decoration: underline;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #68BE5B;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #fff;
  border: 1px solid #68BE5B;
}

.cate-primary {
  background-image: url("../images/bg_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 16px;
  padding-bottom: 30px;
}
.cate-primary__breacrumb {
  flex-wrap: wrap;
}

.cate-secondary {
  padding-bottom: 60px;
}
.cate-secondary__left {
  flex: 1;
}
.cate-secondary__right {
  width: 324px;
  padding-left: 24px;
  border-left: 1px solid #e0e0e0;
}
.cate-secondary__top {
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}
.cate-secondary__top .articles__large {
  grid-column: 1/3;
}
.cate-secondary__top .articles__small .article {
  padding: 24px 0;
  border-bottom: 1px solid #e0e0e0;
}
.cate-secondary__top .articles__small .article:first-child {
  padding-top: 0;
}
.cate-secondary__top .articles__small .article:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.pagination-item {
  width: 46px;
  height: 42px;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
  background-color: #f1f9ff;
  transition: all 0.2s;
}
.pagination-item + .pagination-item {
  margin-left: 8px;
}
.pagination-item:hover {
  background-color: #1955a6;
  color: #fff;
}
.pagination-item.active {
  background-color: #1955a6;
  color: #fff;
}
.pagination-link {
  padding: 10px 15px;
  display: inline-block;
}

.box-event {
  position: relative;
  max-width: 300px;
}
.box-event .swiper-pagination {
  top: 4px;
  bottom: auto;
  text-align: right;
}
.box-event .swiper-pagination-bullet {
  width: 1rem;
  height: 0.25rem;
  border-radius: 0;
  background: #adb7c5;
}
.box-event .swiper-pagination-bullet-active {
  background: #1955a6;
}

.most-read__list .most-read__item:first-child {
  padding-top: 0;
}
.most-read__list .most-read__item:last-child {
  border-bottom: 0;
}
.most-read__list .most-read__number {
  flex-shrink: 0;
}
.most-read__list .most-read__content {
  flex: 1;
}

.cmt-box-cate__img {
  flex-shrink: 0;
  margin-top: 4px;
}
.cmt-box-cate__img img {
  width: 18px;
  height: auto !important;
}

.introduce-info-primary {
  background-color: #1955a6;
  height: 400px;
}
.introduce-info-primary .image-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.introduce-info-primary .image-1 img {
  height: 100%;
  width: auto;
}
.introduce-info-primary .image-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 30%;
}
.introduce-info-primary .image-2 img {
  height: 100%;
  width: 100%;
}
.introduce-info-primary__container {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
  height: 100%;
  justify-content: center;
}

.introduce-info-secondary {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff;
}
.introduce-info-secondary__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.introduce-info-secondary__bg img {
  height: 100%;
  width: auto;
}
.introduce-info-secondary__container {
  position: relative;
  z-index: 20;
}
.introduce-info-secondary__container .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.introduce-info-secondary__title2 {
  font-size: 46px;
}

.introduce-info-tertiary {
  background-color: #f1f9ff;
}
.introduce-info-tertiary__container {
  padding-top: 60px;
  padding-bottom: 140px;
}
.introduce-info-tertiary__bg {
  position: absolute;
  top: 0;
  right: -146px;
}
.introduce-info-tertiary .left {
  position: relative;
  z-index: 10;
  width: 55%;
}
.introduce-info-tertiary .left .list-text .icon {
  width: 40px;
  height: 40px;
  background-color: #0772b5;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.introduce-info-tertiary .left .list-text .icon img {
  width: 16px;
  height: auto;
}
.introduce-info-tertiary .right {
  position: relative;
  z-index: 10;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.introduce-info-tertiary .right .image-wrapper {
  padding-bottom: 120%;
}
.introduce-info-tertiary .right .article-img {
  width: 357px;
}

.introduce-info-quaternary {
  background-color: #f1f9ff;
}
.introduce-info-quaternary::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  background-color: #fff;
}
.introduce-info-quaternary .article {
  background-color: #1955a6;
  padding: 30px 20px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.introduce-info-quaternary .article::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/circle-wave-2.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.introduce-info-quinary {
  padding-top: 60px;
  padding-bottom: 60px;
}
.introduce-info-quinary__container {
  max-width: 800px;
}
.introduce-info-quinary__heading {
  text-align: right;
}
.introduce-info-quinary__content {
  margin-top: -50px;
}
.introduce-info-quinary__content .article {
  padding-bottom: 16px;
}
.introduce-info-quinary__content .article-img {
  width: 260px;
  border-radius: 999px;
  overflow: hidden;
}
.introduce-info-quinary__content .article-content {
  position: absolute;
  bottom: 0;
  left: 240px;
  right: 0;
  padding-left: 60px;
}
.introduce-info-quinary__content .article-quotation {
  position: absolute;
  top: -12px;
  left: -10px;
}
.introduce-info-quinary__content .article-quotation img {
  width: 50px;
  height: auto;
}
.introduce-info-quinary__content .article-location {
  font-style: italic;
}
.introduce-info-quinary .swiper-horizontal > .swiper-pagination-bullets,
.introduce-info-quinary .swiper-pagination-bullets.swiper-pagination-horizontal,
.introduce-info-quinary .swiper-pagination-custom,
.introduce-info-quinary .swiper-pagination-fraction {
  bottom: -30px;
}
.introduce-info-quinary .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #1955a6;
  opacity: 1;
}
.introduce-info-quinary .swiper-pagination-bullet-active {
  background: #fff;
  border: 1px solid #1955a6;
}

.introduce-info-senary {
  padding-top: 60px;
  padding-bottom: 60px;
}
.introduce-info-senary__tab {
  flex-wrap: wrap;
  gap: 20px 60px;
}
.introduce-info-senary__tab .tab-item {
  cursor: pointer;
  font-weight: 500;
}
.introduce-info-senary__tab .tab-item.active {
  color: #1955a6;
}
.tab-pane.hidden {
  display: none;
}
.tab-pane.active {
  display: block;
}

.image-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}
.image-container .image-item:first-child {
  grid-column: 1/4;
}
.introduce-info-septenary {
  padding-bottom: 60px;
}
.introduce-info-septenary__container iframe {
  width: 100%;
  max-width: 1920px;
}

.investors {
  position: relative;
}
.investors-wrapper {
  background-color: #f1f9ff;
  position: relative;
  padding: 60px 20px;
}
.investors .investor-container {
  max-width: 654px;
  margin: auto;
}
.investors .investor-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.investors .investor-item {
  width: 30%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 5px;
}
.investors .investor-item img {
  max-width: 100%;
  object-fit: contain;
  height: 80px;
  width: auto;
}

.introduce-pro-secondary {
  padding-top: 20px;
  padding-bottom: 60px;
  background-color: #f1f9ff;
}

.cate-doctor-primary__select {
  gap: 12px;
}
.cate-doctor-primary__selectItem, .cate-doctor-primary__selectItemBtn {
  height: 38px;
  padding: 6px 24px;
  border-radius: 4px;
  background-position-x: 96%;
  background-position-y: 16px;
}
.cate-doctor-primary__selectDepartment {
  max-width: 32%;
}

.introduce-pro-tertiary {
  background-color: #f1f9ff;
}
.introduce-pro-tertiary::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-color: #fff;
}
.introduce-pro-tertiary__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  pointer-events: none;
  user-select: none;
}
.introduce-pro-tertiary__container {
  padding: 100px 30px;
}
.introduce-pro-tertiary__container .right .btn {
  padding: 10px 30px;
}
.introduce-pro-tertiary__container .right .footer-fixed__booking:hover {
  color: #73be44;
}

.swiper-gallery .swiper-tab {
  position: relative;
}
.swiper-gallery .swiper-tab .swiper-slide {
  width: auto !important;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 20px 10px;
  border-bottom: 2px solid transparent;
}
.swiper-gallery .swiper-tab .swiper-slide-thumb-active {
  color: #1955a6;
  border-bottom-color: #1955a6;
}
.swiper-gallery .swiper-tab .swiper-button-prev,
.swiper-gallery .swiper-tab .swiper-rtl .swiper-button-next {
  left: 0;
  right: auto;
}
.swiper-gallery .swiper-tab .swiper-button-next,
.swiper-gallery .swiper-tab .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}
.swiper-gallery .swiper-tab .swiper-button-next,
.swiper-gallery .swiper-tab .swiper-button-prev {
  width: 32px;
  height: 100%;
  color: #fff;
  top: 0;
  bottom: 0;
  margin-top: 0;
  background: linear-gradient(270deg, #b0e2ff 28.12%, #eff9ff 100%);
}
.swiper-gallery .swiper-tab .swiper-button-prev {
  background: linear-gradient(270deg, #eff9ff 28.12%, #b0e2ff 100%);
}
.swiper-gallery .swiper-tab .swiper-button-next.swiper-button-disabled,
.swiper-gallery .swiper-tab .swiper-button-prev.swiper-button-disabled {
  display: none;
}
.swiper-gallery .swiper-tab .swiper-button-next:after,
.swiper-gallery .swiper-tab .swiper-rtl .swiper-button-prev:after {
  content: "⤍";
  font-size: 20px;
}
.swiper-gallery .swiper-tab .swiper-button-prev:after,
.swiper-gallery .swiper-tab .swiper-rtl .swiper-button-next:after {
  content: "⤌";
  font-size: 20px;
}

.detail-introduce-primary {
  background-image: url("../images/bg_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 100px;
}
.detail-introduce-primary__left .article {
  gap: 52px;
}
.detail-introduce-primary__left .article-img {
  width: 260px;
  border-top-right-radius: 80px;
  background-color: #eff9ff;
  overflow: hidden;
}
.detail-introduce-primary__left .article-list li {
  margin-top: 12px;
}
.detail-introduce-primary__left .article-list li p {
  font-weight: 300;
  margin-bottom: 4px;
}
.detail-introduce-primary__left .article-list li p:first-child {
  font-weight: bold;
}
.detail-introduce-seconary {
  padding-bottom: 60px;
}
.detail-introduce-seconary__container {
  margin-top: -65px;
}
.detail-introduce-seconary__tab {
  flex-wrap: wrap;
  gap: 20px 40px;
  height: 65px;
}
.detail-introduce-seconary__tab .tab-item {
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 20px 10px;
  border-bottom: 2px solid transparent;
}
.detail-introduce-seconary__tab .tab-item.active {
  color: #1955a6;
  border-bottom-color: #1955a6;
}
.detail-introduce-seconary__pane {
  padding: 52px 0;
  max-width: 800px;
  margin: auto;
}
.detail-introduce-seconary__pane .related-news {
  padding: 0;
}

.detail-content > h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 24px;
}
.detail-content > h3 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 24px;
}
.detail-content > h4 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 24px;
}
.detail-content > h5 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
.detail-content > h6 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 24px;
}
.detail-content > p, .detail-content > ul {
  font-family: "Noto Serif", serif;
  font-size: 17px;
  line-height: 160%;
  margin-bottom: 20px;
}
.detail-content ul {
  padding-left: 30px;
  list-style-type: disc;
}
.detail-content ul li {
  margin-bottom: 10px;
}
.detail-content figure {
  margin-bottom: 1.25rem;
}
.detail-content figure img {
  width: 100%;
  height: auto !important;
  margin: auto;
}
.detail-content figure figcaption {
  background: #1955a6;
  padding: 0.625rem 0.9375rem;
  font-size: 1rem;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  line-height: 1.25rem;
  font-family: "Noto Serif", serif;
  color: #fff;
}
.detail-content iframe {
  margin-bottom: 24px;
  width: 100%;
}
.detail-content--secondary h2, .detail-content--secondary h3, .detail-content--secondary h4, .detail-content--secondary h5, .detail-content--secondary h6, .detail-content--secondary ul, .detail-content--secondary p,
.detail-content--secondary figure {
  max-width: 800px;
  margin: auto;
}
.detail-content--secondary figure {
  margin-bottom: 24px;
}
.detail-content--secondary > h2, .detail-content--secondary > h3, .detail-content--secondary > h4, .detail-content--secondary > h5, .detail-content--secondary > h6 {
  margin-bottom: 24px;
  position: relative;
  padding-left: 20px;
}
.detail-content--secondary > h2::before, .detail-content--secondary > h3::before, .detail-content--secondary > h4::before, .detail-content--secondary > h5::before, .detail-content--secondary > h6::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  transform: skew(-10deg, 10deg);
  width: 8px;
  height: 48px;
  background-color: #1955a6;
}
.detail-content--secondary > h2::after, .detail-content--secondary > h3::after, .detail-content--secondary > h4::after, .detail-content--secondary > h5::after, .detail-content--secondary > h6::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  transform: skew(-10deg, 10deg);
  width: 8px;
  height: 48px;
  background-color: #73be44;
}
.detail-content--secondary ul, .detail-content--secondary p {
  margin-bottom: 20px;
}

.detail-limit .detail-content {
  max-height: 900px;
  overflow: hidden;
}
.detail-limit.full .detail-content {
  max-height: 100%;
}
.detail-limit.full .booking-img {
  transform: rotate(180deg);
}

.detail-introduce-tertiary {
  background-color: #fff;
}
.detail-introduce-tertiary .introduce-pro-secondary__top {
  padding: 20px;
}

.detail-sick-primary__tab {
  overflow: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  gap: 20px 40px;
  height: 65px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.detail-sick-primary__tab .tab-item {
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  padding: 20px 10px;
  border-bottom: 2px solid transparent;
}
.detail-sick-primary__tab .tab-item.active {
  color: #1955a6;
  border-bottom-color: #1955a6;
}
.detail-sick-primary__tab-container {
  position: relative;
}
.detail-sick-primary__tab-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 100%;
  background: linear-gradient(270deg, #b0e2ff 28.12%, #eff9ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.detail-sick-primary__tab::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.detail-sick-primary__tab::-webkit-scrollbar-track {
  background: transparent;
}
.detail-sick-primary__tab::-webkit-scrollbar-thumb {
  background: transparent;
}
.detail-sick-primary__tab::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.detail-author {
  max-width: 800px;
  margin: auto;
}
.detail-author__img {
  flex-shrink: 0;
  margin-right: 10px;
}
.detail-author__img img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.detail-author__text1 {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.detail-author__text1::before {
  position: absolute;
  content: "";
  right: 10px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #1955a6;
}
.detail-author__text2 {
  display: inline-block;
}
.detail-author .btn {
  flex-shrink: 0;
}

.detail-title {
  max-width: 800px;
  margin: 24px auto;
}

.related-news {
  padding-top: 60px;
  padding-bottom: 60px;
}
.related-news__container {
  max-width: 800px;
  margin: auto;
}

.detail-2-primary .icon-share-2 {
  position: sticky;
  top: 20%;
  border: 1px solid #eef4ed;
  box-shadow: 0px 0px 5px #d5d5d594;
}
.detail-2-primary .detail-icon-comment a {
  width: 3rem;
  height: auto;
  text-align: center;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-2-primary .detail-title {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 46.8px */
  letter-spacing: 0.72px;
}
.detail-2-primary .detail-content {
  padding-left: 4rem;
}
.detail-2-primary .detail-content figure {
  margin-bottom: 1.25rem;
}
.detail-2-primary .detail-content figure img {
  width: 100%;
  height: auto !important;
  margin: auto;
}
.detail-2-primary .detail-content figure figcaption {
  background: #f7f7f7;
  padding: 0.625rem 0.9375rem;
  font-size: 1rem;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  line-height: 1.25rem;
  font-family: "Lato", sans-serif;
  color: #555;
}
.detail-2-primary .detail-content p, .detail-2-primary .detail-content li {
  font-size: 17px;
  font-family: "Noto Serif", serif;
  line-height: 1.75rem;
  margin-bottom: 1.5rem;
}
.detail-2-primary .detail-content ul {
  padding-left: 30px;
}
.detail-2-primary .detail-content ul li {
  list-style: disc;
}
.detail-2-primary .detail-content > h2 {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 24px;
  color: #333;
}
.detail-2-primary .detail-content > h3 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 24px;
  color: #333;
}
.detail-2-primary .detail-content > h4 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 24px;
  color: #333;
}
.detail-2-primary .detail-content > h5 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 24px;
  color: #333;
}
.detail-2-primary .detail-content > h6 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 24px;
  color: #333;
}
.detail-2-primary .detail-content blockquote {
  background-color: #f1f9ff;
  padding: 18px 15px;
  margin-bottom: 1.25rem;
}
.detail-2-primary .detail-content blockquote p {
  font-family: "Arial";
}
.detail-2-primary .detail-content blockquote p:last-child {
  margin-bottom: 0;
}
.detail-2-primary .detail-share__item + .detail-share__item {
  margin-left: 0.625rem;
}
.detail-2-primary .detail-share__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  transition: all 0.2s ease;
}
.detail-2-primary .detail-share__link:hover {
  opacity: 0.9;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.detail-2-primary .detail-share--fb {
  width: 2.25rem;
  background-color: #3b5999;
}
.detail-2-primary .detail-share--like {
  background-color: #087cce;
  padding: 0 15px;
}
.detail-2-primary .detail-share--like img {
  width: 0.9375rem;
  margin-right: 0.5rem;
}
.detail-2-primary .detail-share--like span {
  color: #fcfaf6;
  line-height: 1;
}
.detail-2-primary .detail-share--twitter {
  width: 2.25rem;
  background-color: #55acee;
}
.detail-2-primary .detail-share--linked {
  width: 2.25rem;
  background-color: #0073b1;
}
.detail-2-primary .detail-share--email {
  width: 2.25rem;
  background-color: #e5e5e5;
}
.detail-2-primary .detail-tags {
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  align-items: center;
}
.detail-2-primary .detail-tag-icon {
  font-size: 14px;
  background: #f2efea;
  height: 36px;
  width: 70px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.detail-2-primary .detail-tag-icon:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 8px solid #f2efea;
  right: -8px;
  position: absolute;
}
.detail-2-primary .detail-tag {
  margin-right: 1.25rem;
}
.detail-2-primary .detail-tag-item {
  font-weight: 700;
  line-height: 22px;
  font-family: "Roboto", sans-serif;
  color: #4f4f4f;
  font-size: 15px;
  position: relative;
}
.detail-2-primary .detail-tag-item:nth-child(odd) {
  color: #1955a6;
}
.detail-2-primary .detail-tag-item::before {
  position: absolute;
  content: "⁄";
  color: #4f4f4f;
  top: 50%;
  left: -0.75rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.detail-2-primary .detail-tag-item:nth-child(1)::before {
  content: "";
}
.detail-2-primary .detail-tag-item a:hover {
  color: #1955a6;
}

.detail-navbar .navbar-item:first-child {
  flex-shrink: 0;
}
.detail-navbar .navbar-item:nth-child(2) {
  padding-left: 24px;
  border-left: 1px solid #e5e5e5;
  position: relative;
}
.detail-navbar .navbar-item:last-child .navbar-dropdown {
  right: 0;
  left: 0;
}

.footer-fixed {
  background-color: #eff9ff;
  padding: 10px;
  border-radius: 4px;
  position: fixed;
  right: 1rem;
  bottom: 6rem;
  z-index: 1000;
}
.footer-fixed__booking:hover {
  color: #fff;
}
.footer-fixed__booking-inner img {
  width: 16px;
  height: auto;
}
.footer-fixed .back-top img {
  width: 16px;
  height: auto;
}
.footer-container {
  padding-top: 48px;
  padding-bottom: 48px;
}
.footer-left__logo img {
  height: 140px;
  width: auto;
}
.footer-left__text p {
  margin-bottom: 16px;
}
.footer-right .social {
  gap: 6px;
}
.footer-right .social-link {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-right .social-link:hover {
  background-color: rgba(7, 114, 181, 0.1);
}
.footer-right .social-link img {
  height: 14px;
  width: auto;
}

@media (min-width: 2100px) {
  .introduce-info-primary .image-1 img {
      height: 100%;
      width: auto;
      position: absolute;
      left: 20%;
  }
}
@media (max-width: 1536px) {
  .d-2xl-none {
      display: none;
  }

  .d-2xl-block {
      display: block;
  }

  .d-2xl-flex {
      display: flex;
  }

  .d-2xl-grid {
      display: grid;
  }

  .main-tertiary__top .left {
      padding: 30px;
  }
  .main-tertiary__top .right {
      padding-left: 80px;
  }

  .cate-primary__breacrumb {
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow: auto;
  }

  .introduce-info-primary .image-1 {
      left: -20%;
  }
}
@media (max-width: 1280px) {
  .d-xl-none {
      display: none;
  }

  .d-xl-block {
      display: block;
  }

  .d-xl-flex {
      display: flex;
  }

  .d-xl-grid {
      display: grid;
  }

  .introduce-info-primary__container {
      padding: 20px;
  }
}
@media (max-width: 1024px) {
  .d-lg-none {
      display: none;
  }

  .d-lg-block {
      display: block;
  }

  .d-lg-flex {
      display: flex;
  }

  .d-lg-grid {
      display: grid;
  }

  .heading-primary {
      font-size: 32px;
  }

  .heading-tertiary {
      font-size: 34px;
  }

  .main-secondary {
      padding-left: 20px;
      padding-right: 20px;
  }
  .main-secondary__content .article {
      padding: 20px;
  }
  .main-secondary__content .article-content {
      margin-top: 20px;
  }
  .main-secondary__content .article-title-1 {
      font-size: 20px;
  }
  .main-secondary__content .article-title-2 {
      font-size: 32px;
  }
  .main-secondary__content .article-img .image-2 {
      width: 60px;
  }

  .main-tertiary {
      padding: 60px 20px;
  }
  .main-tertiary .right .image-wrapper {
      padding-bottom: 80%;
  }

  .main-quaternary__slideGallery .article-content .swiper {
      height: 150px;
  }
  .main-quaternary__slideGallery .article-thumb .image-wrapper {
      padding-bottom: 72%;
  }

  .main-quinary .article-img .image-2 {
      width: 60px;
  }

  .introduce-info-primary .image-1 {
      left: -45%;
  }
  .introduce-info-primary__container {
      padding: 20px;
  }
  .introduce-info-primary__title2 {
      font-size: 34px;
  }

  .introduce-info-secondary__title1 {
      font-size: 32px;
  }
  .introduce-info-secondary__title2 {
      font-size: 34px;
  }

  .introduce-info-tertiary__container {
      padding-bottom: 100px;
  }
  .introduce-info-tertiary__bg {
      right: -190px;
  }
  .introduce-info-tertiary .list-text .icon {
      flex-shrink: 0;
  }
  .introduce-info-tertiary .list-text .text {
      font-size: 18px;
  }

  .detail-2-primary .detail-content {
      padding-left: 0;
  }

  .detail-introduce-seconary__pane {
      padding-left: 15px;
      padding-right: 15px;
  }
  .introduce-detail-pro__left .article-top {
      display: block;
    }
  .introduce-detail-pro__left .article-top .article-img {
  width: 100%;
  }
}
@media (max-width: 992px) {
  .main-primary__container {
      display: block;
  }
  .main-primary__right .bg {
      height: 300px;
      margin: auto;
  }

  .main-quaternary__slideGallery {
      display: block;
  }
  .main-quaternary__slideGallery .article-content {
      width: 100%;
  }
  .main-quaternary__slideGallery .article-content .swiper {
      height: 175px;
  }
  .main-quaternary__slideGallery .article-thumb {
      width: 100%;
  }
}
@media (max-width: 768px) {
  .d-md-none {
      display: none;
  }

  .d-md-block {
      display: block;
  }

  .d-md-flex {
      display: flex;
  }

  .d-md-grid {
      display: grid;
  }

  .language-list {
      top: 32px;
  }

  .heading-primary {
      font-size: 28px;
  }

  .heading-tertiary {
      font-size: 30px;
  }

  .main-secondary__content {
      grid-template-columns: repeat(2, 1fr);
  }

  .main-tertiary .right .image-wrapper {
      padding-bottom: 100%;
  }
  .main-tertiary__bot {
      margin-top: 60px;
  }

  .main-quaternary .article-content {
      padding: 30px 20px 50px;
  }

  .main-quinary__content {
      grid-template-columns: repeat(2, 1fr);
  }

  .main-senary__slide .article-content {
      padding: 30px 30px 60px;
  }

  .main-septenary__content .article-large .article-content {
      padding: 20px;
  }
  .main-septenary__content .article-small .article-content {
      padding: 15px;
  }

  .main-octonary__container {
      display: block;
  }
  .main-octonary__left {
      padding-bottom: 20px;
  }
  .main-octonary__right {
      margin-right: 0;
  }
  .main-octonary__right iframe {
      width: 100%;
      height: 400px;
  }

  .cate-secondary__container {
      grid-gap: 20px;
  }
  .cate-secondary__right {
      width: 280px;
      padding-left: 20px;
  }
  .cate-secondary__top {
      display: block;
  }
  .cate-secondary__top .articles__small {
      margin-top: 20px;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 20px;
  }
  .cate-secondary__top .articles__small .article {
      padding: 0;
      border-bottom: 0;
  }

  .introduce-info-primary .image-1 {
      left: -70%;
  }

  .introduce-info-secondary__title1 {
      font-size: 28px;
  }
  .introduce-info-secondary__title2 {
      font-size: 30px;
  }

  .introduce-info-tertiary .left {
      padding-right: 15px;
  }
  .introduce-info-tertiary .list-text .text {
      font-size: 16px;
  }

  .introduce-pro-tertiary__container {
      display: block;
  }
  .introduce-pro-tertiary__container .left .title-1 {
      font-size: 28px;
  }
  .introduce-pro-tertiary__container .right {
      margin: 20px auto 0;
  }

  .footer-fixed {
      bottom: 10rem;
      padding: 0;
      background-color: transparent;
  }
  .footer-fixed__inner {
      display: block;
      text-align: center;
  }
  .footer-fixed__inner .back-top {
      margin-bottom: 4px;
  }
  .footer-fixed__inner .back-top span {
      font-size: 13px;
      font-weight: normal;
  }
  .footer-fixed__booking {
      display: flex;
  }
  .footer-fixed__booking-inner {
      font-size: 13px;
      font-weight: normal;
  }
  .footer-fixed__call {
      max-width: 110px;
      font-size: 12px;
      font-weight: normal;
  }
}
@media (max-width: 640px) {
  .d-sm-none {
      display: none;
  }

  .d-sm-block {
      display: block;
  }

  .d-sm-flex {
      display: flex;
  }

  .d-sm-grid {
      display: grid;
  }

  .heading-primary {
      font-size: 24px;
  }

  .heading-tertiary {
      font-size: 24px;
  }

  .heading-quaternary {
      font-size: 24px;
  }

  .w-wrapper {
      padding-left: 15px;
      padding-right: 15px;
  }

  .main-primary {
      background-image: url("../images/bg_1.1.png");
  }
  .main-primary__left {
      padding: 20px 0;
  }
  .main-primary__left .title-2 {
      font-size: 36px;
  }
  .main-primary__left .booking {
      margin-top: 12px;
  }
  .main-primary__right .bg {
      height: 232px;
      margin: auto;
  }

  .main-secondary {
      padding: 30px 15px 60px;
  }
  .main-secondary__container .article {
      padding: 20px 10px;
  }

  .main-tertiary {
      padding: 0 0 30px;
  }
  .main-tertiary__top {
      width: 100%;
      max-width: 100%;
      display: flex;
      flex-direction: column;
  }
  .main-tertiary__top .left {
      width: calc(100% - 30px);
      position: relative;
      transform: none;
      order: 2;
      margin: -40px auto 0;
      padding: 40px 15px;
  }
  .main-tertiary__top .right {
      order: 1;
      padding-left: 0;
  }
  .main-tertiary__top .right .image-wrapper {
      padding-bottom: 60%;
  }
  .main-tertiary__bot {
      margin-top: 30px;
      padding-left: 15px;
      padding-right: 15px;
  }
  .main-tertiary__bot .article {
      padding: 0;
      margin-bottom: auto;
  }
  .main-tertiary__bot .article-img img {
      width: 40px;
  }
  .main-tertiary__bot .article-content {
      margin-top: 24px;
  }
  .main-tertiary__bot .article-title {
      font-size: 14px;
  }
  .main-tertiary__bot .article-des {
      font-size: 14px;
      margin-top: 14px;
  }

  .main-quaternary {
      padding: 0 0 40px;
  }
  .main-quaternary__container {
      display: block;
  }
  .main-quaternary .article-content {
      padding: 30px 15px 60px;
  }
  .main-quaternary .article-item {
      font-size: 16px;
      padding: 12px 0;
  }
  .main-quaternary .image-wrapper {
      background-color: #73be44;
      position: relative;
  }
  .main-quaternary .image-wrapper img {
      padding-left: 15px;
      padding-right: 15px;
  }
  .main-quaternary .image-wrapper::before {
      content: "";
      width: 100%;
      height: 40px;
      background-color: #1f315d;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
  }

  .main-quinary__content {
      grid-template-columns: 1fr;
  }
  .main-quinary__slide .swiper-horizontal > .swiper-pagination-bullets,
  .main-quinary__slide
      .swiper-pagination-bullets.swiper-pagination-horizontal,
  .main-quinary__slide .swiper-pagination-custom,
  .main-quinary__slide .swiper-pagination-fraction {
      bottom: 20px;
  }
  .main-quinary__slide .swiper-button-next,
  .main-quinary__slide .swiper-button-prev {
      top: 35%;
  }

  .main-senary {
      padding: 30px 0 0;
      background-size: auto;
  }
  .main-senary .heading-primary {
      margin-left: 15px;
      margin-right: 15px;
  }
  .main-senary .article {
      display: block;
  }
  .main-senary .article .image-wrapper {
      margin-left: 15px;
      margin-right: 15px;
  }
  .main-senary__slide .article-content {
      padding: 20px 15px 60px;
  }
  .main-senary__button {
      left: 15px;
  }

  .main-septenary {
      padding: 40px 0 20px;
  }
  .main-septenary .heading-primary {
      margin-left: 15px;
      margin-right: 15px;
  }
  .main-septenary__content {
      margin-top: 20px;
      display: block;
  }
  .main-septenary .article-large .article-content {
      padding: 15px;
  }
  .main-septenary .article-large .article-title {
      font-size: 20px;
  }
  .main-septenary .article-small .article-top .article-content {
      background-color: #eff9ff;
  }
  .main-septenary .article-small .article-top .article-title {
      font-size: 20px;
  }
  .main-septenary .article-bot {
      display: block;
      padding: 15px;
  }
  .main-septenary .article-bot .article {
      display: flex;
      padding: 15px 0;
      border-bottom: 1px solid #e5e5e5;
  }
  .main-septenary .article-bot .article:first-child {
      padding-top: 0;
  }
  .main-septenary .article-bot .article:last-child {
      border-bottom: 0;
  }
  .main-septenary .article-bot .article-img {
      flex-shrink: 0;
      width: 35%;
  }
  .main-septenary .article-bot .article-content {
      padding: 0 0 0 10px;
  }
  .main-septenary .article-bot .article-title {
      font-size: 16px;
      font-weight: 500;
  }

  .main-octonary__left {
      padding-top: 30px;
  }
  .main-octonary__title {
      margin-top: 20px;
  }
  .main-octonary__right iframe {
      height: 300px;
  }

  .cate-primary {
      padding-bottom: 16px;
      background-image: url(../images/bg_1.2.png);
  }
  .cate-primary__breacrumb {
      display: none;
  }

  .cate-secondary {
      padding: 0 0 40px;
      margin-top: 0;
  }
  .cate-secondary__container {
      display: block;
  }
  .cate-secondary__left .articles__large .article__content {
      padding: 15px;
  }
  .cate-secondary__left .articles__large .article__title {
      font-size: 24px;
  }
  .cate-secondary__left .articles__large .time-public {
      display: none;
  }
  .cate-secondary__left .articles__large .article__des {
      margin-top: 12px;
      line-height: 160%;
  }
  .cate-secondary__left .articles__small {
      display: block;
      padding-left: 15px;
      padding-right: 15px;
  }
  .cate-secondary__left .articles__small .article {
      padding: 20px 0;
      border-bottom: 1px solid #d6d6d6;
  }
  .cate-secondary__left .articles__small .article__title {
      font-size: 20px;
      font-weight: bold;
  }
  .cate-secondary__left .articles {
      padding-left: 15px;
      padding-right: 15px;
  }
  .cate-secondary__left .articles .article {
      display: block;
  }
  .cate-secondary__left .articles .article__img {
      width: 100%;
  }
  .cate-secondary__left .articles .article__content {
      padding-left: 0;
      padding-top: 12px;
  }
  .cate-secondary__left .articles .article__title {
      font-weight: bold;
  }
  .cate-secondary__left .articles .article__des {
      padding-top: 12px;
      line-height: 160%;
  }
  .cate-secondary__left .articles .time-public {
      display: none;
  }
  .cate-secondary__top {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none;
  }
  .cate-secondary__top .articles__small .article:last-child {
      border-bottom: 1px solid #d6d6d6;
      padding-bottom: 20px;
  }
  .cate-secondary__right {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      margin-top: 30px;
      border-left: none;
      display: none;
  }

  .pagination {
      padding-left: 15px;
      padding-right: 15px;
      flex-wrap: wrap;
  }
  .pagination-item {
      margin-right: 8px;
      margin-bottom: 8px;
  }
  .pagination-item + .pagination-item {
      margin-left: 0;
  }

  .box-event {
      max-width: 100%;
  }

  .introduce-info-primary {
      height: 685px;
  }
  .introduce-info-primary .image-1 {
      left: 0;
      bottom: auto;
  }
  .introduce-info-primary .image-1 img {
      height: auto;
      width: 100%;
  }
  .introduce-info-primary .image-2 {
      top: auto;
      right: 0;
      bottom: 0;
      left: 0;
  }
  .introduce-info-primary .image-2 img {
      height: 100%;
      width: 100%;
  }
  .introduce-info-primary__container {
      padding: 40px 15px;
      display: block;
  }
  .introduce-info-primary__inner {
      width: 100%;
  }

  .introduce-info-secondary {
      padding-bottom: 30px;
  }
  .introduce-info-secondary__bg {
      bottom: auto;
  }
  .introduce-info-secondary__container {
      display: block;
  }
  .introduce-info-secondary__title1 {
      font-size: 24px;
  }
  .introduce-info-secondary__title2 {
      font-size: 40px;
  }
  .introduce-info-secondary .right {
      margin-top: 50px;
  }

  .introduce-info-tertiary {
      padding: 0 0 30px;
  }
  .introduce-info-tertiary__bg {
      right: 0;
      left: 0;
      top: 180px;
  }
  .introduce-info-tertiary__container {
      flex-direction: column;
      padding-bottom: 0;
      padding-top: 0;
  }
  .introduce-info-tertiary__container .left {
      order: 2;
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
      margin-top: 30px;
  }
  .introduce-info-tertiary__container .right {
      order: 1;
  }
  .introduce-info-tertiary .introduce-info-secondary__title2 {
      font-size: 24px;
      margin-top: 12px;
  }
  .introduce-info-tertiary .list-text .text {
      font-size: 20px;
      line-height: 140%;
  }

  .introduce-info-quaternary {
      background-color: #fff;
      padding-top: 40px;
  }
  .introduce-info-quaternary__content {
      grid-template-columns: 1fr;
      gap: 10px;
  }
  .introduce-info-quaternary .introduce-info-quaternary .article {
      padding: 20px 15px;
  }

  .introduce-info-quinary {
      padding-top: 40px;
      padding-bottom: 40px;
  }
  .introduce-info-quinary__heading {
      text-align: left;
  }
  .introduce-info-quinary .introduce-info-secondary__title2 {
      font-size: 24px;
  }
  .introduce-info-quinary__content .article {
      display: block;
  }
  .introduce-info-quinary__content .article-img {
      width: 160px;
      margin-left: auto;
      position: relative;
      z-index: 2;
  }
  .introduce-info-quinary__content .article-content {
      position: relative;
      bottom: unset;
      left: unset;
      right: unset;
      padding: 55px 26px;
      margin-top: -50px;
  }
  .introduce-info-quinary__content .article-quotation {
      left: 10px;
  }
  .introduce-info-quinary .swiper-horizontal > .swiper-pagination-bullets,
  .introduce-info-quinary
      .swiper-pagination-bullets.swiper-pagination-horizontal,
  .introduce-info-quinary .swiper-pagination-custom,
  .introduce-info-quinary .swiper-pagination-fraction {
      bottom: 30px;
  }

  .image-container {
      grid-gap: 10px;
  }

  .introduce-info-senary {
      padding-top: 0;
  }

  .introduce-info-senary-2 {
      padding-top: 40px;
  }

  .investors-wrapper {
      padding-top: 40px;
      padding-bottom: 40px;
  }

  .investors .investor-list {
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow: auto;
      gap: 12px;
      justify-content: unset;
  }
  .investors .investor-item {
      flex-shrink: 0;
      width: 50%;
  }

  .cate-doctor-primary__select {
      display: grid;
      grid-template-columns: 1fr;
  }
  .cate-doctor-primary__selectItem {
      width: 100%;
      max-width: 100%;
  }

  .introduce-pro-tertiary__container {
      padding: 50px 15px;
  }
  .introduce-pro-tertiary .left .title-1,
  .introduce-pro-tertiary .left .title-2 {
      font-size: 24px;
  }
  .introduce-pro-tertiary .right {
      width: 50%;
  }

  .branch-secondary {
      margin-top: -100px;
    }
    .branch-secondary__top {
      padding-bottom: 0;
    }
    .branch-secondary__top .top-item {
      margin-bottom: 20px;
    }
    .branch-secondary__top .top-item:last-child {
      margin-left: 0 !important;
    }
    .branch-secondary__top .top-item + .top-item {
      margin-left: 20px;
    }
    .branch-secondary__logo--text .title {
      font-size: 32px;
      line-height: 100%;
      margin-bottom: 10px;
    }
    .branch-secondary__content .content-listLink {
      display: block;
    }
  
  .detail-navbar__container {
      gap: 12px;
  }
  .detail-navbar .navbar-item:nth-child(2) {
      padding-left: 12px;
  }

  .navbar-item--more {
      padding-left: 12px;
  }

  .detail-content > h2 {
      font-size: 24px;
      margin-bottom: 20px;
  }
  .detail-content > h3 {
      font-size: 22px;
      margin-bottom: 20px;
  }
  .detail-content > h4 {
      font-size: 20px;
      margin-bottom: 20px;
  }
  .detail-content > h5 {
      font-size: 18px;
      margin-bottom: 20px;
  }
  .detail-content > h6 {
      font-size: 16px;
      margin-bottom: 20px;
  }

  .detail-content--secondary > h2::before,
  .detail-content--secondary > h3::before,
  .detail-content--secondary > h4::before,
  .detail-content--secondary > h5::before,
  .detail-content--secondary > h6::before {
      width: 5px;
      height: 28px;
      left: 3px;
  }

  .detail-content--secondary > h2::after,
  .detail-content--secondary > h3::after,
  .detail-content--secondary > h4::after,
  .detail-content--secondary > h5::after,
  .detail-content--secondary > h6::after {
      width: 5px;
      height: 28px;
      left: 5px;
  }

  .detail-author__text {
      display: block;
  }
  .detail-author__text1 {
      padding-left: 0;
      margin-bottom: 2px;
  }
  .detail-author__text1::before {
      content: none;
  }

  .detail-title {
      font-size: 32px;
  }

  .related-news {
      padding-top: 40px;
      padding-bottom: 40px;
  }
  .related-news__content {
      margin-top: 20px;
  }
  .related-news__content .article:first-child {
      margin-left: -15px;
      margin-right: -15px;
      background-color: #eff9ff;
      display: block;
      padding-top: 0;
      padding-bottom: 0;
  }
  .related-news__content .article:first-child .article__img {
      width: 100%;
  }
  .related-news__content .article:first-child .article__content {
      padding: 14px 15px;
  }
  .related-news__content .article:first-child .article__des {
      line-height: 160%;
  }
  .related-news__content .article:nth-child(n + 2) .article__content {
      padding: 0 0 0 10px;
  }
  .related-news__content .article:nth-child(n + 2) .article__title {
      font-size: 16px;
      font-weight: 500;
  }
  .related-news__content .article:nth-child(n + 2) .article__img {
      flex-shrink: 0;
      width: 35%;
  }
  .related-news__content .article:nth-child(n + 2) .article__des {
      display: none;
  }
  .related-news__content .article .time-public {
      display: none;
  }

  .detail-introduce-primary {
      background-image: url(../images/bg_1.1.png);
  }
  .detail-introduce-primary__left .article {
      display: block;
  }

  .detail-introduce-primary {
      padding-top: 20px;
  }
  .detail-introduce-primary .article-img {
      width: 100%;
  }
  .detail-introduce-primary .article-content {
      margin-top: 20px;
  }

  .detail-introduce-seconary {
      padding: 0 0 30px;
  }
  .detail-introduce-seconary__container {
      background-color: transparent;
  }
  .detail-introduce-seconary .swiper-tab {
      margin-left: 15px;
      margin-right: 15px;
  }
  .detail-introduce-seconary__pane {
      background-color: #eff9ff;
  }

  .introduce-pro-secondary__top {
      margin-left: -15px;
      margin-right: -15px;
  }

  .detail-2-primary {
      padding-left: 15px;
      padding-right: 15px;
  }
  .detail-2-primary .detail-title {
      font-size: 32px;
      letter-spacing: 0;
  }
  .detail-2-primary .detail-content > h2 {
      font-size: 24px;
      margin-bottom: 20px;
  }
  .detail-2-primary .detail-content > h3 {
      font-size: 22px;
      margin-bottom: 20px;
  }
  .detail-2-primary .detail-content > h4 {
      font-size: 20px;
      margin-bottom: 20px;
  }
  .detail-2-primary .detail-content > h5 {
      font-size: 18px;
      margin-bottom: 20px;
  }
  .detail-2-primary .detail-content > h6 {
      font-size: 16px;
      margin-bottom: 20px;
  }
  .detail-2-primary .articles {
      padding-left: 0;
      padding-right: 0;
  }
  .detail-2-primary .articles .article {
      display: flex;
  }
  .detail-2-primary .articles .article .article__img {
      width: 35%;
  }
  .detail-2-primary .articles .article .article__content {
      padding: 0 0 0 10px;
  }
  .detail-2-primary .articles .article .article__title {
      font-size: 16px;
      font-weight: 500;
  }
  .detail-2-primary .articles .article .article__des {
      display: none;
  }

  .detail-tags {
      white-space: nowrap;
      flex-wrap: nowrap !important;
  }

  .other-news__container .article:first-child {
      margin-left: -15px;
      margin-right: -15px;
      background-color: #eff9ff;
      display: block;
      padding-top: 0;
      padding-bottom: 0;
  }
  .other-news__container .article:first-child .article__img {
      width: 100%;
  }
  .other-news__container .article:first-child .article__content {
      padding: 14px 15px;
  }
  .other-news__container .article:first-child .article__des {
      line-height: 160%;
  }
  .other-news__container .article:nth-child(n + 2) .article__content {
      padding: 0 0 0 10px;
  }
  .other-news__container .article:nth-child(n + 2) .article__title {
      font-size: 16px;
      font-weight: 500;
  }
  .other-news__container .article:nth-child(n + 2) .article__img {
      flex-shrink: 0;
      width: 35%;
  }
  .other-news__container .article:nth-child(n + 2) .article__des {
      display: none;
  }
  .other-news__container .article .time-public {
      display: none;
  }
  .introduce-detail-pro-secondary {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0;
    }
    .introduce-detail-pro-secondary__container {
      display: block;
    }
    .introduce-detail-pro-secondary .introduce-detail-pro__left {
      width: 100%;
      padding: 10px 15px 20px;
    }
    .introduce-detail-pro-secondary .introduce-detail-pro__left .article-title-1 {
      margin-right: 10px;
      display: inline-block;
    }
    .introduce-detail-pro-secondary .introduce-detail-pro__left .article-title-2 {
      display: inline;
    }
    .introduce-detail-pro-secondary .introduce-detail-pro__left .article-content {
      padding: 20px 0 10px;
    }
    .introduce-detail-pro-secondary .introduce-detail-pro__left .footer-fixed__booking {
      display: inline-flex;
    }
    .introduce-detail-pro-secondary .introduce-detail-pro__left .detail-content {
      margin-top: 20px;
    }
    .introduce-detail-pro-secondary .introduce-detail-pro__right {
      width: 100%;
      padding: 30px 15px 20px;
    }

  .footer-container {
      padding: 20px 15px 40px;
  }
  .footer-inner {
      display: block;
  }
  .footer-left {
      display: block;
      margin-bottom: 20px;
      padding-bottom: 20px;
      /* border-bottom: 1px solid #d6d6d6; */
  }
  .footer-left__text {
      margin-left: 0;
      margin-top: 20px;
  }
  .footer-left__text p {
      text-align: center;
      margin-bottom: 8px;
  }    
  .item-content .article {
    display: block;
  }
}
/*# css_button */
.button {
   
     position: relative; /* Để có thể định vị sóng */
     display: inline-flex;
     align-items: center;
     padding: 8px 10px 8px 8px;
     font-size: 16px;
     color: white;
     background-color: #68BE5B; /* Màu nền của nút */
     border: none;
     border-radius: 20px;
     overflow: hidden; /* Để không hiện ra phần tràn ra ngoài */
     z-index: 1; /* Đặt nút lên trên sóng */
 }
 .button2 {
   
  position: relative; /* Để có thể định vị sóng */
  display: inline-flex;
  align-items: center;
  padding: 10px 30px;
  font-size: 16px;
  color: white;
  background-color: #68BE5B; /* Màu nền của nút */
  border: none;
  border-radius: 20px;
  overflow: hidden; /* Để không hiện ra phần tràn ra ngoài */
  z-index: 1; /* Đặt nút lên trên sóng */
}


 .heart {
     color: red; /* Màu trái tim */
     margin-right: 8px; /* Khoảng cách giữa trái tim và chữ */
 }

 /* Hiệu ứng sóng */
 .wave {
     position: absolute;
     border-radius: 50%;
     background: rgba(255, 0, 0, 0.5); /* Màu sóng */
     width: 200px; /* Kích thước sóng lớn hơn nút */
     height: 200px; /* Kích thước sóng lớn hơn nút */
     top: 50%; /* Vị trí theo chiều dọc */
     left: 50%; /* Vị trí theo chiều ngang */
     transform: translate(-50%, -50%); /* Định vị giữa nút */
     animation: wave 1.5s infinite; /* Thời gian và lặp lại của sóng */
     opacity: 0; /* Để không nhìn thấy sóng khi bắt đầu */
     pointer-events: none; /* Không ảnh hưởng đến chuột */
     z-index: 0; /* Đặt sóng dưới nút */
 }

 /* Hiệu ứng sóng */
 @keyframes wave {
     0% {
         transform: translate(-50%, -50%) scale(0);
         opacity: 1;
     }
     50% {
         transform: translate(-50%, -50%) scale(1.5); /* Tăng kích thước sóng */
         opacity: 0;
     }
     100% {
         opacity: 0;
     }
 }
 /* slider 1 */
 .swiper-container {
    width: 100%;
    /* Bỏ height nếu không cần thiết */
    /* min-height: 800px; Hoặc chiều cao tối thiểu mà bạn muốn */
    overflow: hidden; /* Ẩn phần thừa nếu có */
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}


            @media (max-width: 992px) {
    .swiper-container {
        min-height: 200px; /* Chiều cao tối thiểu cho mobile */
    }
}
/* section 3+5 */
/* Tùy chỉnh cho giao diện mobile */
.scroll-text {
  max-height: 250px; /* Đặt chiều cao tối đa cho khung văn bản */
  max-width: 500px; /* Giới hạn chiều rộng của khung văn bản */
  overflow-y: auto; /* Tạo thanh cuộn dọc khi nội dung vượt quá chiều cao */
  overflow-x: hidden; /* Ẩn thanh cuộn ngang */
  padding: 10px;
  background-color: #f9f9f9; /* Màu nền cho khung cuộn */
  border: 1px solid #ddd; /* Đường viền nhẹ */
  border-radius: 5px; /* Bo góc cho khung */
  text-align: left; /* Căn lề trái cho văn bản */
  box-sizing: border-box; /* Đảm bảo padding không làm tăng kích thước khung */
  margin: 0 auto; /* Căn giữa phần text trong container */
}
@media (max-width: 768px) {
    .scroll-text {
        max-height: 150px; /* Đặt chiều cao tối đa cho khung văn bản */
        max-width: 450px; /* Giới hạn chiều rộng của khung văn bản */
        height: auto; /* Cho phép chiều cao tự động */
        overflow-y: auto; /* Hiển thị thanh cuộn dọc */
        overflow-x: hidden; /* Ẩn thanh cuộn ngang để không có cuộn ngang */
        white-space: normal; /* Văn bản tự ngắt dòng khi cần */
        word-wrap: break-word; /* Đảm bảo từ dài sẽ được ngắt dòng thay vì tràn ra ngoài */
    }
}
  .itemst {
    display: flex;
    flex-direction: column; /* Đặt các phần tử bên trong theo cột */
    align-items: center; /* Căn giữa nội dung theo chiều ngang */
  }
  
  .itemst img {
    width: 100%; /* Đảm bảo hình ảnh không bị tràn */
    height: auto;
    border-radius: 50%; /* Đảm bảo hình ảnh hiển thị dưới dạng hình tròn */
  }
  
      /* Padding cho phần "Câu chuyện của tháng" */
  #section_1918039669 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
 
  /* Flexbox cho các mục trong .slstory */
  .slstory {
    max-width: 1360px;
    padding-top: 20px;
    /* gap: 20px; Tạo khoảng cách giữa các mục */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  
  /* Định dạng các mục item */
  .itemst {
    text-align: center;
    gap:22px;
    flex: 1 1 calc(25% - 20px); /* Đảm bảo chia đều các mục, với khoảng cách */
    margin: 10px;
  }
  
  /* Đặt căn chỉnh ảnh tròn */
  .itemst img {
    width: 150px; /* Đặt kích thước cho hình ảnh */
    height: 150px;
    border-radius: 50%; /* Làm ảnh tròn */
    object-fit: cover; /* Đảm bảo ảnh vừa khung mà không bị méo */
    display: block;
    margin: 0 auto;
  }
  
  /* Định dạng văn bản */
  .itemst h3 {
    width: 285px;
    font-size: 18px;
    margin-top: 10px;
    color: #333;
    font-weight: 600;
  }
 
  
  .itemst p {
    font-weight: 600;
    font-size: 14px;
    color: #777;
    margin: 8px 0;
  }
  
  .codelcl {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
  }
  
  .seemore {
    display: inline-block;
    padding: 6px 12px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 10px;
  }
  
  .seemore:hover {
    background-color: #0056b3;
  }
  
  /* Responsive cho mobile: Khi trên màn hình nhỏ hơn, các mục sẽ xếp dọc */
  @media (max-width: 768px) {
    .itemst {
      flex: 1 1 100%; /* Các mục chiếm toàn bộ chiều ngang màn hình */
      margin: 10px 0;
    }
  
    .itemst img {
      width: 185px;
      height: 185px;
    }
    .titletsl h2 {
    text-align: left; /* Căn trái cho thẻ h2 */
  }
  
 
  
  
  }
  .flex-row {
      display: flex; /* Sử dụng flexbox để tạo hàng */
      flex-wrap: wrap; /* Cho phép các khối xuống hàng nếu không đủ chỗ */
      justify-content: space-between; /* Căn đều khoảng cách giữa các khối */
  }
  
  .flex-col {
      margin: 1px; /* Khoảng cách giữa các khối */
      flex: 1 1 20%; /* Mỗi khối chiếm tối thiểu 20% chiều rộng */
      max-width: 25%; /* Đảm bảo mỗi khối không vượt quá 25% chiều rộng */
      color: white; /* Màu chữ trắng */
      height: 200px; /* Đặt chiều cao cố định cho khối */
      display: flex; /* Để căn giữa nội dung */
      flex-direction: column; /* Sắp xếp theo chiều dọc */
      align-items: center; /* Căn giữa theo chiều ngang */
      justify-content: center; /* Căn giữa theo chiều dọc */
      text-align: center; /* Căn giữa chữ */
      /* border-radius: 8px; Bo tròn các góc khối */
      border-right: 1px solid #fff;
  }
 
  @media (max-width: 768px) {
      .col {
          flex: 0 0 90%; /* Đặt chiều rộng mỗi khối bằng 48% trên mobile */
      }  

  }
  /* footer button */
  .vka-wrapper {
    position: fixed;
    bottom: 20px; /* Điều chỉnh khoảng cách từ đáy trang */
    left: 20px; /* Điều chỉnh khoảng cách từ bên trái */
    z-index: 1000; /* Để đảm bảo nó nằm trên các phần tử khác */
}

.vka-wheel {
    display: flex;
    flex-direction: column; /* Hoặc row tùy vào cách bạn muốn hiển thị */
}

/* Quy định chung cho PC */
.vka-button {
  margin: 5px 0; /* Khoảng cách giữa các biểu tượng */
  width: 50px; /* Kích thước biểu tượng cho PC */
  height: 50px; /* Kích thước biểu tượng cho PC */
  border-radius: 50%; /* Để có hình tròn */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}

/* Quy định riêng cho mobile khi màn hình nhỏ hơn 768px */
@media (max-width: 768px) {
  .vka-button {
    margin: 5px 0; /* Khoảng cách giữa các biểu tượng */
    width: 40px; /* Kích thước biểu tượng nhỏ hơn cho mobile */
    height: 40px; /* Kích thước biểu tượng nhỏ hơn cho mobile */
    border-radius: 50%; /* Để có hình tròn */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
  }
}



.vka-button:hover {
    background-color: #357ae8; /* Màu nền khi hover */
}
.img.img3 {
  max-width: 25%; /* Hình ảnh sẽ không vượt quá 70% chiều rộng của phần tử cha */
  object-fit: cover; /* Hình ảnh sẽ được cắt theo tỷ lệ khung hình */
  display: block; /* Để đảm bảo không có khoảng trắng bên dưới hình ảnh */
  margin: 0 auto; /* Căn giữa hình ảnh trong khối */
}

.box-image {
  text-align: center; /* Căn giữa nội dung trong khối */
  margin: 20px 0; /* Khoảng cách giữa các khối */
}

.test {
  font-size: 30px; /* Kích thước chữ cho tiêu đề */
}

@media (max-width: 768px) {
  .img.img3 {
    max-width: 25%; /* Hình ảnh sẽ chiếm toàn bộ chiều rộng trên di động */
  }

  .test {
    font-size: 18px; /* Kích thước chữ cho mobile */
  }

  .flex-col {
    width: 50%; /* Mỗi khối sẽ chiếm 50% chiều rộng, tạo 2 khối trên mỗi hàng */
  }
}
.pt-40{
  padding-top: 40px;
}
.fw-normal{
  font-weight: normal;
}
.no-wrap {
  white-space: nowrap; /* Ngăn không cho xuống dòng */
}
.fw-bold{
  font-weight: bold;
}




/*# sourceMappingURL=style.css.map */
