/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}*/

:root {
    --default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: "Noto Sans","Noto Sans", "Raleway", sans-serif;
    --nav-font: Arial, "Poppins", sans-serif;
}

a {
    color: #623524;
}

.grecaptcha-badge {
    display: none !important;
}
/*Footer VMSPD Start*/
.footer .footer-about .logo img {
    max-height: 55px;
}

.footer-GioDonKhach {
    border-radius: 10px;
    max-width: 100%;
    width: 250px;
    margin: 0 auto;
}

.footer .social-links a {
    border-radius: unset;
    border: none;
}

.bi-facebook::before {
    color: #1877F2;
}

.bi-youtube::before {
    color: #F00;
}

.cta-buttons {
    border: none;
    display: flex;
    justify-content: end;
    align-items: end;
    flex-direction: column;
    position: fixed;
    bottom: 60px;
    right: 0px;
    padding: 0px 10px 20px 0px;
    z-index: 99999;
}

    .cta-buttons a img {
        width: 50px;
    }

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

    .cta_hotline .cta_hotline_number {
        display: none;
        color: #333;
        padding-right: 6px;
    }

    .cta_hotline:hover .cta_hotline_number {
        display: block;
    }
/*Footer VMSPD End*/
/*Button VMSPD Start*/
.btn-vmspd {
}

.btn-vmspd-nau {
    --bs-btn-color: #fff;
    --bs-btn-bg: #623524;
    --bs-btn-border-color: #623524;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #BA782B;
    --bs-btn-hover-border-color: #BA782B;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #BA782B;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #623524;
    --bs-btn-disabled-border-color: #623524;
}

.btn.btn-vmspd-language {
    border: 1px solid #623524;
    border-radius: 19px;
    color: #623524;
}

.btn-outline-vmspd {
    --bs-btn-color: #623524;
    --bs-btn-border-color: #623524;
    --bs-btn-hover-color: #FFF;
    --bs-btn-hover-bg: #623524;
    --bs-btn-hover-border-color: #623524;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #FFF;
    --bs-btn-active-bg: #623524;
    --bs-btn-active-border-color: #623524;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #623524;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #623524;
    --bs-gradient: none;
}

/*Button VMSPD End*/
/*Top Header Start*/
.header .topbar {
    background-color: #F5F5F5;
    height: 50px;
}

.header .navmenu a {
    font-family: "Noto Sans", serif;
    font-weight: 600;
    color: #623524;
    padding: 15px 12px;
}

.navmenu .dropdown ul {
    background-color: #623524;
    color: #FFFFFF;
}

    .navmenu .dropdown ul a {
        color: #FFF;
    }
/*.header .navmenu a:focus {
        font-weight: 800;
    }*/
/*.header .navmenu li:hover > a, .header .navmenu .active, .header .navmenu .active:focus {
    color: var(--nav-hover-color);
}*/

.header .navmenu li:hover > a:after, .header .navmenu .active:after, .header .navmenu .active:focus:after {
    content: "";
    background-color: #623524;
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.navmenu li:hover > a, .navmenu .active, .navmenu .active:focus {
    color: #623524;
}

@media (max-width: 1199px) {
    .navmenu .dropdown ul a {
        color: #623524;
    }

    .header .navmenu li:hover > a:after, .header .navmenu .active:after, .header .navmenu .active:focus:after {
        left: 25px;
        right: unset;
    }

    .navmenu li {
        position: relative;
    }

    .navmenu .active i, .navmenu .active:focus i {
        background-color: #623524 !important;
        color: #FFF !important;
    }

    .navmenu a i:hover, .navmenu a:focus i:hover {
        background-color: #623524 !important;
        color: #FFF !important;
    }
}

@media (min-width: 1200px) {
    .navmenu .dropdown ul a {
        font-size: 13px;
        color: #FFF;
    }

    .header .navmenu a {
        font-family: "Noto Sans", serif;
        font-weight: 600;
        color: #623524;
    }

    /*.navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover > a {
            color: #FFF;
        }*/
}

.header-work-time {
    color: #623524;
}
/*Top Header End*/

/*Home Page Start*/
section, .section {
    padding: 30px 0;
}

.about .pulsating-play-btn, .pulsating-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pulsating-play-btn {
    width: 60px;
    height: 60px;
}


.kgTaiVMSPDSwiper.swiper {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.kgTaiVMSPDSwiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px;
}

    .kgTaiVMSPDSwiper .swiper-slide img {
        display: block;
        width: 100%;
    }

.kgTaiVMSPDSwiper .caption {
    color: #623524;
}

.kgTaiVMSPD .kgTaiVMSPDItem {
    position: relative;
}

    .kgTaiVMSPD .kgTaiVMSPDItem .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        padding: 30px 10px 10px 10px;
        height: 70px;
        color: white;
        background: linear-gradient(to top, #623524, transparent);
        width: 100%;
    }

.baNutChucNang-services {
}

    .baNutChucNang-services .btn-vmspd-bachucnang {
        background: #BA782B;
        border-radius: 0px 0px 20px 20px;
        color: #FFF;
        font-weight: bold;
        min-height: 60px;
    }

@media (min-width: 768px) {
    .baNutChucNang-services .btn-vmspd-bachucnang {
        min-width: 210px;
    }
}

.hero {
    overflow: auto;
}

    .hero #hero-carousel {
        float: left;
        min-height: unset;
    }

    .hero .carousel {
        min-height: unset;
    }

    .hero .carousel-item {
        position: relative;
    }

    .hero img {
        position: relative;
        height: auto;
    }

