.divimgtintuc img,
.divimgtin2 img,
.KhoibannerLefft2 img,
.KhoibannerLefft img,
.slickhotnew img,
.divimgtintuc01 img,
.slickanhvideo img {
    width: 100%;
}

.divimgtintuc img {
    height: 182px;
    object-fit: cover;
    border-radius: 0px 0px 11px 11px;
}

.colorred {
    color: #960000;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-59 {
    width: 59%;
}

.w-20 {
    width: 20%;
}

.w-23 {
    width: 23%;
}

.w-29 {
    width: 29%;
}

.w-71 {
    width: 71%;
}

.w-54 {
    width: 54%;
}

.w-41 {
    width: 41%;
}

.w-67 {
    width: 67%;
}

.w-37 {
    width: 37%;
}

.w-63 {
    width: 63%;
}

.w-33 {
    width: 33%;
}

.w-61 {
    width: 61%;
}

.w-39 {
    width: 39%;
}

.w-73 {
    width: 74%;
}

.w-27 {
    width: 26%;
}

.w-57 {
    width: 57%;
}

.w-43 {
    width: 43%;
}

.w-19 {
    width: 19%;
}

.fs165px {
    font-size: 16.5px;
}

.fs35px {
    font-size: 35px;
}

.fs30px {
    font-size: 30px;
}

.fs32px {
    font-size: 32px;
}

.fs24px {
    font-size: 24px;
}

.fs26px {
    font-size: 26px;
}

.fs25px {
    font-size: 25px;
}

.fs42px {
    font-size: 42px;
}

.fs265px {
    font-size: 26.5px;
}

.fs21px {
    font-size: 21px;
}

.fakecol {
    flex: 0 0 auto;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: var(--bs-gutter-y);
}

.fakerow {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: -15px;
    margin-left: -15px;
}

.top47 {
    top: 46.5% !important;
}

.text-gray2 {
    color: #606368;
    font-weight: 500;
}

.candeujusti {
    text-align: justify;
    text-align-last: center;
}

.pb11px {
    padding-bottom: 11px;
}

.phankhoi {
    margin-bottom: 50px;
}

.bluestyle {
    color: #075fad;
}

.lheight36 {
    line-height: 36px;
}

.lheight25 {
    line-height: 25px;
}

.lheight18 {
    line-height: 18px;
}

.iconmedia {
    width: 25px;
    height: max-content;
}

.bggray {
    background-color: #efefef;
}

.bgdichvu {
    background-image: url(../img/dichvubanner.png);
    background-size: 100% auto;
}


/* ----------------------------------------x----------------------------- */

.hotnewtop {
    position: relative;
    overflow: hidden;
}


    /* Tạo lớp pseudo-element cho ảnh nền */

    .hotnewtop::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: inherit;
        /* Kế thừa ảnh từ inline style */
        background-size: cover;
        background-position: center;
        filter: blur(8px);
        z-index: 1;
    }


    /* Đảm bảo nội dung nằm trên ảnh mờ */

    .hotnewtop .container {
        position: relative;
        z-index: 2;
    }

