@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
html, body {font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-variation-settings:"wdth" 100;
    font-size:16px;
    color:var(--color-text);}
/*General*/
a {color:var(--color-text);}
a:hover {color:var(--color-text);}
h1, h2, h3, h4, h5, h6 {margin: 0;}
/* p {margin-bottom: 10px;} */
label {margin: 0;padding: 0;}
ul {margin:0;padding:5px;}
li {list-style: none;padding-left:10px;}
a {text-decoration:none;}
    a:hover {text-decoration:none;}

#captcha {text-align:center;width:100%;}
form {display: table;width:100%;}
textarea {border-color: rgb(230, 230, 230);padding-left: 10px;}

/*Paging*/
#paging {display: table;margin: auto;margin-top:20px;}
    #paging a, #paging span {width:auto;float: left;height: 30px;width: 30px;margin-right:10px;}
.pselected {float: left; display: inline-block;font-size:17px;}
.ipage-rr {display: inline-block;float: left;height: 30px;width: 30px;line-height: 30px;text-align:center;background: #999999;color: #fff;}
.ipage-r {display: inline-block;float: left;height: 30px;width: 30px;line-height: 30px;font-size:17px;text-align:center;}
.back, .pagemore, .next {float:left;padding: 0px 5px;}
.pagelast{float:left;}
.pagefirst{float:left;}

/*View All*/
body {padding-top: 140px;background-image: url('/images/bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;background-attachment: fixed;}
:root {
    --color-1: #d8f7ea; 
    --color-2: #01a760;
    --color-3: #ffc000;
    --color-4: #d8f7ea;
    --color-5: #f5f5f5;
    --color-text:#333333;
    --bg-input: #f1f1f1;
    --color-datetime: #7d7d7d;
    --width-content: 1140px;
    --width-content-page: 1140px;
    --width-content-focus: 1000px;
    --color--blockquote :#01a760;
    --width-service-item: 200px;
    --color-bg-transparent: #00000085;
}
.swiper-button-prev {right:auto;left: 15px;top: 50%;transform: translate(0, 50%);}
.swiper-button-next {right: 15px; top: 50%;transform: translate(0, 50%);}
.title-group {padding: 50px 15px;}
.title-group, .title-group a {font-size: 40px;color: var(--color-2);text-align: center;font-weight: bold;}
.title-group:has(.nav-tabs) {padding-bottom: 20px;}
.see-more, .button-form {width: 275px;text-align:center; background-color: var(--color-2);color: #fff;padding: 9px 40px;border-radius: 20px;display: flex;font-size: 18px;font-weight: 500;margin: 0 auto;justify-content: center;}
.see-more a, .button-form a {color: #fff;}
@media all and (max-width: 420px) {
    .see-more, .button-form {width: 90%;max-width: 300px;}
}
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index: 999;-moz-opacity: 0.5;opacity: .50;filter: alpha(opacity=50);}
.white_content {display: none;z-index: 9999;position: absolute;width: 100%;top: 60px;left: 50%;transform: translate(-50%, 0);background-color:#fff;max-width: 750px;}
    .white_content .container {background-color: #fff;max-width:100%;position:relative;}
    .white_content .col-md-12 a:first-child{margin-right:20px;}
.close {position:absolute;right: 15px;top: 15px;opacity: 1;z-index: 99;text-shadow: unset;}
.close i {font-size: 30px;color: var(--color-text);}
    .close:hover {opacity:1;}
/*Header*/
header {position: fixed;width: 100%;top: 0;z-index: 99;font-weight: 500;}
.header-top {background-color: var(--color-1);font-size: 12px;}
.header-top > .container {display: flex;justify-content: space-between;align-content: center;align-items: center;}
.header-top-left {color: var(--color-2);display: inline-block;padding: 5px 0;}
.header-top-left a {display: flex;align-items: center;font-weight: 600;color: var(--color-text);}
.header-top-left a i {margin-right: 5px;font-size: 16px;color: var(--color-2);margin-top: -2px;}
.header-top-right {display: flex;align-items: center;}
.header-top-right > div {margin-right: 20px;}
.header-top-right > div:last-child {margin-right: 0;}
.header-top-right .menu-header-top {padding: 0;display: flex;margin-right: 10px;}
.header-top-right .menu-header-top li {padding:0 10px;position: relative;}
.header-top-right .menu-header-top li::after {content:''; height: 15px;width: 1px;background-color: var(--color-text);position: absolute;right: 0;top: 50%;transform: translate(0%, -50%);}
.header-top-right .menu-header-top li:last-child:after {display: none;}
.header-top-right .menu-header-top li a {color: var(--color-text);font-weight: 600;}
.header-top-right .hot-line {background-color: var(--color-2);padding: 3px 10px;font-weight: 600;min-width: 250px;text-align: center;}
.header-top-right .hot-line a {font-size: 16px;font-weight: bold;color: #fff;margin-left: 5px;}
.header-main {background-color: #fff;padding: 15px 0;}
.header-main .container {display: flex;justify-content: space-between;align-items: center;}
.header-main .container .logo {height: 80px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.header-main .container .logo img {height: 100%; }
body.scrolled .header-main .container .logo {height: 60px;}
.header-main-right {display: flex;align-items: center;}
.header-main-right .search {margin-left: 20px;}
.search #fsm {position: relative;}
.search #fsm input {line-height: 32px;background-color: var(--bg-input);border-radius: 100px;border: 0;padding: 0 15px;font-size: 16px;max-width: 150px;}
.search #fsm input:focus-visible {outline: 0;max-width: 250px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.search #fsm input::placeholder {color:#b4b4b4; /* Firefox */}
.search #fsm input::-ms-input-placeholder { /* Edge 12 -18 */color:#b4b4b4;}
.search #fsm #searchico {font-size: 20px;color: var(--color-2);position: absolute;right: 10px;top: 55%;transform: translate(0, -50%);}
/*Language*/


/*Slider-Banner*/
.ls-slide > .des-bannerhome {position: absolute;left: 0;bottom: 70px;top: initial;font-size: 18px;color: #fff;width: 100%;}
.ls-slide > .des-bannerhome > div {width: 50%;margin-left: 25%;max-width: 400px;}
.ls-slide > .des-bannerhome h3 {font-size: 42px;font-weight: 600;color: var(--color-2);margin-bottom: 20px;}
.ls-slide > .des-bannerhome .content-des-bannerhome {margin-bottom: 30px;}
.ls-slide > .des-bannerhome .content-des-bannerhome p {margin-bottom: 7px;}
.ls-slide > .des-bannerhome .button.see-more {border-radius: 100px;background-color: var(--color-2);color: #fff;font-weight: normal;padding: 9px 0px;display: inline-block}
.ls-slide > .des-bannerhome .button.see-more a {color: #fff;}
.ls-slide > .des-bannerhome .button.see-more {font-size: 18px;width: 180px;}
/*Login*/

/*Title*/

/*Login*/
.schedule-form {background-color: #fff;}
.schedule-form .bg-popup-form {background-position: center;background-repeat: no-repeat;background-size: cover;height: 100%;background-image: url('/images/bg-schedule-form.png');}
.view_popup {width: 100%;}
.view_popup > .row > div {width: 50%;}
.view_popup > .row > div:first-child {padding: 0;}
.view_popup > .row > div:nth-child(2) {background-color: var(--color-1);min-height: 400px;color: var(--color-text);padding: 30px 36px;}
.view_popup > .row > div:nth-child(2) a {color: #fff;}
.view_popup > .row > div:nth-child(2) h4 {font-size: 30px;margin-bottom: 10px;font-weight: 600;}
.form-popup {display: flex;width: 100%;flex-direction: column;}
.form-popup input {width: 100%;display: inline-block;padding: 7px 10px;border: 0;margin-bottom: 10px;}
.dropdown {width: 100%;display: inline-block;background-color: transparent;}
.btn-bacsy {width: 100%;display: inline-block;background-color: #fff;margin-bottom: 10px;padding: 7px 10px;border: 0;border-radius: 0;text-align: left;position: relative;color: #C0C0C0;}
.btn-bacsy::after {position: absolute;right: 10px;top: 17px;border-top-color:var(--color-2);}
.dropdown-menu {width: 100%;}
.view_popup > .row .dropdown-menu > .dropdown-item {color: #000;}
#doctor_list {width: 100%;display: inline-block;}
#recaptcha_schedule {margin-bottom: 10px;}
.xdsoft_datetimepicker {z-index: 9999;}
/*HOmeContent*/
section.banner > .container {position: relative;}
.info-home {background-color: var(--color-1);padding: 55px 0;}
.info-home .container {position: relative;}
.info-home .info-home-item {display: flex;flex-direction: column;align-items: center;}
@media (min-width: 768px) {
    .info-home-item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.info-home-img {margin-bottom: 10px;}
.info-home-img img {height: 70px;}
.info-home-content {display: flex;flex-direction: column;align-items: center;}
.info-home-content .info-number {font-size: 40px;font-weight: 400;color: var(--color-2);display: flex;align-items: center;justify-content: center;}
.info-home-content .info-label {font-size: 18px;font-weight: 400;}
.info-home-content .info-number .number{color: var(--color-2);}
.info-home-content .info-number {color: var(--color-2);}
.make-an-appointment {background-color: var(--color-2);color: #fff;padding: 30px;width: 100%;cursor: pointer;}
.make-an-appointment .title {font-size: 24px;margin-bottom: 10px;}
.make-an-appointment .title span:first-child {font-weight: 700;}
.make-an-appointment .des {margin-bottom: 10px;}
.make-an-appointment .link {color: #fff;}
.branch-list {background-color: var(--color-3);padding:10px 30px;width: 100%;}
.branch-list a {color: #fff;font-size: 18px;}
.service {background-color: var(--color-2);}
.service .title-group {background-color: #fff;}
.service .container {position: relative;width: 100%;max-width: 100%;padding: 0;min-height: 200px;}
.service-item {display: flex;}
.service-item .service-item-img {width: var(--width-service-item);}
.service-item .service-item-img .item-img {background-color: var(--color-3); background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: var(--width-service-item);}
.service-item-info {width: calc(100% - var(--width-service-item));padding: 15px;color: #fff;position: relative;max-height: var(--width-service-item);overflow-y: hidden;}
.service-item-info .title {font-size: 22px;font-weight: 600;margin-bottom: 15px;line-height: normal;}
.service-item-info .title a {color: #fff;}
.service-item-info .des:not(:empty) {margin-bottom: 15px;}
.service-item-info .link {position: absolute;left: 15px;bottom: 15px;}
.service .nav-tabs {border:0;justify-content: center;margin-top: 10px;}
.nav-tabs .nav-item {padding: 0 20px;position: relative;}
.nav-tabs .nav-item::after {content: '';height: 100%;width: 1px;position: absolute;top:0;right: 0;border-right: 1px solid var(--color-datetime);}
.nav-tabs .nav-item:last-child::after {display: none;}
.service .nav-tabs .nav-link {font-size: initial;padding: 0;line-height: 23px;border:0;color: var(--color-text);font-weight: 600;}
.service .nav-tabs .nav-link.active {border:0;color: var(--color-3);}
.service .nav-tabs .nav-link:focus, .service .nav-tabs .nav-link:hover {border:0;}

.specialty {background-color: #fff;}
.specialty-content {display: flex;position: relative;background-color: var(--color-5);}
.specialty-content > div.specialty-content-bg {position: absolute; width: 50%;height: 100%; background-position:right center; background-repeat: no-repeat;background-size: cover;}
.specialty-content > div.specialty-content-info {width: 100%;padding-left: 50%;height: 100%;min-height: 80px;}
.specialty-content > div.specialty-content-info > .content {padding: 50px;font-weight: 500;}
.specialty-content .specialty-list {padding:0;position: relative;z-index: 9;}
.specialty-content .specialty-list li {padding: 11.5px 30px;font-size: 22px;max-width: calc(100% - 15px);width: 100%;}
.specialty-content .specialty-list li a {font-weight: 500;color: var(--color-2);}
.specialty-content .specialty-list li.active {background-color: var(--color-2);position: relative;}
.specialty-content .specialty-list li.active a {color: #fff;}
.specialty-content .specialty-list li.active::before {content: '';width: 0; height: 0; border-top: 28px solid transparent;border-bottom: 28px solid transparent; border-right:28px solid var(--color-2);position: absolute;left: -28px;top: 50%;transform: translate(0, -50%);}
.specialty-content .specialty-list li.active::after {content: '';width: 0; height: 0; border-top: 28px solid var(--color-2);border-bottom: 28px solid var(--color-2); border-right:28px solid transparent;position: absolute;right: -28px;top: 50%;transform: translate(0, -50%);}

.specialty-container {width: 100%;padding: 40px 0;}
.specialty-container .container {display: flex;}
.specialty-container .container > div.specialty-item-info {width: 50%;background-color: #ffffffab;padding: 50px;position: relative;z-index: 9;}
.specialty-container .container > div.specialty-item-info > div {display: none;}
.specialty-container .container > div.specialty-item-info > div .title {font-size: 36px;font-weight: 600;color: var(--color-2);margin-bottom: 20px;}
.specialty-container .container > div.specialty-item-info > div .des {font-weight: 500;margin-bottom: 20px;}
.specialty-container .container > div.specialty-item-info > div.active {display: inline-block;}
.specialty-container .container > ul {width: 50%;}
.feedback {background-color: var(--color-4);padding-bottom: 40px;}
.feedback .container {padding: 0 65px;position: relative;}
.feedback .title-group {margin-bottom: 30px;}
.note-feedback {font-size: 18px;text-align: center;color: var(--color-2);margin-top: 60px;padding-left: 15px;padding-right: 15px;}
.feedback-item {display: flex;}
.feedback-item .feedback-item-img {width: 250px;}
.feedback-item .feedback-item-img .item-img {border-radius: 50%; background-color: var(--color-3); background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 250px;}
.feedback-item-info {width: calc(100% - 250px);position: relative;padding-left: 30px;}
.feedback-item-info .title {font-size: 16px;color: var(--color-2);font-weight: bold;}
.feedback-item-info .des {font-size: 14px;color: var(--color-2);margin-bottom: 10px;}
.feedback-item-info .content {font-size: 16px;}
.news-event, .health {padding-bottom:40px;display: inline-block;width: 100%;background-color: #fff;}
/* .news-event {background-color: var(--color-1);} */
.news-event .container, .health .container {max-width: calc(var(--width-content) + 120px);padding-left: 60px;padding-right: 60px;}
.news-event .container .row, .health .container .row {margin-left: -60px;margin-right: -60px;}
.news-event .container .row .col-md-4, .health .container .row .col-md-4 {padding-left: 60px;padding-right: 60px;}
.news-item {position: relative;margin-bottom: 30px;}
.news-item .img-news-item {background-color: var(--color-2);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 75%;}
.news-item .title-news-item {font-size: 18px;color: var(--color-2);margin-top: 15px;margin-bottom: 5px;}
.news-item .title-news-item a {color: var(--color-2);font-weight: 500;}
.news-item .datetime-news-item {font-size: 16px;color: var(--color-datetime);font-weight: 500;}
/*Content*/


/* Navigator*/
.page-title-group {padding: 40px 0;position: relative;}
.page-title-group .container {display: flex;flex-direction: column;align-items: center;}
.page-title-group .container h1, .page-title-group .container h3 {color: #fff;font-size: 36px;font-weight: normal;}
.page-title-group .container:has(div.des-page-title-group) h1
, .page-title-group .container:has(div.des-page-title-group) h3 {margin-bottom: 20px;}
.page-title-group .container .des-page-title-group {max-width: 600px;color: #fff;font-size: 18px;text-align: center;font-weight: normal;}
.page-title-group .container .des-page-title-group a {font-weight: 700;color: #fff;}
.page-title-group::before {content: '';background-color: var(--color-bg-transparent);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.content-page {padding: 40px 0;background-color: #fff;padding-top: 80px;}
.content-page .container {max-width: var(--width-content-page);}
.content-page .page-title {font-size: 40px;font-weight: normal;color: var(--color-2);margin-bottom: 40px;padding-right: calc(25% - 70px);}
.content-page .article-date {margin-bottom: 5px;}
.content-page-title {position: relative;}
.make-an-appointment-content-page {position: absolute;bottom: 0;right: calc(1140px - 1210px);-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.make-an-appointment-home-page {position: absolute;bottom: -47px;right: 15px;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;z-index: 10;}
/* PAGE */
.page-content {display: flex;}
.page-content-left {width: 320px;}
.page-content-left:empty {display: none;}
.page-content-left:empty + .page-content-right {width: 100%;padding-left: 0px;}
.page-content-right {width: calc(100% - 320px);padding-left: 60px;}
.menu-page {padding: 0;margin-bottom: 20px;}
.menu-page:empty {margin-bottom: 0;}
.menu-page li {padding-left: 0;padding-bottom: 10px;padding-top: 10px;border-top: 1px solid var(--color-2);position: relative;}
.menu-page li:last-child {border-bottom: 1px solid var(--color-2);}
.menu-page li.active::after {content: '';background: url('/images/right-arrow-3.png') no-repeat center;height: 30px;width: 30px;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);}
.menu-page li a {font-size: 18px;font-weight: 500;}
.page-content-section {position: relative;display: flex;width: 100%;margin-bottom: 10px;}
.page-content-section > div {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.page-content-left .see-more {width: auto;display: inline-block;}
.page-content-section.image-right {flex-direction: row-reverse;}
.page-content-section.image-left > div.page-content-section-img {padding-right: 40px;}
.page-content-section.image-right > div.page-content-section-img {padding-left: 40px;}
.page-content-section.full-content > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.page-content-section.full-content > div:first-child {margin-bottom: 0;}
.page-content-section.full-content {flex-wrap: wrap;}
.page-content-section.full-content > div.page-content-section-img {order: 2;}
.page-content-section.full-content > div.page-content-section-text {order: 1;}

.page-content-section .swiper-slide .item-img {width: 100%;}
.page-content-section .swiper-slide .item-img img {width: 100%;}
.page-content-section .swiper-pagination-bullet-active {background: var(--color-2);}
.page-content-section .swiper-button-prev {right: inherit; left: 0;top: 50%;transform: translate(0%, -50%);}
.page-content-section .swiper-button-next {right: 0; left: inherit;top: 50%;transform: translate(0%, -50%);}
.swiper-button-prev i, .swiper-button-next i {font-size: 30px;color: var(--color-2);}
.page-content-section-text .page-content-section-text-title {font-size: 18px;margin-bottom: 10px;color: var(--color-2);}
.page-content-section-text ul {padding: 0;margin-top: 20px;margin-bottom: 20px;}
.page-content-section-text ul li {padding-left: 50px;margin-bottom: 10px;position: relative;}
.page-content-section-text ul li::before {content: '';width: 20px;height: 20px;position: absolute;left: 15px;top: 3px;border-radius: 50%;border: 4px solid var(--color-2);}
.page-content-section-text blockquote {padding-left: 50px;color: var(--color--blockquote);font-style: italic;}
.page-content-section-img .des-page-content-section {font-size: 14px;font-style: italic;color: var(--color-datetime);}
.page-content-section-img .swiper-container {margin-bottom: 0px;}
.list-keywords {margin-top: 80px;display: flex;flex-wrap: wrap;}
.list-keywords .keyword-item {margin-right: 10px;background-color: #ebebeb;color: var(--color-datetime);padding: 3px 10px;border-radius: 20px;margin-bottom: 10px;}
.list-keywords .keyword-item a {color: var(--color-datetime);font-weight: 500;font-size: 14px;}
.related-articles {display: flex;flex-direction:column;margin-bottom: 30px;}
.related-articles .title-related-articles {font-size: 20px;line-height: 20px;color: var(--color-text);font-weight: 700;margin-bottom: 20px;}
.related-article-item {display: flex;flex-direction: column;margin-bottom: 20px;}
.info-related-article {display: flex;}
.img-related-article {width: 40%;}
.img-related-article .avatar-item {background-color: var(--color-2);background-repeat: no-repeat;background-position: center;background-size: cover;padding-top: 100%;}
.title-related-article {width: 60%;padding-left: 10px;}
.title-related-article a {font-size: 16px;color: var(--color-2);font-weight: 500;}
.datetime-related-article {font-size: 14px;color: var(--color-datetime);font-weight: 500;}
.other-articles {margin-top: 40px;}
.other-articles-title {font-size: 20px;color: var(--color-text);font-weight: 700;margin-bottom: 20px;}
.article-date {font-size: 14px;color: var(--color-datetime);font-weight: 500;}
.page-group-title {font-size: 16px;color: var(--color-text);font-weight: bold;}
/*Article Group*/
.content-page-group {background-color: #fff;}
#fm_contact {display: flex;flex-direction: column;align-items: center;}
.form-input {margin-bottom: 15px;width: 100%;}
.form-input input {border-radius: 20px;border:0px;padding: 10px 20px;width: 90%;max-width: 500px;}
#fm_contact .form-input input {text-align: center;}
.form-input input:focus-visible {outline: 0;}
.maps {display: flex;background-color: #fff;width: 100%;}
.maps p {margin-bottom: 0;width: 100%;}
.maps p iframe {float: left;}
.g-recaptcha {margin-bottom: 20px;}
.focus {background-color: #fff;}
.focus-item {position: relative;}
.focus-item .focus-item-img {display: flex;background-color: var(--color-1);}
.focus-item .focus-item-img div {width: 50%;height: 425px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.focus-item .focus-item-info {position: absolute;left: 0;top: 0;width: 100%;height: 425px;display: flex;align-items: center;}
.focus-item .focus-item-info .container {max-width: var(--width-content-focus);display: flex;justify-content: flex-end;}
.focus-item .focus-item-info .container > div {width: 50%;color: var(--color-text);padding-left: 80px;}
.focus-item .focus-item-info .container > div > h3 {margin-bottom: 20px;color: var(--color-2);}
.focus-item .focus-item-info .container > div > .focus-item-info-des {margin-bottom: 20px;}
.focus-item .focus-item-info .container > div .see-more {background-color: var(--color-2);margin: initial;width: 180px;}
.focus .focus-item:nth-child(2n) .focus-item-img {justify-content: flex-end;}
.focus .focus-item:nth-child(2n) .focus-item-info .container {justify-content: flex-start;}
.focus .focus-item:nth-child(2n) .focus-item-info .container > div {padding-left: 0;padding-right: 80px;}
.content-page-group {padding-bottom:40px;display: inline-block;width: 100%;}
.content-page-group .container {max-width: calc(var(--width-content) + 120px);padding-left: 60px;padding-right: 60px;}
.content-page-group .container .row {margin-left: -60px;margin-right: -60px;}
.content-page-group .container .row .col-md-4, .content-page-group .container .row .col-md-3 {padding-left: 60px;padding-right: 60px;}
/*Article*/

/*Footer*/
.contact-form {color: #fff;text-align: center;font-size: 16px;font-weight: normal;display: flex;position: relative;flex-direction: column;}
.contact-form::before {content: '';background-color: var(--color-bg-transparent);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
.contact-form .title-group, .contact-form .title-group a {color: #fff;}
.des-contact-form {margin-bottom: 20px;}
.des-contact-form span:first-child {font-size: 24px;}
.des-contact-form a {color: #fff;white-space: nowrap;font-weight: bold;}
.contact-form form {margin-bottom: 20px;}
.note-contact-form {margin-bottom: 40px;font-style: italic;}
#recaptcha_contact_us {margin-bottom: 15px;}
footer {background-color: var(--color-1);padding: 40px 0;font-size: 14px;font-weight: 500;}
footer .info-contact {margin-bottom: 40px;font-weight: 500;}
footer .info-contact .title-info-contact {font-size: 20px;font-weight: 700;margin-bottom: 10px;color: var(--color-2);}
.footer-social {display: flex;}
.footer-social > div {width: 40px;height: 40px;display: flex;align-items: center;border-radius: 50%;justify-content: center;}
.footer-social > div.social-facebook {background-color: #0866ff;color: #fff;}
.footer-social > div.social-facebook i {color: #fff;}
.footer-social > div i {font-size: 25px;}
.list-group {padding: 0;margin-bottom: 40px;}
.list-group li {margin-bottom: 10px;font-weight: 500;padding-left: 0;}
.list-group li:first-child {font-size: 20px;color: var(--color-2);font-weight: 700;}
.list-group li:first-child a {color: var(--color-2);}
.copy-right {text-align: center;padding: 15px 0;background-color: #fff;font-size: 14px;}
.copy-right p {margin-bottom: 0;}
/*Class ADD*/
@media (min-width: 576px){
    .container {max-width: 100%;}
}
@media (min-width: 768px){
    .container {max-width: 100%;}
}
@media (min-width: 992px){
    .container {max-width: 100%;}
}
@media (min-width: 1200px) {
    .container {max-width: 1200px;}
}
@media (min-width: 1300px) {
    .container {max-width: 1270px;}
}

/* Danh cho man hinh desktop */
@media all and (max-width: 1280px) {
    .make-an-appointment-content-page {right:0}
    .content-page .page-title {padding-right: 25%;}
}
/* Danh cho may tinh bang chieu ngang */
@media all and (max-width: 1024px) {
    .header-top > .container {padding: 0;}
    .info-home .info-home-item {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .info-home .info-home-item:last-child {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
    .feedback-item .feedback-item-img {width: 150px;}
    .feedback-item-info {width: calc(100% - 150px);}
    .feedback-item .feedback-item-img .item-img {padding-top: 150px;}
    .focus-item .focus-item-info .container > div {padding-left: 15px;}
    .focus .focus-item:nth-child(2n) .focus-item-info .container > div {padding-right: 15px;}
    .news-event .container {max-width: calc(var(--width-content) + 60px);padding-left: 30px;padding-right: 30px;}
    .news-event .container .row {margin-left: -30px;margin-right: -30px;}
    .news-event .container .row .col-md-4 {padding-left: 30px;padding-right: 30px;}
    .content-page-group .container {max-width: calc(var(--width-content) + 60px);padding-left: 30px;padding-right: 30px;}
    .content-page-group .container .row {margin-left: -30px;margin-right: -30px;}
    .content-page-group .container .row .col-md-4 {padding-left: 30px;padding-right: 30px;}
    .service .container {padding: 0 67px;}
    .service-item-info .des {display: none;}
}
@media all and (max-width: 800px) {
    .ls-slide > .des-bannerhome > div {width: calc(100% - 80px);max-width: 90%;margin:0;padding-left: 40px;padding-right: 40px;}
    .ls-slide > .des-bannerhome .button.see-more {width: calc(90% - 80px);}
    .info-home .info-home-item {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-bottom: 20px;}
    .header-top > .container {justify-content: flex-end;padding: 0;}
    .header-top-left {display: none;}
    .info-home > .container > .row {margin-right: -15px;}
    .content-page-title {display: flex;flex-direction: column;}
    .content-page:has(div.make-an-appointment-content-page) {padding-top: 0;}
    .make-an-appointment-content-page {margin-bottom: 20px; order: 1;max-width:calc(100% + 30px);width:calc(100% + 30px);position: relative;left: -15px;right: initial;}
    .content-page .page-group-title, .content-page .article-date {order: 2;}
    .content-page .page-title {order: 3;}
    .info-home .info-home-item:empty {display: none;}
    section.banner > .container {padding: 0;}
    .make-an-appointment-home-page {position: relative;bottom: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;right: 0;}
}
@media all and (max-width: 768px) {
    .specialty-content {flex-direction: column;padding-bottom: 0;}
    .specialty-content > div.specialty-content-bg {display: none;}
    .specialty-content > div.specialty-content-info {padding-left: 0;}
    .specialty-container {position: relative;bottom: initial;}
    .specialty-container .container > div.specialty-item-info {display: none}
    .specialty-container .container > ul {width: 100%;}
    .specialty-content .specialty-list li.active {background-color: unset;}
    .specialty-content .specialty-list li.active a {color: var(--color-2);}
    .specialty-content .specialty-list li.active::before,
    .specialty-content .specialty-list li.active::after {display: none}
    .specialty-content > div.specialty-content-info > .content {padding: 15px;margin-bottom: 15px;}
    .specialty-content .specialty-list li {padding: 0;margin-bottom: 15px;font-size: 20px;}
    .specialty-container .container > ul {padding-bottom: 20px;}
    .feedback-item .feedback-item-img {width: 250px;}
    .feedback-item-info {width: calc(100% - 250px);}
    .feedback-item .feedback-item-img .item-img {padding-top: 250px;}
    .news-event .container, .health .container {max-width: calc(var(--width-content) + 30px);padding-left: 15px;padding-right: 15px;}
    .news-event .container .row, .health .container .row {margin-left: -15px;margin-right: -15px;}
    .news-event .container .row .col-md-4, .health .container .row .col-md-4 {padding-left: 15px;padding-right: 15px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .content-page-group .container {max-width: calc(var(--width-content) + 30px);padding-left: 15px;padding-right: 15px;}
    .content-page-group .container .row {margin-left: -15px;margin-right: -15px;}
    .content-page-group .container .row .col-md-4 {padding-left: 15px;padding-right: 15px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .form-input input {width: 100%;}
    .make-an-appointment {padding: 15px;}
    .branch-list {padding: 10px 15px;}
    .search #fsm input {max-width: 100%;}
    .other-articles .row > .col-md-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .page-content {flex-wrap: wrap;}
    .page-content-left {order: 1;margin-bottom: 60px;}
    .page-content-right {order: 2;width: 100%;padding-left: 0;margin-bottom: 60px;}
    .view_popup > .row > div:first-child {display: none}
    .view_popup > .row > div {width: 100%;}
    .white_content#light {max-width: calc(100% - 30px);}
    
}
@media all and (max-width: 665px) {
    .info-home-content .info-number {font-size: 30px;font-weight: 600;}
    .info-home-content .info-label {white-space: nowrap;font-size: 16px;}
    .header-top-right .hot-line {min-width: auto;white-space: nowrap;}
    .header-top-right .menu-header-top {white-space: nowrap;}
    .service-item, .feedback-item {display: flex;flex-direction: column;align-items: center;}
    .service-item-info .title {text-align: center;}
    .service-item-info .des {display: none;}
    /* .service-item .service-item-img {width: 100%;} */
    .service-item-info {width: 100%;padding: 0;padding-top: 25px;padding-bottom: 55px;}
    .feedback-item-info {width: 100%;padding: 0;padding-top: 25px;}
    .service-item-info .link {left: 50%;bottom: 25px;transform: translate(-50%, 0);}
    .focus-item .focus-item-img div {width: 100%;height: 350px;}
    .focus-item .focus-item-info .container > div {width: 100%;padding-left: 15px;padding-right: 15px;}
    .focus .focus-item:nth-child(2n) .focus-item-info .container > div {padding-left: 15px;padding-right: 15px;}
    .focus-item .focus-item-info {position: relative;background-color: var(--color-1);height: auto;padding-top: 20px;padding-bottom: 20px;}
}
/* Danh cho may tinh bang chieu doc */
@media all and (max-width: 600px) {
    .feedback-item .feedback-item-img {width: 200px;}
    .feedback-item .feedback-item-img .item-img {padding-top: 200px;}
    .info-home-content .info-number {font-size: 30px;font-weight: 600;}
    .info-home-content .info-label {white-space: nowrap;font-size: 16px;}
    .page-content-section > div {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .page-content-section {flex-wrap: wrap;}
    .page-content-section.image-left > div.page-content-section-img, .page-content-section.image-right > div.page-content-section-img {padding: 0;}
}
/* Danh cho dien thoai */
@media all and (max-width: 420px) {
    
}
@media all and (max-width: 320px) {
    

}