.taiSaoChonVMSPD-section {
}

.section .section-header-before-main-span {
    color: #BA782B;
}

.section .section-header-main-span {
    color: #623524;
    font-weight: bold;
}

    .section .section-header-main-span.text-color-white {
        color: white;
    }

.section .section-content-main-span {
    text-align: justify;
}

.section-title h2:after {
    background-color: #BA782B;
}

.chuyenKhoaSectionHome .service-item .icon img {
    height: 120px;
}

.chuyenKhoaSectionHome .chuyenKhoaItem {
    color: #BA782B;
    padding-bottom: 10px;
}

.chuyenKhoaSectionHome .service-item:hover .chuyenKhoaItem:after {
    content: "";
    background: #623524;
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.doctors .doctor-jobTitle {
    color: #333;
    min-height: 45px;
}

.doctors .member-img img {
    aspect-ratio: 1/1;
}

.kienThucYKhoa_TinTuc .section-header-main-span.section-header-KienThuc {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

    .kienThucYKhoa_TinTuc .section-header-main-span.section-header-KienThuc:after {
        content: "";
        background: #BA782B;
        display: block;
        width: 50px;
        height: 3px;
        left: 0;
        bottom: 0;
        position: absolute;
    }
/*Home Page End*/

.pl-30 {
    padding-left: 30px !important;
}

.pl-20 {
    padding-left: 20px;
}

.bg-color-BA782B {
    background-color: #BA782B;
}

.bg-color-F8F8F8 {
    background-color: #F8F8F8;
}

.bg-color-623524 {
    background-color: #623524;
}

.text-color-white {
    color: white;
}

.text-color-BA782B {
    color: #BA782B;
}

.text-color-623524 {
    color: #623524 !important;
}

.text-color-333 {
    color: #333;
}

.text-color-000 {
    color: #000;
}

.text-color-red {
    color: red;
}

.border-color-623524 {
    border: 1px solid #623524;
}

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

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

.mt--30 {
    margin-top: -30px;
}

.mt--40 {
    margin-top: -40px;
}

.rc__post {
    width: 100%;
}

.rc__post-content {
    color: #623524;
    width: 60%;
}

    .rc__post-content .rc__post-title {
        font-weight: bold;
        font-size: 1.125rem;
    }

        .rc__post-content .rc__post-title a {
            color: #623524;
        }

.rc__post-thumb {
    width: 40%;
    padding-right: 10px;
}

    .rc__post-thumb img {
        border-radius: 10px;
        width: 100%;
    }

.postbox__item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.postbox__content {
    color: #623524;
}

    .postbox__content .postbox__title {
        font-weight: bold;
        font-size: 1.125rem;
    }

        .postbox__content .postbox__title a {
            color: #623524;
        }

.postbox__thumb {
    padding-bottom: 10px;
    width: 100%;
}

    .postbox__thumb img {
        border-radius: 10px;
        width: 100%;
    }

/*Article Detail Start*/
.tag-content ul {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: notosans-regular;
    font-size: var(--bs-body-font-size);
    list-style: none;
    margin-bottom: 25px;
}

    .tag-content ul li {
        margin-top: 5px;
        border: 1px solid #EAEAEA;
        border-radius: 5px;
        margin-left: 5px;
        background-color: #EAEAEA;
    }

        .tag-content ul li h3 {
            margin: 0;
        }

        .tag-content ul li a {
            font-size: var(--bs-body-font-size);
            color: #623524;
            display: inline-block;
            padding: 5px 5px;
            -webkit-text-decoration: none;
            text-decoration: none;
        }

.page-title nav ol li + li {
    color: #623524;
}

.page-title nav ol li.current {
    font-weight: bold;
}

.service-details h3 {
    color: #623524;
}

service-details .detail-page-title {
    padding-top: 10px;
}

.dangKyNhanTuVan_ArticleDetail {
    border: 1px solid #623524;
    border-radius: 5px;
}
/*Article Detail End*/

.zoom-1_2, .zoom-1_1 {
    transition: transform 1s;
}

    .zoom-1_2:hover {
        transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        z-index: 9999;
    }

    .zoom-1_1:hover {
        transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        z-index: 9999;
    }

/*Tại sao chọn Vinmec Sao Phương Đông Page Start*/
section#tonTrongTraiNghiemKH {
    background-image: url(/images/bg-tontrongtrainghiemkh.png)
}

.tonTrongTraiNghiemKH-box {
    border-radius: 40px;
    padding: 20px;
}

.vmspd-DatKHLamTrungTam {
    position: relative;
    background-color: #603A20; /* Màu nền */
    color: #E9D9BA; /* Màu chữ */
    text-align: center;
    font-weight: bold;
    padding: 15px 40px;
    font-size: 18px;
    display: inline-block;
    border: 2px solid #E9D9BA; /* Viền chính */
    border-radius: 8px; /* Bo nhẹ phần tổng thể */
}

    /* Tạo góc bo cong võng vào trong */
    .vmspd-DatKHLamTrungTam > .corner {
        position: absolute;
        width: 30px;
        height: 30px;
        border: 2px solid #E9D9BA;
        background-color: #603A20;
    }

        /* Góc trên trái */
        .vmspd-DatKHLamTrungTam > .corner.top-left {
            top: -2px;
            left: -2px;
            border-left: none;
            border-top: none;
            border-radius: 0px 0 30px 0;
        }

        /* Góc trên phải */
        .vmspd-DatKHLamTrungTam > .corner.top-right {
            top: -2px;
            right: -2px;
            border-right: none;
            border-top: none;
            border-radius: 0 0px 0 30px;
        }

        /* Góc dưới trái */
        .vmspd-DatKHLamTrungTam > .corner.bottom-left {
            bottom: -2px;
            left: -2px;
            border-left: none;
            border-bottom: none;
            border-radius: 0 30px 0 0px;
        }

        /* Góc dưới phải */
        .vmspd-DatKHLamTrungTam > .corner.bottom-right {
            bottom: -2px;
            right: -2px;
            border-right: none;
            border-bottom: none;
            border-radius: 30px 0 0px 0;
        }

.borderVongVao {
    position: relative;
    background-color: #603A20; /* Màu nền */
    color: #E9D9BA; /* Màu chữ */
    text-align: center;
    font-weight: bold;
    padding: 15px 15px;
    font-size: 18px;
    display: inline-block;
    border: 2px solid #E9D9BA; /* Viền chính */
    border-radius: 8px; /* Bo nhẹ phần tổng thể */
}

    /* Tạo góc bo cong võng vào trong */
    .borderVongVao > .corner {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid #E9D9BA;
        background-color: #603A20;
    }

        /* Góc trên trái */
        .borderVongVao > .corner.top-left {
            top: -2px;
            left: -2px;
            border-left: none;
            border-top: none;
            border-radius: 0px 0 20px 0;
        }

        /* Góc trên phải */
        .borderVongVao > .corner.top-right {
            top: -2px;
            right: -2px;
            border-right: none;
            border-top: none;
            border-radius: 0 0px 0 20px;
        }

        /* Góc dưới trái */
        .borderVongVao > .corner.bottom-left {
            bottom: -2px;
            left: -2px;
            border-left: none;
            border-bottom: none;
            border-radius: 0 20px 0 0px;
        }

        /* Góc dưới phải */
        .borderVongVao > .corner.bottom-right {
            bottom: -2px;
            right: -2px;
            border-right: none;
            border-bottom: none;
            border-radius: 20px 0 0px 0;
        }

.DVCSSKToanDien-DV-Level1.borderVongVao {
    padding: 3px;
}

    .DVCSSKToanDien-DV-Level1.borderVongVao > .corner {
        background-color: white;
        z-index: 2;
    }
/*Tại sao chọn Vinmec Sao Phương Đông Page End*/

/*Giới thiệu Start*/
.nav-link-vmspd {
    font-size: 20px;
    font-weight: bold;
    color: #623524;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    height: 60px;
}

    .nav-link-vmspd.active {
        color: white !important;
        background-color: #623524 !important;
    }

.tamNhinSwiper .tamNhinCaptionText {
    padding: 20px 10px 10px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 75px;
    text-align: center;
    color: white;
    background: linear-gradient(to top, #623524, transparent);
    width: 100%;
}

.tamNhinSwiper .swiper-slide {
    padding-bottom: 10px;
}

    .tamNhinSwiper .swiper-slide.swiper-slide-active:after {
        background-color: #BA782B;
        content: "";
        position: absolute;
        display: block;
        width: 50px;
        height: 3px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
/*Giới thiệu End*/

/*Chuyên khoa page Start*/
/*.category-list-right {*/
/*background-color: var(--surface-color);*/
/*padding: 10px 30px;*/
/*border: 1px solid #623524;
    margin-bottom: 10px;
    color: #FFF;
}

    .category-list-right ul li {
        border: 1px solid #623524;
        padding: 15px 25px;
    }

        .category-list-right ul li.active {
            background-color: #623524;
            color: #FFF;
        }

        .category-list-right ul li a {
            color: #623524;
            font-weight: bold;
        }

        .category-list-right ul li.active a {
            color: #FFF;
        }*/

.category-list-right .category-list {
    list-style: none;
    padding: 0;
    border: 1px solid #623524;
}

    .category-list-right .category-list .category-item {
        border-bottom: 1px solid #ddd;
        padding: 10px 20px;
        cursor: pointer;
        display: block;
        border: 1px solid #623524;
    }

        .category-list-right .category-list .category-item i {
            color: #623524;
        }

        .category-list-right .category-list .category-item.active i {
            color: #FFF;
        }

        .category-list-right .category-list .category-item.active {
            background-color: #623524;
            color: #FFF;
        }

        .category-list-right .category-list .category-item a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            text-decoration: none;
            font-weight: bold;
            color: #623524;
            font-weight: bold;
        }

        .category-list-right .category-list .category-item.active a {
            color: #FFF;
        }

        .category-list-right .category-list .category-item .subcategory-list {
            list-style: none;
            padding-left: 20px;
        }

            .category-list-right .category-list .category-item .subcategory-list li {
                padding: 5px 0;
            }

                .category-list-right .category-list .category-item .subcategory-list li.active {
                    background-color: #623524;
                    color: #FFF;
                }

                    .category-list-right .category-list .category-item .subcategory-list li.active a {
                        color: #FFF;
                    }

.icon-toggle {
    transition: transform 0.3s ease;
}

.collapsed .icon-toggle {
    transform: rotate(-90deg);
}

/*Chuyên khoa page End*/

/*Dược liệu page start*/
.duocLieu_NhanBiet_Item {
    position: relative;
    border: 1px solid #623524;
    border-radius: 5px;
    min-height: 90px;
    margin-bottom: 40px;
}

    .duocLieu_NhanBiet_Item p {
        padding-top: 35px;
        padding-left: 20px;
    }

    .duocLieu_NhanBiet_Item .duocLieu_NhanBiet_Item_Title {
        top: -20px;
        left: 0;
        height: 36px;
        width: 133px;
        padding-left: 50px;
        vertical-align: middle;
        color: white;
        display: flex;
        align-items: center;
        border: 1px solid #623524;
        background-color: #623524;
        border-radius: 5px;
        position: absolute;
    }

    .duocLieu_NhanBiet_Item .duocLieu_NhanBiet_Item_Title_Icon {
        top: -26px;
        width: 48px;
        left: -23px;
        position: absolute;
    }

ul.duocLieu_TieuChuan {
    list-style-image: url(/images/icon_guard_check.jpg); /* Thay bằng icon mong muốn */
}

    /*.service-details ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
}*/

    ul.duocLieu_TieuChuan li {
        padding: 5px 0;
        display: list-item;
        align-items: center;
    }

.service-details ul i {
    font-size: 20px;
    margin-right: 8px;
    color: var(--accent-color);
}

.duocLieu_Benh_Container {
    display: flex;
    flex-wrap: wrap; /* Cho phép xuống dòng khi vượt quá width */
    justify-content: center; /* Căn giữa theo chiều ngang */
    gap: 20px; /* Khoảng cách giữa các div */
    padding: 20px;
    background: #f3f3f3; /* Màu nền để nhìn rõ */
}

.duocLieu_Benh {
    border: 1px solid #623524;
    border-radius: 5px;
    color: #623524;
    padding: 10px;
    height: 140px;
    /*margin: 10px;*/
    width: 210px;
}

    .duocLieu_Benh:hover {
        border: 3px solid #623524;
        border-radius: 10px;
    }

        .duocLieu_Benh:hover .duocLieu_Benh_text {
            font-weight: bold;
            position: relative;
        }

            .duocLieu_Benh:hover .duocLieu_Benh_text:before {
                content: "";
                background-color: #623524;
                position: absolute;
                display: block;
                width: 50px;
                height: 3px;
                left: 0;
                right: 0;
                bottom: -5px;
                margin: 0 auto;
            }

@media (max-width: 767px) {
    .duocLieu_Benh_Container {
        display: flex;
        flex-wrap: wrap; /* Cho phép xuống dòng khi vượt quá width */
        justify-content: center; /* Căn giữa theo chiều ngang */
        gap: 10px; /* Khoảng cách giữa các div */
        padding: 20px 10px;
        background: #f3f3f3; /* Màu nền để nhìn rõ */
    }

    .duocLieu_Benh {
        border: 1px solid #623524;
        border-radius: 5px;
        color: #623524;
        padding: 10px;
        height: 130px;
        /*margin: 10px;*/
        width: 180px;
    }
}
/*Dược liệu page end*/
.contentHtml img {
    max-width: 100%;
    height: auto;
}

/*Đặt lịch khám form message Start*/
#datLichHenModal .form-control.is-valid, .was-validated .form-control:valid {
    border-color: inherit;
    background-image: inherit;
}

/* PHP Email Form Messages
------------------------------*/
.dat_lich_hen_form .error-message, .dang_ky_nhan_tu_van_form .error-message {
    display: none;
    background: #df1529;
    color: #ffffff;
    text-align: left;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
}

.dat_lich_hen_form .sent-message, .dang_ky_nhan_tu_van_form .sent-message {
    display: none;
    color: #ffffff;
    background: #059652;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
}

.dat_lich_hen_form .loading, .dang_ky_nhan_tu_van_form .loading {
    display: none;
    background: var(--surface-color);
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
}

    .dat_lich_hen_form .loading:before, .dang_ky_nhan_tu_van_form .loading:before {
        content: "";
        display: inline-block;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        margin: 0 10px -6px 0;
        border: 3px solid var(--accent-color);
        border-top-color: var(--surface-color);
        animation: dat_lich_hen_form-loading 1s linear infinite;
    }

@keyframes dat_lich_hen_form-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#datLichHenModal .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: none;
}

