.divimgtintuc img,
.divimgtin2 img,
.divimgvideophu img,
.divimgvideo img,
.khoihotnew img {
    width: 100%;
}

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

.w-15 {
    width: 15%;
}

.w-85 {
    width: 85%;
}

.w-65 {
    width: 65%;
}

.w-35 {
    width: 35%;
}

.w-30 {
    width: 30%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.mw-55 {
    max-width: 55%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}


.w-59 {
    width: 59%;
}

.w-20 {
    width: 20%;
}

.w-23 {
    width: 23%;
}

.w-54 {
    width: 54%;
}

.w-41 {
    width: 41%;
}

.w-67 {
    width: 67%;
}

.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%;
}

.w-81 {
    width: 81%;
}

.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;
}

.fs20px {
    font-size: 20px;
}

.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;
}

.bgcl-white {
    background-color: white;
}

.cl-white {
    color: white;
}

.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----------------------------- */
.TitDM p {
    color: #225eab;
    font-size: 28px;
    text-transform: uppercase;
    font-family: MerriweatherBold;
}

.khoihotnew .tieudehotnew {
    height: 250px;
    background: linear-gradient(0deg, #ffffff 45%, rgba(255, 255, 255, 0.03) 100%);
}

.thumb-4x3 {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}

.thumb-3x2 {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
}

.thumb-4x1 {
    aspect-ratio: 4 / 1;
    object-fit: cover;
    width: 100%;
}

.thumb-3x1 {
    aspect-ratio: 3 / 1;
    object-fit: cover;
    width: 100%;
}

.cl-text-default {
    color: #1a5cad;
}

.tinhoatdong .khoitintuc,
.tinhoatdong-r .khoitintuc-r {
    background-color: #f1f7ff;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}

.khoitintuc .title-tintuc {
    background-image: url(../img/banner_tieude_tin.png);
    background-size: 100% 100%;
    color: white;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 0;
    border-radius: 16px 16px 0px 0px;
}

.khoitintuc ul li a::before {
    content: "";
    background-color: rgb(184, 0, 0);
    width: 7px;
    height: 7px;
    border-radius: 50%; /* ← hình tròn */
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
}

.khoitintuc-r .title-tintuc-r {
    background-image: url(../img/banner_tieudetin.png);
    background-size: 100% 100%;
    color: white;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 16px 16px 0px 0px;
}

.tinhoatdong-r .tinchinh-r ul {
    height: 430px;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.lienketws .ds-lienket li {
    background-image: url(../img/bg_lienket.png);
    background-size: 100% 100%;
}

.lienketws .ds-lienket {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .lienketws .ds-lienket li a {
        padding: 10px;
        min-height: 90px;
        max-height: 90px;
        gap: 10px;
    }

.khoi-sl-lienket select {
    width: 100%;
    height: 37px;
    border: 1px solid #316db5;
    border-radius: 5px;
    padding-left: 15px;
    color: #3e4144;
    font-size: 13px;
}

.backgDgray {
    background-color: #f7f7f7;
    border: 1px solid #e2e7ed;
}

.borderradius12 {
    border-radius: 16px;
}

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

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

.Mediabox .boxmediatit {
    background-image: url(../img/banner_anhvideo.png);
    background-size: 100% 100%;
}

.slickboxmedia .media-titile {
    background: linear-gradient(0deg, #176cad 0%, rgba(255, 255, 255, 0) 100%);
}

.khoihotnew .tieudebox {
    bottom: 0px;
}

.khoihotnew .khoi-an {
    height: 100px;
}

.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;
}

.lienketws .ds-lienket li:hover {
    transform: scale(1.05);
    transition: transform .5s ease;
}

.khoitintuc .tinchinh ul {
    max-height: 350px;
    overflow: auto;
    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

    /* Chrome Edge Safari */
    .khoitintuc .tinchinh ul::-webkit-scrollbar {
        width: 6px;
    }

    .khoitintuc .tinchinh ul::-webkit-scrollbar-track {
        background: transparent;
    }

    .khoitintuc .tinchinh ul::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 20px;
    }

    /* 👉 Hover container thì mới hiện */
    .khoitintuc .tinchinh ul:hover {
        scrollbar-color: rgba(120,120,120,0.6) transparent;
    }

        .khoitintuc .tinchinh ul:hover::-webkit-scrollbar-thumb {
            background: rgba(120,120,120,0.6);
        }

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