@charset "UTF-8";

/**
* 1. Common style
* -------------------------------------------------------------------
*/

@font-face {
    font-family: 'TitilliumWeb-BoldItalic';
    src: url('./../fonts/T-TITILLIUMWEB2-BOLDITALIC.TTF') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TitilliumWeb-Light';
    src: url('./../fonts/T-TITILLIUMWEB2-LIGHT.TTF') format('truetype');
    font-weight: lighter;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

html {
    overflow: visible;
    overflow-y: auto;
    overflow-x: hidden;
}

body {
    /* font-family: 'Be Vietnam Pro', sans-serif; */
    font-family: "TitilliumWeb-Light", serif;
    line-height: 1.3;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #000;
}

/* @media screen and (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
} */

.primary-color,
.btn-white,
.service-package__lists .item__foot a,
.service-package__lists .item__foot button,
.page-breadcrumb ul li a:hover,
.item-child-menu li:hover:before,
.mega-menu__list ul li:hover:before,
.primary-menu li:not(.mega-menu) ul li:hover:before,
.item-child-menu li:hover>a,
.mega-menu__list ul li:hover>a,
.primary-menu li:not(.mega-menu) ul li:hover>a,
.introduce__wrap .item__icon i,
.service__content .item--empty:hover a,
.news__list__big .item:hover .item__title,
.news__list__small .item__readmore,
.news__list__small .item:hover .item__title,
.service-package__lists .item__name,
.service-package__lists .item__star,
.service-package__lists .item__body ul li i,
.branch__areas .item__icon i.primary-color,
.branch__areas .item__list li a:hover,
.service-step__list .item__step__name,
.service-step__list .item__step__number,
.qa__list .item__num {
    color: #00b0f0;
}

.primary-bg-color,
.tab-mobile__title a.active,
.btn-white:hover,
.service-package__lists .item__foot a:hover,
.service-package__lists .item__foot button:hover,
.btn-main,
.btn-main-white,
.btn-gray:hover,
.btn-gray:active,
.btn-gray:visited,
.page-breadcrumb:before,
.icon-menu-mobile.active span,
.home__title h2:before,
.home-testimonial,
.service-package__slider .slick-dots li button,
.book-exam,
.service-step__list .item__circle,
.service-step__center__list .item span:before {
    background: #00b0f0;
}

.primary-bd-color,
.btn-gray:hover,
.btn-gray:active,
.btn-gray:visited,
.header__lang select {
    border-color: #00b0f0;
}

.secondary-color,
.primary-menu>li.active>a,
.primary-menu>li:hover>a,
.service__content .item--pink .item__wrap:hover i,
.news__list__small .item__readmore:hover,
.footer__menu ul li a:hover,
.footer__menu ul li a:hover i,
.footer__intro ul li a:hover,
.footer__intro ul li a:hover i {
    color: #ED1C24;
    font-weight: 700;
}

.secondary-bg-color,
.btn-secondary,
.primary-menu>li>a:before,
.header__menu__mobile .primary-menu>li.active,
.service__content .item--pink .item__wrap:before {
    /*background: #ed3893;*/
}

.secondary-bd-color {
    border-color: #ed3893;
}

.third-color,
.service__content .item--green .item__wrap:hover i,
.branch__areas .item__icon i.third-color {
    color: #00a850;
}

.third-bg-color,
.service__content .item--green .item__wrap:before,
.service-package__lists .item--green:before,
.rule__body .item:first-child .item__wrap:before {
    background: #00a850;
}

.third-bd-color {
    border-color: #00a850;
}

.four-color,
.service__content .item--yellow .item__wrap:hover i,
.service-step__list--left .item:nth-child(2) .item__step__name,
.service-step__list--left .item:nth-child(2) .item__step__number {
    color: #fecb33;
}

.four-bg-color,
.service__content .item--yellow .item__wrap:before,
.service-package__lists .item--yellow:before,
.service-step__list--left .item:nth-child(2) .item__circle,
.service-step__center__list .item:nth-child(2) span:first-child:before {
    background: #fecb33;
}

.four-bd-color {
    border-color: #fecb33;
}

.five-color,
.service__content .item--blue-dark .item__wrap:hover i,
.service-step__list--right .item:nth-child(3) .item__step__name,
.service-step__list--right .item:nth-child(3) .item__step__number {
    color: #006eba;
}

.five-bg-color,
.service__content .item--blue-dark .item__wrap:before,
.service-package__lists .item--feature .item__head:before,
.service-package__lists .item--feature .item__head:after,
.service-step__list--right .item:nth-child(3) .item__circle,
.service-step__center__list .item:nth-child(3) span:nth-child(2):before {
    background: #006eba;
}

.five-bd-color {
    border-color: #006eba;
}

.six-color,
.service__content .item--purple .item__wrap:hover i,
.branch__areas .item__icon i.six-color,
.service-step__list--right .item:first-child .item__step__name,
.service-step__list--right .item:first-child .item__step__number {
    color: #973f80;
}

.six-bg-color,
.service__content .item--purple .item__wrap:before,
.service-step__list--right .item:first-child .item__circle,
.service-step__center__list .item:first-child span:nth-child(2):before {
    background: #973f80;
}

.six-bd-color {
    border-color: #973f80;
}

.seven-color,
.service__content .item--pink-light .item__wrap:hover i,
.service-step__list--left .item:nth-child(3) .item__step__name,
.service-step__list--left .item:nth-child(3) .item__step__number {
    color: #f9a5ad;
}

.seven-bg-color,
.service__content .item--pink-light .item__wrap:before,
.service-package__lists .item--pink:before,
.service-step__list--left .item:nth-child(3) .item__circle,
.service-step__center__list .item:nth-child(3) span:first-child:before,
.rule__body .item:nth-child(2) .item__wrap:before {
    background: #f9a5ad;
}

.seven-bd-color {
    border-color: #f9a5ad;
}

.eight-color,
.service__content .item--green-light .item__wrap:hover i,
.service-step__list--right .item:nth-child(2) .item__step__name,
.service-step__list--right .item:nth-child(2) .item__step__number {
    color: #b5d434;
}

.eight-bg-color,
.service__content .item--green-light .item__wrap:before,
.testimonial .sun-slider .slick-dots li button,
.service-package__lists .item--green-light:before,
.service-package__slider .slick-dots li.slick-active button,
.service-step__list--right .item:nth-child(2) .item__circle,
.service-step__center__list .item:nth-child(2) span:nth-child(2):before,
.rule__body .item:nth-child(3) .item__wrap:before {
    background: #b5d434;
}

.eight-bd-color {
    border-color: #b5d434;
}

.primary-color-txt,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #111;
    font-size: 23px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.secondary-color-txt,
.page-breadcrumb ul li,
.home__title--2 .home__title__desc,
.introduce__wrap .item__desc,
.testimonial .sun-slider .item__desc,
.news__list__small .item__date,
.footer__fixed__address__tooltip__wrap,
.service-intro__content,
.qa__list .item__answer,
.rule__body .item__desc,
.timeline__head__desc {
    color: #666666;
}

.third-color-txt,
.news__more i,
.news__more span {
    color: #8f8f8f;
}

.four-color-txt,
.service__content .item__plus i {
    color: #D3D3D3;
}

.five-color-txt,
.qa__list .item__question__content {
    color: #444;
}

.color-dark,
.tab-mobile__title a,
.btn-gray,
.btn-gray *,
.item-child-menu li a,
.mega-menu__list ul li a,
.primary-menu li:not(.mega-menu) ul li a,
.primary-menu>li>a,
.home__title h2,
.service__content .item__title,
.testimonial .sun-slider .item__name,
.news__list__small .item__title,
.service-package__lists .item__body ul li,
.branch__areas .item__name__store,
.branch__areas .item__list li a,
.rule__body .item__title {
    color: #292929;
}

.color-light,
.tab-mobile__title a.active,
.btn-white:hover,
.service-package__lists .item__foot a:hover,
.service-package__lists .item__foot button:hover,
.btn-main,
.btn-main *,
.btn-main-white,
.btn-secondary,
.btn-secondary *,
.btn-gray:hover,
.btn-gray:active,
.btn-gray:visited,
.btn-gray:hover *,
.btn-gray:active *,
.btn-gray:visited *,
#modal_schedule_book .modal-header .close,
.home__title--light h2,
.confirm__title,
.confirm__desc,
.testimonial__nav i,
.schedule-book__title,
.schedule-book__desc,
.news__list__big .item__title,
.news__list__big .item__date,
.service-package__lists .item--feature .item__name,
.service-package__lists .item--feature .item__star i,
.service-package__lists .item--feature .item__desc,
.service-package__lists .item--feature .item__body ul li,
.service-package__lists .item--feature .item__body ul li i,
.service-package__lists .item--feature .item__foot button,
.service-package__lists .item--feature .item__foot a,
.footer__item__title,
.footer__menu ul li,
.footer__intro ul li,
.footer__menu ul li a,
.footer__intro ul li a,
.footer__menu ul li a i,
.footer__intro ul li a i,
.footer__socials ul li a i,
.service-step__center__title,
.experienced__list .item__head__icon i,
.experienced__list .item__title,
.reason__body .item__title,
.about-staff__prev i,
.about-staff__next i,
.about-staff__name,
.about-staff__position,
.about-staff__desc,
.about-staff__slider .item__name,
.about-staff__slider .item__position,
.about-count .item__number,
.about-count .item__name {
    color: #fff;
}

.bg-color-light,
.btn-white,
.service-package__lists .item__foot a,
.service-package__lists .item__foot button,
.mega-menu__main,
.primary-menu li:not(.mega-menu) ul,
.header__menu__mobile,
.home__title--light h2:before,
.service__content .item__wrap,
.testimonial .sun-slider .item,
.testimonial .sun-slider .item.slick-current:before,
.testimonial .sun-slider .slick-dots li.slick-active button,
.news__list__small,
.service-package__lists .item,
.service-package__slider .slick-dots li.slick-active button:before,
.book-exam__form,
.footer__fixed__address__tooltip__wrap,
.service-step__list .item__step,
.service-step__list .item__content,
.service-step__center__list .item span,
.qa__list .item,
.rule__body .item__wrap,
.about-staff__big__img,
.about-staff__slider .item__head {
    background: #fff;
}

.bg-color-dark,
.icon-menu-mobile span {
    background: #000;
}

.color-err {
    color: #ff0000;
}

.bg-f9,
body {
    background: #f9f9f9;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
}

input:hover,
input:focus,
input:active,
input:visited,
textarea:hover,
textarea:focus,
textarea:active,
textarea:visited,
button:hover,
button:focus,
button:active,
button:visited,
select:hover,
select:focus,
select:active,
select:visited,
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
}

