/* @import url("base.css"); */

/* #home {
    background-image: url('../img/header_bg.png');
} */

.header {
    height: 100%;
    position: relative;
    padding: 20px 0;
}

.header--all {
    /* height: 100%; */
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.header--logo {
    /* width: 250px; */
    height: 90px;
    display: flex;
    align-items: center;
}

.header--logo--img--text {
    align-self: center;
    display: flex;
    align-items: center;
}

.header--logo--img--text img {
    transition: transform .2s;
}

.header--logo--img--text img:hover {
    transform: scale(1.1);
}

.header--all--logo--lang {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.header--logo a img {
    width: 80px;
    height: auto;
    margin-right: 20px;
}

/* .text-logo{
    text-align: center;
} */

.header--logo__text {
    color: var(--primary);
    font-weight: 700;
    line-height: normal;
}

.header--logo__text.text-3 {
    font-size: 16px;
    font-weight: 500;
}

.header--logo__text.text-2 {
    margin: 6px 0;
    font-size: 18px;
}

.header--logo__text.text-1 {
    margin: 6px 0;
    font-size: 16px;
}

.header--right {
    display: flex;
    align-items: center;
}

.search-box_input {
    width: 300px;
    height: 35px;
    background-color: #f5f5f5;
    border: 1px solid #fff;
    font-size: 14px;
    padding-left: 38px;
    padding-right: 12px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 99rem;
    color: #93979e;
    font-weight: 400;
    /* color: #212121; */
}

.search-box_btn-search {
    position: absolute;
    top: -1px;
    left: 0;
    height: 40px;
    margin-left: 14px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    color: #757575;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header--search--lang {
    border-bottom: 1px solid #bcc1c1;
    /* height: 90px; */
    padding-bottom: 8px;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    position: relative;
}

.header--lang {
    align-items: center;
    display: flex;
    width: 93px;
    height: 35px;
    width: 82px;
    height: 35px;
    background: #415676;
}

.search-box_icon-search i {
    height: 20px;
    width: 20px;
}

.dropdown--icon {
    padding-left: 16px;
}

#searchform {
    /* width: 150px; */
    width: 100%;
    height: 35px;
    margin-right: 26px;
}

.icon-padding {
    padding-left: 16px;
}

.lang-box .dropdown-menu a {
    color: #fbf9f2;
}

.lang-box .dropdown-menu {
    background-color: var(--third);
}

.lang-box .dropdown-item.active,
.lang-box .dropdown-item:active {
    background-color: var(--third);
}

.lang-box.dropdown-item:focus,
.lang-box .dropdown-item:hover {
    background-color: var(--third);
}

.lang-box a:hover {
    color: #fbf9f2 !important;
}

.hr {
    width: 270px;
    position: absolute;
    right: 0;
    height: 1px;
    background: #bcc1c1;
}

.hr--blue {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 299px;
    height: 1px;
    background: var(--primary);
}

.banner {
    /* height: 400px; */
    width: 100%;
    position: relative;
    /* height: 400px; */
}

#searchbanner {
    position: absolute;
    top: 40px;
}

#searchbanner input {
    height: 54px;
    width: 890px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #fff;
    padding-left: 16px;
}

#searchbanner button {
    border-radius: 8px;
    position: absolute;
    right: -1px;
    height: 54px;
    width: 54px;
}

.search-icon-banner {
    font-size: 32px;
}

.search--banner--button,
.search--banner--butto:hover {
    background-color: var(--primary) !important;
    color: white;
}

/* breadcrumb */
.sect-breadcrumb {
    padding: 20px 0;
}

.fui-basic-breadcrumb .breadcrumb-list {
    padding: 0;
}

.fui-basic-breadcrumb .breadcrumb-link.active {
    color: var(--primary);
}

.fui-basic-breadcrumb .breadcrumb-list,
.fui-basic-breadcrumb .breadcrumb-link,
.fui-basic-breadcrumb .breadcrumb-list-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #3c3c3c;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.breadcrumb-list-item svg {
    color: var(--primary);
}

/* .breadcrumb-list a:first-child {
    color: var(--primary);
} */

.fui-basic-breadcrumb .breadcrumb-link:hover {
    color: #e11d48;
}

/* content */
.nav--content--text h3 {
    color: var(--primary);
    /* font-size: clamp(22px, 4vw, 32px); */
    font-weight: 700;
    font-size: clamp(16px, 4vw, 26px);
    line-height: 1.4;
}

/* right */
.nav--content-right__box {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 10px;
    background: #f5f5f5;
    margin-bottom: 16px;
}

.nav--content-right__box:hover {
    background-color: var(--primary);
    color: var(--second);
}

.nav--content-right__box:hover a {
    color: var(--second) !important;
}

.nav--content-right__box a {
    color: var(--text);
    margin: 0;
    width: 100%;
    /* text-align: center; */
}

.nav--content-right__box .quick-link-title {
    padding: 8px 16px;
}

.nav--content-right h3 {
    color: var(--primary);
    font-size: clamp(16px, 4vw, 24px);
    font-weight: 700;
}

/* end right */
.icon--item {
    margin-top: 39px;
}

.icon--item--ul ul {
    list-style: disc;
    /* margin-left: 20px; */
    padding: 0;
}

.icon--item--ul ul li {
    margin-top: 24px;
    /* text-decoration: underline; */
    text-decoration-color: var(--primary);
    transition: transform .5s;
    width: fit-content;
}

.icon--item--ul ul li:hover {
    transform: scale(1.15);
}

.button--item__button {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

.button--item {
    padding-top: 70px;
}

.button--item__button button {
    border: 1px solid var(--primary);
    ;
    height: 50px;
    width: 300px;
    color: var(--primary);
}

ul#ul--dichvu li {
    transition: ease-in .3s;
}

ul#ul--dichvu li:hover {
    margin-left: 15px;
}

/* footer */
footer {
    /* position: relative;
    background-color: #212f4a;
    min-height: 316px; */
}

footer ul {
    list-style: none;
    padding: 0;
}