.flatpickr-time input {
    pointer-events: auto !important;
    z-index: 9999;
    tabindex: 0 !important;
}

/*.was-validated .form-control:invalid
.was-validated :has(input:invalid) .invalid-feedback {
    display: block;
}*/
.was-validated .form-group:has(input:invalid) .invalid-feedback {
    display: block;
}
/*Đặt lịch khám form message End*/

.text-multi-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Giới hạn số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*width: 200px;*/ /* Thay đổi theo thiết kế */
}

.pagination .page-item {
    padding: 5px 3px;
}

.page-link {
    color: #623524;
}

    .page-link:hover {
        color: #BA782B;
    }

    .page-link .bi::before {
        color: #623524;
        font-weight: bold !important;
        font-size: 22px;
    }

    .page-link .bi {
        margin-right: 0px;
    }

    .page-link.active, .active > .page-link {
        border-radius: 50%;
        background-color: #623524;
        color: #FFF;
    }

.page-link, .active > .page-link {
    border-radius: 50%;
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
    border-color: #623524;
}
/*Bác sĩ detail page start*/
.doctor_detail_page h1.doctor_name {
    font-size: 25px;
}

    .doctor_detail_page h1.doctor_name span {
        text-transform: uppercase;
    }

.doctor_detail_page h2.doctor_job_title {
    font-size: 22px;
}

.doctor_detail_page .doctor_attribute_group {
    margin-top: 20px;
    padding-top: 10px;
}

.doctor_detail_page .doctor_attribute {
    margin-bottom: 10px;
    margin-left: 20px;
    box-shadow: 0 0 0 2px #65331d;
    background-color: #623524;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    border-radius: 13px;
    padding: 3px 10px;
    display: inline-block;
}
/*Bác sĩ detail page end*/

/*Category Page Start*/
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Số dòng tối đa */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Số dòng muốn giới hạn */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Số dòng muốn giới hạn */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*Category Page End*/