/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 14 2024 | 02:58:54 */
@font-face {font-family: 'Raven';src: url(/wp-content/fonts/raven/Raven.ttf);}
.wpcf7-spinner, figcaption .mfp-title {display:none;}
.lightbox-content {overflow:hidden}
.w-992 {max-width: 992px;margin:auto;}
.nav li a {font-family: "Roboto Slab", sans-serif;font-weight:normal;}
body, td, th {font-size:16px;color: #333;}
td:first-child, th:first-child {padding-left: 0.5em;}
h2 {font-size:28px;line-height: normal;margin-bottom:10px;}
.text h2 {color: #3f291b;}
.font-roboto, .font-roboto  * {font-family: 'Roboto', sans-serif;}
.font-title h3 {font-size:20px;}
.font-title h4 {font-size:18px;}
a.button {font-size: 16px;font-family: "Roboto Slab", sans-serif;}
a.button.white {margin-bottom:0;color: var(--primary-color) !important;margin-right:0;    padding: 5px 30px 0px;}
a.button.white span {line-height:1;}
a.button:has(.icon-map-pin-fill) {display: flex;white-space: nowrap;align-items: center;margin: 0 !important}
a.button:has(.icon-map-pin-fill) i {top:0;}
a.button i.icon-map-pin-fill {font-family: "Font Awesome 6 Free" !important;font-weight: 900 !important;}
a.button i.icon-map-pin-fill:before {content: "\f5a0";}

#header, .blog-single .header-post-title .section-content {background-image: url(/wp-content/uploads/2024/01/bg-pattern-header.png);background-repeat: repeat-x;background-position: 0 100%;padding-bottom: 12px;background-size: 12px;}
.bg-footer {background-color: var(--alert-color) !important;background-image: url(/wp-content/uploads/2024/01/bg-pattern-header.png);background-repeat: repeat-x;background-position: 0 0;padding-bottom: 12px;background-size: 12px;}

/* Single Post */
.blog-single {padding-top:0;}
.blog-single .entry-header .entry-meta {text-transform:none;background-color: #f2f2f2;padding: 10px;border-radius: 3px;margin: 0;font-size: 14px;}
.blog-single .entry-header .entry-meta .posted-on {margin-right:15px;}
.blog-single .entry-header .entry-divider {display:none;}
.blog-single .entry-header-text-top {padding-bottom:0;}
.blog-single .category-name {font-family: "Roboto Slab", sans-serif;font-size:30px;color: #fff;text-transform: uppercase;font-weight: bold;}
.blog-single #breadcrumbs {margin: 10px 0; font-size: 13px;}


/* Archive Post */
.blog-archive #breadcrumbs {border-bottom: 1px solid;padding-bottom: 5px;}
.blog-archive .box-blog-post .is-divider {display:none;}
.blog-archive h1.page-title {font-size:30px;color: var(--alert-color)}
.blog-archive h5.post-title {font-family: 'Roboto', sans-serif;color: #3c2415}
.blog-archive .box-blog-post .box-text {padding-top:0;padding-bottom:0;padding-right:0;vertical-align: top;}
.blog-archive .post-item:hover img {transform: scale(1.05)}
.blog-archive .post-item .image-cover {border-radius: 5px;}
.blog-archive #post-list .post-item .col-inner {border-top: 1px dashed #78112f;padding-top:20px}
.blog-archive #post-list .post-item:last-child .col-inner {border-bottom: 1px dashed #78112f;padding-bottom:20px}
.blog-archive #post-list .col {padding-bottom:20px}
.post-featured .box-text {margin-top:10px;}


.izi-box.box-center .icon-box {justify-content: center;}
.izi-box.box-center .icon-box .icon-box-text {flex:none;}

.align-equal .izi-box {height: 100%;}
.col-pb-0 > .col {padding-bottom:0;}
.amb-0 *, .pmb-0 p {margin-bottom: 0 !important}

.social-icons a.button {font-size: 18px;width: 40px;height: 45px;line-height: 40px !important;}

.archive .product-small.box {background:#fbf6ec;border-radius: 20px;overflow: hidden;}
.product-small a.add_to_cart_button {font-size: 14px;padding: 5px 20px;border-radius: 20px;}
span.amount {color: #f8163f;}
.product-small span.amount {font-size:20px;}

.product-info .breadcrumbs, .product-info .is-divider {display:none;}



h1.product-title {font-size: 30px;}
.nav.tabs>li>a {font-size: 20px;font-family: 'Roboto', sans-serif;border: 0;}
.nav.tabs>li.active >a {border-radius: 15px 15px 0 0;background: var(--primary-color);color: #fff;}
.nav-tabs+.tab-panels {border: 1px solid var(--primary-color);border-radius:20px;}


.header-nav.nav>li>a {font-size: 14px; color: #fff}
.header-nav.nav li.active> a, .header-nav.nav li:hover > a {color: var(--secondary-color)}
.header-nav.nav>li.header-search>a {font-size:16px;}
.nav-dropdown-default {padding:0;border: 1px solid rgba(0, 0, 0, .15);padding: 10px 0px;background: #3c2415;}
.nav-dropdown>li>a {font-size: 16px;white-space: nowrap;color: #fff;margin: 0 !important; padding: 10px 20px!important;background: #3c2415;border: 0 !important;font-family: Roboto, sans-serif;font-weight: 700;}
.sub-menu li a:hover {background: #fff;color: #3c2415 !important;}
.btn-contact-home {background: var(--primary-color);justify-content: center;align-items: center;padding: 6px;border-radius: 0 0 10px 10px;}
.btn-contact-home .icon-box-text {flex: none;}
.btn-contact-home * {color: #fff !important;}

.home-doctor {background: linear-gradient(0deg, #fff 50%, var(--primary-color) 0);}
.home-doctor:before, .home-doctor:after {position:absolute; content: '';width: 211px;height: 100%;background-size: contain !important;z-index: 0;}
.home-doctor:before {background: url(/wp-content/uploads/2024/01/hoa-tiet-1.png) 0 0 no-repeat;top: 0;left: 0;}
.home-doctor:after {background: url(/wp-content/uploads/2024/01/hoa-tiet-2.png) 0 0 no-repeat;transform: scaleX(-1);right: 13px;top: 34px;}
.doctor-info .post-content {color: #d7a444;font-style: italic;}
.home-doctor .slider-thumbs .post-item {overflow: hidden;position: relative;}
.home-doctor .slider-thumbs .post-item:after  {content: "";position: absolute;top: 0;left: -50%;bottom: 0;width: 0;height: 100%;background-color: hsla(0, 0%, 100%, .5);transform: skewX(-35deg);transition-duration: .5s;}
.home-doctor .slider-thumbs .post-item:hover:after {width: 200%;background-color: hsla(0, 0%, 100%, 0);z-index: 1;}



.info-content p {color: var(--secondary-color)}
.image-hover .box-text {background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 25%, #3c2415);    font-size: 15px;}

.product-home .box-image {width: 75%;border: 4px solid var(--secondary-color);}
.product-home .flickity-prev-next-button {opacity:1;}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {border: 0;background-color: #fff;padding: 10px;}
.product-home.slider-nav-circle .flickity-prev-next-button {transform: none !important;}
.product-title a {font-family: "Roboto Slab", sans-serif;font-size: 21px;color: #000;font-weight:700;}

.whychoose {background: linear-gradient(0deg, #fff 40%, var(--primary-color) 0);overflow:hidden;}
.whychoose  .flickity-slider > * {opacity: 1 !important}
.whychoose  .col-inner {padding: 5px}
.whychoose .izi-box {width: 100%;background-image: url(/wp-content/uploads/2024/01/benefit-frame.png);background-size: 100% 100%;background-position: center;background-repeat: no-repeat;min-height:280px;}
.whychoose .izi-box h3 {font-size: 19px;color: var(--primary-color);font-family: Roboto, sans-serif;}
.whychoose .izi-box:hover {background: var(--primary-color) !important;}

.whychoose .izi-box:hover h3, .whychoose .izi-box:hover .icon-inner {color: #fff !important;}

.whychoose:before, .whychoose:after {position:absolute; content:'';background-size: contain !important;z-index: 0;opacity:0.4;width: 700px;height: 50%;}
.whychoose:before {background: url(/wp-content/uploads/2024/01/hoa-tiet-3.png) 0 0 no-repeat;top: 0;}
.whychoose:after {background: url(/wp-content/uploads/2024/01/hoa-tiet-34.png) 0 0 no-repeat;right: -234px;top: 62px;}

.home-award {margin-bottom:40px;}
.home-award .bg.bg-fill, .home-support .bg {background-size: 400px !important;background-repeat: repeat !important;}
.home-award .box-image {text-align:center;}
.home-award .box-image img {height: 250px;width: auto;}
.home-award .izi-box:hover {background-color: var(--primary-color) !important}
.home-award .izi-box:hover * {color: #fff !important}


.news-home .section {padding-left: 10px !important;padding-right: 10px !important; opacity: 1 !important}
.news-home .section .section-content {background-color: var(--primary-color);border-radius:10px;overflow:hidden;}
.news-home a {color: #fff;font-size:16px;font-weight:700;}
.news-home .box-image {width: 125px;height: 40px;background: #fbf6ec;padding: 5px;margin-top: -25px;border-radius: 5px;text-align:center;}
.news-home .box-image img {height:30px;width: auto !important}

.home-support .icon-box-img {width: 180px !important;height: 180px;background: var(--primary-color);padding: 40px;border: 10px solid #e8dac0;border-radius: 100%;}
.home-support .icon-box-img:hover {background: var(--secondary-color)}

.home-pharmacy img {border-radius: 15px 15px 0 0;}
.home-pharmacy h3 {margin-bottom:0;}
.home-pharmacy .medium-6 > .col-inner {background-color: var(--primary-color);}




.logo-footer img {width:35%;}
.p-title {border-bottom: 1px dashed hsla(0, 0%, 100%, .2);}
.p-title span {color: #d7a444;background: #78112f;padding: 0.3rem 1rem;display: inline-block;}
.footer-wrapper a {color: var(--secondary-color) !important}
.hours-office ul {display: flex;justify-content: space-between;margin-top: 15px;}
.hours-office li {list-style:none;margin:0 !important;}
.hours-office strong, .hours-office b {color: var(--secondary-color);font-weight:700}



.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 28px;height: 28px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: #f7f7f7;z-index: 9;border-radius:28px;margin-top:15px;}
.slick-prev {left: 15px;}
.slick-next {right: 15px;}
.slick-prev:before, .slick-next:before {font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 20px;line-height: 1;opacity: .75;  color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev:before {content: "\f104";}
.slick-next:before {content: "\f105";}
.doctor-info .post-image, .doctor-info+.slider-thumbs .post-image {position:relative;padding-top:127.643%;border-radius: 20px;overflow: hidden;}
.doctor-info .post-image img, .doctor-info+.slider-thumbs .post-image img {position:absolute;width:100%;height:100%;object-fit: cover;top: 0;left: 0;object-position: 50% 50%;}
.doctor-info.slider-main .post-image img {padding: 0 10px;background: rgb(251, 246, 236);}
.doctor-info+.slider-thumbs .doctor-name {position: absolute;bottom: 0;left: 15px;width: calc(100% - 30px);height: 50%;padding: 5px 10px;background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 25%, #3c2415);border-radius: 0 0 20px 20px;display: flex;flex-flow: column;justify-content: flex-end;}
.doctor-info+.slider-thumbs .doctor-name p {margin-bottom: 0;}
.doctor-info+.slider-thumbs .doctor-name h3 {font-size: 16px;font-family: Roboto, sans-serif;font-weight:normal;}
.doctor-info.slider-main h3 {font-size:24px;font-family: Roboto, sans-serif;margin-top: 30px;}

.service-home .izi-slider:after {position: absolute;content: '';width: 100%;height: 70%;background: var(--primary-color);z-index: -1;bottom: -50px;border-radius: 40px;}
.service-home .slick-track > div {padding: 0 15px;}
.service-home .slick-track img {border: 6px solid #fff;border-radius: 30px;}
.service-home .box h3 {color: #FFFB56 !important;font-size:20px;font-family: Roboto, sans-serif;margin-bottom:15px;}
.service-home .box p {color: #fff;font-size:16px}

.news-home .flickity-page-dots {bottom: -30px}






/* Về chúng tôi */
.icon-box-img img, .icon-box-img svg {padding-top:0;}
.page-about {font-size:15px;}
.info-about p {margin-bottom:5px; padding-left: 25px;position: relative}
.info-about i {position: absolute;left: 0;top: 3px;color: var(--primary-color);}
.info-about+.social-icons > span {display: block;font-size: 18px;color: #000;font-style: italic;margin-bottom: 6px;margin-top: 12px;}
.info-about+.social-icons a.button {border-radius: 5px !important;}
.info-about+.social-icons a.button.twitter {background-image: url(/wp-content/uploads/2024/01/zalo.svg);background-repeat: no-repeat;background-size: 100%;background-color: #fff !important;border: 0;}
.info-about+.social-icons a.button.twitter i {opacity:0;}
.info-about+.social-icons a.button.email {background-color: #cc0303 !important;border-color: #cc0303 !important;}
.tooltipster-base {display:none !important}

.page-about .izi-box .icon-box {background: #fff;height:100%;border-radius:10px;padding:15px;}
.page-about .izi-box .icon-box h3{font-family: 'Roboto', sans-serif;color: var(--fs-color-primary);font-size: 20px;}

.row-vision .icon-box {align-items: center;padding: 15px;background: #fff;border: 1px solid #78112f;border-radius: 10px;box-shadow: 0 0 8px 8px #B0730012;height: 100%;}
.row-vision .icon-box h3 {font-family: 'Roboto', sans-serif;color: #3c2415;font-size: 16px;}
.row-vision .icon-box p {color: #3c2415;font-size: 16px;}
.list-cat-diseases .icon-box:hover h4 {color: var(--primary-color);}
.list-cat-diseases .icon-box-img img, .list-cat-diseases .icon-box-img svg {border: 1px solid transparent;border-radius:100%}
.list-cat-diseases .icon-box:hover img, .list-cat-diseases .icon-box:hover svg {border: 1px solid var(--primary-color);}




form:has(.form-online) {margin-bottom:0;}
.form-online {font-size:14px;}
.form-online label {margin-bottom: 0;color: #3c2415}

.form-online input, .form-online textarea, .form-question input, .form-question textarea {display: block;width: 100%;padding: 0.375rem 0.75rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;box-shadow: none;margin-bottom: 8px;}
.form-online input {height: calc(1.5em + 0.75rem + 2px)}
.form-online textarea {min-height:53px;}
.form-online .wpcf7-submit {background: #78112f;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    width: 100%;
    min-height: 40px;animation: blink-animation 1s infinite;}


/* Form Sidebar */
.form-question input, .form-question textarea {border:0;}
.form-question .wpcf7-submit {display: block;width: 100%; background: #78112f;color: #fff;text-transform: uppercase;font-size: 16px;font-weight: 700;}

.contact-button-fixed {position: fixed;bottom: 10px;right: 10px;z-index: 999999;}
.contact-button-fixed .contact-item {max-width: 40px;margin-bottom: 10px;}
.contact-button-fixed .contact-item i {width: 40px;height: 40px;display: block;text-align: center;background-color: #ffc107;color: #fff;line-height: 40px;margin: 0 auto;border-radius: 35px;animation: scale 2s ease infinite;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: all .3s;}

@keyframes scale {
    0% {
        transform: scale(1)
    }
    15% {
        box-shadow: 0 0 0 3px rgba(255, 193, 7, .4)
    }
    25% {
        box-shadow: 0 0 0 6px rgba(255, 193, 7, .4), 0 0 0 12px rgba(255, 193, 7, .2)
    }
    25% {
        box-shadow: 0 0 0 9px rgba(255, 193, 7, .4), 0 0 0 18px rgba(255, 193, 7, .2)
    }
}

@keyframes blink-animation {
    0% {
        background-color: #78112f;
    }
    50% {
        background-color: #3b2415;
    }
    100% {
        background-color: #78112f;
    }
}


@media only screen and (min-width:550px) {
	.doctor-info.slider-main .col {padding-bottom:0;}
	.doctor-info+.slider-thumbs {position:absolute; width:58.33333%;bottom:81px; right:0;}
	.doctor-info+.slider-thumbs .swiper-slide {cursor: pointer;}
	
	.product-home .product-small.box {background:#fbf6ec;border-radius: 20px;overflow: hidden;}
	.header-main .header-nav-main li:nth-child(2) ul.sub-menu {display:flex;background: #3c2415;padding:10px}
	.header-main .header-nav-main li:nth-child(2) ul.nav-dropdown>li {width: calc(100% / 7);min-width: calc(1130px / 7);}
	.nav-dropdown-has-arrow li:nth-child(2).has-dropdown:after {    border-color: hsla(0,0%,87%,0) hsla(0,0%,87%,0) #3c2415;}
	
	
	.header-main .header-nav-main li:nth-child(2) ul.nav-dropdown>li>a {white-space:normal;height: 100%;color: #fff;border-bottom: 0;padding: 15px !important;font-size: 14px;text-transform: uppercase;line-height: 1.5;font-weight: 700;font-family: "Roboto Slab", sans-serif;}
	
	
}

@media only screen and (max-width:549px) {
	h2 {font-size: 21px;}
	#header li a {font-size:20px}
	.mobile-center {text-align:center;}
	.doctor-info.slider-main h3 {text-align: center;}
	.doctor-info.slider-main .medium-7 {order: -1;}
	.home-doctor {background: linear-gradient(0deg, #fff 24%, #78112f 0);}
	.home-doctor:before, .home-doctor:after {opacity:0.3;}
	.home-doctor:after {top:47%}
	.service-home .section-content .row:last-child:after {height:calc(100% - 60px);}
	.service-home .slider-main {padding: 0 20px}
	
	.product-title a {font-size:17px;}
	
	.archive .product-small .price-wrapper {margin-top:10px;}
	.product-small a.add_to_cart_button {font-size: 13px;padding: 5px 10px;}
	.product-home .box-image {border-radius: 20px !important}
	.product-home .box-image .image-cover {padding-top: 66.66% !important}
	
	.whychoose .stack-row {overflow-x: auto;}
/* 	.whychoose .izi-box {min-height: 320px;} */
	.whychoose .izi-box h3 {font-size:16px;}
	
	.news-home .slider-wrapper .flickity-prev-next-button {display: block;}
	
	.home-support .icon-box {display: flex;align-items: center;}
	.home-support .icon-box .icon-box-img {width: 130px !important;height:130px;padding:15px;}
	.home-support .icon-box .icon-box-text {width: calc(100% - 150px) !important;text-align: left;}
	.home-support .icon-box .icon-box-text h3{font-size:20px}
	
	.home-pharmacy .text-right a.button:last-of-type {max-width: fit-content;margin: auto !important}
	a.button:has(.icon-map-pin-fill) {max-width: fit-content;margin: auto !important;}
	.list-cat-diseases {flex-wrap: wrap;
    justify-content: center;}
	.list-cat-diseases > div {width: 33%;margin: 0 0 10px!important;}
	
	.header-post-title .section-content {min-height: 200px;display: flex;text-align: center;}
	.whychoose:after {display:none;}
	.justify-mb p {text-align: justify;}
}