footer .footer--logo img {
    width: 80px;
    height: 80px;
}

.footer {
    padding-top: 43px;
}

.footer h4 {
    color: var(--second);
    font-size: clamp(15px, 4vw, 16px);
    font-weight: 700;
}

.footer a {
    color: var(--second);
    font-size: 16px;
    font-weight: 400;
}

.footer li {
    padding-top: 21px;
    /* padding-bottom: 24px; */
}

.footer--ul__last {
    display: flex;
    gap: 4px;
    /* ok */
}

.footer--logo img:hover {
    transition: transform .2s;
    transform: scale(1.1);
}

.icon--item--box img {
    /* max-width: 72px;
    max-height: 72px; */
    height: 60px;
    width: auto;
}

.icon--item--box h5 {
    font-size: clamp(14px, 4vw, 22px);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    height: 40px;
}

/* page4 */
.section-title--page14 h4 {
    color: var(--primary);
    font-size: 32px;
    font-weight: 700;

}

.about--img img {
    width: 484px;
    height: 200px;
}

.content--justify {
    justify-content: space-between;
}

.content--justify__h3 {
    color: var(--primary);
    font-size: clamp(22px, 4vw, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 42px;
}

.content--item--box {
    /* max-width: 280px; */
    margin-bottom: 20px;
}

.content--item--box a {
    color: var(--primary);
    font-size: clamp(16px, 4vw, 20px);
    font-weight: 700;
    line-height: normal;
    /* text-decoration-line: underline; */
}

.content--item--box p {
    padding-top: 9px;
}

.nav--content--page4 {
    margin-bottom: 35px;
}

.post--relate__img img {
    /* width: 384px;
    height: 246px; */
    aspect-ratio: 384/246;
}

.post--relate {
    margin-top: 50px;
}

.post--relate__content h4 {
    padding-bottom: 13px;
    padding-top: 20px;
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.post--relate__content p {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

/* page5 */
.nav--content--text__h3 {
    padding-top: 8px;
}

.nav--content--page5 h3 {
    font-size: clamp(16px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
    margin-bottom: 18px;
}

.about--img-page5 {
    margin: 31px 0 16px 0;
}

.about--title {
    margin-top: 15px;
}

.about--title {
    color: #000;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    /* line-height: 140%; */
    /* 22.4px */
}

.about--title__color {
    margin-top: 16px;
    margin-bottom: 18px;
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-decoration-line: underline;
}

.content--item--color h3 {
    color: var(--primary);
    font-size: clamp(18px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
}

.content--item--color ul {
    /* list-style: disc; */
    margin-left: 30px;
}

.content--item--color ul li a {
    text-decoration: underline;
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 22.4px */
}

.content--item--color ul li:hover {
    transition: transform .5s;
    transform: scale(1.1);
}

.content--item--page5 {
    margin-top: 18px;
}

/* page6 */
.hr--blue--page6 {
    margin-top: 8px;
    margin-bottom: 8px;
    /* width: 886px; */
    height: 1px;
    background: var(--primary);
}

.nav--content--page6 {
    margin-top: 61px;
}

.nav--content--page6 h3 {
    color: var(--primary);
    font-size: clamp(16px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
}

.nav--content--left h3 {
    color: var(#337ab7);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nav--content-left__title {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 10px;
    background: var(--primary);
    /* width: 282px; */
    height: 36px;
    /* margin-bottom: 16px; */
}

.nav--content-left__title p {
    font-weight: 500;
    line-height: 140%;
    /* 19.6px */
    color: var(--second);
    padding: 8px 16px;
    margin: 0;
    text-align: center;
}

.nav--content-left__box a {
    color: var(--text);
    padding: 8px 16px;
    margin: 0;
    text-align: center;
}

.nav--content-left__box:hover {
    background-color: var(--primary);
}

.nav--content-left__box:hover a {
    color: var(--second) !important;

}

.nav--content-left__box {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 10px;
    background: #f5f5f5;
    /* width: 282px; */
    height: 36px;
    /* margin-bottom: 16px; */
}

.about--title__url ul {
    margin-left: 60px;
}

.about--title__url h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 22.4px */
}

.about--title__url ul li a {
    color: #3c3c3c;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 19.6px */
    text-decoration-line: underline;
}

.about--title__url ul li {
    margin-bottom: 16px;
}

.about--title__item h4 {
    font-size: clamp(18px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 28px */
}

.about--title__item p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.marrgin-title--item {
    margin-top: 52px;
}

.about--title__item h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 22.4px */
}

.about--title__item ul {
    margin-left: 35px;
}

.about--title__item li {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.info--xemthem {
    border: 1px solid #d7d6d6;
    width: 100%;
    margin-top: 26px;
}

.info--xemthem--title {
    border: 1px solid #d7d6d6;
    box-sizing: border-box;
    min-height: 50px;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    align-self: center;
}

.info--xemthem--content {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.info--xemthem--content ul {
    margin: 0;
    padding: 0 65px;
}

.info--xemthem--content ul li {
    padding: 5px 0;
}

.info--xemthem--content ul li:hover {
    transition: transform .5s;
    transform: scale(1.1);
}

.info--xemthem--content ul li a {
    text-decoration: underline;
}

.info--xemthem--footer {
    border-top: 1px solid #d7d6d6;
    background-color: #d7d6d6;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.info--xemthem--title__h4 {
    color: var(--second);
    margin: 0;
    padding-left: 30px;
}

.info--xemthem--footer a {
    margin: 0;
    padding-left: 30px;
    text-decoration: underline;
}

/* page7 */
.info--img {
    margin-left: 50px;
}

.info--img img {
    max-width: 395px;
    /* max-height: 398px; */
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.info--img--about {
    margin-left: 30px;
}

.info--img--about a {
    color: var(--primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.info--img--about h3 {
    color: var(--primary);
    font-size: clamp(18px, 4vw, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.info--img--about p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.info--img--about__button {
    margin-top: 36px;
}

.info--img--about__button button {
    padding: 16px 28px;
    margin-right: 17px;
    background-color: var(--primary);
    color: var(--second);
}

.info--img--about__button button:hover {
    background-color: var(--third);
    color: var(--second);
}

.info--page7 {
    margin-top: 87px;
}

.info--img--about__p-mar {
    margin-top: 50px;
    margin-bottom: 30px;
}

.modal--img img {
    width: 321px;
    height: 385px;
    border-radius: 10px;
}

.modal--title h5 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.modal--info h4 {
    padding-bottom: 12px;
    color: var(--primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.modal--info p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.modal--info p:last-child {
    margin-bottom: 0;
}

/* page 8 */
.menu-menu-chinh-container li a:hover {
    color: var(--third) !important;
}

.tab--page8--page9 ul a {
    color: var(--text);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.tab--page8--page9 ul li {
    padding-right: 16px;
}

.tab--page8--page9 ul li:last-child {
    padding-right: 0;
}

.pl--widget-sidebar .col-md-7 {
    margin-left: -10px;
}

.nav--menu {
    min-height: 60px;
    background-color: var(--primary);
    display: flex;
    align-items: center;
}

.tab--page8--page9 {
    margin: 30px 0;
}

.tab--page8--page9 a.active,
.tab--page8--page9 a:hover {
    border-bottom: 4px solid #cf2223;
    padding-bottom: 11px;
}

.nav--menu__ul ul {
    display: flex;
    align-items: center;
    padding: 8px 0;
    list-style: none;
    margin: 0;
    justify-content: space-between;
    overflow: auto;
    overflow-y: hidden;
    gap: 20px;
}

.nav--menu__ul ul li {
    white-space: nowrap;
}

.nav--menu__ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: var(--second);
}

.nav--menu__ul li a.active {
    padding-bottom: 7px;
    /* border-bottom: 3px solid var(--text); */
    color: var(--text);
}

/* page9 */
.nav--content--single h2 {
    font-size: clamp(22px, 4vw, 32px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 44.8px */
}

.nav--content--page8--img___left img {
    aspect-ratio: 8/5;
}

.nav--content--page8--img___left h3 {
    color: #3C3C3C;
    margin-top: 15px;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 39.2px */
}

.nav--content--page8--img___right img {
    /* max-width: 223px;
    max-height: 139px; */
    aspect-ratio: 8/5;
}

.nav--content--page8--img___right p {
    color: #3C3C3C;
    margin-top: 10px;
    margin-bottom: 38px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.nav--content--left__img {
    margin-bottom: 28px;
}

.nav--content--left__img img {
    width: 100%;
    height: auto !important;
}

.item--post {
    margin-top: 30px;
}

.item--post__img {
    margin-bottom: 40px;
    /* padding-right: 40px; */
}

.item--post__img img {
    aspect-ratio: 75/47;
}

.hr--blue--page8 {
    margin-top: 8px;
    margin-bottom: 8px;
    width: 100%;
    height: 1px;
    background: #d2d2d2;
}

.tieudiem {
    background-color: orangered;
    height: 30px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-bottom: 20px;
}

.tieudiem h5 {
    margin: 0;
    color: var(--second);
    font-size: 15px;
}

.item--post__text h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #000;
}

.item--post__text .short_desc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.item--post__text .meta {
    margin-bottom: 12px;
}

.item--post__text .time {
    font-size: 12px;
    color: #777;
}

.post--noibat {
    margin-top: 50px;
}

.post--noibat__img img {
    aspect-ratio: 8/5;
}

.post--noibat__text a {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    color: #000;
    /* 28px */
}

.post--noibat__big--text {
    margin-top: 14px;
}

.post--noibat__small--img img {
    aspect-ratio: 11/7;
}

.hr--mar {
    margin-top: 40px;
    margin-bottom: 20px;
}

/* side bar */
/* sidebar */
.widget-sidebar {
    margin-bottom: 30px;
}

.widget-sidebar--title {
    background: #ebebeb;
    /* color: #fff; */
    /* font-size: 15px; */
    /* text-transform: uppercase; */
    padding: 10px;
    font-weight: 600;
    margin-bottom: 0px;
}

.content-search {
    border: 1px solid #ededed;
    padding: 10px 0;
    background: #f5f3f3;
}

.widget-sidebar--title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.widget-sidebar--title p {
    margin: 0;
    color: #827d7d;
    font-size: 12px;
}

.widget-sidebar--title h5 {
    margin: 0;
    font-size: 16px;
}

.widget-sidebar__img img {
    width: 124px;
    height: 80px;
}

/* page9 */
.nav--content--single {
    margin-top: 40px;
}

.nav--content--single--info h5 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 22.4px */
}

.blog-social {
    padding-bottom: 15px;
    border-bottom: 1px dotted #d9d9d9;
}

.fb_iframe_widget {
    display: inline-block;
    position: relative;
}

.fb_iframe_widget {
    margin-right: 5px;
    display: flex !important;
}

.nav--content--single--chuthich {
    background-color: #d2d2d2;
    height: 50px;
    display: flex;
    align-items: center;
    margin-bottom: 26px;
}

.nav--content--single--chuthich p {
    font-weight: 500;
    margin: 0;
    padding-left: 20px;
}

.nav--content--single--link a {
    display: block;
    color: var(--primary);
    font-size: clamp(16px, 4vw, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    /* 28px */
}

.all--befor--title {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
}

.nav--content--single--recording audio {
    height: 30px;
}

.hr--dashed {
    margin-top: 20px;
    border: 1px dotted #b6b6b6;
}

.single-blog-meta {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.single-blog-arthur {
    color: #fd5d00;
    font-weight: 500;
}

.single-blog-time {
    display: inline;
    margin-left: 10px;
}

.tinchuyenmuc__time {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.tinchuyenmuc__time h4 {
    font-size: 26px;
    margin: 0;
}

.tinchuyenmuc__time p {
    margin: 0;
}

.tinchuyenmuc__time span {
    padding: 0 5px;
}

.seclect--time select {
    height: 26px;
}

.tinchuyenmuc__time button {
    border-radius: 5px;
    border: none;
    background-color: #616e7d;
    color: var(--second);
    font-size: 16px;
    padding: 3px 25px;
}

/* Thiết lập phông chữ và màu sắc cho nút */
.email-button-icon {
    color: var(--primary);
}

.email-button {
    align-items: center;
    background-color: #000;
    font-size: 12px;
    border-radius: 3px;
    cursor: pointer;
    padding: 0px 8px;
    display: flex;
    height: 20px;
    /* color: ; */
}

.email-button-icon {
    color: var(--second);
}

/* Căn giữa nút theo chiều ngang và chiều dọc */

.hr--page9 {
    margin-top: 26px;
    margin-bottom: 20px;
}

.button--tag {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 40px;
}

.button--tag a {
    margin-top: 10px;
    margin-right: 5px;
    display: inline-flex;
    align-items: center;
    background-color: #e4e3e3;
    color: #474646;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
    transition: background .3s, color .3s;
    -webkit-transition: background .3s, color .3s;
    -moz-transition: background .3s, color .3s;
}

.button--tag a:hover {
    background: #555;
    color: #fff;
}

.img--qc--page9__img {
    margin-left: 20px;
}

/* page 10 */
.medical-menu img {
    width: 34px;
    height: auto;
    margin-bottom: 5px;
}

.medical-menu .nav {
    flex-wrap: nowrap;
    gap: 25px;
    overflow-x: auto;
    overflow-y: hidden;
    /* overflow: hidden; */
    padding: 12px 5px;
    /* flex: 1; */
    /* justify-content: space-between; */
}

.medical-menu .nav .nav-item {
    white-space: nowrap;
}

.tab--page10--menu {
    justify-content: space-between;
    text-align: center;
    align-content: center;
    min-height: 95px;
    /* display: flex; */
    flex-wrap: wrap;
    margin: 20px 0;
    gap: 20px;
}

.tab--page10--menu button {
    align-items: center;
    text-align: center;
    border-radius: 10px;
    align-self: center;
    display: flex;
    justify-content: center;
    padding: 10px 20px;
}

.tab--page10--menu a {
    padding-bottom: 5px;
    color: var(--text);
    font-size: 16px;
}

.tab--page10--menu li:hover {
    transition: transform .5s;
    transform: scale(1.1);
}

.tab--page10--menu a.active {
    border-bottom: 3px solid var(--primary);
}

/* .tab--page10--menu ul .nav-item {
    padding: 20px 12px;
} */

.nav--tab {
    min-height: 70px;
    display: flex;
    align-items: center;
}

.medical-item {
    display: flex;
    flex-direction: column;
}

.medical-item-img {
    margin-bottom: 12px;
    position: relative;
}

.medical-item-img img {
    aspect-ratio: 1;
    border-radius: 12px;
    object-fit: cover;
}

.medical-item-detail {
    display: grid;
    column-gap: 8px;
    row-gap: 4px;
}

.medical-item-detail .item-name {
    color: var(--primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    flex: 1;
}

.medical-item-detail .item-address {
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    /* color: rgb(113, 113, 113); */
    color: black;
}

.medical-item-detail .item-star {
    font-size: 14px;
    /* grid-row: 1;
    grid-column: -2/-1;
    justify-self: end;
    display: block; */
}


/* .product--item--body__icon {
    color: rgb(243, 243, 36);
    padding-bottom: 32px;
} */

/* page 11 */
.box--content--page11--muc {
    margin-top: 20px;
}

.contact-item label {
    color: var(--text);
    font-size: 16px;
    font-weight: 700;
}

.content--page11--muc {
    margin-top: 30px;
}

.content--page11--muc__icon--text {
    align-items: center;
    display: flex;
    margin-bottom: 19px;
}

.content--page11--muc__icon--text p {
    font-weight: 500;
    margin: 0 20px;
}

.content--page11--muc__icon--text i {
    font-size: 25px;
}

.content--page11--content ul {
    padding-left: 30px;
}

.about--cmt p {
    text-decoration: underline;
}

.nav--content--text--h3 {
    color: var(--primary);
    font-size: clamp(20px, 4vw, 28px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 17px;
}

.all--start--cmt--address {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.start--cmt--address {
    flex-wrap: wrap;
    margin-bottom: 20px;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
}

.share--save {
    display: flex;
    flex-wrap: wrap;
    text-decoration: underline;
}

.share--save a {
    color: #343a40;
}

.about--start a {
    color: #FFE607;
    /* padding-right: 6px; */
}

.about--mr {
    margin-right: 18px;
}

.share--a {
    margin-right: 15px;
}

.grid-container {
    display: grid;
    grid-template-areas:
        "item--one item--one item--two item--three"
        "item--one item--one item--four item--five";
    grid-template-columns: repeat(4, 1fr);
    /* 4 cột */
    grid-gap: 15px;
    /* Khoảng cách giữa các ô */
}

.item--one {
    grid-area: item--one;
}

.item--two {
    grid-area: item--two;
}

.item--three {
    grid-area: item--three;
}

.item--four {
    grid-area: item--four;
}

.item--five {
    grid-area: item--five;
}

.content--page11 {
    margin-top: 26px;
}

.css--btn {
    margin-top: 15px;
    border-radius: 8px;
    background-color: #fff;
    padding: 10px;
    border-color: #818181;
}

.start--black {
    color: #000;
}

/* form page11 */
.bt-form-contact-simple {
    display: flex;
    gap: 40px;
    /* border-radius: 10px;
  background-color: #E2E9EF; */
}

.bt-form-contact-simple .contact-item {
    background-color: #e2e9ef;
    border-radius: 16px;
    flex: 1;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    padding: 28px;
}

.bt-form-contact-simple .contact-title {
    color: var(--primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.bt-form-contact-simple .form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bt-form-contact-simple .form-group-wrap {
    /* display: flex; */
    /* align-items: center;
  gap: 20px; */
}

.bt-form-contact-simple .form-group {
    width: 100%;
}

.bt-form-contact-simple .form-content,
.bt-form-contact-simple .form-input {
    /* width: 320px; */
    padding: .5rem 1rem;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background-color: white;
    font-size: 16px;
}

.bt-form-contact-simple .form-content {
    height: 150px;
    resize: none;
}

.bt-form-contact-simple .form-content::-webkit-scrollbar {
    width: 5px;
}

.bt-form-contact-simple .form-content::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
}

.bt-form-contact-simple .form-btn-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bt-form-contact-simple .form-btn {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: white;
    font-weight: 500;
    border-radius: 8px;
    user-select: none;
    cursor: pointer;
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.bt-form-contact-simple .form-btn:hover::before {
    left: auto;
    right: 0;
    width: 100%;
}

.bt-form-contact-simple .form-btn::before {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #fff;
    opacity: 0.1;
    z-index: -1;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bt-form-contact-simple .form-btn--submit {
    margin: 0 auto;
    background-color: var(--primary);
    /* margin-bottom: 20px; */
}

.bt-form-contact-simple .form-btn--reset {
    background-color: #94a3b8;
}

.bt-form-contact-simple .info-list {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bt-form-contact-simple .info-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.bt-form-contact-simple .info-item span {
    font-weight: 600;
    margin-right: 5px;
}

.bt-form-contact-simple .google-map {
    margin-top: 40px;
}

.bt-form-contact-simple .google-map iframe {
    width: 100%;
    height: 300px;
    border-radius: 8px;
}

/* end form */
.comment {
    flex-wrap: wrap;
    display: flex;

    padding-top: 30px;
}

.comment p {
    margin-right: 0.5rem !important;
    margin-bottom: 0;
}

.avatar {
    /* border-radius: 50%; */
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.comment-time {
    font-size: 16px;
    color: #888;
}

.border--danhgia {
    margin: 10px;
    border-top: 4px solid black;
    width: 100px;
}

.content--danhgia {
    margin-top: 70px;
    margin-bottom: 70px;
}

.content--danhgia__text {
    flex-wrap: wrap;
    display: flex;
}

.all--border--text {
    margin-left: 100px;
    display: flex;
}

.light--border {
    background-color: #fff;
    margin-top: 20px;
    border-radius: 8px;
    border-color: #8c8d8f;
    padding: 10px;
}

.comment-content {
    /* padding-left: 10px; */
    max-width: 370px;
    margin-bottom: 0.5rem;
}

.text--a--xemthem {
    text-decoration: underline;
    color: #000;
}

.text--a--xemthem i {
    padding-left: 7px;
}

.medical-map {
    padding-bottom: 30px;
}

.medical-map .map iframe {
    width: 100%;
    height: 600px;
    margin-top: 10px;
}

/* page 12 */
.thcb {
    margin-top: 30px;
}

.thcb-item {
    display: flex;
    border-bottom: solid 1px #ccc;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.thcb-box {
    padding-left: 20px;
}

.thcb-box h5 {
    text-decoration: underline;
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
}

.thcb-box .label {
    display: inline;
    padding: 4px 6px 4px;
    font-weight: 700;
    /* line-height: 1; */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-width: 0 0 0 4px;
    border-radius: 0;
    border-style: solid;
}

.thcb-box .ar-type {
    color: #555;
    padding-left: 5px;
}

.label-danger {
    background: #f3e9e8;
    border-color: #d3080c;
    color: #000;
}

.label-info {
    background: #d7faff;
    border-color: #269abc;
    color: #000;
}



.muc--content--item__i {
    align-items: center;
    justify-content: center;
    display: flex;
    background-color: green;
    border-radius: 50% 50% 0 50%;
    height: 36px;
    width: 140px;
}

.muc--content--item__i i {
    font-size: 20px;
    align-self: center;
    color: #fff;
}

.widget-color {
    border: 1px solid #cac7c7 !important;
}

.widget-color .content-search {
    padding: 20px;
    background-color: #fff !important;
    border-top: 1px solid #cac7c7 !important;
}

.widget-sidebar__text {
    flex-wrap: wrap;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.widget-sidebar__text:last-child {
    margin-bottom: 0px;
}


.widget-sidebar__number {
    font-weight: 600;
    color: #fff;
    background-color: #6b6969;
    padding: 4px 10px;
    border-radius: 18px;
    margin-left: 25px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #6f6f6f;
    border-radius: 1em;
    line-height: 1em;
}

/* pagination */
.pagination .page-item .page-link {
    color: black;
    /* float: left; */
    padding: 8px 16px;
    text-decoration: none;
    /* border: 1px solid #ddd; */
}

.pagination .page-item.active .page-link {
    background-color: var(--primary);
    color: white;
    border: 1px solid var(--primary);
}

/* .pagination {
  display: inline-block;
} */
/* .pagination--border {
    margin-top: 30px;
}

.pagination {
    justify-content: center;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
}

.pagination a.active {
    background-color: var(--primary);
    color: white;
    border: 1px solid var(--primary);
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.pagination a:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination a:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
} */

/* page 13 */
.table--product {
    margin-bottom: 40px;
    margin-top: 16px;
}

.table--product h4 {
    color: var(--primary);
    font-size: clamp(16px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 24px;
}

.hr--bg--blue--page13 {
    margin-bottom: 12px;
    border: 3px solid var(--primary);
    width: 200px;
}

.table--page13,
td,
th {
    border: 1px solid #dcdcdc;
    text-align: left;
}

.table--page13 thead {
    background-color: var(--primary);
    color: var(--second);
}

.content--problem h4 {
    color: var(--primary);
    font-size: clamp(16px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 16px;
}

.content--you--do h4 {
    color: var(--primary);
    font-size: clamp(16px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 16px;
}

.content--you--do ul li {
    padding-bottom: 24px;
}

.content--you--do ul {
    padding-left: 10px;
}

/* page 14  */
/* FAQ */
/* FAQs */
.section-title {
    line-height: 1.32;
    margin: 80px 0 32px;
    font-size: clamp(20px, 4vw, 26px);
    font-weight: 700;
    color: var(--primary);
}

.section-faq .section-content {
    background: #fff;
}

/* .section-faq-desktop .section-content-collapse {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 0 24px;
} */
/* .section-faq .collapse-item:first-child {
  border-top: none;
} */
/* .section-faq .collapse-item:last-child {
  border-bottom: none;
} */
.klk-collapse-item {
    border-radius: 8px;
    border: 1px solid #dbd3d3;
    /* display: flex; */
    /* align-items: flex-start; */
    background-color: #f6f6f6;
    margin-top: 20px;
    /* border: 1px solid #dbd3d3; */
}

.klk-collapse-item-title h5 {
    color: var(--primary);
    font-size: clamp(16px, 4vw, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0 !important;
}

.klk-collapse-item-main {
    max-width: 100%;
    flex-grow: 1;
}

/* .klk-collapse-item-header {
  border-bottom: 1px solid #dbd3d3;
} */

.klk-collapse-small .klk-collapse-item-header-inner {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    /* margin-right: 6px; */
}

.klk-collapse-item-header-inner i {
    padding-left: 15px;
}

.klk-collapse-item-title-wrapper {
    padding-left: 10px;
    flex-grow: 1;
    word-break: break-word;
}

.klk-collapse-small .klk-collapse-item-ctrl-btn {
    margin-left: 20px;
    font-size: 16px;
    min-width: 16px;
}

.klk-collapse-item-content {
    border-top: 1px solid rgb(219, 211, 211);
    transition: transform 0.2s;
    display: none;
}

.klk-collapse-small .klk-collapse-item-content-inner {
    padding-bottom: 20px;
    padding-right: 6px;
}

.klk-markdown {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #212121;
}

.klk-markdown ol {
    list-style-type: decimal;
}

.klk-markdown ol,
.klk-markdown ul {
    margin: 0;
    padding: 0 0 0 16px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
}

.klk-markdown ol>li,
.klk-markdown ul>li {
    margin-bottom: 12px;
}

.klk-markdown p {
    margin: 0 0 12px;
}

.klk-collapse-item-main-toggle {
    /* border-radius: 8px; */
    /* border: 1px solid #dbd3d3; */
    max-width: 100%;
    flex-grow: 1;
}

.klk-markdown-backgroud {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 22.4px */
    padding: 16px;
    border-radius: 2px;
}

.klk-markdown-backgroud a {
    color: #2073f9;
}

.horizontal-align {
    display: flex;
    align-items: center;
}

.content--table--sort {
    margin-top: 40px;
    margin-bottom: 30px;
    /* display: flex;
    flex-wrap: wrap; */
}

/*  */
.content--table--page14 p {
    margin-bottom: 0;
}

.content--td--page14 {
    max-height: 68px;
    /* Điều chỉnh chiều cao tối đa bạn muốn hiển thị ban đầu */
    overflow: hidden;
}

.content--td--page14.expanded {
    max-height: none;
}

.content--td--page14 p {
    margin-bottom: 0;
}

.tab--table--page14 p {
    margin-bottom: 0;
}

#show-more--page14 {
    cursor: pointer;
    color: var(--primary);
}

.table--page14,
td,
th {
    border: 1px solid #dcdcdc;
    text-align: left;
    vertical-align: middle;
}

.table--page14 thead {
    background-color: #b6b6b6;
}

/* page15 */
.content--text--page15 ul {
    padding-left: 30px;
}

.about--title__item ol li ol[type="a"] {
    padding-left: 25px;
}

.about--title__item ol {
    padding-left: 20px;
}

/* page 16 */
#search--page16 input {
    height: 54px;
    width: 741px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #b0aeae;
    padding-left: 16px;
}

#search--page16 button {
    border-radius: 8px;
    height: 54px;
    width: 54px;
    position: absolute;
}

.content--page16 {
    margin-top: 34px;
}

.content--page16 .nav--content--text h3 {
    padding-bottom: 16px;
}

.nav--content--about {
    margin-top: 25px;
}

.comment-content--w {
    width: 100% !important;
    padding-left: 77px;
}

.commet-info--one {
    flex-wrap: wrap;
    display: flex;
}

.comment a {
    /* margin: 0.5rem; */
}

.comment-info {
    padding-left: 30px;
}

.hr--border-pag16 {
    height: 1px;
    border: 1px solid #dcdcdc;
}

.pagination--page16 {
    justify-content: flex-end !important;
}

.show--input select {
    width: 50px;
    height: 30px;
}

.comment-info__first {
    color: var(--primary);
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 140%;
    /* 28px */
}

.border-pag16 {
    margin-top: 20px;
    margin-bottom: 35px;
}

/* page 17 */
h3.title--page17 {
    color: var(--primary);
    font-size: clamp(17px, 4vw, 24px);
    font-weight: 700;
}

.button--page17 {
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-end;
}

.box--page--17 .comment--img img {
    width: 64px;
    height: 64px;
}

.box--page--17 .comment--img {
    justify-content: center;
    width: 80px;
    height: 80px;
    align-items: center;
    display: flex;
    border-radius: 50%;
    background-color: #f5f0e8;
}

.button--page17 button {
    margin: 22px 0 13px 3px;
}

.button--page17__btn1 {
    border-color: #1667d5;
    color: #1667d5;
}

.button--page17__btn2 {
    border-color: #e90011;
    color: #e90011;
}

.captcha-container {
    flex-wrap: wrap;
    display: flex;
}

.captcha-container #refresh {
    background: var(--primary);
    color: white;
}

.captcha-container #captcha {
    /* justify-content: center;
    align-items: center;
    width: 150px;
    display: flex;
    border-radius: 8px;
    margin-left: 10px;
    border: 1px solid #c9c9c9;
    padding: 2px 15px 0 15px; */
    /* /* background-color: #dedddd */
}

.form-control--w {
    margin-bottom: 10px;
}

.form--page17 {
    border-radius: 5px;
    padding: 25px;
    border: 1px solid #c8c6c6;
}

.form--page17 h5 {
    padding-bottom: 20px;
}

/* page19 */
.nav--content--text--page19 {
    display: flex;
    margin-bottom: 34px;
}

.nav--content--text--page19 p {
    padding-left: 20px;
}

.nav--content--text--page19 i {
    font-size: 16px;
    color: var(--second);
}

.border--icon--page19 {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 32px;
    height: 32px;
    background: var(--primary);
    border-radius: 50%;
}

.nav--content--text__text p {
    padding-top: 5px;
}

.form--page19 {
    margin-top: 32px;
}

.form--page19 button {
    width: 100%;
    padding: 13px 0;
}

/* page18 */

input[type="file"]::file-selector-button {
    margin-right: 20px;
    border: 1px solid var(--primary);
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    color: var(--primary);
    cursor: pointer;
    transition: background 0.2s ease-in-out;
}

.form--tiepnhan {
    background-color: #85b5df1a;
    /* margin-top: 20px; */
    border-radius: 8px;
}

.form--tiepnhan button {
    border-radius: 8px;
    padding: 10px 35px;
}

.form--tiepnhan input[id="inputBaomat"] {
    margin-bottom: 15px;
}

.form--tiepnhan .form-group {
    margin-bottom: 30px;
}

.form--tiepnhan label {
    color: #3c3c3c;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.form--tiepnhan input {
    border-radius: 8px;
}

.form--tiepnhan form {
    padding: 15px;
}

.form--tiepnhan h4 {
    margin-bottom: 34px;
    color: var(--primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.form--tiepnhan .form-check-label {
    color: #3c3c3c;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.widget-sidebar__page18 {
    justify-content: space-around;
    display: flex;
    align-items: center;
}

.widget-sidebar__page18--icon {
    font-size: 32px;
}

.widget-sidebar__page18--color1 {
    color: #6fcc6f;
    font-size: 26px;
}

.widget-sidebar__page18--color2 {
    color: #d4af34;
    font-size: 26px;
}

.widget-sidebar__page18--p p {
    margin-bottom: 0rem !important;
}

.widget-sidebar--title--page18 {
    padding-left: 17px;
}

.check--mt--radio {
    margin-top: 16px;
}

.form--tiepnhan textarea {
    border-radius: 8px;
}

.form--tiepnhan .captcha-container #captcha {
    align-items: center;
    display: flex;
    border-radius: 8px;
    margin-left: 10px;
    border: 1px solid #c9c9c9;
    padding: 5px 15px 5px 15px;
    background-color: #fff;
}

.form--tiepnhan #refresh {
    background: var(--primary);
    color: white;
}

/* page16.1 */
.boloc--page h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.form--button--item {
    border-radius: 8px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
}

.form--button--item form .form-check {
    margin-bottom: 1rem;
}

.form--button--item h4 {
    /* margin-top: 20px; */
    margin-bottom: 1rem;
}

.all--boloc--box--item {

    border-radius: 8px;
    border: 1px solid #d3d3d3;
    display: flex;
    width: 299px;
    height: 98px;
}

.boloc--box--item:first-child {
    color: var(--second);
}

.boloc--box--item p {
    padding-left: 20px;
    text-align: center;
    width: 80%;
    margin-bottom: 0 !important;

}

.boloc--box--item {
    width: 98px;
    height: 98px;
    padding: 5px;
}

.boloc--box--item:first-child {
    background-color: var(--primary);
    border-right: 1px solid #d3d3d3;
}

.boloc--box--item:nth-child(2) {
    border-right: 1px solid #d3d3d3;
}

.hr--boloc {
    background: #aaa9a9;
    width: 40px;
    height: 3px;
    align-self: center;
}

.boloc--box--3--lag {
    flex-wrap: wrap;
    display: flex;
    height: 43px;
    width: 174px;
    /* padding: 17px 38px; */
    align-items: center;
    background-color: var(--primary);
    border-radius: 100px;
}

.boloc--box--3--lag p {
    margin: 0 auto;
    color: var(--second);
}

.boloc--box--3--small {
    justify-content: center;
    display: flex;
    width: 61px;
    height: 43px;
    padding: 17px 38px;
    align-items: center;
    border-radius: 100px;
    border: 1px solid #dcdcdc;
    background: #fff;
}

.boloc--box--3--box {
    margin-top: 30px;
    margin-bottom: 30px;
}

.boloc--box--4__box {
    padding: 20px;
    width: 153px;
    height: 115px;
    border-radius: 16px;
    border: 1px solid #dcdcdc;
    background: #fff;
}

.boloc--box--4__box p {
    margin-top: 30px;
}

.boloc--box--4__box i {
    font-size: 24px;
}

.boloc--box--5 {
    margin-top: 30px;
}

.all--boloc--box--5 {
    display: flex;
}

.boloc--box--5__box {
    margin-right: 50px;
}

.boloc--box--5__box .form-check {
    margin-bottom: 30px;
}

.boloc--box--6--btn {
    margin-top: 50px;
}

/* check on of */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked+.slider {
    background-color: #2196f3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196f3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.boloc--box--6__box {
    display: flex;
    justify-content: space-between;
}

.boloc--box-6--df {
    display: flex;
    justify-content: space-between;
}

/* home */
.slick--item--home {
    /* background-color: var(--bg-default); */
    background-color: white;
}

.nav--content--slider {
    /* min-height: 390px; */
    padding: 80px 0px;
}

.div--card--box {
    padding: 25px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    background-color: #fff;
    cursor: pointer;
}

.content--slider--img {
    border-radius: 50%;
    background-color: #fff;
    /* width: 50px; */
    margin: 0 auto;

}

.content--slider--img img {
    transition: transform .3s;

}

.content--slider--img img:hover {
    transform: scale(1.3);
}

.div--card--box h5 {
    padding-top: 10px;
    color: var(--primary);
    font-weight: 600;
    font-size: 16px;
}

.div--card--box a {
    color: black;
}

.card-home {
    background-image: url("https://cdn.shopify.com/s/files/1/0408/5792/7834/files/redux-bg-A-4_522x.jpg") !important;
    color: white !important;
}

.cards-icons {
    background: -webkit-linear-gradient(#5ea7eb, #438dd1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: -10%;
}

.cards-equipos {
    background-image: url("https://cdn.shopify.com/s/files/1/0408/5792/7834/files/Better_400x.jpg") !important;
    color: white !important;
}

.my__img {
    height: 120px;
    width: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.custom__button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -33px;
}

.border--text--right {
    border-radius: 20px;
    border: 1px solid #c1c0c0;
    background-color: #f7f8fd;
    height: 350px;
    padding: 25px;
    /* display: flex;
  justify-content: center; */
    /* align-items: center; */
}

.dichvu--thongtin {
    padding-top: 50px;
    padding-bottom: 70px;
}

.dichvu--thongtin--h4 {
    padding-bottom: 70px;
    font-size: clamp(20px, 4vw, 26px);
    font-weight: 700;
    color: var(--primary);
}

.border--text__box .border--text__box__title {
    font-size: 25px;
    font-weight: 600;
    color: #0e579b;
}

.border--text__box {
    padding: 20px;
    border-radius: 20px;
    position: relative;
}

/* Thiết lập màu nền của thanh scrollbar */
/* Tùy chỉnh thanh cuộn và khoảng cách từ biên */
.border--text__box::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
    /* Để thanh cuộn trong suốt */
}

.border--text__box::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}

.border--text__box::-webkit-scrollbar-track {
    background: transparent;
    /* Để thanh cuộn trong suốt */
}

.border--text__box::-webkit-scrollbar-corner {
    background: transparent;
    /* Để thanh cuộn trong suốt */
}

/* --------end thanh cuộn----------- */
.border--text__box .border--text__box__title {
    padding-bottom: 7px;
}

/* Handle */

.simplebar-scrollbar.simplebar-visible:before {
    background-color: blue;
    /* Đặt màu xanh blue */
}

.simplebar-track.simplebar-vertical {
    /* background-color: #c1c0c0;  */
}

.box--canbo {
    background-image: url('../img/header_bg.png');
    min-height: 530px;
}

.xem--canbo {
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
}

.xem--canbo h4 {
    font-size: clamp(20px, 4vw, 26px);
    font-weight: 700;
    color: var(--primary);
}

.border--text--right h4 {
    color: rgb(228, 145, 20);
    font-weight: 600;
    font-size: clamp(12px, 4vw, 20px);
    padding-bottom: 10px;
}

.canbo--slider p {
    color: rgb(228, 145, 20);
}

.canbo--slider .card a {
    color: var(--text);
}

.hr--home {
    background-color: #fcfbfb;
    height: 1px;
}

.xem--canbo--p h4 {
    font-size: clamp(18px, 4vw, 27px);
    font-weight: 600;
}

.home--klk h5 {
    padding-left: 20px;
    font-size: clamp(14px, 4vw, 16px) !important;
}

form.example input[type="text"] {
    padding: 10px;
    font-size: 17px;
    float: left;
    width: 85%;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    background: #fff;
}

form.example button {
    float: left;
    width: 7%;
    padding: 10px;
    border-radius: 8px;
    background: var(--primary);
    color: white;
    font-size: 17px;
    border: 1px solid #dcdcdc;
    border-left: none;
    cursor: pointer;
    border-radius: 8px;
}

form.example button:hover {
    background: #05243d;
}

form.example::after {
    content: "";
    clear: both;
    display: table;
}



/*  */
.in--show--button--item {
    margin: 20px;
}

.in--show--button--item button {
    margin: 20px 0;
}

.search--header--home {
    position: relative;
}

.items ul {
    display: block;
    line-height: 35px;
}

.items ul a {
    color: var(--text);
}

.items ul a.active {
    font-weight: 700;
    font-size: 17px;
}

.text--scroll--border ul a {
    color: var(--text);
    /* line-height: 30px; */
}

.text--scroll--border ul li {
    padding-bottom: 5px;
}

.text--scroll--border {
    padding-left: 3px;
    padding-right: 5px;
    height: 100%;
    border-right: 1px solid rgb(211, 211, 211, 0.3);
}

.text--scroll--border li {
    /* font-size: 15px; */
    transition: transform .2s;
}

.text--scroll--border li:hover {
    transform: scale(1.1);
}

#thucpham .text--no--border {
    border-right: none;
}

.xem--canbo--p ul {
    display: block;
    line-height: 30px;
}

.xem--canbo--p ul a {
    font-size: 16px;
    color: var(--text);
}

/* .xem--canbo--p ul a:active{
  text-decoration: underline;
} */
.xem--canbo--p ul a.active {
    font-weight: 600;
    text-decoration: underline;
}

.FQ--home {
    margin-bottom: 100px;
}

.FQ--home i {
    padding-right: 20px;
}


.klk-markdown-backgroud {
    padding: 40px;
}

.klk-markdown-backgroud h5 {
    color: rgb(255, 166, 0);
}

section.content--click .klk-markdown-backgroud>ol>li {
    padding-left: 10px;
}

.banner2 {
    margin-top: 50px;
}

.banner2 .card img {
    border-radius: 20px;
}

.banner2 #thongtinquan {
    position: absolute;
    top: 40px;
}

form.nosubmit {
    border: none;
    padding: 0;
}

.all-nosubmit {
    width: 100%;
    position: absolute;
    bottom: 62px;
    padding: 0px 100px;
}

.all-nosubmit h3 {
    color: var(--second);
    font-weight: 700;
    padding-bottom: 20px;
}

form.nosubmit {
    border: none;
    padding: 0;
    border-radius: 4px;
    background-color: #fff;
}

input.nosubmit {
    border-radius: 4px;
    border: 1px solid white;
    width: 100%;
    padding: 12px 4px 12px 40px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
    box-shadow: #ffffffd2 0px 0px 8px;
}

.bl--h4 {
    padding-left: 8px;
    border-left: 5px solid #ff7502;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

h4.h4--page13 {
    color: var(--primary);
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 24px;
}