.divimg img {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.slickhotnew img {
    aspect-ratio: 3/1.5;
    object-fit: cover;
}

.slickhotnew p.tit {
    color: #7c3b07;
}

.slickhotnew a div {
    background: linear-gradient(0deg, rgba(228, 212, 194, 1) 37%, rgba(255, 255, 255, 0) 100%);
    padding-top: 10%;
}

.TitDM a {
    color: #7c3b07;
}

.contenttinmid {
    background-image: url(../img/Layer885.png);
    background-size: 100% 100%;
}

.bgmid {
    background-image: url(../img/Layer56.jpg);
    background-size: 100% 100%;
}

.KhoiMenuLeft li {
    background-image: url(../img/bannermenu.png);
    background-size: 100% 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 10px;
}

    .KhoiMenuLeft li a {
        color: white;
        font-family: MerriweatherBold;
    }

.tintucmidslick div.itemtintucmidbox {
    padding: 0px 7px;
    height: 100%;
    min-height: 298px;
}

.tintucmidslick .itemtintucmid {
    background-color: white;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    min-height: 298px;
}

.KhoibannerLefft img {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    border-radius: 3px;
}

.KhoibannerLefft2 img {
    border: 1px solid lightgray;
}

.TitThongBao {
    background-image: url(../img/nenthongbao.png);
    background-size: 100% 100%;
}

.ThongBaoBox {
    background-color: #e5d5c4;
}

    .ThongBaoBox a::before {
        position: absolute;
        content: "";
        background-color: #622e06;
        width: 7px;
        height: 7px;
        top: 8px;
        left: -19px;
    }

    .ThongBaoBox ul {
        height: 265px;
        overflow: auto;
    }

        .ThongBaoBox ul::-webkit-scrollbar {
            background: #ffffff;
            border-radius: 10px;
            width: 0px;
        }

.TitLienKet a {
    color: #7c3b07;
    border-bottom: 2px solid #7c3b07;
}

.KhoiLienKetbox select {
    height: 40px;
    padding-left: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.KhoiTinTucBox {
    background-color: #fff0e4;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.TitTinTuc {
    padding-top: 11px;
}

    .TitTinTuc a {
        background-color: white;
        color: #7c3b07;
        padding: 7px 15px 4px 25px;
    }

        .TitTinTuc a::before {
            position: absolute;
            content: "";
            background-image: url(../img/nentinright.png);
            width: 27px;
            background-size: 100% 100%;
            height: 101%;
            top: -1px;
            right: -27px;
        }

        .TitTinTuc a::after {
            position: absolute;
            content: "";
            background-image: url(../img/nentinleft.png);
            width: 32%;
            background-size: 100% 100%;
            height: 7px;
            top: -7px;
            left: 0px;
            z-index: 1;
        }

.Tindau p.tit {
    color: #6b3914;
}

.divimgtintuc01 img {
    border: 5px solid #fefbe6;
    border-radius: 13px;
    aspect-ratio: 3/2;
    object-fit: cover;
}

.Tinphu p.otime {
    color: #6b3914;
}

.Tinphu li a::before {
    position: absolute;
    content: "";
    background-color: #6b3914;
    width: 9px;
    height: 11px;
    top: 8px;
    left: -19px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.Tinphu ul {
    height: 218px;
    overflow: auto;
    scrollbar-width: none;
}

    .Tinphu ul::-webkit-scrollbar {
        background: #ffffff;
        border-radius: 10px;
        width: 0px;
    }

.TitThuvienAnh {
    z-index: 5;
    padding-top: 9px;
}

    .TitThuvienAnh ul li:first-child a {
        border-radius: 0px 0px 0px 13px;
    }

        .TitThuvienAnh ul li:first-child a::before {
            content: '';
            width: 3px;
            height: 25px;
            background-color: white;
            position: absolute;
            right: -1px;
        }

    .TitThuvienAnh ul li a:hover {
        background-color: #964501;
    }

    .TitThuvienAnh ul li:last-child a {
        border-radius: 0px 0px 13px 0px;
    }

    .TitThuvienAnh a {
        background-color: #703707;
        padding: 12px 25px 10px 25px;
    }

.slickanhvideo a img {
    height: 450px;
    object-fit: cover;
}

.slickanhvideo .slick-prev:before {
    content: unset;
}

.slickanhvideo .slick-next:before {
    content: unset;
}

.slickanhvideo .slick-prev,
.slickanhvideo .slick-next {
    width: 40px;
    height: 27px;
}

.slickanhvideo .slick-prev {
    left: -15%;
}

.slickanhvideo .slick-next {
    right: -15%;
}

.footer {
    background-color: #83410b;
}

#lstTinnong .slick-dots {
    bottom: 10px;
}

#lstTinnong .slick-prev:before,
#lstTinnong .slick-next:before {
    content: unset;
}

.tintucmidslick .slick-prev:before,
.tintucmidslick .slick-next:before {
    content: unset;
}

.tintucmidslick .slick-prev,
.tintucmidslick .slick-next {
    z-index: 5;
    width: 111px;
    top: 36%;
}

.slickhotnew a:hover p.tit,
.itemtintucmid a:hover p,
.Tindau a:hover p.tit,
.Tinphu a:hover p.tit,
.ThongBaoBox a:hover {
    color: #960000 !important;
}

.KhoiMenuLeft li a:hover {
    color: #f3ef66 !important;
}

.KhoibannerLefft2 li:hover,
.KhoibannerLefft li:hover {
    transform: translate(5px, -5px);
    transition: all 0.5s;
}




/* ---------------------------Login----------------------------- */

.auth-title {
    color: #6b3914 !important;
    font-weight: 700;
    font-size: 24px;
    transition: all 0.3s ease;
}

.auth-card .btn-primary {
    background: #6b3914 !important;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.avatar-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #6b3914 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0 5px 15px rgba(37, 99, 235, 0.3);
}

.TrangCaNhan .menu-item.active {
    background: #6b3914 !important;
    color: white;
}

.TrangCaNhan .content-header h4 {
    color: #6b3914 !important;
    font-weight: 700;
}

.empty-state h5 {
    color: #6b3914 !important;
    font-weight: 600;
}

.main_menu .modal {
    z-index: 1055;
}

.main_menu .modal-backdrop {
    z-index: 9;
}

.main_menu .modal-content {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.main_menu .modal-header {
    background: #f8f9fa;
}

.main_menu .user-info-dropdown {
    cursor: pointer;
}

.main_menu .user-menu-toggle {
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.3s ease;
}

.main_menu .user-avatar i {
    font-size: 36px;
}

.main_menu .user-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-width: 190px;
    padding: 8px 0;
    margin-top: 8px;
    display: none;
    z-index: 1000;
    list-style: none;
}

    .main_menu .user-dropdown-menu.show {
        display: block;
        animation: fadeInDown 0.3s ease;
    }

    .main_menu .user-dropdown-menu .dropdown-item {
        display: block;
        padding: 3px 20px;
        color: #333;
        text-decoration: none;
        transition: background 0.2s ease;
    }

        .main_menu .user-dropdown-menu .dropdown-item:hover {
            background: #f8f9fa;
        }

    .main_menu .user-dropdown-menu .dropdown-divider {
        height: 1px;
        background: #e0e0e0;
        margin: 8px 0;
    }

    .main_menu .user-dropdown-menu .dropdown-item.text-danger:hover {
        background: #fee;
    }

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .user-details {
        display: none !important;
    }

    .user-dropdown-menu {
        right: -10px;
    }
}

.slick-dots li button::before {
    font-size: 30px !important;
}


.favorite-card:hover {
    box-shadow: 0 5px 15px #8d5d354d !important;
    border-color: #8d5d35 !important;
}
.text-2lines {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-3lines {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-4lines {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-5lines {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space: normal;
}