.flex-center-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.center-x,
.page-breadcrumb:before {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.center-y,
.service-step__list .item__circle:before,
.about-staff__prev,
.about-staff__next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.center-xy,
.service-step__center__list .item span:before,
.experienced__list .item__body {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
}

.box-dark {
    background: #000;
}

.dark-div {
    color: #fff;
}

.dark-div h1,
.dark-div h2,
.dark-div h3,
.dark-div h4,
.dark-div h5,
.dark-div h6,
.dark-div .h1,
.dark-div .h2,
.dark-div .h3,
.dark-div .h4,
.dark-div .h5,
.dark-div .h6 {
    color: #fff;
}

.effect-transition-slow,
.header__logo {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.header__logo img {
    max-width: 180px;
}

.effect-transition-fast,
.tab-mobile__title a span.pull-right,
.icon-menu-mobile,
.icon-menu-mobile span,
.primary-menu .main-menu__submenu-button,
.primary-menu>li>a:before,
.header,
.header__nav>ul>li,
.testimonial .sun-slider .item,
.news__list__big .item img,
.experienced__list .item__head__icon,
.experienced__list .item__title,
.qa__list .item__arrow {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

.effect-hide-hover,
.experienced__list .item__title {
    visibility: hidden;
    opacity: 0;
}

.effect-show-hover,
.experienced__list .item:hover .item__title {
    visibility: visible;
    opacity: 1;
}

.hidden,
.mega-menu__main,
.icon-menu-mobile.active span:nth-child(2),
.primary-menu li:not(.mega-menu) ul,
.header__menu__mobile,
.header__menu__mobile .primary-menu .mega-menu__img,
.qa__list .item__answer {
    display: none;
}

.text-center,
.page-breadcrumb ul,
.icon-menu-mobile,
.header__lang select,
.header__menu__mobile,
.service__content .item__title,
.testimonial .sun-slider .item,
.service-package__lists .item__head,
.service-step__center__title,
.experienced__list .item__title,
.reason__body .item__title,
.rule__body .item__title,
.rule__body .item__desc,
.about-staff__big__img,
.about-count .item__wrap {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right,
.testimonial__nav,
.news__list__small .item__readmore,
.footer__fixed__hotline__content,
.footer__fixed__zalo__content,
.footer__fixed__facebook__content {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.full-box,
.slider-main .item__content,
.slider-main .item__content__img,
.testimonial .sun-slider .item:after,
.service-step:before,
.service-step__center__list,
.experienced__list .item__head:after,
.about-banner:before,
.about-staff:before {
    width: 100%;
    height: 100%;
}

.full-width,
.aspect-ratio,
.news__list__small .item__head,
.experienced__list .item__head,
.primary-menu>li.active>a:before,
.primary-menu>li:hover>a:before,
.header.sticky-hide,
.header.sticky,
.header__menu__mobile,
.service__content .item__wrap:before,
.schedule-book__banner,
.news__list__big .item:before,
.news__list__big .item__body,
.service-package__slider .slick-dots,
.service-step__center,
.rule__body .item__wrap:before,
.timeline__head {
    width: 100%;
}

.clear {
    clear: both;
}

.word-excerpt {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.word-space-pre-line {
    white-space: pre-line;
}

.display-flex,
.mega-menu__main__wrap,
.form-book-exam .form-action,
.home__title--2,
.slider-main .item__content__img,
.introduce__wrap,
.service__content .item__content,
.news__list,
.news__list__small .item,
.service-package__lists,
.service-package__lists .item__body ul li,
.branch__areas .item,
.footer__menu ul li a,
.footer__intro ul li a,
.footer__fixed__hotline__content,
.footer__fixed__zalo__content,
.footer__fixed__facebook__content,
.qa__list .item__question,
.about-intro__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.display-flex-center,
.aspect-ratio>*,
.news__list__small .item__head>*,
.experienced__list .item__head>*,
.btn-h50,
.btn-h60,
.primary-menu,
#modal_schedule_book .modal-header h5,
.home__title h2,
.slider-main .item__content,
.service__content .item__wrap,
.testimonial .sun-slider .item__body,
.testimonial .sun-slider .slick-dots,
.service-package__slider .slick-dots,
.service-package__slider .slick-dots li.slick-active button,
.footer__socials ul li a,
.footer__fixed__hotline a,
.footer__fixed__zalo a,
.footer__fixed__facebook a,
.footer__fixed__hotline__icon,
.footer__fixed__zalo__icon,
.footer__fixed__facebook__icon,
.service-step__list .item,
.service-step__list .item__step,
.service-step__center,
.service-step__center__list .item,
.reason__body .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.display-inline-block,
.aspect-ratio,
.news__list__small .item__head,
.experienced__list .item__head,
.page-breadcrumb ul li,
.home__title h2:before,
.introduce__wrap .item,
.testimonial .sun-slider .slick-dots li,
.service-package__slider .slick-dots li,
.footer__menu--half ul li,
.footer__intro--half ul li,
.footer__socials ul li {
    display: inline-block;
}

.display-table {
    display: table;
}

.display-table-full {
    display: table;
    width: 100%;
}

.display-block,
.tab-mobile__title a,
.aspect-ratio:before,
.news__list__small .item__head:before,
.experienced__list .item__head:before,
.page-breadcrumb:before,
.icon-menu-mobile span,
.primary-menu li:not(.mega-menu)>ul li:hover>ul,
.primary-menu>li>a,
.primary-menu>li>a:before,
.primary-menu>li:hover>ul,
.primary-menu>li:hover>.mega-menu__main,
.service__content .item__wrap:before,
.news__list__small .item__readmore,
.news__more i,
.news__more span,
.service-package__lists .item:before,
.service-package__slider .slick-dots li button,
.branch__areas .item__list li a,
.footer__fixed__to-top,
.footer__fixed__hotline,
.footer__fixed__zalo,
.footer__fixed__facebook,
.service-step__list .item__step__name,
.service-step__center__list .item span,
.service-step__center__list .item span:before,
.about-staff__position {
    display: block;
}

.justify-content-between,
.service-package__lists,
.branch__areas .item,
.service-step__center__list .item,
.qa__list .item__question {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-content-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-center,
.aspect-ratio>*,
.news__list__small .item__head>*,
.experienced__list .item__head>*,
.btn-h50,
.btn-h60,
.service__content .item__wrap,
.service__content .item__content,
.testimonial .sun-slider .item__body,
.testimonial .sun-slider .slick-dots,
.service-package__slider .slick-dots,
.service-package__slider .slick-dots li.slick-active button,
.footer__socials ul li a,
.footer__fixed__hotline__icon,
.footer__fixed__zalo__icon,
.footer__fixed__facebook__icon,
.service-step__list .item__step,
.service-step__center,
.reason__body .item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-end,
.form-book-exam .form-action:not(.justify-content-between):not(.service-package__lists),
.confirm__btns {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-items-end,
.about-intro__banner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.border-rd-4 {
    border-radius: 4px;
}

.border-rd-8 {
    border-radius: 8px;
}

.border-rd-10,
.mega-menu__main {
    border-radius: 10px;
}

.border-rd-20,
.footer__fixed__hotline,
.footer__fixed__zalo,
.footer__fixed__facebook {
    border-radius: 20px;
}

.border-rd-25,
.btn,
.footer__fixed__hotline__content,
.footer__fixed__zalo__content,
.footer__fixed__facebook__content {
    border-radius: 25px;
}

.border-rd-30,
.btn-h60 {
    border-radius: 30px;
}

.border-rd-50,
.header__lang select,
.testimonial .sun-slider .item__avatar,
.testimonial .sun-slider .item__avatar img,
.testimonial .sun-slider .slick-dots li button,
.service-package__lists .item--feature .item__head:after,
.service-package__slider .slick-dots li button,
.service-package__slider .slick-dots li.slick-active button:before,
.footer__socials ul li a,
.footer__fixed__hotline__icon,
.footer__fixed__zalo__icon,
.footer__fixed__facebook__icon,
.service-step__list .item__step,
.service-step__center,
.service-step__center__list,
.service-step__center__list .item span,
.service-step__center__list .item span:before {
    border-radius: 50%;
}

@media screen and (max-width: 600px) {
    .full-xs {
        width: 100% !important;
    }

    .table-xs {
        display: table;
        width: 100%;
    }
}

.text-uppercase,
.primary-menu>li>a,
.service__content .item--empty a,
.news__list__small .item__readmore,
.service-package__lists .item__name,
.service-package__lists .item__foot a,
.service-package__lists .item__foot button,
.service-step__center__title,
.service-testimonial .home__title {
    text-transform: uppercase;
}

.text-normal {
    text-transform: none;
}

.bg-fixed {
    background-attachment: fixed;
}

.margin-0,
.page-breadcrumb ul,
.primary-menu,
.introduce__wrap .item__desc p,
.confirm__desc,
.news figure,
.news__list__big .item__date,
.service-package__slider .slick-dots,
.footer__menu ul,
.footer__intro ul,
.footer__socials ul,
.footer__fixed__hotline__val,
.footer__fixed__zalo__val,
.footer__fixed__facebook__val,
.about-staff__slider .item__head,
.about-staff__slider .item__position {
    margin: 0;
}

.margin-center,
.icon-menu-mobile span,
.header__menu__mobile .header__book,
.service-intro__content,
.service-step__center,
.reason__body .item__title,
.rule__body .item__icon,
.rule__body .item__desc,
.about-staff__slider .item__head img,
.about-count .item__wrap {
    margin: 0 auto;
}

.padding-0,
.page-breadcrumb ul,
.item-child-menu,
.mega-menu__list ul,
.primary-menu li:not(.mega-menu) ul,
.primary-menu,
.header__menu__mobile .primary-menu>li,
.testimonial .sun-slider .slick-dots li button,
.service-package__slider .slick-dots,
.service-package__slider .slick-dots li button,
.footer__menu ul,
.footer__intro ul,
.footer__socials ul {
    padding: 0;
}

.border-0,
.icon-menu-mobile,
.service-package__slider .slick-dots li button {
    border: 0;
}

.cursor-pointer,
.icon-menu-mobile,
.testimonial__nav i {
    cursor: pointer;
}

@media screen and (min-width: 601px) {
    .p-l-0 {
        padding-left: 0;
    }

    .p-r-0 {
        padding-right: 0;
    }
}

.position-rel,
.aspect-ratio,
.news__list__small .item__head,
.experienced__list .item__head,
.btn,
.page-breadcrumb,
.item-child-menu li,
.mega-menu__list ul li,
.primary-menu li:not(.mega-menu) ul li,
.icon-menu-mobile span,
.primary-menu,
.primary-menu li:not(.mega-menu),
.primary-menu>li>a,
.header,
.home__title h2,
.slider-main .item__content__detail,
.slider-main .item__content__img img,
.introduce__wrap,
.service__content .item__wrap,
.testimonial__nav button,
.testimonial .sun-slider .item,
.testimonial .sun-slider .item.slick-current .item__wrap,
.schedule-book__content,
.schedule-book__img,
.news__list__big .item,
.news__list__big .item__title,
.news__list__big .item__date,
.service-package__lists .item,
.service-package__lists .item__head,
.service-package__slider .slick-dots li button,
.book-exam__content__img,
.book-exam__form,
.branch__content__wrap,
.footer__menu ul li a i,
.footer__intro ul li a i,
.footer__fixed__address,
.footer__fixed__hotline,
.footer__fixed__zalo,
.footer__fixed__facebook,
.service-step,
.service-step__list .item,
.service-step__list .item__circle,
.service-step__center,
.service-step__center__list .item,
.service-step__center__list .item span,
.experienced__list .item,
.service-testimonial,
.about-banner,
.about-banner figure,
.about-intro__banner,
.about-intro__banner img,
.about-intro__desc ul li,
.rule__body .item__wrap,
.timeline,
.about-staff__big,
.award,
.about-count,
.clinic-nearby-u {
    position: relative;
}

iframe {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .only-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .only-mobile {
        display: none !important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    padding: 0;
    letter-spacing: 0;
}

.list-style-none,
.page-breadcrumb ul li,
.primary-menu li,
.testimonial .sun-slider .slick-dots li,
.service-package__lists .item__body ul li,
.branch__areas .item__list li,
.footer__menu ul li,
.footer__intro ul li,
.footer__socials ul li,
.about-intro__desc ul li {
    list-style-type: none;
}

.font-primary {
    font-family: "Open Sans", sans-serif;
}


/*font site text*/

.font-size-normal {
    font-size: 16px;
}

.font-size-6 {
    font-size: 6px;
}

.font-size-7,
.footer__menu ul li a i,
.footer__intro ul li a i {
    font-size: 7px;
}

.font-size-8,
.news__more i,
.news__more [class^="icon-"] {
    font-size: 8px;
}

.font-size-10,
.service-package__lists .item__star {
    font-size: 10px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12,
.footer__fixed__address__tooltip__wrap,
.about-staff__slider .item__position {
    font-size: 12px;
}

@media screen and (max-width: 767px) {

    .font-size-12,
    .footer__fixed__address__tooltip__wrap,
    .about-staff__slider .item__position {
        font-size: 11px;
    }
}

.font-size-13,
.service-package__lists .item__desc {
    font-size: 13px;
}

@media screen and (max-width: 767px) {

    .font-size-13,
    .service-package__lists .item__desc {
        font-size: 12px;
    }
}

.font-size-14,
.service__content .item--empty a,
.testimonial .sun-slider .item__desc,
.news__list__big .item__date,
.news__list__small .item__date,
.news__list__small .item__readmore,
.service-package__lists .item__body ul li,
.service-package__lists .item__foot a,
.service-package__lists .item__foot button,
.footer__menu ul li a,
.footer__intro ul li a,
.footer__fixed__hotline__name,
.footer__fixed__zalo__name,
.footer__fixed__facebook__name,
.experienced__list .item:not(:first-child) .item__title {
    font-size: 14px;
}

@media screen and (max-width: 991px) {

    .font-size-14,
    .service__content .item--empty a,
    .testimonial .sun-slider .item__desc,
    .news__list__big .item__date,
    .news__list__small .item__date,
    .news__list__small .item__readmore,
    .service-package__lists .item__body ul li,
    .service-package__lists .item__foot a,
    .service-package__lists .item__foot button,
    .footer__menu ul li a,
    .footer__intro ul li a,
    .footer__fixed__hotline__name,
    .footer__fixed__zalo__name,
    .footer__fixed__facebook__name,
    .experienced__list .item:not(:first-child) .item__title {
        font-size: 13px;
    }
}

.font-size-15 {
    font-size: 15px;
}

@media screen and (max-width: 991px) {
    .font-size-15 {
        font-size: 14px;
    }
}

.font-size-16,
.header__lang select,
.service__content .item__title,
.testimonial .sun-slider .item__name,
.testimonial .sun-slider .item.slick-current .item__desc,
.branch__areas .item__name__store,
.reason__body .item__title,
.rule__body .item__desc,
.about-staff__slider .item__name,
.about-count .item__name {
    font-size: 16px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-16,
    .header__lang select,
    .service__content .item__title,
    .testimonial .sun-slider .item__name,
    .testimonial .sun-slider .item.slick-current .item__desc,
    .branch__areas .item__name__store,
    .reason__body .item__title,
    .rule__body .item__desc,
    .about-staff__slider .item__name,
    .about-count .item__name {
        font-size: 15.5px;
    }
}

@media screen and (max-width: 991px) {

    .font-size-16,
    .header__lang select,
    .service__content .item__title,
    .testimonial .sun-slider .item__name,
    .testimonial .sun-slider .item.slick-current .item__desc,
    .branch__areas .item__name__store,
    .reason__body .item__title,
    .rule__body .item__desc,
    .about-staff__slider .item__name,
    .about-count .item__name {
        font-size: 15px;
    }
}

.font-size-17,
.news__list__small .item__title {
    font-size: 17px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-17,
    .news__list__small .item__title {
        font-size: 16.5px;
    }
}

@media screen and (max-width: 991px) {

    .font-size-17,
    .news__list__small .item__title {
        font-size: 16px;
    }
}

.font-size-18,
.introduce__wrap .item__title,
.service-step__list .item__step__name,
.about-intro__desc ul li i,
.rule__body .item__title,
.timeline__head__desc,
.about-staff__position {
    font-size: 18px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-18,
    .introduce__wrap .item__title,
    .service-step__list .item__step__name,
    .about-intro__desc ul li i,
    .rule__body .item__title,
    .timeline__head__desc,
    .about-staff__position {
        font-size: 17px;
    }
}

@media screen and (max-width: 991px) {

    .font-size-18,
    .introduce__wrap .item__title,
    .service-step__list .item__step__name,
    .about-intro__desc ul li i,
    .rule__body .item__title,
    .timeline__head__desc,
    .about-staff__position {
        font-size: 16px;
    }
}

.font-size-20,
#modal_schedule_book .modal-header .close,
.footer__fixed__hotline__icon i,
.footer__fixed__zalo__icon i,
.footer__fixed__facebook__icon i {
    font-size: 20px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-20,
    #modal_schedule_book .modal-header .close,
    .footer__fixed__hotline__icon i,
    .footer__fixed__zalo__icon i,
    .footer__fixed__facebook__icon i {
        font-size: 19px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-20,
    #modal_schedule_book .modal-header .close,
    .footer__fixed__hotline__icon i,
    .footer__fixed__zalo__icon i,
    .footer__fixed__facebook__icon i {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {

    .font-size-20,
    #modal_schedule_book .modal-header .close,
    .footer__fixed__hotline__icon i,
    .footer__fixed__zalo__icon i,
    .footer__fixed__facebook__icon i {
        font-size: 17px;
    }
}

.font-size-22 {
    font-size: 22px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .font-size-22 {
        font-size: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .font-size-22 {
        font-size: 19px;
    }
}

@media screen and (max-width: 767px) {
    .font-size-22 {
        font-size: 18px;
    }
}

.font-size-24,
.service__content .item__plus i,
.testimonial__nav i,
.news__list__big .item__title,
.service-package__lists .item__name,
.branch__areas .item__name__area,
.footer__item__title,
.experienced__list .item__title,
.qa__list .item__num,
.about-staff__prev i,
.about-staff__next i {
    font-size: 24px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-24,
    .service__content .item__plus i,
    .testimonial__nav i,
    .news__list__big .item__title,
    .service-package__lists .item__name,
    .branch__areas .item__name__area,
    .footer__item__title,
    .experienced__list .item__title,
    .qa__list .item__num,
    .about-staff__prev i,
    .about-staff__next i {
        font-size: 22px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-24,
    .service__content .item__plus i,
    .testimonial__nav i,
    .news__list__big .item__title,
    .service-package__lists .item__name,
    .branch__areas .item__name__area,
    .footer__item__title,
    .experienced__list .item__title,
    .qa__list .item__num,
    .about-staff__prev i,
    .about-staff__next i {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {

    .font-size-24,
    .service__content .item__plus i,
    .testimonial__nav i,
    .news__list__big .item__title,
    .service-package__lists .item__name,
    .branch__areas .item__name__area,
    .footer__item__title,
    .experienced__list .item__title,
    .qa__list .item__num,
    .about-staff__prev i,
    .about-staff__next i {
        font-size: 18px;
    }
}

.font-size-26,
.footer__socials ul li a i {
    font-size: 26px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-26,
    .footer__socials ul li a i {
        font-size: 23px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-26,
    .footer__socials ul li a i {
        font-size: 21px;
    }
}

@media screen and (max-width: 767px) {

    .font-size-26,
    .footer__socials ul li a i {
        font-size: 19px;
    }
}

.font-size-28 {
    font-size: 28px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .font-size-28 {
        font-size: 26px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .font-size-28 {
        font-size: 24px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .font-size-28 {
        font-size: 22px;
    }
}

@media screen and (max-width: 575px) {
    .font-size-28 {
        font-size: 20px;
    }
}

.font-size-30,
.home__title h2,
.confirm__title,
.schedule-book__title,
.branch__areas .item__icon i,
.about-staff__name {
    font-size: 30px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-30,
    .home__title h2,
    .confirm__title,
    .schedule-book__title,
    .branch__areas .item__icon i,
    .about-staff__name {
        font-size: 28px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-30,
    .home__title h2,
    .confirm__title,
    .schedule-book__title,
    .branch__areas .item__icon i,
    .about-staff__name {
        font-size: 26px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {

    .font-size-30,
    .home__title h2,
    .confirm__title,
    .schedule-book__title,
    .branch__areas .item__icon i,
    .about-staff__name {
        font-size: 24px;
    }
}

@media screen and (max-width: 575px) {

    .font-size-30,
    .home__title h2,
    .confirm__title,
    .schedule-book__title,
    .branch__areas .item__icon i,
    .about-staff__name {
        font-size: 22px;
    }
}

.font-size-32 {
    font-size: 32px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .font-size-32 {
        font-size: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .font-size-32 {
        font-size: 28px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .font-size-32 {
        font-size: 26px;
    }
}

@media screen and (max-width: 575px) {
    .font-size-32 {
        font-size: 24px;
    }
}

.font-size-36,
.experienced__list .item__head__icon i {
    font-size: 36px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-36,
    .experienced__list .item__head__icon i {
        font-size: 32px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-36,
    .experienced__list .item__head__icon i {
        font-size: 30px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {

    .font-size-36,
    .experienced__list .item__head__icon i {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {

    .font-size-36,
    .experienced__list .item__head__icon i {
        font-size: 26px;
    }
}

.font-size-40,
#modal_schedule_book .modal-header .close {
    font-size: 40px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-40,
    #modal_schedule_book .modal-header .close {
        font-size: 36px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-40,
    #modal_schedule_book .modal-header .close {
        font-size: 30px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {

    .font-size-40,
    #modal_schedule_book .modal-header .close {
        font-size: 26px;
    }
}

@media screen and (max-width: 575px) {

    .font-size-40,
    #modal_schedule_book .modal-header .close {
        font-size: 22px;
    }
}

.font-size-48 {
    font-size: 48px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .font-size-48 {
        font-size: 42px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .font-size-48 {
        font-size: 36px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .font-size-48 {
        font-size: 32px;
    }
}

@media screen and (max-width: 575px) {
    .font-size-48 {
        font-size: 28px;
    }
}

.font-size-54,
.service-step__list .item__step__number {
    font-size: 54px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-54,
    .service-step__list .item__step__number {
        font-size: 48px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-54,
    .service-step__list .item__step__number {
        font-size: 40px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {

    .font-size-54,
    .service-step__list .item__step__number {
        font-size: 36px;
    }
}

@media screen and (max-width: 575px) {

    .font-size-54,
    .service-step__list .item__step__number {
        font-size: 30px;
    }
}

.font-size-60,
.about-count .item__number {
    font-size: 60px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .font-size-60,
    .about-count .item__number {
        font-size: 52px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .font-size-60,
    .about-count .item__number {
        font-size: 44px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {

    .font-size-60,
    .about-count .item__number {
        font-size: 38px;
    }
}

@media screen and (max-width: 575px) {

    .font-size-60,
    .about-count .item__number {
        font-size: 32px;
    }
}

.font-size-72 {
    font-size: 72px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .font-size-72 {
        font-size: 64px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .font-size-72 {
        font-size: 56px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .font-size-72 {
        font-size: 48px;
    }
}

@media screen and (max-width: 575px) {
    .font-size-72 {
        font-size: 40px;
    }
}

.font-weight-bold-8,
.qa__list .item__num {
    font-weight: 800;
}

.font-weight-bold,
.primary-menu>li>a,
.header__lang select,
.home__title h2,
.introduce__wrap .item__title,
.service__content .item__title,
.confirm__title,
.testimonial .sun-slider .item__name,
.schedule-book__title,
.news__list__big .item__title,
.news__list__small .item__title,
.news__list__small .item__readmore,
.service-package__lists .item__name,
.service-package__lists .item__foot a,
.service-package__lists .item__foot button,
.branch__areas .item__name__store,
.branch__areas .item__name__area,
.footer__item__title,
.service-step__list .item__step__name,
.service-step__list .item__step__number,
.reason__body .item__title,
.about-intro__desc ul li i,
.rule__body .item__title,
.about-staff__name,
.about-staff__slider .item__name,
.about-count .item__number,
.about-count .item__name {
    font-weight: bold;
}

.font-weight-medium,
.tab-mobile__title a {
    font-weight: 500;
}

.font-weight-normal,
.timeline__head__desc {
    font-weight: normal;
}

.font-weight-light {
    font-weight: 300;
}

.font-italic {
    font-style: italic;
}

.font-underline {
    font-style: underline;
}

.line-height-normal {
    line-height: 1;
}

.line-height-primary {
    line-height: 1.3;
}

.tab-mobile__title a {
    padding: 10px;
    border: 1px solid #ccc;
}

.tab-mobile__title a.active {
    border: 1px solid #00b0f0;
}

.tab-mobile__title a.active span.pull-right {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

@font-face {
    /* font-family: 'icomoon'; */
    /* src: url("./../fonts/icomoon.eot?iafzdr"); */
    /* src: url("./../fonts/icomoon.eot?iafzdr#iefix") format("embedded-opentype"), url("./../fonts/icomoon.ttf?iafzdr") format("truetype"), url("./../fonts/icomoon.woff?iafzdr") format("woff"), url("./../fonts/icomoon.svg?iafzdr#icomoon") format("svg"); */
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    /* font-family: 'icomoon' !important; */
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-back:before {
    content: "\e900";
}

.icon-arrow-next:before {
    content: "\e901";
}

.icon-messenger:before {
    content: "\e902";
}

.icon-address:before {
    content: "\e903";
}

.icon-arrow-right:before {
    content: "\e908";
}

.icon-calendar:before {
    content: "\e909";
}

.icon-caret-down:before {
    content: "\e90a";
}

.icon-group:before {
    content: "\e90b";
}

.icon-hotline:before {
    content: "\e90c";
}

.icon-phone:before {
    content: "\e90d";
}

.icon-plus:before {
    content: "\e90e";
}

.icon-support:before {
    content: "\e90f";
}

.icon-three-dots:before {
    content: "\e910";
}

.icon-check:before {
    content: "\e913";
}

.icon-pinterest-p:before {
    content: "\e914";
}

.icon-twitter:before {
    content: "\e915";
}

.icon-facebook:before {
    content: "\e916";
}

.icon-facebook-f:before {
    content: "\e916";
}

.icon-phone1:before {
    content: "\e942";
}

.icon-star-full:before {
    content: "\e9d9";
}

.icon-play2:before {
    content: "\ea15";
}

.icon-facebook1:before {
    content: "\ea90";
}


/**
* 2. Blocks (Shortcode/Widget)
* -------------------------------------------------------------------
*/

.aspect-ratio,
.experienced__list .item__head {
    overflow: hidden;
    background: #f5f5f5;
}

.aspect-ratio:before,
.news__list__small .item__head:before,
.experienced__list .item__head:before {
    content: "";
}

.aspect-ratio--16-9:before {
    padding-top: 56.25%;
}

.aspect-ratio--1-1:before {
    padding-top: 100%;
}

.aspect-ratio--1-1-5:before {
    padding-top: 150%;
}

.aspect-ratio--1-2:before {
    padding-top: 200%;
}

.aspect-ratio--2-1:before {
    padding-top: 50%;
}

.aspect-ratio--4-3:before {
    padding-top: 75%;
}

.aspect-ratio>*,
.experienced__list .item__head>* {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.aspect-ratio>* *,
.news__list__small .item__head>* *,
.experienced__list .item__head>* * {
    max-height: 100%;
}

.btn {
    letter-spacing: 0.03em;
    padding: .5rem 1.3rem;
    border: 0;
}

.btn-custom {
    letter-spacing: 0.03em;
    padding: .25rem 1rem .25rem .25rem;
    border: 0;
}

.btn:before {
    content: "";
    border-radius: 45px;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.04);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.btn i {
    margin-right: 10px;
    font-size: 100%;
}

.btn-i-lg-12 i {
    font-size: 120%;
}

.btn-white,
.service-package__lists .item__foot a,
.service-package__lists .item__foot button {
    border: 1px solid #00b0f0;
}

.btn-main--gradient,
.footer__fixed__zalo__icon,
.footer__fixed__zalo__content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#24c5ff), to(#00b0f0));
    background-image: linear-gradient(to bottom, #24c5ff, #00b0f0);
}

.btn-main-white {
    border: 1px solid #fff;
}

.btn-secondary {
    border: 0;
}

.btn-secondary--gradient,
.service-package__lists .item--feature .item__foot button,
.service-package__lists .item--feature .item__foot a,
.footer__fixed__hotline__icon,
.footer__fixed__hotline__content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00ACEE), to(#00ACEE));
    background-image: linear-gradient(to bottom, #00ACEE, #00ACEE);
}

.btn-gray {
    background: #ebebeb;
    border: 1px solid #ebebeb;
}

.btn-box-shadow {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.btn-h50 {
    height: 54px;
}

@media screen and (min-width: 1701px) {
    .btn-h50 {
        height: 54px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* .btn-h50 {
        height: 36px;
    } */
    .header__menu__mobile .header__book {
        margin: 0;
        padding: 0 4px;
        justify-content: flex-start;
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 767px) {

    /* .btn-h50 {
        height: 34px;
    } */
    .header__menu__mobile .header__book {
        margin: 0;
        padding: 0 4px;
        justify-content: flex-start;
        margin-bottom: 24px;
    }
}

.btn-h60 {
    height: 52px;
}

@media screen and (min-width: 1701px) {
    .btn-h60 {
        height: 60px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .btn-h60 {
        height: 45px;
    }
}

@media screen and (max-width: 767px) {
    .btn-h60 {
        height: 38px;
    }
}

.btn:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

@media screen and (max-width: 767px) {
    .btn {
        padding: 0.3rem 1rem;
    }
}

.page-breadcrumb {
    padding: 35px 0 28px;
}

.page-breadcrumb:before {
    content: "";
    width: 56px;
    height: 4px;
    position: absolute;
    bottom: 0;
    border-radius: 4px;
}

.page-breadcrumb ul li a {
    color: inherit;
}

.page-breadcrumb ul li a:after {
    content: "\00BB";
    padding: 0 8px 0 10px;
}

.box-shadow-menu,
.mega-menu__main,
.primary-menu li:not(.mega-menu) ul {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.item-child-menu li,
.mega-menu__list ul li,
.primary-menu li:not(.mega-menu) ul li {
    line-height: 1.2;
    padding-left: 20px;
}

.item-child-menu li:before,
.mega-menu__list ul li:before,
.primary-menu li:not(.mega-menu) ul li:before {
    display: inline-block;
    /* use !important to prevent issues with browser extensions that change fonts */
    /* font-family: 'icomoon' !important; */
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 14px;
    color: #000;
    position: absolute;
    left: 0;
    top: 2px;
}

.mega-menu__main {
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    right: 0;
    z-index: 2;
    border-top: 5px solid #ed3893;
}

.mega-menu__list {
    width: 30%;
    padding: 35px 30px;
}

.mega-menu__list ul li:not(:last-child) {
    margin-bottom: 20px;
}

.mega-menu__img {
    width: 40%;
}

@media screen and (max-width: 991px) {
    .mega-menu__main {
        border-top: 0;
        border-radius: 0;
    }

    .mega-menu__main__wrap {
        display: block;
    }

    .mega-menu__list {
        width: 100%;
        padding: 0;
    }

    .mega-menu__img {
        width: 100%;
        margin-top: 15px;
    }
}

.icon-menu-mobile {
    width: 50px;
    min-height: 20px;
}

.icon-menu-mobile span {
    height: 3px;
    width: 35px;
}

.icon-menu-mobile span:not(:last-child) {
    margin-bottom: 5px;
}

.icon-menu-mobile.active {
    margin-top: 8px;
}

.icon-menu-mobile.active span {
    transform-origin: center center;
    -webkit-transform-origin: center center;
}

.icon-menu-mobile.active span:first-child {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.icon-menu-mobile.active span:nth-child(3) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: -7px;
}

.primary-menu .main-menu__submenu-button {
    display: none;
}

.primary-menu .main-menu__submenu-button.main-menu__open-submenu {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: center center;
    -webkit-transform-origin: center center;
}

.primary-menu li:not(.mega-menu) ul {
    position: absolute;
    /* min-width: 250px; */
    z-index: 2;
    min-width: 368px;
    padding: 40px;
}

.primary-menu li:not(.mega-menu)#nav-item-4711 ul {
    min-width: 400px;
}

.primary-menu li:not(.mega-menu) ul li {
    /* padding: 10px 10px 10px 33px; */
    padding: 14px 8px 14px 54px;
}

@media screen and (max-width: 991px) {
    .primary-menu li:not(.mega-menu) ul li {
        /* padding: 10px 10px 10px 15px; */
        padding: 10px 10px 10px 15px;
        margin-bottom: 16px;
    }
}


.primary-menu li:not(.mega-menu) ul li:before {
    content: " ";
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/icon-menu-item.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 28px;
    width: 28px;
}

.primary-menu li:not(.mega-menu) ul li:before {
    /* left: 10px; */
    left: 8px;
    top: 10px;
}

.primary-menu li:not(.mega-menu) ul li:not(:last-child) {
    /* border-bottom: 1px solid #f5f5f5; */
    border-bottom: none;
    line-height: 1.5;
}

.primary-menu li:not(.mega-menu)>ul {
    top: 100%;
    left: 0;

    padding: 28px;
    border: none;
    border-radius: 16px;
    box-shadow: 0px 9px 30px 0px #00000012;
}

.primary-menu li:not(.mega-menu)>ul ul {
    /* top: 0;
    left: 100% !important; */
    transform: inherit !important;

    /* custom for Q&A */
    top: 42px;
    left: -100% !important;
}

.primary-menu>li {
    /* line-height: 87px; */
    display: flex;
    align-items: center;
    gap: 4px;
}

.primary-menu>li:not(:first-child) {
    margin-left: 23px;
}

.primary-menu>li:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 0;
}

.primary-menu>li:after {
    content: "";
    display: inline-block;
    background-image: url(../../assets/images/img_new/menu_ic_plus.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 16px;
    margin-left: 0px;
    transition: transform 0.3s, filter .3s;
}
.primary-menu > li:hover:after {
    animation: rotateAndChangeColor .3s linear;
    background-image: url(../../assets/images/img_new/menu_ic_plus_active.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}
.primary-menu > li:hover:after {
    transform: rotate(180deg);
    /* filter: hue-rotate(180deg); */
    background-image: url(../../assets/images/img_new/menu_ic_plus_active.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}
@keyframes rotateAndChangeColor {
    0% {
        transform: rotate(0deg);
        /* filter: hue-rotate(0deg); */
    }
    100% {
        transform: rotate(180deg);
        /* filter: hue-rotate(180deg); */
    }
}

.primary-menu>li.active:after {
    content: "";
    background-image: url(../../assets/images/img_new/menu_ic_plus_active.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 12px;
}

.primary-menu>li>a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 0;
}

.primary-menu>li:not(:first-child) {
    margin-bottom: 0px;
}

.primary-menu>li>a {

    text-transform: none;
    color: #595959;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

@media screen and (min-width: 1300px) and (max-width: 1700px) {
    .primary-menu>li>a {
        font-size: 16px;
        white-space: nowrap;
        text-transform: none;

        text-transform: none;
        font-size: 16px;
        font-weight: 600;
    }

    .primary-menu>li:not(:first-child) {
        margin-left: 20px;
        margin-bottom: 0;
    }

    .primary-menu>li:not(:last-child) {
        margin-right: 16px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .primary-menu>li>a {
        font-size: 14px;
        white-space: nowrap;
        text-transform: none;

        text-transform: none;
        
        font-size: 16px;
        font-weight: 600;
    }
}

@media screen and (min-width: 992px) and (max-width: 1299px) {
    .primary-menu>li:not(:first-child) {
        margin-left: 10px;
    }

    .primary-menu>li:not(:last-child) {
        margin-right: 12px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .primary-menu>li>a {
        font-size: 12px;
        white-space: nowrap;
        text-transform: none;

        text-transform: none;
        
        font-size: 16px;
        font-weight: 600;
    }
}

@media screen and (max-width: 991px) {
    .primary-menu>li>a {
        font-weight: 500;
        text-align: left;
        text-transform: none;

        text-transform: none;
        
        font-size: 16px;
        font-weight: 600;
    }

    .primary-menu li:not(.mega-menu)>ul {
        padding: 8px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .primary-menu li:not(.mega-menu) ul li a {
        padding-left: 48px;
    }

    .primary-menu li:not(.mega-menu) ul li:before {
        left: 20px;
    }

    .primary-menu {
        display: block;
    }

    .primary-menu .main-menu__submenu-button {
        display: block;
        position: absolute;
        right: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        z-index: 1;
        text-align: center;
    }

    .primary-menu>li {
        width: 100%;
        line-height: 40px;
        padding: 0 15px;
        position: relative;
    }

    .primary-menu>li:not(:last-child),
    .primary-menu>li:not(:first-child) {
        margin: 8px 0;
        margin-bottom: 0;
    }

    .primary-menu>li a:before {
        display: none;
    }

    .primary-menu>li>ul,
    .primary-menu>li ul,
    .primary-menu>li .mega-menu__main,
    .primary-menu>li:not(.mega-menu) ul {
        position: static;
        box-shadow: none;
        -webkit-box-shadow: none;
        width: 100%;
        min-width: auto;
    }

    .primary-menu>li>ul li:hover ul,
    .primary-menu>li ul li:hover ul,
    .primary-menu>li .mega-menu__main li:hover ul,
    .primary-menu>li:not(.mega-menu) ul li:hover ul {
        display: none;
    }

    .primary-menu>li:hover>ul,
    .primary-menu>li:hover>.mega-menu__main {
        display: none;
    }

    .primary-menu>li:not(.mega-menu) ul ul,
    .primary-menu>li .mega-menu__main ul {
        margin-top: 15px;
    }
}

.overlay-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 9;
}


/**
* 3. Partials
* -------------------------------------------------------------------
*/

.form-book-exam .form-action {
    padding-top: 12px;
}

.form-book-exam .form-action button {
    min-width: 196px;
}

.form-book-exam .form-group__child3 .form-item {
    width: 30%;
}

#modal_schedule_book .modal-header .close {
    opacity: 1;
    position: absolute;
    top: 3px;
    right: 15px;
}

#modal_schedule_book .modal-header h5 i {
    margin-right: 15px;
}

@media screen and (max-width: 575px) {

    .form-book-exam .form-action.justify-content-between,
    .form-book-exam .form-action.service-package__lists,
    .form-book-exam .branch__areas .form-action.item,
    .branch__areas .form-book-exam .form-action.item,
    .form-book-exam .service-step__center__list .form-action.item,
    .service-step__center__list .form-book-exam .form-action.item,
    .form-book-exam .qa__list .form-action.item__question,
    .qa__list .form-book-exam .form-action.item__question {
        display: block;
        text-align: center;
    }

    .form-book-exam .form-action.justify-content-between button,
    .form-book-exam .form-action.service-package__lists button,
    .form-book-exam .branch__areas .form-action.item button,
    .branch__areas .form-book-exam .form-action.item button,
    .form-book-exam .service-step__center__list .form-action.item button,
    .service-step__center__list .form-book-exam .form-action.item button,
    .form-book-exam .qa__list .form-action.item__question button,
    .qa__list .form-book-exam .form-action.item__question button {
        margin: 0 auto;
    }

    .form-book-exam .form-action__hotline {
        margin-bottom: 15px;
    }

    .form-book-exam .form-group__child3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form-book-exam .form-group__child3 .form-item:not(:last-child) {
        width: 49%;
    }

    .form-book-exam .form-group__child3 .form-item:last-child {
        width: 100%;
        margin-top: 1rem;
    }
}

.header {
    padding: 0 100px;
    height: 64px;
    background-color: #fff;
}

.header__lang select {
    /* width: 72px;
    height: 48px;
    background-color: #F7F7F7;
    border-color: transparent;
    border-radius: 100px;
    text-align: right; */
    border: none;
    background-color: #ed1c24;
    color: #fff;
}

.header__lang {
    /* width: 86px;
    height: 48px;
    background-color: #F7F7F7;
    border-color: transparent;
    border-radius: 100px;
    position: relative; */
    text-align: left;
}

.header__lang img {}

@media screen and (min-width: 1701px) {
    .header__lang select {
        width: 72px;
        height: 48px;
        background-color: #F7F7F7;
        border-color: transparent;
        border-radius: 100px;
        text-align: right;
    }
}

.header__info>*:not(:last-child) {
    margin-right: 10px;
}

@media screen and (min-width: 1701px) {
    .header__info>*:not(:last-child) {
        margin-right: 10px;
    }
}

.header.sticky-hide,
.header.sticky {
    position: fixed;
    top: 0;
    z-index: 1000;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    height: calc($header_height - 10px);
}

.header.sticky-hide .header__logo,
.header.sticky .header__logo {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
}

.header.sticky-hide .header__nav>ul>li,
.header.sticky .header__nav>ul>li {
    margin-bottom: 0px;
    line-height: calc($header_height - 10px);
}

.header__nav.only-desktop {
    display: flex;
    align-items: center;
    gap: 36px;
}

.add_menu_desktop_item {
    border-radius: 30px;
    background-color: #ED1C24;
    padding: 6px 24px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    cursor: pointer;
}

.top_menu_desktop {
    background-color: #ED1C24;
}
.top_menu_desktop .container{
    height: 44px;
    padding: 8px;
    line-height: 32px;
    gap: 40px;
}
.top_menu_desktop .top_menu_desktop-item {
    gap: 10px;
    color: #FFF;
    /* font-family: "T-Titillium Web 2"; */
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
}

.top_menu_desktop .top_menu_desktop-item:hover {
    color: #00ACEE;
}

.top_menu_desktop-item select {
    border: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.top_menu_desktop-item select option {
    border: none;
    background: #ed1c24;
    color: #fff;
}
.top_menu_desktop-item .selected-language img {
    width: 16px;
}
.header.sticky-hide {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
}

.header.sticky {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.header__menu__mobile {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 3;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    padding-bottom: 30px;
    max-height: calc(100vh - 70px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 32px;
}

.header__menu__mobile .primary-menu {
    margin-bottom: 0px;
}

.header__menu__mobile .primary-menu>li a {
    padding: 0 0px 0 15px;
}

.header__menu__mobile .primary-menu .mega-menu__list ul li {
    padding-left: 25px;
}

.header__menu__mobile .primary-menu .mega-menu__list ul li:before {
    left: 10px;
}

.header__menu__mobile .header__lang,
.header__menu__mobile .header__desc {
    margin-top: 8px;
}

.icon-menu-mobile.active span {
    background: #ed1c24;
}

.header__menu__mobile .header__book {
    max-width: 220px;
}

.header__book-icon {
    background-color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}

.header__book-icon .icon-calendar {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 25%;
    left: 25%;
}

.header__search {
    background-color: #f7f7f7;
    height: 48px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    padding: 1rem;
}

.header__search input {
    border: none;
    background-color: #f7f7f7;
}

.header__search .search-data {
    position: relative;
    display: flex;
}

.header__search .search-data label {
    position: absolute;
    left: 2px;
    top: 2px;
    color: #989898;
    
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}

.header__menu__mobile .header__search {
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px;
}

.header__menu__mobile .header__search form {
    width: 100%;
}

.header__menu__mobile .header__search input {
    width: calc(100% - 32px);
}

.header__menu__mobile__info {
    padding: 0 16px;
    margin-top: 8px;
}

.custom-call-btn {
    width: 183px;
    position: relative;
}

.call-button {
    display: flex;
    align-items: flex-start;
    padding: 0px 16px 0px 0px;
    background-color: #E50C75;
    /* Your pink color */
    border-radius: 40px;
    /* Adjust to your preference */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    
    color: #fff;
    width: 147px;
}

.call-button .header__book-icon {
    height: 54px;
    width: 54px;
    margin-right: 8px;
    z-index: 99;
}

.call-button .text {
    display: flex;
    flex-direction: column;
    
    color: #fff;
}

.call-button .text span:first-child {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 3px;
}

.custom-call-btn .phone-number {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    padding: 4px 12px 4px 24px;
    color: #e50c75;
    border-radius: 0px 100px 100px 0;
    border: 3px solid #E50C75;
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
}

@media screen and (max-width: 1636px) {
    .custom-call-btn {
        width: auto;
    }

    .call-button {
        padding: 0px;
        width: auto;
    }

    .call-button .header__book-icon {
        margin-right: 0px;
    }

    .call-button .text,
    .custom-call-btn .phone-number {
        display: none;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .call-button {
        padding: 0px;
        width: auto;
    }

    .call-button .header__book-icon {
        margin-right: 0px;
    }

    .call-button .text {
        display: none;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1700px) {
    .header__logo {
        /* max-width: 150px; */
    }
}

@media screen and (min-width: 1300px) and (max-width: 1700px) {

    .header__book,
    .header__desc p {
        font-size: 13px;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1499px) {
    .header {
        padding: 0 8px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {

    .header__book,
    .header__desc p {
        font-size: 12px;
    }

    .header {
        height: 80px;
        padding: 0 8px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .header__logo {
        max-width: 120px;
    }

    .header__book,
    .header__desc p {
        font-size: 11px;
    }

    .call-button,
    .header__book {
        padding: 3px;
    }

    .custom-call-btn .call-button {
        padding: 0px;
        width: auto;
    }

    .call-button .header__book-icon,
    .header__book .header__book-icon {
        margin-right: 0px;
    }

    .call-button .text,
    .header__book .header__book-text {
        display: none;
    }

    .header {
        height: 80px;
        padding: 0 24px;
    }

}

@media screen and (max-width: 991px) {
    .header {
        height: 64px;
        padding: 0px 15px;
    }
    .header__lang select {
        border-radius: 16px;
        padding: 8px 16px;
    }
    .call-button {
        padding: 0px;
        width: 147px;
    }

    .call-button .header__book-icon {
        margin-right: 0px;
    }

    .call-button .text {
        /* display: none; */
    }

    .custom-call-btn {
        display: flex;
        margin-bottom: 24px;
    }

    .call-button .text,
    .custom-call-btn .phone-number {
        display: block;
    }

    .custom-call-btn .phone-number {
        left: 30px;
        right: auto;
    }

    .header__menu__mobile .header__lang select {
        padding: 0px 8px;
    }
}

@media screen and (max-width: 767px) {
    .header__book i {
        font-size: 15px;
    }

    .header__lang select {
        font-size: 15px;
    }
}

body {
    max-width: 100vw;
    overflow-x: hidden;
}

.bd-rd-br-50,
.introduce__wrap,
.service__content .item__wrap,
.testimonial .sun-slider .item,
.testimonial .sun-slider .item.slick-current:before {
    border-radius: 0 0 50px 0;
}

.home__title h2 {
    padding-left: 21px;
}

.home__title h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
}

.home__title h2 span {
    margin-left: 8px;
}

.home__title__actions>*:not(:last-child) {
    margin-right: 8px;
}

.home__title--2 .home__title__desc {
    width: 41.5%;
    padding-left: 2.9%;
    margin-left: 8px;
    border-left: 1px solid #cccccc;
    line-height: 1.25;
}

.home__title--3 h2 {
    width: 57.35%;
}

.home__title--4 h2 {
    margin-bottom: 15px;
}

.home__title--4 .home__title__desc {
    width: 75%;
}

@media screen and (max-width: 767px) {
    .home__title {
        display: block;
    }

    .home__title h2 {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .home__title--3 h2 {
        width: 80%;
    }
}

@media screen and (max-width: 991px) {
    .home__title--2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .home__title--2 .home__title__desc {
        width: 100%;
        display: block;
        margin: 10px 0 0 0;
    }

    .home__title--4 .home__title__desc {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .home__title--3 h2 {
        width: 100%;
    }
}

.item.slick-slide {
    outline: 0;
}

/*.slider-main .slick-arrow {
    display: none !important;
}*/
.sun-slider .slick-next::before,
.sun-slider .slick-prev::before {
    font-size: 42px;
    color: #fff;
}

.sun-slider button.slick-prev {
    width: 50px !important;
    height: 50px !important;
    z-index: 9;
    left: 48px !important;
}

.sun-slider button.slick-next {
    right: 48px;
    width: 50px !important;
    height: 50px !important;
    z-index: 9;
}

.slider-main .item__content__detail {
    max-width: 504px;
    z-index: 2;
}

.slider-main .item__img:before {
    padding-top: 37.13542%;
}

.slider-main .item__title,
.slider-main .item__content,
.slider-main .item__desc {
    letter-spacing: 0.03em;
}

.slider-main .item__title {
    margin-bottom: 15px;
    line-height: 1.4;
    white-space: pre-line;
    margin-top: -5.4rem;
}

.slider-main .item__content {
    position: absolute;
    top: 0;
    left: 0;
}

.slider-main .item__content__img {
    position: absolute;
    bottom: 4.5px;
    left: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.slider-main .item__content__img img {
    right: -15%;
}

.slider-main .item__desc {
    line-height: 1.5;
    margin-bottom: 50px;
}

@media screen and (max-width: 1400px) {
    .slider-main .item__content__img img {
        max-width: 90%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .slider-main .item__desc {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 991px) {
    .slider-main .item__title {
        white-space: normal;
        margin-top: 0;
    }

    .slider-main .item__title__sub {
        margin-bottom: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .slider-main .item__desc {
        margin-bottom: 10px;
    }

    .slider-main .item__title {
        font-size: 28px;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {

    /* .slider-main .item__img,
    .slider-main .item__content__img {
        display: none;
    } */
    .slider-main .item__img {
        height: 240px;
    }

    .slider-main .item__img img {
        height: 240px;
        object-fit: cover;
        width: 100%;
    }

    /* .slider-main .item__content {
        position: relative;
        background: #00b0f0;
        padding: 40px 0;
    } */
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .slider-main .item__content {
        padding: 40px 0;
    }

    .slider-main .item__title {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .slider-main .item__title__sub {
        font-size: 14px;
        margin-bottom: 22px;
    }

    .slider-main .item__desc {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .slider-main .item__btn {
        font-size: 11px;
    }
}

@media screen and (max-width: 575px) {
    .slider-main .item__content {
        text-align: center;
        padding: 25px 0;
    }

    .slider-main .item__title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .slider-main .item__title__sub {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .slider-main .item__desc {
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .slider-main .item__btn {
        font-size: 12px;
    }

    .slider-main .item__actions {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.introduce {
    background: #fbfbfb;
}

@media screen and (max-width: 767px) {
    .introduce {
        padding: 15px 0;
    }
}

.introduce__wrap {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    margin-top: -35px;
    padding: 25px 45px;
}

.introduce__wrap:before,
.introduce__wrap:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
}

.introduce__wrap:before {
    border-bottom: 30px solid #008fc3;
    border-left: 30px solid transparent;
    left: -30px;
}

.introduce__wrap:after {
    border-bottom: 30px solid #008fc3;
    border-right: 30px solid transparent;
    right: -30px;
}

.introduce__wrap .item {
    width: 33%;
}

.introduce__wrap .item:not(:last-child) {
    border-right: 1px solid #dbdbdb;
    padding-right: 35px;
}

.introduce__wrap .item:not(:first-child) {
    padding-left: 35px;
}

.introduce__wrap .item__icon {
    width: 50px;
    margin-right: 18px;
    float: left;
}

.introduce__wrap .item__icon i {
    font-size: 50px;
}

.introduce__wrap .item__content {
    display: table;
}

.introduce__wrap .item__title {
    margin-bottom: 8px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .introduce__wrap {
        padding: 20px 25px;
        margin-top: -20px;
    }

    .introduce__wrap:before {
        border-bottom: 16px solid #008fc3;
        border-left: 15px solid transparent;
        left: -15px;
    }

    .introduce__wrap:after {
        border-bottom: 16px solid #008fc3;
        border-right: 15px solid transparent;
        right: -15px;
    }

    .introduce__wrap .item:not(:last-child) {
        padding-right: 25px;
    }

    .introduce__wrap .item:not(:first-child) {
        padding-left: 25px;
    }

    .introduce__wrap .item__icon {
        width: 40px;
        margin-right: 10px;
    }

    .introduce__wrap .item__icon i {
        font-size: 38px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .introduce__wrap {
        padding: 15px 20px;
        margin-top: -5px;
    }

    .introduce__wrap:before,
    .introduce__wrap:after {
        display: none;
    }

    .introduce__wrap .item:not(:last-child) {
        padding-right: 20px;
    }

    .introduce__wrap .item:not(:first-child) {
        padding-left: 20px;
    }

    .introduce__wrap .item__icon {
        width: 25px;
        margin-right: 8px;
    }

    .introduce__wrap .item__icon i {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .introduce__wrap {
        margin-top: 0;
        display: block;
        border-radius: 0;
        padding: 20px 0 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #efefef;
    }

    .introduce__wrap:before,
    .introduce__wrap:after {
        display: none;
    }

    .introduce__wrap .item {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .introduce__wrap .item:not(:last-child) {
        border-right: 0;
        padding: 0 15px 15px;
        border-bottom: 1px solid #dbdbdb;
    }

    .introduce__wrap .item:not(:first-child) {
        padding: 15px;
    }

    .introduce__wrap .item__icon {
        margin-right: 20px;
        float: none;
    }

    .introduce__wrap .item__icon i {
        font-size: 50px;
    }
}

.service {
    padding-top: 60px;
    background: #fbfbfb;
}

.service__content {
    padding-top: 40px;
}

.service__content .item {
    margin-bottom: 30px;
}

.service__content .item__wrap {
    min-height: 295px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service__content .item__wrap:before {
    content: "";
    height: 6px;
    position: absolute;
    top: 0;
    left: 0;
}

.service__content .item__wrap:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.service__content .item__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service__content .item__title {
    max-width: 155px;
    margin-bottom: 20px;
}

.service__content .item__title a {
    color: inherit;
}

.service__content .item--empty i {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .service .home__title h2 {
        margin: 0;
    }

    .service__content {
        padding: 30px 0;
    }

    .service__content .item {
        margin-bottom: 15px;
    }

    .service__content .item__wrap,
    .service__content .item__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .service__content .item__wrap {
        min-height: auto;
        border-radius: 0;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
        padding: 15px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .service__content .item__wrap:before {
        height: 3px;
    }

    .service__content .item__icon {
        width: 75px;
        height: 75px;
        margin-right: 15px;
    }

    .service__content .item__title {
        text-align: left;
        margin-right: 15px;
        width: calc(100% - 25px);
    }

    .service__content .item__plus {
        width: 15px;
    }

    .service__content .item__content {
        width: calc(100% - 90px);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .service__content .item.item--empty .item__wrap {
        background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .service {
        padding: 40px 0 0;
    }
}

@media screen and (max-width: 575px) {
    .service {
        padding: 25px 0 0;
    }

    .service__banner {
        display: none;
    }
}

.home-confirm {
    background: #006eba;
}

.confirm {
    padding: 50px 0;
}

.confirm__title {
    margin-bottom: 15px;
}

.confirm__btns>*:not(:last-child) {
    margin-right: 30px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .confirm__btns>*:not(:last-child) {
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .confirm {
        padding: 35px 0;
    }

    .confirm__btns {
        margin-top: 15px;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

@media screen and (max-width: 575px) {
    .confirm__content {
        text-align: center;
    }

    .confirm__btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .confirm__btns>* {
        min-width: 215px;
    }

    .confirm__btns>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.home-testimonial {
    padding: 102px 0 245px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .home-testimonial {
        padding: 70px 0 210px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .home-testimonial {
        padding: 50px 0 110px;
    }
}

@media screen and (max-width: 575px) {
    .home-testimonial {
        padding: 25px 0 30px;
    }
}

.testimonial__nav button {
    top: -15px;
}

.testimonial .sun-slider .slick-list {
    padding: 50px 0 !important;
}

.testimonial .sun-slider .item {
    overflow: hidden;
}

.testimonial .sun-slider .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
}

.testimonial .sun-slider .item__wrap {
    padding: 20px 25px;
}

.testimonial .sun-slider .item__desc {
    line-height: 1.56;
}

.testimonial .sun-slider .item__avatar {
    width: 48px;
    height: 48px;
    margin: 0 15px 0 0;
}

.testimonial .sun-slider .item.slick-current {
    overflow: initial;
    z-index: 2;
}

.testimonial .sun-slider .item.slick-current:before {
    content: "";
    position: absolute;
    top: -15px;
    left: -50px;
    right: -50px;
    bottom: -25px;
    border-top: 5px solid #b5d434;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.testimonial .sun-slider .item.slick-current .item__wrap {
    padding: 20px 0 10px;
    z-index: 3;
}

.testimonial .sun-slider .item.slick-current .item__desc {
    margin-bottom: 25px;
}

.testimonial .sun-slider .slick-dots {
    margin: 15px 0 50px;
}

.testimonial .sun-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    border: 0;
    border-width: 1px;
    font-size: 0;
}

.testimonial .sun-slider .slick-dots li:not(:last-child) {
    margin-right: 15px;
}

.testimonial .sun-slider .slick-dots li.slick-active button {
    width: 16px;
    height: 16px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial .sun-slider .slick-dots {
        margin: 10px 0 0;
    }
}

@media screen and (max-width: 767px) {
    .testimonial .sun-slider .slick-dots {
        margin: 15px 0 0;
    }

    .testimonial .sun-slider .item.slick-current .item__wrap {
        position: relative;
    }

    .testimonial .sun-slider .item.slick-current .item__wrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 5px;
        width: 100%;
        background: #b5d434;
    }

    .testimonial__nav {
        display: none;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial .sun-slider .slick-list {
        padding: 40px 0 20px !important;
    }
}

@media screen and (max-width: 575px) {
    .testimonial .sun-slider .slick-list {
        padding: 0 !important;
    }

    .testimonial .sun-slider .item:after {
        display: none;
    }

    .testimonial .sun-slider .item.slick-current:before {
        display: none;
    }

    .testimonial .sun-slider .item.slick-current .item__wrap {
        padding: 20px 10px;
    }

    .testimonial__nav {
        button: -35px;
    }
}

.schedule-book__wrap {
    margin-top: -120px;
}

.schedule-book__content {
    background: #006eba;
    z-index: 2;
    padding: 45px 15px 35px 60px;
}

.schedule-book__title {
    margin-bottom: 10px;
}

.schedule-book__desc {
    margin-bottom: 35px;
}

.schedule-book__banner {
    position: absolute;
    bottom: 0;
    left: 0;
}

.schedule-book__img {
    z-index: 3;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .schedule-book__content {
        padding: 30px 15px 25px 50px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .schedule-book__content {
        padding: 10px 50px 10px 16px;
    }

    .schedule-book__desc {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .schedule-book {
        background: #006eba;
    }

    .schedule-book__banner {
        position: static;
    }

    .schedule-book__wrap {
        margin-top: 0;
    }

    .schedule-book__content {
        padding: 20px 15px 15px 15px;
        text-align: center;
    }

    .schedule-book__desc {
        margin-bottom: 25px;
    }
}

.news {
    padding: 70px 0 50px;
    background: #f9f9f9;
}

.news .home__title {
    margin-bottom: 25px;
}

.news__list {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 45px;
}

.news__list__big {
    width: 58%;
}

.news__list__big .item {
    overflow: hidden;
}

.news__list__big .item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#000000));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
    z-index: 1;
}

.news__list__big .item__body {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 35px;
}

.news__list__big .item__title,
.news__list__big .item__date {
    z-index: 2;
}

.news__list__big .item__title {
    margin-bottom: 10px;
}

.news__list__big .item__title a {
    color: inherit;
}

.news__list__big .item:hover .item__head img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* .news__list__small {
    display: flex;
    gap: 40px;
} */

.news__list__small .item__title {
    margin-bottom: 12px;
    margin-top: 10px;
}

.news__list__small .item__title a {
    color: inherit;
}

.news__list__small .item__date {
    margin-bottom: 1px;
}

.news__list__small .item:not(:last-child) {
    margin-bottom: 25px;
}

.news__list__small .item:hover .item__head {
    opacity: .8;
}

.news__more i {
    margin-bottom: 14px;
}

.news__list__small .owl-carousel-news-home .owl-dots {
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    gap: 12px;
}

.news__list__small .owl-carousel-news-home .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    color: #fac6c8;
    background-color: #fac6c8;
    border-radius: 50%;
}
.news__list__small .owl-carousel-news-home .owl-dots .owl-dot.active {
    background-color: #ED1C24;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .news__list__small .item__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 991px) {
    .news__list__small .item__readmore {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .news__list__big {
        width: 48%;
    }

    .news__list__big .item__body {
        padding: 20px 15px;
    }

    .news__list__big .item__title {
        font-size: 18px;
    }

    .news__list__small {
        /* width: 52%; */
        padding: 20px;
    }

    .news__list__small .item__title {
        font-size: 13px;
    }

    .news__list__small .item__readmore {
        font-size: 11px;
    }

    .news__list__small .item:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .news__list {
        display: block;
    }

    .news__list__big,
    .news__list__small {
        width: 100%;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .news {
        padding: 45px 0 30px;
    }
}

@media screen and (max-width: 575px) {
    .news {
        padding: 30px 0;
    }

    .news__list__big .item__body {
        padding: 15px;
    }

    .news__list__big .item__title {
        font-size: 17px;
    }

    .news__list__small {
        padding: 15px;
    }

    .news__list__small .item__title {
        font-size: 13px;
    }

    .news__list__small .item__readmore {
        font-size: 11px;
    }

    .news__list__small .item:not(:last-child) {
        margin-bottom: 20px;
    }
}

.service-package {
    background: #f9f9f9;
    padding-bottom: 110px;
}

.service-package .home__title {
    margin-bottom: 35px;
}

.service-package__lists {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.home .service-package__lists {
    display: block;
}

.service-package__lists .item {
    min-height: 339px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    padding-bottom: 30px;
}

.service-package__lists .item__head {
    padding: 35px 10px 15px;
}

.service-package__lists .item__name {
    margin-bottom: 6px;
}

.service-package__lists .item__desc {
    margin-bottom: 10px;
}

.service-package__lists .item__star i:not(:last-child) {
    margin-right: 5px;
}

.service-package__lists .item__body {
    padding: 15px;
    min-height: 250px;
}

.service-package__lists .item__body ul li i {
    margin-right: 8px;
}

.service-package__lists .item__body ul li:not(:last-child) {
    margin-bottom: 10px;
}

.service-package__lists .item__foot a,
.service-package__lists .item__foot button {
    width: 72%;
}

.service-package__lists .item--feature {
    background: #00b0f0;
}

.service-package__lists .item--feature .item__head {
    padding: 0;
}

.service-package__lists .item--feature .item__head__wrap {
    padding: 50px 10px 45px;
}

.service-package__lists .item--feature .item__head__wrap>* {
    position: relative;
    z-index: 4;
}

.service-package__lists .item--feature .item__head__wrap:after,
.service-package__lists .item--feature .item__head__wrap:before {
    content: "";
    position: absolute;
    top: calc(100% - 40px);
    z-index: 1;
    width: 0;
    height: 0;
    border-top: 10px solid #006eba;
}

.service-package__lists .item--feature .item__head__wrap:before {
    border-left: 5px solid transparent;
    left: -4px;
}

.service-package__lists .item--feature .item__head__wrap:after {
    border-right: 5px solid transparent;
    right: -4px;
}

.service-package__lists .item--feature .item__head:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -4px;
    right: -4px;
    height: calc(100% - 40px);
    top: 0;
    z-index: 2;
}

.service-package__lists .item--feature .item__head:after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: -3px;
    height: 90px;
    width: calc(100% + 6px);
}

.service-package__lists .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .service-package__lists .item__head {
        font-size: 17px;
    }
}

@media screen and (max-width: 991px) {
    .service-package__lists {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .service-package__lists .item {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .service-package__lists .item {
        width: 33%;
    }
}

@media screen and (max-width: 767px) {
    .service-package {
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .service-package__lists .item {
        width: 45%;
    }
}

@media screen and (max-width: 575px) {
    .service-package__lists .item {
        width: 100%;
    }
}

.service-package__slider {
    padding-bottom: 40px;
}

.service-package__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.service-package__slider .slick-arrow {
    display: none !important;
}

.service-package__slider .home__title h2 {
    text-align: center;
    display: block;
    padding: 0;
}

.service-package__slider .home__title h2:before {
    display: none;
}

.service-package__slider .slick-dots li {
    margin: 0 3px;
}

.service-package__slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
}

.service-package__slider .slick-dots li.slick-active button {
    width: 22px;
    height: 22px;
}

.service-package__slider .slick-dots li.slick-active button:before {
    content: "";
    width: 6px;
    height: 6px;
}

.book-exam {
    padding: 94px 0 0;
}

.book-exam__form {
    border-radius: 0 50px 0 0;
    max-width: 567px;
    padding: 40px 65px;
}

.book-exam__title {
    margin-bottom: 35px;
}

.book-exam__banner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.book-exam__content__img,
.book-exam__form {
    z-index: 1;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .book-exam__form {
        padding: 35px 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .book-exam {
        padding: 60px 0;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .book-exam {
        padding: 50px 0;
    }
}

@media screen and (max-width: 991px) {
    .book-exam__banner {
        display: none;
    }

    .book-exam__form {
        padding: 0;
        background: transparent;
        border-radius: 0;
        margin: auto;
    }

    .book-exam__title {
        color: #fff;
        text-align: center;
    }
}

@media screen and (max-width: 575px) {
    .book-exam {
        padding: 30px 0;
    }

    .book-exam__title {
        margin-bottom: 20px;
    }

    .book-exam .form-action {
        display: block;
    }

    .book-exam .form-action .btn {
        width: 100%;
    }

    .book-exam input,
    .book-exam select,
    .book-exam textarea {
        font-size: 14px;
    }
}

.branch__map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.branch__content__wrap {
    padding: 70px 0;
    z-index: 1;
}

.branch__areas .item {
    padding: 30px 50px 30px 0;
}

.branch__areas .item:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
}

.branch__areas .item__icon {
    width: 22px;
    margin-right: 15px;
}

.branch__areas .item__list {
    max-width: 345px;
    text-align: right;
}

.branch__areas .item__list li:not(:last-child) {
    margin-bottom: 15px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .branch__content__wrap {
        padding: 35px 0;
    }

    .branch__areas .item__list li:not(:last-child) {
        margin-bottom: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .branch__content__wrap {
        padding: 25px 0;
    }

    .branch__areas .item__list li:not(:last-child) {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .branch__map {
        position: static;
    }

    .branch__map iframe {
        max-height: 300px;
    }

    .branch__content__wrap {
        padding: 25px 0;
        background: inherit;
    }

    .branch__areas .item__list li:not(:last-child) {
        margin-bottom: 5px;
    }

    .branch__areas .item__icon {
        width: 30px;
    }

    .branch__areas .item__icon i {
        font-size: 45px;
    }
}

@media screen and (max-width: 575px) {
    .branch__areas .item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .branch__areas .item__intro {
        margin-bottom: 15px;
    }

    .branch__areas .item__intro,
    .branch__areas .item__list {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .home-page .home__title h2 {
        text-align: center;
        display: block;
        padding: 0;
    }

    .home-page .home__title h2:before {
        display: none;
    }
}

.home-page .home-banner .sun-slider.slick-slider {
    margin-bottom: 0;
}

.home-page .home-banner .sun-slider.slick-slider .item__img {
    position: relative;
}

.home-page .home-banner .sun-slider.slick-slider .item__img .container {
    position: relative;
    height: 100%;
}

.home-page .home-banner .sun-slider.slick-slider .item__img .home-page-img_text {
    position: absolute;
    left: 15px;
    bottom: 80px;
}

.home-page .home-banner .sun-slider.slick-slider .item__img .home-page-img_text .home-page-img_text__title {
    color: #ED1C24;
    font-weight: 700;
    font-size: 50px;
}

.home-page .home-banner .sun-slider.slick-slider .item__img .home-page-img_text .home-page-img_text__subtitle {
    color: #000000;
    font-size: 30px;

}

.home-page .home-banner .sun-slider.slick-slider .item__img .home-page-img_text .home-page-img_text__booking {
    padding: 20px 84px;
    background-color: #ED1C24;
    border: 6px solid #FFFFFF;
    box-shadow: 0px 4px 4px 0px #00000040;
    margin-top: 48px;

    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    border-radius: 60px;
    display: inline-block;
    cursor: pointer;
}

.home-page .home-banner .sun-slider.slick-slider img {
    max-height: fit-content;
    width: 100%;
}

.slider-main.home-banner .slick-dots {
    bottom: 0px;
    margin-bottom: 50px;
}

.slider-main.home-banner .slick-dots li button:before {
    background: #ED1C24;
}

.footer__main {
    background: #006eba;
    padding: 50px 0;
}


.footer__main .footer__item {
    margin-bottom: 35px;
}

.footer__menu ul li,
.footer__intro ul li {
    margin-bottom: 10px;
}

.footer__menu ul li a i,
.footer__intro ul li a i {
    margin-right: 8px;
    top: 4px;
}

.footer__menu--half ul li,
.footer__intro--half ul li {
    width: 48%;
}

.footer__menu--half ul li:nth-child(odd),
.footer__intro--half ul li:nth-child(odd) {
    margin-right: 2%;
}

.footer__socials {
    margin-top: 40px;
}

.footer__socials ul li {
    margin: 0 10px;
}

.footer__socials ul li a {
    width: 56px;
    height: 56px;
    border: 1px solid #fff;
}

.footer__bar {
    padding: 35px 0 20px;
}

.footer__copyright {
    max-width: 465px;
}

.footer__fixed__left,
.footer__fixed__right {
    position: fixed;
    bottom: 50px;
    z-index: 5;
}

@media(max-width: 992px) {

    .home-page-img_text {
        display: none;
    }
}

@media(min-width: 1200px) {

    .footer__fixed__left,
    .footer__fixed__right {
        bottom: 190px;
    }

    #msi-subBizChat-wrap #cprfqtltpjdihcwbozgcp .widget-layout {
        bottom: 5px !important;
    }

    /* .zalo-chat-widget {
        bottom: 125px !important;
    } */
}


.footer__fixed__left {
    left: 30px;
    text-align: left;
}

.footer__fixed__left img {
    max-width: 50px;
    margin: 0px 0 -8px -8px;
}

.footer__fixed__right {
    right: 30px;
}

.footer__fixed__address img {
    max-width: 58px;
}

.footer__fixed__address__tooltip {
    position: absolute;
    top: 0;
    right: calc(100% + 16px);
}

.footer__fixed__address__tooltip__wrap {
    width: 120px;
    height: 50px;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    padding: 8px;
}

.footer__fixed__address__tooltip__wrap:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 45%;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 4px solid transparent;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.footer__fixed__hotline,
.footer__fixed__zalo {
    margin-bottom: 15px;
}

.footer__fixed__hotline,
.footer__fixed__zalo,
.footer__fixed__facebook {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.footer__fixed__hotline__content,
.footer__fixed__zalo__content,
.footer__fixed__facebook__content {
    width: 190px;
    padding: 5px 60px 5px 15px;
    min-height: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__fixed__hotline__icon,
.footer__fixed__zalo__icon,
.footer__fixed__facebook__icon {
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
    position: absolute;
    top: -2px;
    right: -2px;
}

.footer__fixed__hotline__name,
.footer__fixed__zalo__name,
.footer__fixed__facebook__name {
    line-height: 1;
}

.footer__fixed__facebook__icon,
.footer__fixed__facebook__content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2ea7ff), to(#008df3));
    background-image: linear-gradient(to bottom, #2ea7ff, #008df3);
    -webkit-background-image: -webkit-gradient(linear, left top, left bottom, from(#2ea7ff), to(#008df3));
    -webkit-background-image: linear-gradient(to bottom, #2ea7ff, #008df3);
}

@media screen and (max-width: 767px) {
    .footer__item {
        margin-bottom: 30px;
    }

    .footer__bar {
        padding: 25px 0 55px;
    }

    .footer__bar__wrap {
        display: block;
    }

    .footer__copyright {
        margin-bottom: 10px;
    }

    .footer__socials {
        margin-top: 5px;
    }

    .footer__fixed__left,
    .footer__fixed__right {
        bottom: 15px;
    }

    .footer__fixed__left {
        left: auto;
        right: 15px;
        text-align: right;
    }

    .footer__fixed__right {
        right: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 68%;
        left: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .footer__fixed__address img {
        margin: 0 -8px -5px 0;
    }

    .footer__fixed__address__tooltip {
        display: none;
    }

    .footer__fixed__hotline,
    .footer__fixed__zalo,
    .footer__fixed__facebook {
        border-radius: 50%;
        margin: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .footer__fixed__hotline__content,
    .footer__fixed__zalo__content,
    .footer__fixed__facebook__content {
        display: none;
    }

    .footer__fixed__hotline__icon,
    .footer__fixed__zalo__icon,
    .footer__fixed__facebook__icon {
        position: relative;
        box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
    }
}

.service-intro {
    padding: 25px 0 70px;
}

.service-intro__title {
    margin-bottom: 15px;
}

.service-intro__content {
    width: 69.5%;
    line-height: 1.88;
    margin-bottom: 45px;
}

.service-intro__action>*:not(:last-child) {
    margin-right: 25px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .service-intro__content {
        width: 90%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .service-intro__content {
        width: 95%;
    }
}

@media screen and (max-width: 767px) {
    .service-intro__content {
        width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .service-intro {
        padding: 25px 0 45px;
    }

    .service-intro__action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .service-intro__action>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.service-step {
    padding: 85px 0;
    background: url("./../images/service/bg-step.jpg") no-repeat;
}

.service-step:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 176, 240, 0.7);
}

.service-step__title {
    margin-bottom: 20px;
}

.service-step__list .item__title {
    margin-bottom: 5px;
}

.service-step__list .item__circle {
    height: 142px;
    width: 71px;
}

.service-step__list .item__circle:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
}

.service-step__list .item__step {
    width: 118px;
    height: 118px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.service-step__list .item__step__number {
    line-height: 1;
}

.service-step__list .item__content {
    width: 78%;
    height: 142px;
    padding: 25px 35px;
}

.service-step__list .item:first-child .item__circle:before {
    top: 70%;
}

.service-step__list .item:nth-child(3) .item__circle:before {
    top: 10%;
}

.service-step__list .item:not(:last-child) {
    margin-bottom: 45px;
}

.service-step__list--left {
    padding-right: 10px;
}

.service-step__list--left .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.service-step__list--left .item__step {
    right: 12px;
    top: 12px;
}

.service-step__list--left .item__circle {
    border-bottom-right-radius: 284px;
    border-top-right-radius: 284px;
}

.service-step__list--left .item__circle:before {
    border-top: 12px solid transparent;
    border-left: 24px solid red;
    border-bottom: 12px solid transparent;
    left: 98%;
}

.service-step__list--left .item__content {
    margin-right: 10px;
    border-radius: 284px 0 0 284px;
    padding-right: 65px;
}

.service-step__list--left .item:first-child .item__circle:before {
    border-left-color: #00b0f0;
    left: 83%;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
}

.service-step__list--left .item:nth-child(2) .item__circle:before {
    border-left-color: #fecb33;
}

.service-step__list--left .item:nth-child(3) .item__circle:before {
    border-left-color: #f9a5ad;
    left: 80%;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}

.service-step__list--left .item:first-child,
.service-step__list--left .item:nth-child(3) {
    margin-right: -50px;
    padding-left: 50px;
}

.service-step__list--right {
    padding-left: 10px;
}

.service-step__list--right .item__circle {
    border-bottom-left-radius: 284px;
    border-top-left-radius: 284px;
}

.service-step__list--right .item__circle:before {
    border-top: 12px solid transparent;
    border-right: 24px solid #b5d434;
    border-bottom: 12px solid transparent;
    right: 98%;
}

.service-step__list--right .item__step {
    left: 12px;
    top: 12px;
}

.service-step__list--right .item__content {
    margin-left: 10px;
    border-radius: 0 284px 284px 0;
    padding-left: 65px;
}

.service-step__list--right .item:first-child .item__circle:before {
    border-right-color: #973f80;
    right: 81%;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}

.service-step__list--right .item:nth-child(3) .item__circle:before {
    border-right-color: #006eba;
    right: 79%;
    transform: rotate(34deg);
    -webkit-transform: rotate(34deg);
}

.service-step__list--right .item:first-child,
.service-step__list--right .item:nth-child(3) {
    margin-left: -50px;
    padding-right: 50px;
}

@media screen and (max-width: 1400px) {

    .service-step__list--right .item:first-child,
    .service-step__list--right .item:nth-child(3) {
        padding-right: 10px;
    }
}

.service-step__center {
    max-width: 348px;
    height: 24.125vw;
    max-height: 350px;
    border: 1px dashed #fff;
}

.service-step__center__title {
    max-width: 80%;
}

.service-step__center__list {
    position: absolute;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, 33.33%);
}

.service-step__center__list .item span {
    content: "";
    width: 34px;
    height: 34px;
    border: 1px solid #00b0f0;
}

.service-step__center__list .item span:before {
    content: "";
    width: 17px;
    height: 17px;
    position: absolute;
}

.service-step__center__list .item:first-child span:first-child,
.service-step__center__list .item:nth-child(3) span:first-child {
    left: 26px;
}

.service-step__center__list .item:first-child span:nth-child(2),
.service-step__center__list .item:nth-child(3) span:nth-child(2) {
    right: 26px;
}

.service-step__center__list .item:nth-child(2) span:first-child {
    left: -17px;
}

.service-step__center__list .item:nth-child(2) span:nth-child(2) {
    right: -17px;
}

.service-step__center__list .item:first-child span:nth-child(2) {
    border-color: #973f80;
}

.service-step__center__list .item:nth-child(2) span:first-child {
    border-color: #fecb33;
}

.service-step__center__list .item:nth-child(2) span:nth-child(2) {
    border-color: #b5d434;
}

.service-step__center__list .item:nth-child(3) span:first-child {
    border-color: #f9a5ad;
}

.service-step__center__list .item:nth-child(3) span:nth-child(2) {
    border-color: #006eba;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .service-step__list .item:not(:last-child) {
        margin-bottom: 20px;
    }

    .service-step__list .item__content {
        padding: 20px 25px;
    }

    .service-step__list .item__title {
        font-size: 15px;
    }

    .service-step__list .item__desc {
        font-size: 13px;
    }

    .service-step__list--left .item:first-child,
    .service-step__list--left .item:last-child {
        padding-left: 10px;
    }

    .service-step__list--left .item__content {
        padding-right: 50px;
    }

    .service-step__list--right .item:first-child,
    .service-step__list--right .item:last-child {
        padding-right: 10px;
    }

    .service-step__list--right .item__content {
        padding-left: 65px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .service-step__list .item:not(:last-child) {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 991px) {
    .service-step__list .item__circle:before {
        display: none;
    }

    .service-step__list--left,
    .service-step__list--right {
        padding: 0;
    }

    .service-step__list--left .item:first-child,
    .service-step__list--left .item:last-child {
        padding-left: 0;
        margin-right: 0;
    }

    .service-step__list--right .item:first-child,
    .service-step__list--right .item:last-child {
        padding-right: 0;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .service-step {
        padding: 40px 0;
    }

    .service-step__list .item:not(:last-child) {
        margin-bottom: 15px;
    }

    .service-step__list--left {
        margin-bottom: 15px;
    }
}

.experienced {
    padding: 80px 0;
}

.experienced__title {
    margin-bottom: 30px;
}

.experienced__list .item {
    overflow: hidden;
}

.experienced__list .item video,
.experienced__list .item audio,
.experienced__list .item iframe,
.experienced__list .item img {
    max-width: 100%;
}

.experienced__list .item__head:before,
.experienced__list .item__head:after,
.experienced__list .item__head__icon,
.experienced__list .item__head__icon i {
    pointer-events: none;
}

.experienced__list .item__head:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

.experienced__list .item__head__icon {
    z-index: 1;
}

.experienced__list .item__body {
    position: absolute;
    width: 77.5%;
    padding-top: 70px;
    pointer-events: none;
}

.experienced__list .item__title {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    -webkit-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    margin-top: 30px;
}

.experienced__list .item:hover .item__title {
    margin-top: 0;
}

.experienced__list .item:first-child {
    width: 66%;
    float: left;
    margin-right: 2.5%;
}

.experienced__list .item:first-child .item__head:before {
    padding-top: 55.77173%;
}

.experienced__list .item:first-child:hover .item__head__icon {
    margin-top: -60px;
}

.experienced__list .item:not(:first-child) {
    width: 31.5%;
}

.experienced__list .item:not(:first-child) .item__head:before {
    padding-top: 55.82656%;
}

.experienced__list .item:not(:first-child) .item__body {
    width: 85%;
}

.experienced__list .item:not(:first-child):not(:first-child) {
    margin-bottom: 15px;
}

.experienced__list .item:not(:first-child):hover .item__head__icon {
    margin-top: -30px;
}

@media screen and (max-width: 767px) {
    .experienced {
        padding: 40px 0;
    }

    .experienced__list .item:first-child {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .experienced__list .item:not(:first-child) {
        width: 49%;
    }

    .experienced__list .item:not(:first-child):not(:last-child) {
        margin-right: 2%;
        float: left;
    }
}

@media screen and (max-width: 575px) {
    .experienced__list .item__body {
        width: 90%;
    }

    .experienced__list .item:first-child .item__title {
        font-size: 15px;
    }

    .experienced__list .item:not(:first-child) .item__title {
        font-size: 12px;
    }
}

.reason__head {
    margin-bottom: 45px;
}

.reason__body {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(1, 15.94vw);
    grid-gap: 1px;
}

.reason__body .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reason__body .item__icon {
    max-width: 26%;
    margin: 0 auto 35px;
}

.reason__body .item__title {
    width: 70%;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .reason__body .item__icon {
        margin: 0 auto 20px;
    }

    .reason__body .item__title {
        width: 88%;
    }
}

@media screen and (min-width: 768px) and (max-width: 911px) {
    .reason__body .item__title {
        width: 90%;
        font-size: 13px;
        font-weight: normal;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .reason__body {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 25.94vw);
    }

    .reason__body .item__title {
        width: 85%;
        font-size: 13px;
    }
}

@media screen and (min-width: 576px) and (max-width: 1199px) {
    .reason__body .item__icon {
        max-width: 30%;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .reason__body .item__icon {
        margin: 0 auto 10px;
    }
}

@media screen and (max-width: 575px) {
    .reason__body {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 38.94vw);
    }

    .reason__body .item__icon {
        margin: 0 auto 10px;
    }

    .reason__body .item__title {
        width: 90%;
        font-size: 13px;
    }
}

.gallery {
    padding: 85px 0 0;
}

.gallery__head {
    margin-bottom: 35px;
}

.gallery__body {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 20.85vw);
    grid-gap: 1px;
}

.gallery__body .item {
    margin-bottom: 0;
}

.gallery__body .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery__body .item:first-child {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

.gallery__body .item:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
}

.gallery__body .item:nth-child(5) {
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 4;
}

.service-testimonial {
    background: url("./../images/service/bg-testimonial.jpg") no-repeat;
    background-size: cover;
    padding: 95px 0 100px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .service-testimonial {
        padding: 85px 0 70px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .service-testimonial {
        padding: 80px 0 60px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .service-testimonial {
        padding: 70px 0 50px;
    }
}

@media screen and (max-width: 575px) {
    .service-testimonial {
        padding: 40px 0 30px;
    }
}

.service-qa {
    padding: 75px 0;
}

.qa__head {
    margin-bottom: 40px;
}

.qa__list .item {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding: 15px 13px;
}

.qa__list .item__question {
    cursor: pointer;
}

.qa__list .item__question__content {
    width: calc(100% - 45px);
    display: flex;
    align-items: center;
}

.qa__list .item__num {
    margin-right: 10px;
}

.qa__list .item__arrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    max-height: 20px;
    line-height: 20px;
}

.qa__list .item__answer {
    padding-top: 15px;
    border-top: 1px solid #dbdbdb;
    margin-top: 15px;
}

.qa__list .item.active .item__arrow {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.about-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 176, 240, 0.8);
}

.about-intro {
    padding: 60px 0;
}

.about-intro__banner {
    padding: 35px 30px 30px;
    max-width: 75%;
}

.about-intro__banner:before,
.about-intro__banner:after {
    content: "";
    position: absolute;
}

.about-intro__banner:before {
    width: 188px;
    height: 186px;
    background: url("./../images/introduce/shape.png") no-repeat;
    background-size: 100%;
    bottom: 0;
    left: 0;
}

.about-intro__banner:after {
    width: 100px;
    height: 100px;
    background: url("./../images/bg-dots-gray.png") no-repeat;
    background-size: 100%;
    top: 0;
    right: 0;
    z-index: 1;
}

.about-intro__banner img {
    border-radius: 0 0 50px 0;
    z-index: 2;
}

.about-intro__title {
    margin-bottom: 25px;
}

.about-intro__content {
    padding-top: 40px;
}

.about-intro__desc {
    line-height: 1.5;
}

.about-intro__desc ul li {
    padding-left: 40px;
    margin-bottom: 15px;
}

.about-intro__desc ul li i {
    position: absolute;
    left: 0;
    top: 2px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .about-intro__banner {
        padding: 30px 20px 20px;
    }

    .about-intro__banner:before {
        width: 130px;
        height: 128px;
    }

    .about-intro__banner:after {
        width: 70px;
        height: 70px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .about-intro {
        padding: 40px 0;
    }

    .about-intro__banner {
        padding: 20px 20px 15px 15px;
    }

    .about-intro__banner:before {
        width: 120px;
        height: 118px;
    }

    .about-intro__banner:after {
        width: 50px;
        height: 50px;
    }

    .about-intro__content {
        padding-top: 25px;
    }
}

@media screen and (max-width: 575px) {
    .about-intro {
        padding: 25px 0;
    }

    .about-intro__banner {
        padding: 20px 20px 15px 15px;
    }

    .about-intro__banner:before {
        width: 100px;
        height: 98px;
    }

    .about-intro__banner:after {
        width: 40px;
        height: 40px;
    }

    .about-intro__content {
        padding-top: 25px;
    }
}

.rule {
    padding: 20px 0;
}

.rule__head {
    margin-bottom: 30px;
}

.rule__body .item {
    margin-bottom: 20px;
}

.rule__body .item__wrap {
    border-radius: 0 0 50px 0;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
    padding: 45px 15px;
}

.rule__body .item__wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
}

.rule__body .item__icon {
    width: 70px;
    height: 70px;
    margin-bottom: 25px;
}

.rule__body .item__title {
    margin-bottom: 18px;
}

.rule__body .item__desc {
    max-width: 80%;
    line-height: 1.4;
}

.timeline {
    padding: 70px 0;
}

.timeline__title {
    margin-bottom: 15px;
}

.timeline__head {
    position: absolute;
    top: 0;
    left: 0;
}

.timeline__head__desc {
    line-height: 1.5;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .timeline__head {
        top: -25px;
    }
}

@media screen and (max-width: 767px) {
    .timeline__head {
        position: relative;
        margin-bottom: 15px;
    }
}

.about-staff {
    background: url("./../images/introduce/bg-staff.jpg") no-repeat;
    padding: 60px 0;
}

.about-staff:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 168, 80, 0.8);
}

.about-staff__prev,
.about-staff__next {
    position: absolute;
}

.about-staff__prev {
    left: 3.4%;
}

.about-staff__next {
    right: 3.4%;
}

.about-staff__big {
    padding: 30px;
}

.about-staff__big__img {
    border-radius: 0 0 50px 0;
    padding-top: 40px;
}

.about-staff__big__img img {
    max-width: 80%;
}

.about-staff__big:before {
    content: "";
    width: 188px;
    height: 186px;
    background: url("./../images/introduce/shape-white.png") no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.about-staff__name {
    margin-bottom: 10px;
}

.about-staff__position {
    margin-bottom: 20px;
}

.about-staff__desc {
    margin-bottom: 25px;
}

.about-staff__info {
    padding-top: 25px;
}

.about-staff__slider .item {
    padding: 15px;
}

.about-staff__slider .item__head {
    border-radius: 0 0 50px;
    padding-top: 10px;
}

.about-staff__slider .item__head img {
    max-width: 120px;
}

.about-staff__slider .item__body {
    padding: 10px 0;
}

.about-staff__slider .item__name {
    margin-bottom: 5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .about-staff__slider .item__head img {
        max-width: 75px;
    }
}

@media screen and (max-width: 575px) {
    .about-staff {
        padding: 30px 0;
    }

    .about-staff__prev,
    .about-staff__next {
        top: 75%;
    }
}

.award {
    padding: 110px 0;
}

.award__head {
    margin-bottom: 50px;
}

.award:before,
.award:after {
    content: "";
    position: absolute;
    background: url("./../images/bg-dots-primary.png") no-repeat;
    background-size: 100%;
}

.award:before {
    width: 8.8%;
    height: 8.8vw;
    top: 10px;
    left: 10px;
}

.award:after {
    width: 6.7%;
    height: 6.7vw;
    bottom: 10px;
    right: 10px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .award {
        padding: 90px 0 70px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .award {
        padding: 70px 0 50px;
    }

    .award__head {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .award {
        padding: 50px 0 30px;
    }

    .award__head {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 575px) {
    .award {
        padding: 40px 0 25px;
    }

    .award__head {
        margin-bottom: 25px;
    }
}

.about-count {
    background: url("./../images/introduce/bg-count-up.jpg") no-repeat;
    background-size: cover;
    padding: 90px 0 80px;
}

.about-count .item__wrap {
    width: 80%;
    border: 1px dotted #fff;
    padding: 30px 0 40px;
}

.about-count .item__icon {
    height: 66px;
    margin-bottom: 5px;
}

.about-count .item__number {
    margin-bottom: 8px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .about-count .item__wrap {
        width: 90%;
    }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
    .about-count .item__wrap {
        width: 100%;
        padding: 25px 0;
    }
}

@media screen and (max-width: 767px) {
    .about-count .item {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    .about-count {
        padding: 50px 0 30px;
    }
}

/* custom home clinic nearby u */
.clinic-nearby-u {
    padding-top: 200px;
    padding-bottom: 200px;
    background-color: #fff;
}

.clinic-nearby-u .clinic-nearby-u__header_title {
    font-family: "Space Grotesk", sans-serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 67px;
    text-align: left;
    color: #292929;
}

.clinic-nearby-u .clinic-nearby-u__header_see-all {
    
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #292929;
    padding: 8px 12px;
}

.clinic-nearby-u .clinic-nearby-u__nav_custom {
    display: none;
}

.clinic-nearby-u .clinic-nearby-u__header_see-all .clinic-nearby-u__header_see-all__icon {
    width: 32px;
    height: 32px;
    margin-left: 8px;
}

.clinic-nearby-u__select .clinic-nearby-u__select-city {
    background-color: #F7F7F7;
    height: 40px;
    border-radius: 100px;
    padding: 11px 16px;
    margin-top: 24px;
}

.clinic-nearby-u__select .clinic-nearby-u__select-city select {
    border: none;
    background-color: #f7f7f7;
    border-radius: 100px;
    
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    min-width: 200px;
}

.clinic-nearby-u-slider {
    margin-top: 40px;
}

.clinic-nearby-u-slider:hover .clinic-nearby-u-slider__item {
    transform: translateY(-10px);
    transition: .8s;
}

.clinic-nearby-u-slider:hover .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_img img {
    transform: scale(1.03);
    transition: .8s;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item {
    /* margin-right: 56px; */
    padding-left: 28px;
    padding-right: 28px;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_img img {
    border-radius: 40px;
    max-height: 350px;
    min-height: 262px;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_content {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_content .clinic-nearby-u-slider__item_title {
    
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #292929;
    /* height: 60px; */

    /* overflow: hidden; */
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_content .clinic-nearby-u-slider__item_subtitle {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_content .clinic-nearby-u-slider__item_subtitle .clinic-nearby-u-slider__item_info:not(:first-child) {
    margin-top: 8px;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_content .clinic-nearby-u-slider__item_subtitle .clinic-nearby-u-slider__item_info img {
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_content .clinic-nearby-u-slider__item_subtitle .clinic-nearby-u-slider__item_info span {
    
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #292929;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_action {
    gap: 10px;
    margin-top: 24px;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_action .clinic-nearby-u-slider__item_action-item {
    height: 48px;
    border-radius: 100px;
    padding: 12px 24px 12px 24px;
    
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    color: #fff;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_action .clinic-nearby-u-slider__item_action-call {
    background-color: #00ACEE;
}

.clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_action .clinic-nearby-u-slider__item_action-book {
    background-color: #E50C75;
}

.clinic-nearby-u-slider:hover .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_action .clinic-nearby-u-slider__item_action-call {
    background-color: #53ceff;
}

.clinic-nearby-u-slider:hover .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_action .clinic-nearby-u-slider__item_action-book {
    background-color: #ff2c92;
}

.clinic-nearby-u__nav {
    text-align: center;
    margin-top: 40px;
}

.clinic-nearby-u__nav button {
    cursor: pointer;
}

.clinic-nearby-u__nav button:first-child img {
    transform: rotate(180deg);
}


.clinic-nearby-u__nav button:hover img {
    filter: opacity(0.5);
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .clinic-nearby-u {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .clinic-nearby-u .clinic-nearby-u__header_title {
        font-size: 40px;
        line-height: 48px;
    }

    .clinic-nearby-u-slider .clinic-nearby-u-slider__item {
        padding-left: 14px;
        padding-right: 14px;
    }

    .clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_img img {
        border-radius: 24px;
    }

    .clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_content .clinic-nearby-u-slider__item_title {
        font-size: 22px;
    }
}

@media screen and (max-width: 767px) {
    .clinic-nearby-u {
        padding-top: 68px;
        padding-bottom: 68px;
    }

    .clinic-nearby-u .clinic-nearby-u__header_see-all span {
        display: none;
    }

    .clinic-nearby-u .clinic-nearby-u__header_title {
        font-size: 24px;
        line-height: 32px;
    }

    .clinic-nearby-u-slider .clinic-nearby-u-slider__item {
        padding-left: 0;
        padding-right: 0;
    }

    .clinic-nearby-u-slider .clinic-nearby-u-slider__item .clinic-nearby-u-slider__item_img img {
        border-radius: 24px;
    }
}

@media screen and (max-width: 576px) {
    .clinic-nearby-u {
        padding-top: 54px;
        padding-bottom: 54px;
    }
}

/* care service */

.care-service {
    padding-top: 80px;
    padding-bottom: 72px;
    background-color: #fff;
    position: relative;
}

.care-service .care-service-bgr {
    position: absolute;
    left: 41px;
    bottom: 41px;
}

.care-service-title {
    border-bottom: 4px solid #ED1C24;
}

.care-service-title span {
    font-size: 34px;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
    color: #ED1C24;
}

.care-service-title img {
    width: fit-content;
    height: fit-content;
    margin-right: 12px;
    max-width: 40px;
}

.care-service .care-service-item {
    margin-top: 60px;
    /* gap: 32px 48px; */
}

.care-service-item .care-service-item__container {
    margin-bottom: 56px;
}

.care-service-item__container .care-service-item__container-content {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 18px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    flex: 1;
    justify-content: space-around;
    align-items: center;
    box-shadow: 1px 1px 8px 0px #CB828270;
    z-index: 1;
    height: 92%;
    position: relative;
}
.care-service-item__container .care-service-item__container-content-booking {
    background-color: #ed1c24;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    background-color: #ed1c24;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
}
.care-service-item__container .care-service-item__container-content-booking_none {
    display: contents;
}
.care-service-item__container .tooltip {
    position: absolute;
    /* bottom: -100%; */
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8); /* Màu nền đen với độ mờ */
    color: #fff; /* Màu chữ trắng */
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: normal; /* Không cho xuống dòng */
    opacity: 0; /* Ẩn mặc định */
    visibility: hidden; /* Ẩn mặc định */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Hiệu ứng mượt */
    width: 280px; /*  chiếu rộng cho tooltip */
    height: auto;
    z-index: 100;
}

.care-service-item__container .tooltip:has(.tooltip-content_empty)  {
    width: auto;
}

.care-service-item__container:hover .tooltip {
    opacity: 1; /* Hiển thị tooltip */
    visibility: visible;
}

.care-service-item__container .care-service-item__container-content__custom {
    justify-content: center;
}

.care-service-item__container .care-service-item__container-content .care-service-item__container_img {
    width: fit-content;
    height: fit-content;
    max-width: 44px;
    max-height: 44px;
}

.care-service-item__container .care-service-item__container-content:hover .care-service-item__container_img {
    filter: drop-shadow(0px 0px 1px rgb(163, 163, 163));
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}

.care-service-item__container .care-service-item__container-content:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    background-color: #f6f6fb;
    /* transform: scale(1.05); */
}


.care-service-item__container_label {
    color: #595959;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .care-service {
        padding-top: 56px;
        padding-bottom: 64px;
    }
}

@media screen and (max-width: 991px) {
    .care-service-item__container .tooltip {
        display: none;
    }
}
@media screen and (min-width: 720px) and (max-width: 991px) {
    .care-service {
        padding-top: 72px;
        padding-bottom: 64px;
    }

    .care-service-title {
        font-size: 48px;
        line-height: 54px;
    }

    .care-service .care-service-item {
        /* gap: 24px; */
    }
    /* .care-service-item .care-service-item__container {
        margin-bottom: 28px;
    } */

    .care-service-item__container_img {
        width: 40px;
        height: 40px;
    }

    .care-service-item__container_label {
        color: #595959;
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        text-align: center;
    }

    .care-service-title span,
    .about-page .about-page-title span,
    .list-doctors .list-doctors__head span,
    .os-service-package__head_title,
    .testimonials__header span,
    .partner-row-header__head .partner-row-header__head_title,
    .booking-form__header span,
    .os-page-qa__header span {
        font-size: 32px !important;
        line-height: 48px !important;
    }

    .care-service-title img,
    .about-page .about-page-title img,
    .list-doctors .list-doctors__head img,
    .os-service-package .os-service-package__head img,
    .testimonials__header img,
    .os-partner-content .partner-row-header__head img,
    .booking-form__header img,
    .os-page-qa__header img {
        width: 40px !important;
        height: 40px !important;
    }
}

@media screen and (max-width: 719px) {
    .care-service {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .care-service-title {
        font-size: 32px;
        line-height: 40px;
    }

    .care-service .care-service-item {
        /* gap: 16px; */
        margin-top: 24px;
    }
    /* .care-service-item .care-service-item__container {
        margin-bottom: 24px;
    } */

    .care-service-item__container_img {
        width: 40px;
        height: 40px;
    }

    .care-service-item__container .care-service-item__container-content {
        gap: 20px;
        padding: 20px;
    }

    .care-service-item__container_label {
        color: #595959;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        text-align: center;
    }

}

@media screen and (max-width: 576px) {
    .care-service {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .care-service-title {
        font-size: 24px;
        line-height: 30px;
    }

    .care-service-item__container .care-service-item__container-content {
        gap: 16px;
        padding: 16px;
    }

    .care-service-item__container_img {
        width: 40px;
        height: 40px;
    }

    .care-service-item__container_label {
        font-size: 16px;
        line-height: 24px;
    }

    .care-service-title span,
    .about-page .about-page-title span,
    .list-doctors .list-doctors__head span,
    .os-service-package__head_title,
    .testimonials__header span,
    .partner-row-header__head .partner-row-header__head_title,
    .booking-form__header span,
    .booking-form__header span ,
    .os-page-qa__header span{
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .care-service-title img,
    .about-page .about-page-title img,
    .list-doctors .list-doctors__head img,
    .os-service-package .os-service-package__head img,
    .testimonials__header img,
    .os-partner-content .partner-row-header__head img,
    .booking-form__header img,
    .booking-form__header img,
    .os-page-qa__header img {
        width: 32px !important;
        height: 32px !important;
    }
}

/* about-us */
.about-page {
    height: 100vh;
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/img_new/about_us_bgr.png);
    width: 100%;
    position: relative;
}

.about-page::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    filter: blur(2px);
}
.about-page .container{
    height: 100%;
    position: relative;
}
.about-page .about-page-title {
    position: absolute;
    left: 15px;
    top: 6%;
    z-index: 2;
    border-bottom: 4px solid #ED1C24;
}

.about-page .about-page-title span {
    font-size: 34px;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
    color: #fff;
}

.about-page .about-page-title img {
    width: fit-content;
    height: fit-content;
    margin-right: 12px;
    max-width: 40px;
}

.about-page video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.about-page .about-page_play_video {
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.about-page .about-page_info {
    background-color: #ED1C24;
    border-radius: 34px;
    padding: 36px 0px 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0%, 50%);
    z-index: 2;
}

.about-page .about-page_info .about-page_info__item {
    padding: 0px 32px;
    border-right: 1px solid #D8DDE1;
}

.about-page .about-page_info .about-page_info__item:last-child {
    border-right: none;
}

.about-page .about-page_info .about-page_info__item .about-page_info__item-main {
    width: 224px;
    gap: 6px;
}

.about-page .about-page_info .about-page_info__item .about-page_info__item-value {
    font-size: 48px;
    font-weight: 300;
    line-height: 68px;
    text-align: center;
    color: #F5F7FA;
    transition: .15s ease-in;
}

.about-page .about-page_info .about-page_info__item .about-page_info__item-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 32.25px;
    text-align: center;
    color: #F5F7FA;
    transition: .15s ease-in;
}

.about-page_info__item-main:hover .about-page_info__item-value,
.about-page_info__item-main:hover .about-page_info__item-text {
    transform: scale(1.1);
    font-weight: 600 !important;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-page .about-page_info {
        padding: 16px 0px;
    }
    
    .list-doctors {
        padding-top: 160px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .about-page .about-page_info .about-page_info__item {
        padding: 0px;
    }
}
/* danh sách bsi màn home */
.list-doctors {
    padding-top: 200px;
    background-color: #fff;
    padding-bottom: 88px;
}

.list-doctors .list-doctors__head {
    border-bottom: 4px solid #ED1C24;
}
.list-doctors .list-doctors__head img {
    width: fit-content;
    height: fit-content;
    margin-right: 12px;
    max-width: 40px;
}

.list-doctors__head .list-doctors__head_title {
    font-size: 34px;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
    color: #ED1C24;
}

.list-doctors__head .list-doctors__head_title-2 {}

.list-doctors__head .list-doctors__head_subtitle {
    
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #000000;
    max-width: 800px;
}

.list-doctors .list-doctors__head-more {
    padding: 16px 40px;
    background-color: #ED1C24;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 14px;
    color: #fff;
    box-shadow: 0px 2px 10px 0px #B8BFD080;
    border-radius: 30px;
}


.list-doctors__slider {
    margin-top: 18px;
}

.list-doctors__slider .slick-list {
    padding: 24px 0;
}

.list-doctors__slider .slick-list .slick-slide {
    position: relative;
}

.list-doctors__slider_item {
    background-color: #F7F7F7;
    padding: 24px 48px 24px 24px;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 20px;
    /* position: relative; */
}

.list-doctors__slider_item:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
    transition: 1s;
    filter: drop-shadow(2px 4px 6px black);
}
.list-doctors__slider_item:hover .list-doctors__slider_item-overlay{
    background: none;
}
.list-doctors__slider_item:hover .list-doctors__slider_item-content_subtitle {
    color: #272727;;
}
.list-doctors__slider_item-overlay {
    position: absolute;
    /* height: 100%; */
    left: 8px;
    right: 8px;
    top: 0;
    bottom: 16px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(1, 1, 1, 0.00) 65.09%, #060606 100%);
    transition: 0.8s;
}

.list-doctors__slider_item:hover .list-doctors__slider_item-img img {
    /* transform: scale(1.1); */
    filter: none;
}


.list-doctors__slider .slick-slider {
    margin-bottom: 0px;
}

.list-doctors__slider_item:hover .list-doctors__slider_item-content_language__item {
    background-color: #b9191f;
}

.list-doctors__slider_item-img {
    max-width: 329px;
    padding: 0 8px;
}

.list-doctors__slider_item-img img {
    width: 100%;
    border-radius: 16px;
    height: 480px;
    object-fit: cover;
    background-color: #fff;
    /* filter: grayscale(100%); */
    transition: 0.8s;
    object-position: top;
}


.list-doctors__slider_item-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 28px;
    bottom: 32px;
    width: max-content;
}

.list-doctors__slider_item-content_title {
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    color: #fff;
}

.list-doctors__slider_item-content_subtitle {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    color: #fff;
    transition: .8s;
}

.list-doctors__slider_item-content_language_title {
    
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    margin-top: 16px;
    color: #292929;
}

.list-doctors__slider_item-content_language {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
}

.list-doctors__slider_item-content_language__item {
    padding: 12px 20px;
    
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    border-radius: 100px;
    cursor: pointer;
}

.list-doctors__slider_item-content_language__item.vietnamese {
    background-color: #ED1C24;
    color: #fff;
}

.list-doctors__slider_item-content_language__item.english {
    background-color: #DEF3FF;
    color: #0072AB;
}


.list-doctors__slider_item-content_language__item:not(:first-child) {
    margin-left: 16px;
}

.list-doctors__see-more {
    margin-top: 36px;
}

.list-doctors__see-more .list-doctors__see-more_text {
    margin-right: 8px;
    background-color: #F7F7F7;
    padding: 8px 12px;
    
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #292929;
    border-radius: 100px;
    cursor: pointer;
}

.list-doctors__see-more .list-doctors__see-more_next {
    cursor: pointer;
}




@media screen and (min-width: 992px) {
    .list-doctors__slider_item {
        padding: 0px;
    }

}

@media screen and (max-width: 991px) and (max-width: 1200px) {

    .list-doctors {
        padding-top: 100px;
    }

    .list-doctors__head .list-doctors__head_title,
    .list-doctors__head .list-doctors__head_title-2 {
        font-size: 48px;
        line-height: 54px;
    }

    .list-doctors__slider_item {
        margin-left: 0px;
        margin-right: 0px;
    }

    .list-doctors__slider_item {
        padding: 0px;
    }

    .list-doctors__slider_item-img {
        margin-bottom: 24px;
        max-width: 100%;
        width: 100%;
        padding: 0;
    }

    .list-doctors__slider_item-img img {
        height: 480px;
        width: 100%;
        object-position: top;
    }

    .list-doctors__slider_item-content {
        margin-left: 0;
        padding: 0;
    }
}

@media screen and (max-width: 992px) {

    .list-doctors .list-doctors__head-more {
        padding: 8px 16px;
    }
    .about-page .about-page_info {
        display: none !important;
    }

    .list-doctors__slider {
        margin-top: 64px;
    }
}

@media screen and (max-width: 720px) {
    .list-doctors {
        padding-top: 64px;
    }

    .list-doctors__head .list-doctors__head_title,
    .list-doctors__head .list-doctors__head_title-2 {
        font-size: 32px;
        line-height: 48px;
    }

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

    .list-doctors__slider_item-img img {
        height: 400px;
        width: 100%;
        object-position: top;
    }

    .list-doctors__see-more {
        margin-top: 0px;
    }

    .list-doctors__slider .slick-list {
        padding: 0px;
    }

    .list-doctors__slider_item-content_language_title {
        margin-top: 16px;
    }
}

@media screen and (max-width: 576px) {
    .list-doctors {
        padding-top: 54px;
    }

    .list-doctors__head .list-doctors__head_title,
    .list-doctors__head .list-doctors__head_title-2 {
        font-size: 24px;
        line-height: 30px;
    }

    .list-doctors__slider_item-img img {
        height: 400px;
        width: 100%;
    }
}

/* custom menu 2 column */
@media screen and (min-width: 992px) {
    .dropdown-menu {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        display: none !important;
        grid-template-columns: repeat(2, 1fr) !important;
        /* Tạo 2 cột đều nhau */
        gap: 10px !important;
        /* Khoảng cách giữa các mục */
    }

    /* Hiển thị menu con khi hover vào mục cha */
    .nav-item:hover>.dropdown-menu {
        display: grid !important;
        /* Chỉ hiển thị menu khi hover vào mục cha */
    }

    /* Xử lý menu con cấp 3 (submenu của submenu) */
    .dropdown-menu .menu-item:hover>.dropdown-menu {
        display: grid !important;
    }

    /* Style cho các mục menu */
    .dropdown-menu .menu-item {
        padding: 5px !important;
    }

    .dropdown-menu .menu-item a {
        display: block !important;
        text-align: left !important;
        text-decoration: none !important;
        color: #292929 !important;
        /* Điều chỉnh màu chữ */
        white-space: nowrap !important;
        
        font-weight: 500;
        line-height: 24px;
    }

    /* Style cho hover của các mục menu */
    .dropdown-menu .menu-item a:hover {
        /* background-color: #f0f0f0 !important; */
        color: #00ACEE !important;
        /* Màu chữ khi hover */
    }

    .item-child-menu li:before,
    .mega-menu__list ul li:before,
    .primary-menu li:not(.mega-menu) ul li:before {
        position: relative;
        top: 0px !important;
        left: 0px !important;
    }

    .primary-menu li:not(.mega-menu) ul li {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
    }

    .primary-menu li:not(.mega-menu) ul {
        padding: 40px !important;
        column-gap: 100px !important;
        row-gap: 8px !important;
    }

    .primary-menu li#nav-item-6207:not(.mega-menu) ul.dropdown-menu.depth_0 {
        padding: 40px 40px 136px 40px !important;
    }

    .primary-menu li#nav-item-4711:not(.mega-menu) ul.dropdown-menu.depth_0 {
        padding: 40px 40px 160px 40px !important;
    }

    .primary-menu li#nav-item-6226:not(.mega-menu) ul.dropdown-menu.depth_0 {
        padding: 40px 40px 160px 40px !important;
        min-width: 712px;
    }

    .menu-bonus {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #f7f7f7;
        border-radius: 0px 0px 16px 16px;
        padding: 0px 40px;
        height: 96px;
        line-height: 96px;
        display: flex;
        align-items: center;
    }

    .primary-menu li#nav-item-4711:not(.mega-menu) ul .menu-bonus,
    .primary-menu li#nav-item-6296:not(.mega-menu) ul .menu-bonus {
        height: 120px;
    }

    .primary-menu li#nav-item-6226:not(.mega-menu) ul .menu-bonus,
    .primary-menu li#nav-item-6300:not(.mega-menu) ul .menu-bonus {
        height: 120px;
    }

    .menu-bonus .menu-bonus__content {
        gap: 40px;
        line-height: normal;
        flex: 1;
    }

    .menu-bonus .menu-bonus__content .menu-bonus__content-title {
        line-height: 24px;
        
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;

    }

    .menu-bonus .menu-bonus__content .menu-bonus__content-btn {
        background-color: #00ACEE;
        border-radius: 100px;
        color: #fff;
        padding: 12px 24px;
        white-space: nowrap;
        cursor: pointer;
    }

}

/* custom icon menu Service */
#nav-item-4711 ul li:nth-child(1):before,
#nav-item-6296 ul li:nth-child(1):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_1.svg);
}

#nav-item-4711 ul li:nth-child(2):before,
#nav-item-6296 ul li:nth-child(2):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_2.svg);
}

#nav-item-4711 ul li:nth-child(3):before,
#nav-item-6296 ul li:nth-child(3):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_3.svg);
}

#nav-item-4711 ul li:nth-child(4):before,
#nav-item-6296 ul li:nth-child(4):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_4.svg);
}

#nav-item-4711 ul li:nth-child(5):before,
#nav-item-6296 ul li:nth-child(5):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_5.svg);
}

#nav-item-4711 ul li:nth-child(6):before,
#nav-item-6296 ul li:nth-child(6):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_6.svg);
}

#nav-item-4711 ul li:nth-child(7):before,
#nav-item-6296 ul li:nth-child(7):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_7.svg);
}

#nav-item-4711 ul li:nth-child(8):before,
#nav-item-6296 ul li:nth-child(8):before {
    background-image: url(../../../../../wp-content/themes/m5_os/assets/images/os/ic_menu_sv_8.svg);
}

/* end custom menu 2 column */

.form-group-custom input {
    padding-right: 30px;
}

.form-group-custom .icon-inside-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    height: 24px;
    width: 24px;
}

@media screen and (max-width: 767px) {

    li.nav-item-4711 ul li:nth-child(1):before,
    .nav-item-6296 ul li:nth-child(1):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_1.svg);
    }

    li.nav-item-4711 ul li:nth-child(2):before,
    .nav-item-6296 ul li:nth-child(2):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_2.svg);
    }

    li.nav-item-4711 ul li:nth-child(3):before,
    .nav-item-6296 ul li:nth-child(3):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_3.svg);
    }

    li.nav-item-4711 ul li:nth-child(4):before,
    .nav-item-6296 ul li:nth-child(4):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_4.svg);
    }

    li.nav-item-4711 ul li:nth-child(5):before,
    .nav-item-6296 ul li:nth-child(5):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_5.svg);
    }

    li.nav-item-4711 ul li:nth-child(6):before,
    .nav-item-6296 ul li:nth-child(6):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_6.svg);
    }

    li.nav-item-4711 ul li:nth-child(7):before,
    .nav-item-6296 ul li:nth-child(7):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_7.svg);
    }

    li.nav-item-4711 ul li:nth-child(8):before,
    .nav-item-6296 ul li:nth-child(8):before {
        background-image: url(../../../../../wp-content/themes/m5/assets/images/os/ic_menu_sv_8.svg);
    }
}

@media screen and (max-width: 767px) {
    .form-group-custom .icon-inside-input {
        right: 0px;
    }
}

/* testimonials -cảm nhận khách hàng */
.testimonials {
    background-color: #fff;
    padding: 80px 0;
    box-shadow: 0 0px 20px 0px #ffffff;
}
.testimonials__header {
    border-bottom: 4px solid #ED1C24;
}
.testimonials__header span {
    font-size: 34px;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
    color: #ED1C24;
}

.testimonials__header img {
    width: fit-content;
    height: fit-content;
    margin-right: 12px;
    max-width: 40px;
}

.testimonials__content {
    margin-top: 54px;
}

.testimonials__content .slider-testimonials-item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 38px;
    padding: 32px 28px 32px 32px;
    border-radius: 8px;
    background: #FFF;
    border: 1px solid #d9d9d9;
}
.testimonials__content .slider-testimonials-item:hover {
    box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.25);
}
.testimonials__content .slider-testimonials-item.slider-testimonials-item_2:hover {
    border: 1px solid #ed1c24;
}
.testimonials__content .slider-testimonials-item.slider-testimonials-item_1:hover {
    border: 1px solid #19a0ff;
}


.testimonials__content .slider-testimonials-item.slider-testimonials-item_2 .slider-testimonials-item_top__avatar img {
    border: 3px solid #ed1c24;
}
.testimonials__content .slider-testimonials-item.slider-testimonials-item_1 .slider-testimonials-item_top__avatar img {
    border: 3px solid #19a0ff;
}

.testimonials__content .slider-testimonials-item .slider-testimonials-item_top-bgr {
    position: absolute;
    top: 0;
    right: 0;
}

.testimonials__content .slider-testimonials-item .slider-testimonials-item_down-bgr {
    position: absolute;
    bottom: 0;
    left: 0;
}

.testimonials__content .slider-testimonials-item .slider-testimonials-item_top {
    gap: 16px;
}

.slider-testimonials-item_top__avatar img {
    width: 66px !important;
    height: auto;
    border-radius: 50%;
    border: 3px solid rgba(89, 89, 89, 0.33);
}

.slider-testimonials-item_top__info {
    gap: 2px;
}

.slider-testimonials-item_top__info-name {
    color: #000D44;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.34px;
}

.slider-testimonials-item_top__info-position {
    color: #535353;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.testimonials__content .slider-testimonials-item .slider-testimonials-item__down .slider-testimonials-item__down-text {
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* min-height: 198px; */
    
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.testimonials__content .slider-testimonials-item .slider-testimonials-item__down .slider-testimonials-item__down-text_tooltip {
    display: none
}
.testimonials__content .slider-testimonials-item .slider-testimonials-item__down:hover .slider-testimonials-item__down-text_tooltip {
    display: block;
    position: absolute;
    bottom: 4px;
    left: -70%;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: normal;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    width: 300px;
    height: auto;
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.testimonials__content .owl-carousel-testimonials .owl-dots {
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    gap: 12px;
}

.testimonials__content .owl-carousel-testimonials .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    color: #fac6c8;
    background-color: #fac6c8;
    border-radius: 50%;
}
.testimonials__content .owl-carousel-testimonials .owl-dots .owl-dot.active {
    
    background-color: #ED1C24;
}
/* booking-form */
.booking-form {
    position: relative;
    padding: 80px 0px 96px;
}

.booking-form .container {
    z-index: 2;
    position: inherit;
}

.booking-form .booking-form-overlay {
    top: 0px;
    position: absolute;
    width: 80%;
    height: 100%;
    background: linear-gradient(273deg, rgba(255, 255, 255, 0.00) 2.68%, rgba(255, 255, 255, 0.63) 39.32%, #FFF 82.12%);
}
.booking-form__header {
    border-bottom: 4px solid #ED1C24;
}
.booking-form__header span {
    font-size: 34px;
    font-weight: 700;
    line-height: 64px;
    text-align: center;
    color: #ED1C24;
}

.booking-form__header img {
    width: fit-content;
    height: fit-content;
    margin-right: 12px;
    max-width: 40px;
}

.booking-form-content {
    margin-top: 40px;
    gap: 38px;
    z-index: 2;
}

.booking-form-content_calender {
    border-radius: 20px;
    background-color: #ED1C24;
    box-shadow: 4px 4px 7px 0px #00000040;
    padding: 29px 41px 26px;
    min-width: 348px;
}

.booking-form-content_calender__head {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 52px;
}

.booking-form-content_calender__subhead {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    margin-top: 14.29px;
}

.booking-form-content_calender__timetable {
    margin-top: 22.45px;
}

.booking-form-content_calender__timetable__item {
    padding-bottom: 18px;
    border-bottom: 1px solid #ffffff4d;
}

.booking-form-content_calender__timetable__item:not(:first-child) {
    padding-top: 21px;
}

.booking-form-content_calender__timetable__item:last-child {
    border-bottom: none;
}

.booking-form-content_calender__timetable__item-day {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
}

.booking-form-content_calender__timetable__item-time {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.booking-form-content_form {
    border-radius: 20px;
    background-color: #FFF;
    box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.25);
    padding: 28px;
    gap: 32px;
    flex: 1;
}

.booking-form-content_form__image {
    gap: 45px;
}

.booking-form-content_form__form {
    width: 100%;
}

.booking-form-content_form__form-head {
    color: rgba(0, 0, 0, 0.70);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 44.593px;
}

.booking-form-content_form__form-main {
    margin-top: 16px;
    gap: 22px;
}

.booking-form-content_form__form-main input,
.booking-form-content_form__form-main select {
    border-radius: 30.108px;
    background: #F5F7FA;
    padding: 18.399px 27.878px;
    border: none;
    width: 100%;
    max-height: 54px;
    height: 54px;
    line-height: inherit;

    appearance: none !important;
    -webkit-appearance: none !important;
}

.booking-form-content_form__form-main input::placeholder {
    color: #495057 !important;
    opacity: 1 !important;
}

@supports (-webkit-touch-callout: none) {
    .booking-form-content_form__form-main input,
    .booking-form-content_form__form-main select {
        width: 100%;
        max-height: 54px;
        height: auto;
    }
}

.booking-form-content_form__form-main input:focus,
.booking-form-content_form__form-main select:focus {
    border-color: #007BFF;
    box-shadow: 0 0 5px 2px rgba(0, 123, 255, 0.5);
}

.booking-form-content_form__form-main select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../assets/images/img_new/arrow_down.svg);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    background-position-x: 94%;
}

.booking-form-content_form__form-main_item {
    display: flex;
}
.booking-form-content_form__form-main_item>span{
    flex: 1;
}

.add-specialty-5,
.add-specialty-6,
.add-specialty-7,
.add-specialty-8,
.add-specialty-9,
.add-specialty-10 {
    display: none;
    border-top: 1px solid #b3b3b3;
    padding-top: 22px;
}

.add-specialty-5 .booking-form-content_form__form-main_item:not(:first-child),
.add-specialty-6 .booking-form-content_form__form-main_item:not(:first-child),
.add-specialty-7 .booking-form-content_form__form-main_item:not(:first-child),
.add-specialty-8 .booking-form-content_form__form-main_item:not(:first-child),
.add-specialty-9 .booking-form-content_form__form-main_item:not(:first-child),
.add-specialty-10 .booking-form-content_form__form-main_item:not(:first-child) {
    margin-top: 22px;
}
.booking-form-content_form__form-main_submit {
    border-radius: 30.108px;
    background: #ED1C24;
    padding: 18.399px 27.878px;
    flex: 1;
    color: #FFF;
    text-align: center;
    font-size: 15.612px;
    font-style: normal;
    font-weight: 700;
    line-height: 15.612px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s;
    border: none;
}

.booking-form-content_form__form-main_submit:hover {
    border-color: #d82d33;
    box-shadow: 0 0 5px 2px rgba(216, 45, 51, 0.5);
    background: #9b2327;
}


@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .booking-form {
        padding: 64px 0px 80px;
    }

    .booking-form-content_form__form-head {
        font-size: 28px;
    }

    .booking-form-content_form__form-main {
        margin-top: 24px;
        gap: 18px;
    }

    .booking-form-content_calender__timetable__item {
        padding-bottom: 12px;
    }
    .booking-form-content_calender {
        padding: 29px 32px 26px;
    }
    .booking-form-content_calender__head {
        font-size: 28px;
    }


}

/* custom bgr head page */
.page__banner {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 339px;
    background-image: url(../../assets/images/img_new/banner1.png);
    margin-bottom: 100px;
}


@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonials {
        padding: 64px 0;
    }
    .page__banner {
        margin-bottom: 56px;
    }
}


@media screen and (max-width: 992px) {

    .sun-slider button.slick-next,
    .sun-slider button.slick-prev {
        display: none !important;
    }

    .booking-form .booking-form-overlay {
        width: 100%;
    }
    .booking-form-content {
        flex-wrap: wrap;
    }
    .booking-form-content_form__image {
        display: none !important;
    }

    .booking-form-content_calender {
        max-width: none;
        width: 100%;
    }

    .booking-form-content_form {
        padding: 32px;
        width: 100%;
    }

    .booking-form-content_form__form {
        width: 100%;
    }

    .testimonials {
        padding: 48px 0;
    }
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {
    color: #ed1c24;
    border: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 600;
}

.wpcf7-not-valid-tip {
    margin: 4px 4px 0;
}

.form-control[readonly] {
    background-color: #F5F7FA;
}