@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500&display=swap");
/* @font-face { font-family: 'DB'; src: url("../fonts/DBHeavent.woff2") format("woff2"), url("../fonts/DBHeavent.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'DB-Med'; src: url("../fonts/DBHeavent-Med.woff2") format("woff2"), url("../fonts/DBHeavent-Med.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'DB-Bold'; src: url("../fonts/DBHeavent-Bold.woff2") format("woff2"), url("../fonts/DBHeavent-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'DB-Light'; src: url("../fonts/DBHeaventt-Light.woff2") format("woff2"), url("../fonts/DBHeaventt-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } 
 
step 1
  DB          ==  font-family: "Prompt", sans-serif; font-weight: 400; 
  DB-Med      ==  font-family: "Prompt", sans-serif; font-weight: 500; 
  DB-Bold     ==  font-family: "Prompt", sans-serif; font-weight: 700; 
  DB-Light    ==  font-family: "Prompt", sans-serif; font-weight: 300; 

step 2
  font-size: -6
*/
.color-main { color: #3f3f3f; }

.color-ci { color: #c2a472; }

.color-ci-2 { color: #005f3b; }

.color-red { color: #aa182c; fill: #aa182c; }

.color-green { color: #3db834 !important; fill: #3db834 !important; }

.color-gray { color: #6d6e71; }

.font-xl { font-size: 24px; font-family: "Prompt", sans-serif; font-weight: 700; }
@media (max-width: 991.98px) { .font-xl { font-size: 18px; } }
@media (max-width: 575.98px) { .font-xl { font-size: 17px; } }

.font-lg, .title-list h1,.font-lg, .title-list h2 { font-size: 34px; line-height: 1; }
@media (max-width: 991.98px) { .font-lg, .title-list h1, .font-lg, .title-list h2 { font-size: 24px; } }

.font-md, .boxmenu .main-menu > li > a, .box-p-news .cut-text-2, .box-p-doctor h2 { font-size: 19px; }
@media (max-width: 991.98px) { .font-md, .boxmenu .main-menu > li > a, .box-p-news .cut-text-2, .box-p-doctor h2 { font-size: 16px; } }

.font-label { font-size: 10px; }

.category .promotion-cat a { font-size: 18px; font-family: "Prompt", sans-serif; font-weight: 700; }
@media (max-width: 991.98px) { .category .promotion-cat a { font-size: 16px; } }

.font-title { font-family: "Prompt", sans-serif; font-weight: 500; }

.font-bold { font-family: "Prompt", sans-serif; font-weight: 700; }

.font-light { font-family: "Prompt", sans-serif; font-weight: 300; }

@media (max-width: 991.98px) { .mb-lg { margin-bottom: 20px; } }
@media (max-width: 767.98px) { .mb-md { margin-bottom: 20px; } }
@media (max-width: 575.98px) { .mb-sm { margin-bottom: 20px; } }
.btn-detail.btn-line, .btn-small.btn-line { background: none; border: 1px solid #c2a472; color: #c2a472 !important; }

.btn-detail { padding: 7px 35px 7px; font-family: "Prompt", sans-serif; font-weight: 700; background: #c2a472; line-height: 2; border-radius: 1.9em; text-transform: uppercase; color: #fff; display: inline-block; position: relative; transition: all 0.3s ease 0s; border: 1px solid #c2a472; }
.btn-gray.btn-detail { background: #898989; }
.btn-red.btn-detail { background: #aa182c; }
.btn-ci-2.btn-detail { background: #005f3b; border-color: #005f3b; }
.btn-ci-2.btn-detail:hover { background: none; border-color: #005f3b; color: #005f3b; }
.btn-detail:hover { background: none; border-color: #c2a472; color: #c2a472; }
.btn-detail i { position: relative; top: 2px; }

.btn-small { font-family: "Prompt", sans-serif; font-weight: 700; background: #c2a472; color: #fff; font-weight: 400; font-size: 1em; padding: 8px 25px 0; color: #fff; border-radius: 20px; display: inline-block; height: 38px; text-transform: uppercase; }
.btn-small i { position: relative; top: -3px; margin-right: 3px; }
.btn-small i img { width: 22px; }
.btn-small i.bi { top: 0; font-size: 1.2em; }
.btn-small.btn-red { background: #aa182c; }
.btn-small:hover { color: #fff; }

button.btn-small { padding-top: 0; }

.cut-text-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.cut-text-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.cut-text-1 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

html, body { width: 100%; padding: 0; -webkit-font-smoothing: antialiased; }

a, a:hover, a:active, a:focus { cursor: pointer; text-decoration: none; outline: none; color: inherit; transition: all 0.3s; }

p { margin: 0 0 15px; }

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

body { font-family: "Prompt", sans-serif; font-weight: 400; font-size: 16px; line-height: 1; overflow-x: hidden; color: #3f3f3f; height: 100%; background: #fff; font-weight: 300; }

button { background: none; border: 0; }

button:focus, button:active, input:focus, input:active, textarea:focus, textarea:active { outline: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; }

textarea { resize: none; padding-top: 15px !important; }

select option { font-size: 7px; }

.pad-30 { padding-top: 30px; padding-bottom: 30px; }

.pad-50 { padding-top: 50px; padding-bottom: 50px; }
@media (max-width: 767.98px) { .pad-50 { padding-top: 30px; padding-bottom: 30px; } }
.pad-50.pt-80 { padding-top: 80px; }
.pad-50.bg-gray { background: #f6f5f5; }

.pad-70 { padding-top: 70px; padding-bottom: 70px; }
@media (max-width: 991.98px) { .pad-70 { padding-top: 50px; padding-bottom: 50px; } }
.pad-70.bg-gray { background: #f6f5f5; }

.form-check-input:checked { background-color: #c2a472; border-color: #c2a472; }

.custom-control-label::before { box-shadow: none; }

@media (min-width: 1200px) { .container { max-width: 1360px; padding-left: 20px; padding-right: 20px; } }
.wsanimated-arrow { position: relative; transition: all .4s ease-in-out; cursor: pointer; padding: 20px; display: none; margin-right: 25px; padding-left: 10px; }
@media (max-width: 1199.98px) { .wsanimated-arrow { display: block; } }
.wsanimated-arrow span, .wsanimated-arrow span:before, .wsanimated-arrow span:after { cursor: pointer; height: 2px; width: 25px; border-radius: 2px; background: #c2a472; position: absolute; display: block; content: ''; transition: all 500ms ease-in-out; }
.wsanimated-arrow span:before { top: -7px; width: 28px; }
.wsanimated-arrow span:after { bottom: -7px; }
@media (max-width: 767.98px) { .wsanimated-arrow { padding-left: 0; }
  .wsanimated-arrow:before { display: none; } }

.top-close { position: absolute; right: 20px; top: 20px; width: 30px; }

.boxmenu { padding: 100px 20px 20px; overflow: hidden; width: 80%; left: -80%; position: fixed; z-index: 10; background: #fff; height: 100%; transition: transform .25s ease; }
.boxmenu.active { transform: translate3d(100%, 0, 0); box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15); }
.boxmenu a { color: #000; display: inline-block; }
.boxmenu .main-menu { opacity: 0; visibility: hidden; position: relative; top: -10px; max-height: calc(100vh - 10px); overflow-y: auto; transition: all 0.3s ease 0s; }
.boxmenu .main-menu > li { margin-bottom: 10px; position: relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.boxmenu .main-menu > li:last-child { border-bottom: 0; }
.boxmenu .main-menu > li > a { position: relative; display: block; width: 100%; font-family: "Prompt", sans-serif; font-weight: 500; }
.boxmenu .main-menu > li .button-sub { position: absolute; right: 0; top: 0; width: 25px; height: 25px; padding: 0 5px 4px; background-image: url(../images/plus.svg); background-size: 15px 15px; background-position: center center; background-repeat: no-repeat; color: #fff; cursor: pointer; }
.boxmenu .main-menu > li.active > a::before { width: 100%; }
.boxmenu .main-menu .border-top-menu { margin-top: 35px; padding-top: 35px; border-top: 1px dashed #ccc; }
.boxmenu .submenu { display: none; margin: 30px 0 30px 25px; }
.boxmenu .submenu li { margin-bottom: 15px; }
.boxmenu .submenu li:last-child { margin-bottom: 0; }
.boxmenu .submenu a { position: relative; }
.boxmenu .picmenu { position: absolute; width: 50%; height: 100vh; top: 0; right: 0; background-size: cover; }

.main-menu.active { top: 0; visibility: visible; opacity: 1; }

.footer-mobile { background: #c2a472; position: fixed; bottom: 0; width: 100%; padding: 10px 0; z-index: 3; display: flex; }
.footer-mobile a { display: flex; flex-direction: column; flex-grow: 1; text-align: center; color: #fff; font-size: .8em; width: 20%; }

.footer-p-detail { position: fixed; bottom: 0; width: 100%; z-index: 3; display: flex; background: #fff; }
.footer-p-detail a { height: 60px; display: flex; align-items: center; justify-content: center; flex-grow: 1; }
.footer-p-detail a.button-check { background: #aa182c; color: #fff; font-size: 1.2em; width: 55%; }
.footer-p-detail a.button-cart { background: #c2a472; }

.booking-bar-accordion { position: absolute; left: 0; bottom: 30px; width: 100%; height: auto; z-index: 10; }

.header { z-index: 9; width: 100%; color: #000; transition: all 0.3s ease 0s; background: #fff; border-bottom: 1px solid #eae8df; }
@media (max-width: 991.98px) { .header { box-shadow: 0 0.25vw 0.25vw rgba(0, 0, 0, 0.08); position: fixed; width: 100%; background: #fff; } }
.header .ct-menu { display: flex; align-items: stretch; height: 100px; }
@media (max-width: 1199.98px) { .header .ct-menu { height: 70px; } }
.header .logo { width: 140px; flex-basis: 250px; display: flex; align-items: center; }
@media (max-width: 1099.98px) { .header .logo { width: 120px; flex-basis: 120px; } }
.header .right-header { display: flex; justify-content: space-between; align-items: center; font-size: 16px; }
@media (max-width: 1099.98px) { .header .right-header { justify-content: center; } }
.header .right-header .main-menu { display: flex; align-items: center; margin-bottom: 0; }
.header .right-header .main-menu li { position: relative; }
.header .right-header .main-menu li > a { position: relative; text-transform: uppercase; display: flex; align-items: center; justify-content: center; color: #898989; margin-right: 65px; padding: 25px 0; }
@media (max-width: 1319.98px) { .header .right-header .main-menu li > a { margin-right: 35px; } }
@media (max-width: 1199.98px) { .header .right-header .main-menu li > a { display: none; } }
.header .right-header .main-menu li.active a { color: #222222; }
.header .right-header .main-menu li .fa { font-size: 14px; margin-left: 5px; }
.header .right-header .main-menu li .submenu { position: absolute; width: 120%; background: #fff; border: 1px solid #eae8e4; opacity: 0; visibility: hidden; top: 55px; transition: all 0.3s ease 0s; }
.header .right-header .main-menu li .submenu a { display: block; padding: 10px; border-bottom: 1px solid #eae8e4; color: #898989; }
.header .right-header .main-menu li .submenu a:last-child { border-bottom: 0; }
.header .right-header .main-menu li:hover > a { color: #000; }
.header .right-header .main-menu li:hover .submenu { top: 65px; opacity: 1; visibility: visible; }
.header .right-header .main-menu li:hover .submenu a:hover { color: #000; }
.header .login-header { display: flex; margin-left: auto; align-items: center; font-size: 16px; }
@media (max-width: 1199.98px) { .header .login-header { display: none; } }
.header .login-header a .fa { font-size: 14px; margin-left: 10px; }
.header .login-header .w-login-header { height: 100%; padding-left: 30px; margin-left: 30px; border-left: 1px solid #eae8df; }

.header-ct-contact { border-bottom: 1px solid #eae8df; }
@media (max-width: 1199.98px) { .header-ct-contact { display: none; } }
.header-ct-contact .ct-contact-header ul { display: flex; margin-bottom: 0; }
.header-ct-contact .ct-contact-header ul li { flex-grow: 1; border-right: 1px solid #eae8df; }
.header-ct-contact .ct-contact-header ul li .inner-ct-header { display: flex; }
.header-ct-contact .ct-contact-header ul li i { margin-right: 7px; }
.header-ct-contact .ct-contact-header ul li .inner-ct-header { padding: 15px 20px; }
.header-ct-contact .ct-contact-header ul li:last-child { border-right: 0; }
.header-ct-contact .ct-contact-header ul li:last-child .inner-ct-header { padding-right: 0; }
.header-ct-contact .ct-contact-header ul li:first-child .inner-ct-header { padding-left: 0; }
.header-ct-contact .ct-contact-header .btn-detail { font-size: 19px; margin-left: auto; }
.header-ct-contact .ct-contact-header .flex-ct-lab { font-size: 14px; color: #222222; font-family: "Prompt", sans-serif; font-weight: 300; }
.header-ct-contact .ct-contact-header .flex-ct-val { font-size: 19px; font-family: "Prompt", sans-serif; font-weight: 500; color: #005f3b; }

@media (max-width: 991.98px) { .main { padding-top: 70px; } }
.social-curve { padding: 0 0 20px; position: relative; color: #fff; }
@media (max-width: 767.98px) { .social-curve { padding: 20px 0; background: #224289; } }
.social-curve:before { width: 100%; height: 315px; bottom: 0; background: url(../images/curve-footer.png) no-repeat top; background-size: cover; position: absolute; left: 0; content: ''; z-index: 0; }
@media (max-width: 1199.98px) { .social-curve:before { height: 220px; } }
@media (max-width: 991.98px) { .social-curve:before { height: 155px; } }
.social-curve .container { position: relative; z-index: 1; }
.social-curve aside { display: flex; align-items: center; justify-content: flex-end; font-size: 19px; color: #c2a472; }
.social-curve aside a { display: block; margin-left: 15px; }
.social-curve aside svg { width: 30px; height: auto; fill: #c2a472; }

.footer { color: #fff; position: relative; background: #005f3b; padding: 20px 0 50px; font-family: "Prompt", sans-serif; font-weight: 300; }
@media (max-width: 991.98px) { .footer { text-align: center; } }
.footer h2 { margin-bottom: 15px; font-size: 24px; text-transform: uppercase; font-family: "Prompt", sans-serif; font-weight: 500; color: #c2a472; }
@media (max-width: 767.98px) { .footer h2 { font-size: 19px; text-transform: capitalize; } }
.footer .contact-menu li { margin-bottom: 5px; }
.footer .contact-menu li i { font-size: 10px; margin-right: 5px; }
@media (max-width: 1319.98px) { .footer .container { max-width: 100%; padding-left: 25px; padding-right: 25px; } }
@media (max-width: 1319.98px) and (max-width: 991.98px) { .footer .container { padding-left: 15px; padding-right: 15px; } }

.footer .contact-footer { display: flex; justify-content: flex-end; }
@media (max-width: 991.98px) { .footer .contact-footer { justify-content: center; } }
.footer .contact-footer .box-contact-footer { border-radius: 1em; padding: 20px; background: #005936; }
.footer .contact-footer .box-contact-footer li { display: flex; justify-content: flex-end; margin-bottom: 5px; align-items: center; }
.footer .contact-footer .box-contact-footer li:last-child { margin-bottom: 0; }
.footer .contact-footer .box-contact-footer .val-ct-footer { font-family: "Prompt", sans-serif; font-weight: 500; margin-left: 15px; font-size: 1.1em; }

.end-footer { color: #c2a472; background: #005332; }
.end-footer .container { height: 45px; display: flex; align-items: center; }
@media (max-width: 991.98px) { .end-footer { font-size: .9em; } }
.end-footer aside { display: flex; position: absolute; bottom: 0; right: 20px; overflow: hidden; border-top-left-radius: 1em; border-top-right-radius: 1em; }
@media (max-width: 991.98px) { .end-footer aside { display: none; } }
.end-footer aside a { display: flex; align-items: center; justify-content: center; padding: 0 20px; height: 55px; background: #c2a472; font-family: "Prompt", sans-serif; font-weight: 500; font-size: 1.1em; color: #005f3b; }
.end-footer aside a:not(:last-child) { border-right: 1px solid #c9bba3; }

html.open-menu { overflow: hidden; }

.hover-img { overflow: hidden; transition: all .6s ease; display: block; }
.hover-img img { transition: all .6s ease; }
.hover-img:hover img { transform: scale(1.1); }

.container-full { width: 100%; max-width: 1460px; padding-left: 20px; padding-right: 20px; }

.container-sm { width: 100%; max-width: 1280px; padding-left: 20px; padding-right: 20px; }

select option { font-size: 1em; }

.daterange { background: url(../images/icon-calendar.png) no-repeat center right 10px #fff; background-size: 20px 20px; }

.timerange { background: url(../images/icon-time.png) no-repeat center right 10px #fff; background-size: 20px 20px; }

.main.bg-gray { background: #e5e2e0; }

.flex-between, .title-list { display: flex; align-items: center; justify-content: space-between; /*flex-wrap: wrap;*/ }

.header .login-header a, .header .login-header .w-login-header, .flex-center, .title-list a, .title-list a i, .category .promotion-cat a.active:before, .doctor-list .doctor-wrap li a .button-reserve, .box-doctor .btn-xl .btn-detail, .header-service aside, .header-service .btn-detail, .btn-share, .page, .page > a, .page ul a { display: flex; align-items: center; justify-content: center; }

.form-select, .form-control { font-size: 1em; }

.bootstrap-select .btn { font-size: 1em; }
.bootstrap-select .dropdown-toggle { background: #fff; }
.bootstrap-select .dropdown-menu { font-size: 1em; }
.bootstrap-select .dropdown-item.active { background: #c2a472; }

.swiper-container { position: relative; }
.swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; }

.slide-arrow .navigation { background: #fff; width: 38px; height: 38px; padding: 5px; border-radius: 100%; box-shadow: 0px 0px 7px 0px rgba(163, 163, 163, 0.6); top: 40%; }
@media (max-width: 575.98px) { .slide-arrow .navigation { width: 30px; height: 30px; } }
.slide-arrow .navigation:after { font-size: 7px; color: #000; }
.slide-arrow .swiper-button-next { right: -8px; }
@media screen and (max-width: 1440px) { .slide-arrow .swiper-button-next { right: 0px; } }
@media (max-width: 575.98px) { .slide-arrow .swiper-button-next { right: -8px; } }
.slide-arrow .swiper-button-prev { left: -8px; }
@media screen and (max-width: 1440px) { .slide-arrow .swiper-button-prev { left: 0px; } }
@media (max-width: 575.98px) { .slide-arrow .swiper-button-prev { left: -8px; } }
.slide-arrow.nav-center .navigation { top: 44%; margin-top: -19px; }
.slide-arrow.arrow-default .navigation { top: 50%; margin-top: -12.5px; }
@media (max-width: 991.98px) { .slide-arrow.arrow-default .navigation { width: 25px; height: 25px; } }
.slide-arrow.arrow-default .swiper-button-next { right: 0; }
.slide-arrow.arrow-default .swiper-button-prev { left: 0; }

.container, .container-fluid { position: relative; z-index: 2; padding-left: 20px; padding-right: 20px; }
@media (max-width: 575.98px) { .container, .container-fluid { padding-left: 15px; padding-right: 15px; } }

@media (max-width: 575.98px) { .container-box { padding-left: 0; padding-right: 0; } }
.help-block { color: #aa182c; position: absolute; bottom: -18px; left: 0px; font-size: .8em; }
.help-block ul { margin-bottom: 0; }

.daterangepicker td.active, .daterangepicker td.active:hover { background: #c2a472; }

.wrap-slidehero { position: relative; padding-bottom: 40px; }
@media (max-width: 991.98px) { .wrap-slidehero { padding-bottom: 0; } }
.wrap-slidehero .curve-hero { background: url(../images/curve-hero.png) no-repeat top -40px center; height: 280px; position: absolute; bottom: 0; width: 100%;z-index: 2; background-size: cover; display: flex; justify-content: flex-end; align-items: flex-end; }
@media (max-width: 1319.98px) { .wrap-slidehero .curve-hero { height: 212px; background-position: top center; } }
@media (max-width: 991.98px) { .wrap-slidehero .curve-hero { display: none; } }
.wrap-slidehero .curve-hero aside { text-align: right; }
@media (max-width: 1199.98px) { .wrap-slidehero .curve-hero aside { display: none; } }
.wrap-slidehero .curve-hero aside a { font-family: "Prompt", sans-serif; font-weight: 500; font-size: 15px; color: #005f3b; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 2px; }
.wrap-slidehero .curve-hero aside a i { color: #c2a472; margin-right: 5px; font-size: 11px; }
.wrap-slidehero .curve-hero aside a .icon-svg { fill: #c2a472; width: 20px; }
.wrap-slidehero .curve-hero aside h2 { font-family: "Prompt", sans-serif; font-weight: 700; font-size: 32px; color: #005f3b; }

.home-product .slide-service { background: #f6f1ea; }
.home-product .swiper-button-disabled { opacity: 0; visibility: hidden; }
@media (max-width: 1199.98px) { .home-product .swiper-button-disabled { opacity: 1; visibility: visible; } }

.hp-hot-price h3 { display: flex; flex-direction: column; width: 100%; border: 10px solid #c2a472; color: #005f3b; height: calc(100% - 120px); margin-bottom: 0; align-items: center; font-family: "Prompt", sans-serif; font-weight: 700; font-size: 54px; line-height: .8; min-height: 220px; padding-top: 20px; text-align: center; }
@media (max-width: 1319.98px) { .hp-hot-price h3 { font-size: 44px; } }
.hp-hot-price h3 figure { background: #ede4d4; border-radius: 100%; padding: 12px; align-self: flex-start; margin-left: 20px; }
@media (max-width: 991.98px) { .hp-hot-price h3 figure { width: 50px; margin-left: 0; padding: 5px; margin-bottom: 0; margin-right: 15px; } }
@media (max-width: 991.98px) { .hp-hot-price h3 { height: auto; border: 0; flex-direction: row; min-height: auto; font-size: 24px; padding-top: 0; margin-bottom: 20px; } }
.hp-hot-price .btn-detail { width: 100%; margin-bottom: 20px; font-size: 22px; font-family: "Prompt", sans-serif; font-weight: 500; }
.hp-hot-price .bg-gray { background: #f8f8f8; }

.bg-gray-2 { background: #f8f8f8; }

.wrap-list-4 { display: flex; }
@media (max-width: 991.98px) { .wrap-list-4 { display: block; } }
.wrap-list-4 .title-list-4 { flex-grow: 1; width: 20%; margin-right: 25px; display: flex; flex-direction: column; justify-content: space-between; min-height: 400px; }
@media (max-width: 1199.98px) { .wrap-list-4 .title-list-4 { width: 25%; } }
@media (max-width: 991.98px) { .wrap-list-4 .title-list-4 { width: 100%; min-height: auto; } }
.wrap-list-4 .title-list-4 img { max-width: 100%; }
.wrap-list-4 .wrap-doctor-slide { flex-grow: 1; width: 80%; position: relative; }
@media (max-width: 1199.98px) { .wrap-list-4 .wrap-doctor-slide { width: 75%; } }
@media (max-width: 991.98px) { .wrap-list-4 .wrap-doctor-slide { width: 100%; } }
.wrap-list-4 .swiper-container { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
@media (max-width: 767.98px) { .wrap-list-4 .swiper-container { padding: 0; } }
.wrap-list-4.wrap-list-doctor .title-list-4 { margin-left: 25px; margin-right: 0; }
@media (max-width: 991.98px) { .wrap-list-4.wrap-list-doctor .title-list-4 { margin-left: 0; } }

.hp-doctor .box-p-list { box-shadow: none; border: none; }
.hp-doctor figure { border-top-left-radius: .8em; border-top-right-radius: .8em; overflow: hidden; }

.hp-news .btn-detail { font-size: 16px; margin-bottom: 5px; width: auto; margin-top: 15px; }

.title-list { margin-bottom: 15px; }
.title-list h1, .title-list h2 { font-family: "Prompt", sans-serif; font-weight: 700; text-transform: uppercase; color: #005f3b; margin-bottom: 0; }
.title-list a { font-family: "Prompt", sans-serif; font-weight: 500; }
.title-list a u { color: #005f3b; }
.title-list a i { font-size: .9em; margin-left: 10px; color: #fff; background: #c2a472; border-radius: 100%; width: 25px; height: 25px; }

.box-p-list { box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); display: block; }
@media (max-width: 767.98px) { .box-p-list { box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.15); } }
.box-p-list figure { position: relative; margin-bottom: 0; }
.box-p-list figure img { width: 100%; }
.box-p-list .box-p-dt { padding: 13px; background: #fff; }
.box-p-list .cut-text-2 { font-family: "Prompt", sans-serif; font-weight: 500; height: 50px; color: #005f3b; margin-bottom: 10px; }
@media (max-width: 1199.98px) { .box-p-list .cut-text-2 { height: 38px; } }
.box-p-list .p-price { font-family: "Prompt", sans-serif; font-weight: 700; color: #c2a472; font-size: 29px; }
.box-p-list .p-price span { font-family: "Prompt", sans-serif; font-weight: 400; font-size: .8em; color: #000; }
@media (max-width: 991.98px) { .box-p-list .p-price { font-size: 19px; } }
.box-p-list .p-disc { color: #636363; font-size: 12px; }
.box-p-list .p-disc.cut-text-1 { font-size: 10px; }

.box-p-news figure { position: relative; margin-bottom: 10px; }
.box-p-news figure img { width: 100%; }
.box-p-news .cut-text-2 { font-family: "Prompt", sans-serif; font-weight: 500; color: #005f3b; margin-bottom: 10px; line-height: 1; }

.box-p-doctor { background: #e5d2b2; text-align: center; font-family: "Prompt", sans-serif; font-weight: 500; padding: 10px 5px; }
.box-p-doctor h2 { color: #005f3b; margin-bottom: 0; line-height: 1; }
.box-p-doctor p { margin-bottom: 0; font-size: 11px; color: #9f8457; }

.slide-feature .swiper-wrapper { flex-wrap: wrap; }
@media (max-width: 991.98px) { .slide-feature .swiper-wrapper { flex-wrap: nowrap; } }
.slide-feature .swiper-wrapper .swiper-slide { width: 20%; padding: 0 10px; margin-bottom: 20px; position: relative; }
@media (max-width: 1199.98px) { .slide-feature .swiper-wrapper .swiper-slide { width: 25%; } }
@media (max-width: 991.98px) { .slide-feature .swiper-wrapper .swiper-slide { padding: 0; margin-bottom: 0; } }
.slide-feature .box-slide { background: #fff; display: flex; padding: 12px; border-radius: 1em; align-items: center; }
.slide-feature .box-slide figure { margin-bottom: 0; background: #ede4d4; border-radius: 100%; padding: 12px; margin-right: 10px; }
.slide-feature .box-slide p { margin-bottom: 0; font-size: 19px; color: #005f3b; }
@media (max-width: 1199.98px) { .slide-feature .box-slide p br { display: none; } }
.slide-feature .swiper-pagination { position: relative; bottom: 0; margin-top: 15px; }

.reserve-home { background: #f6f1ea; position: relative; z-index: 3; }
.reserve-home .wrap-reserve-home { background: #005f3b; color: #fff; border-top-left-radius: 2em; border-top-right-radius: 2em; padding: 20px 0; }
.reserve-home .container { display: flex; }
@media (max-width: 1199.98px) { .reserve-home .container { display: block; } }
.reserve-home .title-rs { width: 40%; display: flex; padding-right: 40px; }
@media (max-width: 1199.98px) { .reserve-home .title-rs { width: 100%; margin-bottom: 20px; } }
.reserve-home .title-rs .title-rs-h, .reserve-home .title-rs .title-rs-t { display: flex; align-items: center; }
.reserve-home .title-rs .row { flex-grow: 1; }
.reserve-home .title-rs h1, .reserve-home .title-rs h2 { font-family: "Prompt", sans-serif; font-weight: 700; font-size: 49px; color: #c2a472; margin-bottom: 0; line-height: 1; }
@media (max-width: 1199.98px) { .reserve-home .title-rs h1, .reserve-home .title-rs h2 { font-size: 29px; } }
.reserve-home .search-doctor { width: 60%; }
@media (max-width: 1199.98px) { .reserve-home .search-doctor { width: 100%; } }
.reserve-home .search-doctor form { display: flex; }
@media (max-width: 767.98px) { .reserve-home .search-doctor form { flex-wrap: wrap; } }
.reserve-home .search-doctor form fieldset { padding-right: 10px; }
.reserve-home .search-doctor .name-doctor { flex-grow: 1; }
@media (max-width: 767.98px) { .reserve-home .search-doctor .name-doctor { padding-right: 0; } }
.reserve-home .search-doctor .select-dp { width: 300px; }
@media (max-width: 767.98px) { .reserve-home .search-doctor .select-dp { width: auto; flex-grow: 1; } }
@media (max-width: 575.98px) { .reserve-home .search-doctor .select-dp { width: 100%; margin-bottom: 10px; padding-right: 0; } }
.reserve-home .search-doctor .btn-detail:hover { background: #c2a472; color: #fff; }
@media (max-width: 767.98px) { .reserve-home .search-doctor aside { margin-top: 15px; width: 100%; } }
.reserve-home .bootstrap-select > .dropdown-toggle.bs-placeholder, .reserve-home .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .reserve-home .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .reserve-home .bootstrap-select > .dropdown-toggle.bs-placeholder:hover { color: #005f3b; }

.end-bottom { padding-bottom: 200px; }
@media (max-width: 1199.98px) { .end-bottom { padding-bottom: 100px; } }
@media (max-width: 767.98px) { .end-bottom { padding-bottom: 50px; } }

.wrap-arrow-show { position: relative; }
.wrap-arrow-show .swiper-container { position: static; }

.swiper-pagination-bullet-active { background-color: #c2a472; }

.breadcrumb-main { margin-bottom: 20px; background: #ece3d3; padding: 10px 0; }
.breadcrumb-main ol { margin-bottom: 0; }
.breadcrumb-main ol li { color: #c2a472; }
.breadcrumb-main .active { font-family: "Prompt", sans-serif; font-weight: 500; color: #c2a472; }
.breadcrumb-main .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, ""); font-family: bootstrap-icons !important; font-size: 9px; position: relative; top: 3px; color: #c2a472; }

.product-inner-list { padding: 50px; background: #f4f4f4; border-radius: 1em; }
@media (max-width: 991.98px) { .product-inner-list { padding: 25px; } }
@media (max-width: 575.98px) { .product-inner-list { padding: 0; background: none; } }

.category { background: #fbfbfb; }
.category .promotion-cat { border-radius: 1em; background: #fff; box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); overflow: hidden; }
.category .promotion-cat li { border-bottom: 1px solid #e8e6e3; }
.category .promotion-cat li:last-child { border-bottom: 0; }
.category .promotion-cat a { display: flex; align-items: center; padding: 10px 25px; color: #c2a472; font-family: "Prompt", sans-serif; font-weight: 500; }
.category .promotion-cat a.active { background: #d4bf9c; color: #005f3b; font-family: "Prompt", sans-serif; font-weight: 700; position: relative; }
.category .promotion-cat a.active:before { display: flex; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; content: "\f231"; position: absolute; right: 15px; color: #fff; font-size: .8em; background: #c2a472; border-radius: 100%; width: 25px; height: 25px; }

.result { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.result .inner-result { color: #005f3b; font-size: 24px; }
.result .inner-result span { font-family: "Prompt", sans-serif; font-weight: 700; }

.wrap-other-slide .swiper-container { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; }
@media (max-width: 767.98px) { .wrap-other-slide .swiper-container { padding: 0; } }

.package-detail { background: #fbfbfb; }
.package-detail .img-rd { box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); }
.package-detail.bg-white { background: #fff; }

.hp-other { background: #f6f1ea; }

.box-pac-detail { box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); border-radius: 1em; background: #fff; }
.box-pac-detail h2 { color: #005f3b; background: #faf9f9; padding: 7px 80px; border-bottom: 1px solid #e4e4e4; }
@media (max-width: 991.98px) { .box-pac-detail h2 { padding: 7px 20px; } }
@media (max-width: 575.98px) { .box-pac-detail h2 { padding: 7px 20px; } }
.box-pac-detail .inner-box-pac { padding: 10px 80px; }
@media (max-width: 991.98px) { .box-pac-detail .inner-box-pac { padding: 10px 20px; } }
@media (max-width: 575.98px) { .box-pac-detail .inner-box-pac { padding: 10px 20px; } }

.package-right { display: flex; }
.package-right .box-pac-img { padding: 40px; background: #fcfaf8; border-radius: 1em; }
@media (max-width: 575.98px) { .package-right .box-pac-img { padding: 20px; } }

.btn-xl .btn-detail { font-size: 22px; font-family: "Prompt", sans-serif; font-weight: 500; }

.reserve-doctor .container { display: block; }
.reserve-doctor .wrap-reserve-home { border-radius: 0; }
.reserve-doctor .wrap-reserve-home.bg-2 { background: #005936; }
.reserve-doctor .title-rs { width: 100%; display: block; padding-right: 0; margin-bottom: 0; }
.reserve-doctor .search-doctor { width: 100%; }
.reserve-doctor .search-doctor fieldset { flex-grow: 1; }
.reserve-doctor .title-rs-h, .reserve-doctor .title-rs-t { justify-content: center; }

.doctor-list .doctor-wrap { max-width: 1120px; margin: 0 auto; }
@media (max-width: 991.98px) { .doctor-list .doctor-wrap li { margin-bottom: 10px; } }
.doctor-list .doctor-wrap li a { border-top-left-radius: .8em; border-top-right-radius: .8em; position: relative; padding-bottom: 35px; box-shadow: none; }
.doctor-list .doctor-wrap li a > * { position: relative; z-index: 2; }
.doctor-list .doctor-wrap li a .button-reserve { background: #005f3b; color: #fff; padding: 5px 0; opacity: 0; position: absolute; bottom: 35px; left: 0; width: 100%; visibility: hidden; transition: all 0.3s ease 0s; z-index: 1; }
@media (max-width: 991.98px) { .doctor-list .doctor-wrap li a .button-reserve { visibility: visible; opacity: 1; bottom: 0; } }
.doctor-list .doctor-wrap li a:hover .button-reserve { visibility: visible; opacity: 1; bottom: 0; }
.doctor-list figure { border-top-left-radius: .8em; border-top-right-radius: .8em; overflow: hidden; }

.box-pd { padding: 40px 50px; }
@media (max-width: 991.98px) { .box-pd { padding: 20px; } }

.cld-mf { z-index: 99; left: 0; width: 100%; max-width: 420px; background: #fafafa; border: 1px solid #dddddd; overflow: hidden; border-radius: 10px; transition: all 0.3s ease 0s; }
.cld-mf .cld-month { display: flex; padding: 10px 15px; justify-content: space-between; align-items: center; color: #fff; background: #005f3b; font-family: "Prompt", sans-serif; font-weight: 500; border-bottom: 1px solid #dfdfdf; }
.cld-mf .cld-month button { position: relative; top: 0; color: #fff; }
.cld-mf .cld-day { margin-bottom: 0; background: #ebebeb; }
.cld-mf .cld-day li { float: left; width: 14.2857%; text-align: center; display: block; min-height: 1px; padding: .5px; }
.cld-mf .cld-day li.day { font-family: "Prompt", sans-serif; font-weight: 500; padding: 7px 5px 7px; font-size: 14px; color: #005f3b; background: #ccdfd8; }
.cld-mf .cld-day li a { justify-content: center; align-items: center; display: flex; height: 42px; overflow: hidden; position: relative; background: #ffff; font-size: .9em; }
@media (max-width: 575.98px) { .cld-mf .cld-day li a { height: 43px; } }
.cld-mf .cld-day li a.last-month, .cld-mf .cld-day li a.next-month { color: #9a9693; background: #fafafa; }
.cld-mf .cld-day li a span { position: absolute; bottom: 0; font-family: "Prompt", sans-serif; font-weight: 700; font-size: 5px; right: 0; width: 100%; text-align: center; }
/*.cld-mf .cld-day li a:not(.last-month):hover { background: #c2a472; color: #fff; font-family: "Prompt", sans-serif; font-weight: 700; }*/ /*Pop 12DEC21*/
.cld-mf .cld-day li a.active { background: #ede4d4; }

.pd-reserve-detail { background: #faf9f9; padding: 30px 20px 0; flex-grow: 1; border-radius: 1em; }
@media (max-width: 767.98px) { .pd-reserve-detail { background: none; padding: 0; } }

.table > :not(:first-child) { border-top: 0; }

.tb-rd { border-radius: 20px; overflow: hidden; border: 1px solid #ccc; margin-bottom: 20px; }

.table-reserve { text-align: center; margin-bottom: 0; }
.table-reserve thead th { font-family: "Prompt", sans-serif; font-weight: 500; font-weight: normal; color: #fff; background: #005f3b; }
.table-reserve .thead-2 { background: #ccdfd8; color: #005f3b; font-size: .9em; font-family: "Prompt", sans-serif; font-weight: 500; }
.table-reserve .thead-2 td { padding-top: 5px; padding-bottom: 5px; }
.table-reserve tbody td { font-size: 1.2em; }

.box-doctor .btn-xl .btn-detail { width: 100%; }
@media (max-width: 991.98px) { .box-doctor .btn-xl .btn-detail { font-size: 1.1em; padding-left: 0; padding-right: 0; } }
.box-doctor .btn-xl .btn-detail i { font-size: .8em; margin-right: 10px; }
.box-doctor .icon-d-pick { background: #ede4d4; width: 25px; height: 25px; }

.list-doc-detail li { margin-bottom: 10px; }
.list-doc-detail li .col-lg-4 { display: flex; justify-content: space-between; }

.wrap-calendar { position: relative; }
@media (max-width: 991.98px) { .wrap-calendar { display: flex; align-items: center; justify-content: center; } }
.wrap-calendar .bi-caret-right-fill { position: absolute; color: #005f3b; right: -5px; top: 50%; font-size: 24px; transform: translate(-50%); }

.article-service { width: 100%; max-width: 1050px; margin: 0 auto; }

.has-list { list-style: disc; margin-left: 20px; color: #c2a472; }
.has-list span { color: #3f3f3f; }

.img-rd { border-radius: 1em; }

.header-service { padding: 15px 0; box-shadow: 0 0.25vw 0.25vw rgba(0, 0, 0, 0.06); z-index: 8; position: relative; }
.header-service .btn-detail { font-size: 22px; }
.header-service .btn-detail i { margin-right: 5px; position: relative; top: -2px; }
.header-service .btn-detail:hover { color: #fff; background: #c2a472; }

.btn-share { width: 54px; height: 54px; background: #e9e0d1; color: #c2a472; border-radius: 100%; }

.article-detail ul { margin-left: 20px; }
.article-detail ul li { list-style: disc; }

.page { margin-top: 30px; }
.page > a { border-radius: 100%; width: 35px; height: 35px; }
.page > a.active { background: #e5d2b2; color: #005f3b; }
.page ul { display: flex; margin-left: 5px; border-radius: .8em; overflow: hidden; }
.page ul a { background: #eaeaea; color: #acacac; padding: 10px 15px; }
.page ul a.active { background: #005f3b; color: #fff; }
.page li { margin-bottom: 0 !important; }

/*# sourceMappingURL=style.css.map */

.dropdown-menu { min-width: max-content; font-size: 14px;} /*Pop 22NOV21*/
.dropdown-toggle { color: #898989; } /*Pop 22NOV21*/
.cld-mf .cld-day li a.past-date { color: #9a9693; background: #fafafa; } /* Pop 12DEC21*/
.cld-mf .cld-day li a:not(.last-month):not(.past-date):hover { background: #c2a472; color: #fff; font-family: "Prompt", sans-serif; font-weight: 700; } /* Pop 12DEC21*/
.cut-text-2 { height: 50px; } /* Pop 04JAN22 */
.cut-text-3 { height: 66px; } /* Pop 04JAN22 */

:lang(en) .box-p-doctor h2{ font-size: 97%; }
:lang(en) .title-rs h1,:lang(en) .title-rs h2{ font-size: 34px; }
/*:lang(en) a{ font-size: 97%; }*/
:lang(en) .title-list a{ font-size: 16px; }
:lang(en) .hp-hot-price h3{ font-size: 42px; text-align: center; }
:lang(en) .btn-detail { font-size: 19px; line-height: 1; }
:lang(en) .header .right-header .main-menu li > a{ margin-right: 50px; font-size: 15px;}
/*:lang(en) .title-rs-t p{ padding-right: 2px; }*/
/* :lang(en) { font-size: 16px; } */
.title-rs-h h2 { padding-left: 15px;} 


:lang(ko) body {font-size: 10px;} 
:lang(ko) .header .right-header .main-menu li > a{ margin-right: 50px; font-size: 10px;}
:lang(ko) .header .login-header {font-size: 10px;}
:lang(ko) .header-ct-contact .ct-contact-header .flex-ct-lab {font-size: 10px;}
:lang(ko) .header .right-header .main-menu li .submenu a {font-size: 10px;}
 
/* slide image */
:lang(ko) .wrap-slidehero .curve-hero aside h2 {font-size: 12px;}
/* article */
:lang(ko) .box-p-news .cut-text-2 {font-size: 14px; line-height: 1.5;}
:lang(ko) .cut-text-3 {line-height: 1.5;}
/* packege */
:lang(ko) .box-p-list .cut-text-2 {font-size: 14px;line-height: 1.2;} 
:lang(ko) .box-p-list .p-disc.cut-text-1  {line-height: 1.5;}
/* room */
:lang(ko) .box-p-list .p-price {font-size: 14px;}
/* footer */
:lang(ko) .footer h2 {font-size: 14px;}
:lang(ko) .end-footer aside a {font-size: 20px !important;}
 
/* VIEW ALL panel */
:lang(ko) .hp-hot-price h3{ font-size: 29px; text-align: ckoter; }
:lang(ko) .hp-hot-price .btn-detail{ font-size: 14px; }

/* @media (max-width: 1319.98px)
.hp-hot-price h3 {
    font-size: 24px;
} */