/* Mulish font */
@font-face {
    font-family: "Mulish";
    font-style: normal;
    font-weight: 400;
    src: local('Mulish-Regular'), url(../fonts/Mulish/Mulish-Regular.ttf) format('truetype');
}

@font-face {
    font-family: "Mulish Medium";
    font-style: normal;
    font-weight: 500;
    src: local('Mulish-Medium'), url(../fonts/Mulish/Mulish-Medium.ttf) format('truetype');
}

@font-face {
    font-family: "Mulish SemiBold";
    font-style: normal;
    font-weight: 600;
    src: local('Mulish-SemiBold'), url(../fonts/Mulish/Mulish-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: "Mulish Bold";
    font-style: normal;
    font-weight: 700;
    src: local('Mulish-Bold'), url(../fonts/Mulish/Mulish-Bold.ttf) format('truetype');
}

@font-face {
    font-family: "SVN-Bango";
    font-style: normal;
    font-weight: 700;
    src: local('SVN-Bango'), url(../fonts/SVN-Bango/SVN-Bango.otf) format('opentype');
}

a,
a:hover {
    text-decoration: none
}

b,
body,
p,
strong {
    font-family: "Mulish", sans-serif;
}

.container.container-full,
img {
    max-width: 100%
}

.btn,
.form-group select {
    font-family: inherit;
    font-style: normal
}

.loader span:nth-child(2),
.loader span:nth-child(3) {
    animation: 1.2s ease-in-out infinite both loaderBlockInverse
}

.btn,
.form-group select,
body {
    font-style: normal
}

[type=checkbox],
select {
    -webkit-appearance: none
}

body {
    font-weight: 400;
    color: var(--text-mi, #182940)
}

:root {
    --title: #001533;
    --text: #182940;
    --second-text: #173C68;
    --blur-text: #5E718F;
    --sub-text: #EDEDED;
    --main-purple: #4C6FFA;
    --background-green: #24A148;
    --background-blue: #0043CE;
    --white: #FFFFFF;
    --border-gray: #E3E6EB;
    --border-background: #F4F4FC
}

.form-control:focus {
    box-shadow: 0 0 5px .2rem rgba(30, 45, 190, .15)
}

body section {
    margin-bottom: 0;
}

@media screen and (max-width:1024px) {
    body section {
        margin-bottom: 0
    }
}

@media screen and (max-width:768px) {
    body section {
        margin-bottom: 0
    }
}

@media screen and (max-width:576px) {
    body section {
        margin-bottom: 0
    }
}

.main-body-content {
    min-height: calc(100vh - 565px);
    /*padding: 15px 0 20px*/
}

.list_Advertisement,
li,
ul {
    padding: 0
}

.home-layout .main-body-content {
    min-height: calc(100vh - 565px);
    padding: 0
}

.text-center {
    text-align: center;
    vertical-align: middle
}

.text-left {
    text-align: left;
    vertical-align: middle;
    position: relative;
}

.contraC .Head {
    margin-bottom: 0
}

::-webkit-scrollbar {
    width: 8px;
    height: 4px
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 20px
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 20px;
    border: 8px solid transparent
}

::-webkit-scrollbar-thumb:hover {
    background-color: #979595
}

li,
ul {
    margin: 0;
    list-style-type: none
}

img {
    object-fit: contain;
    object-position: 50% 50%
}

a:hover {
    color: inherit
}

p {
    color: #32343D;
    line-height: 1.5
}

b,
strong {
    font-weight: 700
}

.container {
    max-width: 1440px;
}

.row.mini-row {
    margin-right: -8px;
    margin-left: -8px
}

.row.mini-row .row.mini-row {
    row-gap: 16px
}

.row.mini-row>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px
}

select {
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''
}

.form-group select {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.22007 8.47C4.52007 8.17 4.99007 8.17 5.28007 8.47L12.0001 15.19L18.7201 8.47C18.7887 8.39631 18.8715 8.33721 18.9635 8.29622C19.0555 8.25523 19.1548 8.23319 19.2556 8.23141C19.3563 8.22963 19.4563 8.24816 19.5497 8.28588C19.6431 8.3236 19.7279 8.37974 19.7991 8.45096C19.8703 8.52218 19.9265 8.60702 19.9642 8.7004C20.0019 8.79379 20.0204 8.89382 20.0187 8.99452C20.0169 9.09523 19.9948 9.19454 19.9539 9.28654C19.9129 9.37854 19.8538 9.46134 19.7801 9.53L12.5301 16.78C12.2301 17.08 11.7601 17.08 11.4701 16.78L4.22007 9.53C4.07962 9.38938 4.00073 9.19875 4.00073 9C4.00073 8.80125 4.07962 8.61063 4.22007 8.47Z" fill="%230A0D14"/></svg>') no-repeat #fff;
    border: 1px solid var(--border-table, #ced8eb);
    padding: 8px 12px !important;
    border-radius: 4px !important;
    outline: 0;
    height: 42px !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
    color: var(--text-main);
    background-position: calc(100% - 12px) center
}

@media screen and (max-width:1440px) and (min-width:1240px) {
    .container {
        max-width: 1344px
    }
}

@media screen and (max-width:1240px) and (min-width:1118px) {
    .container {
        max-width: 1200px
    }
}

@media screen and (max-width:991px) and (min-width:871px) {
    .container {
        max-width: 980px
    }
}

@media screen and (max-width:870px) {
    .container {
        max-width: 850px
    }
}

@media screen and (max-width:800px) {
    .container {
        max-width: 790px
    }
}

.back-to-top a::after {
    content: 'north';
    color: #f58220;
    font-size: 24px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400 !important
}

.anim-scroll-to-top.active-progress {
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.anim-scroll-to-top {
    z-index: 1000;
    position: fixed;
    right: 30px;
    bottom: 110px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: none;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(38, 166, 254, .2);
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.anim-scroll-to-top svg.progress-circle path {
    stroke: rgb(38, 166, 254);
    stroke-width: 4;
    box-sizing: border-box
}

.anim-scroll-to-top svg path {
    fill: none
}

.anim-scroll-to-top::after {
    content: "";
    position: absolute;
    /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M480-80q-17 0-28.5-11.5T440-120v-607L284-572q-11 11-27.5 11.5T228-572q-11-11-11-28t11-28l224-224q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l224 224q11 11 11 27.5T732-572q-12 12-28.5 12T675-572L520-727v607q0 17-11.5 28.5T480-80Z" fill="%2326A6FE"/></svg>'); */
    background-image: url('../images/back-to-top.svg');
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -moz-transition: .3s ease-out;
    -webkit-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

html {
    scroll-behavior: smooth
}

:-webkit-scrollbar {
    width: 8px
}

:-webkit-scrollbar-track {
    background: #b7c0cf;
    border-radius: 12px
}

:-webkit-scrollbar-thumb {
    background: #b7c0cf;
    border-radius: 12px
}

.btn-sidebar {
    position: fixed;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
    z-index: 11;
    background: #fff;
    padding: 8px;
    border-radius: 50% 0 0 50%;
    box-shadow: -2px 0 4px .1rem rgba(30, 45, 190, .15);
    align-items: center;
    justify-content: center
}

.div-full>.btn-sidebar,
.div-news>.btn-sidebar,
.div-sidebar>.btn-close {
    display: none
}

@media screen and (max-width:1117px) {

    .div-full>.btn-sidebar,
    .div-news>.btn-sidebar {
        display: flex;
        text-align: right;
        margin-bottom: 8px
    }

    .div-sidebar>.btn-close {
        display: block;
        margin-bottom: 8px
    }

    .div-sidebar {
        max-width: 335px;
        width: 100%;
        top: 0;
        height: 100vh;
        position: fixed;
        right: -100%;
        transition: .5s;
        display: block;
        z-index: 101;
        padding-top: 30px;
        overflow: hidden auto
    }

    .div-sidebar.show {
        display: block;
        right: 0;
        background: #fff;
        box-shadow: -4px 0 4px rgba(30, 45, 190, .12)
    }

    .dim-background {
        display: none;
        transition: .5s ease-in-out
    }

    .div-full.has_sidebar .dim-background,
    .div-news.has_sidebar .dim-background {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .6);
        z-index: 100;
        display: block
    }

    .div-full,
    .div-main,
    .div-news {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.btn {
    border-radius: 4px !important;
    padding: 6px 16px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    color: #fff !important;
    font-weight: 500 !important;
    /*min-width: 120px;*/
    border: none !important;
    outline: 0 !important;
    display: inline-block;
    width: fit-content;
}

.btn-primary,
.btn-success {
    background: var(--main-purple) !important
    transition: all .3s ease-in-out;
}

.btn-brown {
    background: #73190f !important;
    border: 1px solid #73190f !important;
}

.btn-brown:hover {
    background: #fff !important;
    color: #73190f !important;
    border: 1px solid #73190f !important
}

.btn.btn-danger,
.btn.btn-warning,
a.btn.btn-danger,
a.btn.btn-warning {
    background: var(--btn-warning) !important;
    color: var(--white) !important;
    margin-right: 8px
}

.btn-secondary,
.btn-secondary:hover {
    background: var(--btn-secondary) !important
}

.btn-secondary {
    border-radius: 4px;
    padding: 8px 16px !important;
    margin-right: 8px
}

.btn-outline-primary,
.btn-outline-primary2 {
    padding: 8px 16px;
    background: var(--white) !important
}

.btn-outline-primary {
    border: 1px solid var(--main-purple) !important;
    border-radius: 4px;
    color: var(--main-purple) !important
}

.btn-outline-primary2 {
    border: 1px solid #73190f !important;
    border-radius: 4px;
    color: #73190f !important
}

.btn-outline-primary:hover {
    background: var(--white) !important;
    color: #000
}

.btn-outline-primary:focus {
    outline: 0
}

.btn-warning:hover {
    background: #e11d48 !important
}

.btn-red {
    background: var(--red, #d61c26)
}

.btn-red:hover {
    background: #fff;
    color: var(--red, #d61c26) !important;
    border: 1px solid var(--red, #d61c26) !important
}

.btn-black {
    background: var(--text-mi, #182940)
}

.btn-black:hover {
    background: #fff;
    color: var(--text-mi, #182940) !important;
    border: 1px solid var(--text-mi, #182940) !important
}

.btn-orange {
    background: var(--vng-m, #ea8f00)
}

.btn-orange:hover {
    background: #fff;
    color: var(--vng-m, #ea8f00) !important;
    border: 1px solid var(--vng-m, #ea8f00) !important
}

.btn-lienhe {
    background: #A42100 !important;
}

.btn-lienhe:hover {
    background: #fff !important;
    color: #A42100 !important;
}

.group-button-action {
    display: flex;
    gap: 15px
}

@keyframes loader {

    0%,
    10%,
    100% {
        width: 80px;
        height: 80px
    }

    65% {
        width: 150px;
        height: 150px
    }
}

@keyframes loaderBlock {

    0%,
    30% {
        transform: rotate(0)
    }

    55% {
        background-color: #e0954f
    }

    100% {
        transform: rotate(90deg)
    }
}

@keyframes loaderBlockInverse {

    0%,
    20% {
        transform: rotate(0)
    }

    55% {
        background-color: #e0954f
    }

    100% {
        transform: rotate(-90deg)
    }
}

.loading {
    overflow: hidden;
    height: 100vh
}

.pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #fff
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
    animation: 1.2s ease-in-out infinite loader
}

.loader span {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #5e1300;
    animation: 1.2s ease-in-out infinite both loaderBlock
}

.loader span:first-child {
    top: 0;
    left: 0
}

.loader span:nth-child(2) {
    top: 0;
    right: 0
}

.loader span:nth-child(3) {
    bottom: 0;
    left: 0
}

.loader span:nth-child(4) {
    bottom: 0;
    right: 0
}

[type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: inline-block;
    font-family: Roboto !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    color: var(--text-mi, #182940)
}

[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

[type=radio]:checked+label:before {
    border-color: var(--blue, #0765e3)
}

[type=radio]:checked+label:after,
[type=radio]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--blue, #0765e3);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: .2s;
    transition: .2s
}

[type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[type=checkbox] {
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: currentColor;
    height: 1.15em;
    transform: translateY(-.075em);
    display: grid;
    place-content: center;
    box-sizing: border-box;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    width: 24px
}

[type=checkbox]::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 6.25C3 4.45 4.46 3 6.25 3H17.75C19.55 3 21 4.46 21 6.25V17.75C21 19.55 19.54 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25ZM6.25 4.5C5.28 4.5 4.5 5.28 4.5 6.25V17.75C4.5 18.72 5.28 19.5 6.25 19.5H17.75C18.72 19.5 19.5 18.72 19.5 17.75V6.25C19.5 5.28 18.72 4.5 17.75 4.5H6.25Z" fill="%23E2E4E9"/></svg>');
    transition: .2s ease-in-out
}

[type=checkbox]:checked::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><mask id="mask0_28_4142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_28_4142)"><path d="M10.6 13.4L8.45 11.25C8.26667 11.0667 8.03333 10.975 7.75 10.975C7.46667 10.975 7.23333 11.0667 7.05 11.25C6.86667 11.4333 6.775 11.6667 6.775 11.95C6.775 12.2333 6.86667 12.4667 7.05 12.65L9.9 15.5C10.1 15.7 10.3333 15.8 10.6 15.8C10.8667 15.8 11.1 15.7 11.3 15.5L16.95 9.85C17.1333 9.66667 17.225 9.43333 17.225 9.15C17.225 8.86667 17.1333 8.63333 16.95 8.45C16.7667 8.26667 16.5333 8.175 16.25 8.175C15.9667 8.175 15.7333 8.26667 15.55 8.45L10.6 13.4ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%2335C19B"/></g></svg>')
}

[type=checkbox]:indeterminate::before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 13H17V11H7V13ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5Z" fill="%235E82D1"/></svg>')
}

[type=checkbox]:disabled {
    --form-control-color: var(--form-control-disabled);
    color: var(--form-control-disabled);
    cursor: not-allowed
}

.sk-fading-circle {
    margin: 50px auto;
    width: 40px;
    height: 40px;
    position: relative
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: 1.2s ease-in-out infinite both sk-circleFadeDelay;
    animation: 1.2s ease-in-out infinite both sk-circleFadeDelay
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    100%,
    39% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.btn-search {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/search.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    flex-shrink: 0;
}

.infoContent {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-right: 40px;
}

.infoContent .infoContent-item {
    display: inline-block;
    position: relative;
    color: #735858;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    padding-left: 28px;
}

.infoContent .infoContent-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.infoContent .infoContent-item:first-child:before {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/phone-icon.png');
}

.infoContent .infoContent-item:nth-child(2):before {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/email-icon.png');
}

.infoContent .infoContent-item:nth-child(3):before {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/location-icon.png');
}

.infoContent .infoContent-item:not(:last-child) {
    padding-right: 20px;
}

.infoContent .infoContent-item:not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: #735858;
}

.socialContent {
    margin-right: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.socialContent .socialContent-item {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.socialContent .socialContent-item:first-child {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/facebook-icon.png');
}

.socialContent .socialContent-item:nth-child(2) {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/youtube-icon.png');
}

.socialContent .socialContent-item:nth-child(3) {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/instagram-icon.png');
}

.socialContent .socialContent-item:nth-child(4) {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/linkedin-icon.png');
}

.socialContent .socialContent-item:nth-child(5) {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/x-icon.png');
}

.SectionDichVu .list_CM_Tomtat,
.layout-3-col .DanhSachTinBai .list_news {
    --spacing: 30px;
    --columns: 3;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: calc(-1 * var(--spacing));
    gap: unset;
}

.SectionDichVu .list_CM_Tomtat > li {
    overflow: hidden;
    width: calc(calc(100% / var(--columns)) - var(--spacing));
    margin-left: var(--spacing);
    margin-bottom: var(--spacing);
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #D1725B26;
    padding: 25px 20px;
    background: #fff;
    transition: all .3s ease-in-out;
}

.SectionDichVu .list_CM_Tomtat > li:hover {
    transform: translateY(-5px);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.layout-3-col .DanhSachTinBai .list_news>li {
    overflow: hidden;
    width: calc(calc(100% / var(--columns)) - var(--spacing));
    margin-left: var(--spacing);
    margin-bottom: var(--spacing);
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 10px;
    box-shadow: unset;
    padding: 0;
    background: #fff;
}

.layout-3-col .DanhSachTinBai .list_news>li .news_info {
    display: flex;
    flex-direction: column-reverse;
}

.layout-3-col .DanhSachTinBai .list_news>li .news_info .news_summary {
    display: none;
}

.layout-3-col .DanhSachTinBai .list_news>li .news_info .news_date {}

.layout-3-col .DanhSachTinBai .list_news li .news_info .news_title a {
    margin-bottom: 0;
}

.layout-3-col .DanhSachTinBai .list_news>li .item_img_link {
    width: 100%;
}

.layout-3-col .DanhSachTinBai .list_news>li .item_img_link .item_img {
    aspect-ratio: 1.65;
    width: 100%;
    object-fit: cover;
}

#dnn_ContentPane_1.layout-3-col .DanhSachTinBai .list_news>li .item_img_link .item_img {
    aspect-ratio: 0.7;
}

.SectionDichVu .list_CM_Tomtat li .TieuDe a {
    font-family: 'Mulish Bold', sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #4C6FFA;
}

.SectionDichVu .list_CM_Tomtat li .list_tomtat p {
    padding-bottom: 0;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
}

.SectionDichVu .list_CM_Tomtat li .overlay-link {
    display: inline-block;
    width: fit-content;
    font-family: 'Mulish SemiBold', sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #E8533F;
    position: relative;
    padding-right: 22px;
}

.SectionDichVu .list_CM_Tomtat li .overlay-link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/arrow-right-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width:991px) {
    .SectionDichVu .list_CM_Tomtat {
        --columns: 2;
        --spacing: 15px;
    }
}

.TinTucSecion {}

.TinTucSecion .owl-nav {
    display: none;
}

.DaoTaoSecion .slide_news,
.TinTucSecion .slide_news {
    margin-bottom: 10px;
}

.DaoTaoSecion .slide_news .slide_bgimg img,
.TinTucSecion .slide_news .slide_bgimg img {
    border-radius: 10px;
    aspect-ratio: 1.65;
    width: 100%;
    object-fit: cover;
}

.TinTucSecion .slide_news {
    position: relative;
}

.TinTucSecion .slide_news .slide_cate {
    display: inline-block;
    padding: 5px 8px;
    font-family: 'Mulish SemiBold', sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #fff;
    background: #E8533FCC;
    border-radius: 0 10px 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.TinTucSecion .group_content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.TinTucSecion .group_content .date-congbo {
    display: inline-block;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #4C6FFA;
    position: relative;
    padding-left: 20px;
}

.TinTucSecion .group_content .date-congbo::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('../images/calendar-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.DaoTaoSecion .group_content .slide_bglnk,
.TinTucSecion .group_content .slide_bglnk {
    font-family: 'Mulish Bold', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #32343D;
}

.DaoTaoSecion .group_content .slide_bglnk {
    -webkit-line-clamp: 2;
}

.TinTucSecion .group_content .slide_bglnk {
    color: #32343D;
}

.DaoTaoSecion .group_content .slide_bglnk {
    color: #fff;
}

.TinTucSecion .group_content .slide_readmore {
    display: inline-block;
    font-family: 'Mulish SemiBold', sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #E8533F;
    position: relative;
    padding-right: 21px;
    width: fit-content;
}

.TinTucSecion .group_content .slide_readmore:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/tinbai-arrow-right-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.DaoTaoSecion {
    background-image: url('../images/backgroundDaoTao.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.DaoTaoSecion .owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.DaoTaoSecion .owl-carousel .owl-nav {
    display: flex;
    position: absolute;
    right: 0;
    top: -30px;
    height: 12px;
    width: 60px;
}

.DaoTaoSecion .owl-carousel .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: -30px;
    height: 12px;
    width: 60px;
    gap: 10px;
}

.DaoTaoSecion .owl-carousel .owl-nav button,
.DaoTaoSecion .owl-carousel .owl-nav button span {
    display: inline-block;
    width: 25px;
    height: 12px;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 0;
}

.DaoTaoSecion .owl-carousel .owl-nav button span {
    display: block;
    width: 25px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.DaoTaoSecion .owl-carousel .owl-nav button.owl-prev span {
    background-image: url('../images/slide-arrow-left-icon.png');
}

.DaoTaoSecion .owl-carousel .owl-nav button.owl-next span {
    background-image: url('../images/slide-arrow-right-icon.png');
}

.DaoTaoHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.DaoTaoHead .DaoTaoInfo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.DaoTaoHead .DaoTaoInfo p {
    padding-bottom: 0;
    text-align: center;
}

.DaoTaoHead .DaoTaoInfo .DaoTaoInfoItem {
    padding: 8px 40px;
    border-right: 1px solid #FFFFFF80;
}

.DaoTaoHead .DaoTaoInfo .DaoTaoInfoItem:first-child {
    padding-left: 0;
}

.DaoTaoHead .DaoTaoInfo .DaoTaoInfoItem:last-child {
    padding-right: 0;
    border-right: none;
}

.DaoTaoHead .DaoTaoInfo p.number {
    padding-bottom: 5px;
    font-family: "Mulish Bold", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
    vertical-align: middle;
    color: #FFE100;
}

.DaoTaoHead .DaoTaoInfo p.text {
    font-family: "Mulish SemiBold", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.25;
    color: #FFFFFF;
}

.DaoTaoHead .DaoTaoTitle p.title {
    font-family: "Mulish Bold", sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.25;
    color: #FFE100;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.DaoTaoHead .DaoTaoLinks {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: wrap;
}

.DaoTaoHead .DaoTaoLinks a.link {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 6px;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    color: #fff;
    cursor: pointer;
}

.DaoTaoHead .DaoTaoLinks a.link:first-child {
    background: #823801;
}

.DaoTaoHead .DaoTaoLinks a.link:nth-child(2) {
    background: #A94B05;
}

.DaoTaoHead .DaoTaoLinks a.link:nth-child(3) {
    background: #C95803;
}

.DaoTaoSecion .container section {
    padding: 0 0 40px;
}

.DaoTaoSecion .container section:first-child {
    padding-top: 40px;
}

.DaoTaoSecion .container section.DaoTaoHead {
    padding-bottom: 20px;
    flex-wrap: wrap;
}

.ChieuSinhSection {}

.DaoTaoSecion .main.having_lined>h4,
.ChieuSinhSection .main.having_lined>h4 {
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 0;
    border-bottom: none;
    padding-left: 10px;
}

.DaoTaoSecion .main.having_lined>h4 span,
.ChieuSinhSection .main.having_lined>h4 span {
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 20px;
    line-height: 1.4;
    text-transform: unset;
}

.DaoTaoSecion .main.having_lined>h4 span::after,
.ChieuSinhSection .main.having_lined>h4 span::after {
    display: none;
}

.DaoTaoSecion .main.having_lined>h4::before,
.ChieuSinhSection .main.having_lined>h4::before {
    top: 50%;
    width: 2px;
    height: 24px;
    background: #821000;
    transform: translateY(-50%);
}

.ChieuSinhSection .item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
}

.ChieuSinhSection .owl-carousel.owl-drag .owl-item {
    display: flex;
}

.ChieuSinhSection .item .slide_news {
    width: 40%;
    aspect-ratio: 1;
    margin-bottom: 0;
    flex-shrink: 0;
}

.ChieuSinhSection .item .slide_news img {
    aspect-ratio: 1;
}

.ChieuSinhSection .item .group_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ChieuSinhSection .item .group_content .slide_bglnk {
    font-family: "Mulish Bold", sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #4C6FFA;
    margin-bottom: 10px;
}

.ChieuSinhSection .item .group_content .thongtinmorong {
    margin-bottom: 10px;
}

.ChieuSinhSection .item .group_content .thongtinmorong .thongtinmorong-item {
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    padding-bottom: 5px;
    position: relative;
    padding-left: 22px;
}

.ChieuSinhSection .item .group_content .thongtinmorong .thongtinmorong-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.ChieuSinhSection .item .group_content .thongtinmorong .thongtinmorong-item:first-child:before {
    background-image: url(../images/icon-time-14.png);
}

.ChieuSinhSection .item .group_content .thongtinmorong .thongtinmorong-item:nth-child(2):before {
    background-image: url(../images/icon-date-14.png);
}

.ChieuSinhSection .item .group_content .thongtinmorong .thongtinmorong-item:nth-child(3):before {
    background-image: url(../images/icon-reg-14.png);
}

.ChieuSinhSection .item .group_content .thongtinmorong .thongtinmorong-item:last-of-type {
    padding-bottom: 0;
}

.ChieuSinhSection .item .group_content .thongtinmorong-bottom {
    margin-top: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

.ChieuSinhSection .item .group_content .thongtinmorong-bottom .thongtinmorong-hocphi {
    display: inline-block;
    background-color: #FFF0F0;
    padding: 6px 15px;
    font-family: "Mulish Bold", sans-serif;
    color: #E8533F;
    font-size: 18px;
    line-height: 1.55;
    text-align: center;
    border-radius: 6px;
    transition: all 0.3s ease-in-out;
}

.ChieuSinhSection .item .group_content .thongtinmorong-bottom .thongtinmorong-hocphi:hover {
    background-color: #E8533F;
    color: #fff;
}

.thongtinmorong-bottom .thongtinmorong-hocphi:hover {
    background-color: #E8533F;
    color: #fff;
}

.thongtinmorong-hocphi p {
    padding-bottom: 0;
    font-family: "Mulish Bold", sans-serif;
    color: #E8533F;
    font-size: 18px;
    line-height: 1.55;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.thongtinmorong-bottom .thongtinmorong-hocphi:hover p {
    color: #fff;
}

.ChieuSinhSection .item .group_content .thongtinmorong-bottom .thongtinmorong-hocphi a {
    display: inline-block;
    line-height: 30px;
    font-size: 16px;
}

.SectionSanPham .thongtinmorong-bottom .thongtinmorong-hocphi p {
    font-size: 16px !important;
}

.SectionSanPham .thongtinmorong-bottom .thongtinmorong-hocphi:hover {
    background-color: #E8533F !important;
    color: #fff;
}

.SectionSanPham .thongtinmorong-bottom .thongtinmorong-hocphi:hover p,
.SectionSanPham .thongtinmorong-bottom .thongtinmorong-hocphi:hover a {
    color: #fff !important;
}

.SectionSanPham .thongtinmorong-bottom a.thongtinmorong-hocphi:hover {
    color: #E8533F !important;
    background-color: #fff !important;
}

.ChieuSinhSection .item .group_content .thongtinmorong-bottom a.btn-dangky {
    display: inline-block;
    background-color: #4C6FFA;
    padding: 8px 25px !important;
    font-family: "Mulish Bold", sans-serif;
    color: #fff;
    cursor: pointer;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-align: center;
    border-radius: 6px !important;
    transition: all 0.3s ease-in-out;
    border: 1px solid #4C6FFA !important;
}

.ChieuSinhSection .item .group_content .thongtinmorong-bottom a.btn-dangky:hover {
    background-color: #fff !important;
    color: #4C6FFA !important;
    border: 1px solid #4C6FFA !important;
}

.SectionSanPham .owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.SectionSanPham .owl-carousel .item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px;
    height: 100%;
}

.SectionSanPham .list-tin-bai-khoa-hoc .owl-carousel .item {
    height: 100%;
}

.SectionSanPham .owl-carousel .item .demo,
.SectionSanPham .owl-carousel .item .group_content {
    width: calc(50% - 15px);
}

.SectionSanPham .owl-carousel .item .group_content {
    padding: 24px;
    background-color: #FFF6EF;
    border-radius: 10px;
}

.SectionSanPham .owl-carousel .item .group_content .slide_bglnk {
    display: block;
    color: #7B2A09;
    margin-bottom: 12px;
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    text-transform: uppercase;
}

.SectionSanPham .owl-carousel .item .group_content p {
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 1.42;
}

.SectionSanPham .owl-carousel .item .group_content p:last-child {
    padding-bottom: 0;
}

.SectionSanPham .lSSlideWrapper {
    margin-bottom: 30px;
    border-radius: 10px;
    aspect-ratio: 1.725;
}

.SectionSanPham .lSSlideWrapper .lslide {
    border-radius: 10px;
    aspect-ratio: 1.725;
    box-shadow: 0px 5px 10px 0px #00000040;
}

.SectionSanPham .lSSlideWrapper .lslide img {
    border-radius: 10px;
    aspect-ratio: 1.6;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1.725;
}

.SectionSanPham .lSPager {
    margin-top: 0 !important;
    overflow: unset;
}

.SectionSanPham .lSPager li {
    border: 1px solid #E9D8D8;
    box-shadow: 0px 5px 10px 0px #00000026;
}

.SectionSanPham .lSPager li,
.SectionSanPham .lSPager li img,
.SectionSanPham .lSPager li:hover,
.SectionSanPham .lSPager li img:hover {
    border-radius: 10px !important;
    aspect-ratio: 1.65;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.SectionSanPham .lSPager li.active {
    border: 2px solid #E8533F;
}

.SectionSanPham .owl-nav,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.SectionSanPham .owl-nav button,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button {
    border-radius: 50%;
    box-shadow: 0px 2px 4px 0px #FADDD2;
}

.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button {
    box-shadow: 0px 2px 4px 0px #00000099;
}

.SectionSanPham .owl-nav button,
.SectionSanPham .owl-nav span,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav span {
    width: 40px;
    height: 40px;
    outline: none;
    font-size: 0;
    margin: 0;
}

.SectionSanPham .owl-nav button span,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button span {
    display: block;
    position: relative;
    border-radius: 50%;
    background-color: #fff;
}

.SectionSanPham .owl-nav button span::before,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button span::before {
    content: '';
    display: block;
    width: 18px;
    height: 13.09px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.SectionSanPham .owl-nav button.owl-prev span::before,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button.owl-prev span::before {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/nav-prev.png');
}

.SectionSanPham .owl-nav button.owl-next span,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button.owl-next span {
    background-color: #E8533F;
}

.SectionSanPham .owl-nav button.owl-next span::before,
.list-tin-bai-noi-dung-slide .owl-theme .owl-nav button.owl-next span::before {
    background-image: url('/Portals/_default/Skins/HueCIT/assets/images/nav-next.png');
}

.SectionSanPham .lSSlideOuter {
    /* overflow: unset; */
}

.SectionSanPham .cS-hidden {
    opacity: 1 !important;
}

.group_content .thongtin-content {
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 5px;
    /* scroll width 3px scrollbar */
}

.group_content .thongtin-content::-webkit-scrollbar {
    width: 3px; /* Đặt độ rộng thanh cuộn */
}

.group_content .thongtin-content::-webkit-scrollbar-thumb {
    border-radius: 10px; /* Bo tròn các góc của thanh cuộn */
}

.group_content .xemthem {
    text-align: right;
    margin-top: 15px;
}

.group_content .xemthem .btn-brown {
    text-align: center;
    font-family: "Mulish Bold", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    padding: 8px 16px;
}

.item_top_wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.item_top_wrapper .linkCM {
    display: inline-block;
    flex-shrink: 0;
}

footer {}

footer .titleH {
    margin-bottom: 5px !important;
}

footer .titleH .Head {
    color: #E8533F;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

footer .main>h4 {
    padding-left: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

footer .main>h4::before {
    display: none;
}

footer .list_chuyenmuc li a {
    color: #FFFFFF !important;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.57;
}

footer .list_chuyenmuc>li:not(:last-child) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.Banner-section {
    position: relative;
}

.Banner-section>div:not(.modal) {
    position: relative;
}

.Banner-section .list_Banner img {
    height: 200px;
    object-fit: cover;
}

.Banner-section .having_lined .titleH {
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 16px;
    position: relative;
    border-bottom: none;
}

.Banner-section .having_lined .titleH::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 300px;
}

.Banner-section .having_lined .titleH:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100px;
    border-radius: 10px;
}

.Banner-section .having_lined .titleH span {
    font-family: "Mulish Bold", sans-serif;
    font-size: 36px;
    line-height: 1.25;
    color: #fff;
    text-transform: uppercase;
    padding-left: 0;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.Banner-section .having_lined .titleH span:after {
    display: none;
}

.Banner-section .having_lined .titleH span::before {
    display: none;
}

.Banner-section .DnnModule-TinBaiNew_TrinhDien_ChuyenMuc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.Banner-section .DanhSachChuyenMucCapDoc .list_chuyenmuc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}

.Banner-section .DanhSachChuyenMucCapDoc .list_chuyenmuc li>a {
    padding-left: 0;
    padding: 6px 12px;
    color: #FFFFFF !important;
    border-radius: 6px;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.Banner-section .DanhSachChuyenMucCapDoc .list_chuyenmuc li.active>a {
    background: #00000099;
}

.Banner-section .DanhSachChuyenMucCapDoc .list_chuyenmuc>li a::before {
    display: none;
}

.Banner-section .DanhSachChuyenMucCapDoc .list_chuyenmuc>li:not(:last-child) {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.inner-skin-content {
    padding: 40px 0;
}

.inner-skin-content section {
    padding-top: 0;
}

.inner-skin-content section:not(:last-of-type) {
    padding-bottom: 30px;
}

.inner-skin-content.skin-tintuc-inner {
    padding: 0;
}

.inner-skin-content.skin-tintuc-inner .div-news {
    padding: 40px 0;
}

.inner-skin-content.skin-tintuc-inner .div-sidebar {
    padding: 40px 20px;
    background-color: #FAF5F3;
}

.menu-gioithieu {
    position: relative;
    padding-bottom: 30px;
}

.menu-gioithieu::before {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    background: #FADD8D;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.menu-gioithieu::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FADD8D;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.menu-gioithieu {}

.menu-gioithieu .ds-cm-menu-item {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    /* max-width: 1000px; */
}

.menu-gioithieu ul>.ds-cm-menu-item:not(:first-child) {
    margin-top: 30px;
    /* max-width: 1000px; */
}

.menu-gioithieu .ds-cm-menu-item-title {
    display: inline-block;
    margin: 0 auto;
    font-family: "Mulish Bold", sans-serif;
    font-size: 18px;
    line-height: 1.25;
    color: #FFFFFF !important;
    padding: 10px 24px;
    background: #FB965F;
    border-radius: 180px;
    box-shadow: 0px 4px 4px 0px #00000026;
    margin-bottom: 20px;
}

.menu-gioithieu ul li.ds-cm-menu-item .ds-bv-List .item .item-inner {
    display: flex;
    align-items: center;
    position: relative;
}

.menu-gioithieu ul li.ds-cm-menu-item:nth-child(1) .ds-bv-List .item .item-inner {
    background-color: #FFF9D5;
}

.menu-gioithieu ul li.ds-cm-menu-item:nth-child(1) .ds-bv-List .item .item-inner:before {
    border: 1px solid #FFE0A7;
}

.menu-gioithieu ul li.ds-cm-menu-item:nth-child(2) .ds-bv-List .item .item-inner {
    background-color: #FFEBB5;
}

.menu-gioithieu ul li.ds-cm-menu-item:nth-child(2) .ds-bv-List .item .item-inner:before {
    border: 1px solid #FFCF9F;
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List {
    display: block;
    position: relative;
    width: 50%;
    /* padding: 15px 20px; */
    padding: 1px;
    border-radius: 12px;
    /* margin: 20px 0; */
    /* box-shadow: 0px 4px 5px 0px #0000000D; */
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #7B2A09;
    /* border: 1px solid #FFE0A7; */
    /* min-height: 93px; */
    z-index: 1;
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List .item .item-inner {
    min-height: 93px;
}

.menu-gioithieu .ds-cm-menu-item:first-child .ds-bv-List {}

/* Item lẻ bên trái, đẩy lên trên 20px */
/* .menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(odd) {
        right: 0;
        padding: 16px 16px 16px 55px;
        margin-left: auto;
        text-align: left;
        clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0 50%);
        background-color: #FFF9D5;
    }

    .menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(even) {
        left: 0;
        text-align: right;
        padding: 16px 55px 16px 16px;
        clip-path: polygon(0px 0px, 95% 0%, 100% 50%, 95% 100%, 0 100.00%);
        background-color: #FFF9D5;
        box-shadow: 0px 4px 5px 0px #0000000D;
    } */

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(odd) {
    right: 0;
    margin-left: auto;
    text-align: left;
    filter: drop-shadow(0px 4px 5px #0000000D);
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(odd) .item {
    padding: 1px;
    background-color: #FFCF9F;
    clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0 50%);
    border-radius: 0 10px 10px 0;
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(odd) .item .item-inner {
    /* min-height: 93px; */
    padding: 16px 16px 16px 55px;
    background-color: #FFEBB5;
    clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0 50%);
    border-radius: 0 10px 10px 0;
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(odd) .item .item-inner:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFF;
    left: 20px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(even) {
    left: 0;
    text-align: right;
    /* background-color: #FFF9D5; */
    /* box-shadow: 0px 4px 5px 0px #0000000D; */
    filter: drop-shadow(0px 4px 5px #0000000D);
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(even) .item {
    padding: 1px;
    background-color: #FFCF9F;
    clip-path: polygon(0px 0px, 95% 0%, 100% 50%, 95% 100%, 0 100.00%);
    border-radius: 10px 0 0 10px
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(even) .item .item-inner {
    /* min-height: 93px; */
    padding: 16px 55px 16px 16px;
    background-color: #FFEBB5;
    clip-path: polygon(0px 0px, 95% 0%, 100% 50%, 95% 100%, 0 100.00%);
    border-radius: 10px 0 0 10px;
}

.menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(even) .item .item-inner:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFF;
    right: 20px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}

.ChucNangSection {
    background-color: #FAF5F3;
    padding: 30px 0;
}

.content-areas-pane {
    padding-bottom: 30px;
}

.list_news_gioithieu {}

.list_news_gioithieu .news_info {
    display: flex;
    gap: 16px;
}

.list_news_gioithieu .news_info .news_title {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #FFCAB3 0%, #FF9062 100%);
    flex-shrink: 0;
    border-radius: 50%;
    position: relative;
}

.list_news_gioithieu .news_info .news_title::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    padding: 1px;
    /* độ dày viền */
    background: linear-gradient(180deg, #FFB393, #EB7B4B);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
}

.list_news_gioithieu .news_info .news_title a {
    display: inline-block;
    font-family: "Mulish Bold", sans-serif;
    font-size: 28px;
    line-height: 1.5 !important;
    color: #fff !important;
}

.DanhSachTinBai .list_news.list_news_gioithieu li .news_info .news_summary {
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    padding-top: 6px;
    display: block;
    text-align: left;
}

.thongtinmorong-gioithieu p {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
}

.thongtinmorong-gioithieu>p {
    padding-bottom: 0;
}

.DanhSachTinBai .list_news.list_news_gioithieu {
    gap: 10px;
}

.CoSoHaTangSection {
    padding-top: 40px;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht>li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht>li>* {
    width: calc(50% - 15px) !important;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht>li>.item_img {
    flex-shrink: 0;
    border-radius: 10px;
    aspect-ratio: 1.725;
    width: 100%;
    object-fit: cover;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_info .news_title {
    position: relative;
    border-bottom: 1px solid #FFDCD8;
    margin-bottom: 20px;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_info .news_title a {
    font-family: "Mulish Bold", sans-serif;
    font-size: 30px;
    line-height: 1.25;
    color: #E8533F;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    overflow: unset;
    -webkit-line-clamp: unset;
    text-transform: uppercase;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_info .news_title a::after {
    content: '';
    display: block;
    width: calc(100% + 17px);
    height: 3px;
    background: #FF9789;
    position: absolute;
    bottom: -1px;
    left: 0;
    border-radius: 10px;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_summary .thongtinmorong-gioithieu>p,
.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_summary .thongtinmorong-gioithieu>ul {
    margin-bottom: 15px;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_summary .thongtinmorong-gioithieu>p:last-child,
.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_summary .thongtinmorong-gioithieu>ul:last-child {
    margin-bottom: 0;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_summary .thongtinmorong-gioithieu>ul {
    list-style: disc;
    list-style-type: disc;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_summary .thongtinmorong-gioithieu>ul>li {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_summary .thongtinmorong-gioithieu>ul li:last-child {
    margin-bottom: 0;
}

.menu-giaithuong {}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root {
    margin: 0;
    padding: 0;
    position: relative;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root::before {
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #3EB4B7;
    position: absolute;
    bottom: -47px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root::after {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #149093;
    position: absolute;
    bottom: -39px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.menu-giaithuong ul {}

.menu-giaithuong>ul>li>.ds-cm-menu-item-title {
    display: none;
}

.menu-giaithuong .ds-bv-List-block {}

.menu-giaithuong .ds-bv-List-block:not(:last-child) {
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.menu-giaithuong .ds-cm-menu-item-title {
    display: block;
    width: fit-content;
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    padding: 8px 40px;
    border-radius: 10px;
    margin-bottom: 5px;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.menu-giaithuong .ds-cm-menu-item-title::after {
    content: '';
    display: block;
    position: absolute;
    width: 200px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.menu-giaithuong .ds-cm-menu-item-title::before {
    content: '';
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-giaithuong .ds-bv-List-title {
    display: block;
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #4C6FFA;
}

.menu-giaithuong .ds-bv-List-block p {
    padding-bottom: 5px;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
}

.menu-giaithuong .ds-bv-List-block p:last-of-type {
    padding-bottom: 10px;
}

.menu-giaithuong .ds-bv-List-readmore {
    position: relative;
    padding-right: 21px;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #E8533F;
}

.menu-giaithuong .ds-bv-List-readmore:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('../images/tinbai-arrow-right-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-giaithuong .ds-cm-menu-item {
    padding: 15px 20px;
    border-radius: 10px;
    text-align: left;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list {
    width: calc(50% - 24px);
    position: relative;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list::before {
    content: '';
    display: block;
    position: absolute;
    right: -28px;
    width: 8px;
    height: 100%;
    z-index: -2;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:first-child:after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 11px;
    background-color: #fff;
    top: 0;
    right: -28px;
    z-index: -1;
}

/* get item odd */
.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n+1) {
    margin-right: auto;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n+1) .ds-cm-menu-item-title {
    margin-left: auto;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n+1) .ds-cm-menu-item-title::after {
    left: 4px;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n+1) .ds-cm-menu-item-title::before {
    right: -44px;
    left: auto;
}

/* get item even */
.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n) {
    margin-left: auto;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n)::before {
    left: -28px;
    right: auto;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n) .ds-cm-menu-item-title::before {
    left: -44px;
    right: auto;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n) .ds-cm-menu-item-title {
    margin-right: auto;
}

.menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n) .ds-cm-menu-item-title::after {
    right: 4px;
}

/* get li nth-child 1, 5, 9,...*/
.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li:nth-child(4n+1) .ds-cm-menu-item {
    background-color: #FFF9ED;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+1)::before {
    background-color: #FFC627;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+1) .ds-cm-menu-item-title::after {
    background-image: url('../images/Vector1.png');
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+1) .ds-cm-menu-item-title::before {
    background-image: url('../images/cicle1.png');
}

/* get li nth-child 2, 6, 10,...*/
.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li:nth-child(4n+2) .ds-cm-menu-item {
    background-color: #FFF3F3;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+2)::before {
    background-color: #F44A6A;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+2) .ds-cm-menu-item-title::after {
    background-image: url('../images/Vector2.png');
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+2) .ds-cm-menu-item-title::before {
    background-image: url('../images/cicle2.png');
}

/* get li nth-child 3, 7, 11,...*/
.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li:nth-child(4n+3) .ds-cm-menu-item {
    background-color: #F0F8FF;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+3)::before {
    background-color: #6CBDFF;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+3) .ds-cm-menu-item-title::after {
    background-image: url('../images/Vector3.png');
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n+3) .ds-cm-menu-item-title::before {
    background-image: url('../images/cicle3.png');
}

/* get li nth-child 4, 8, 12,...*/
.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li:nth-child(4n) .ds-cm-menu-item {
    background-color: #EDFEFF;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n)::before {
    background-color: #3EB4B7;
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n) .ds-cm-menu-item-title::after {
    background-image: url('../images/Vector4.png');
}

.menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(4n) .ds-cm-menu-item-title::before {
    background-image: url('../images/cicle4.png');
}

.chuyenmuc-nav {
    padding: 20px 30px;
    background-color: #FAF5F3;
    border-radius: 10px;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc {
    padding: 0;
    background-color: transparent;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab {
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #DBDBDB;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc h4.titleH {
    position: relative;
    padding-left: 13px;
    text-transform: uppercase;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc h4.titleH::before {
    content: '';
    display: block;
    width: 3px;
    height: 25px;
    background-color: #FF9789;
    position: absolute;
    top: 4px;
    left: 0;
    border-radius: 20px;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul {
    gap: 15px;
    flex-wrap: wrap;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul li {
    padding: 0 0 0 15px;
    position: relative;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul li::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #E8533F;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul li::after {
    display: none;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul li.active {
    background-color: transparent;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul li span {
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul li.active span {
    color: #E8533F;
}

.title-hastab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 10px;
}

.title-hastab h4.titleH .Head,
.title-hastab h4.titleH .Head a {
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #E8533F;
    margin-bottom: 0;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab h4.titleH {
    line-height: 1.25;
}

.title-hastab .nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc {}

.title-hastab .nav-tabs #menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.title-hastab .nav-tabs #menu ul li {
    padding: 6px 15px;
    cursor: pointer;
    position: relative;
    text-align: center;
}

.title-hastab .nav-tabs #menu ul li:not(:last-child):after {
    content: '';
    display: block;
    width: 1px;
    height: 20px;
    background-color: #3671E9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.title-hastab .nav-tabs #menu ul li span {
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #3671E9;
}

.title-hastab .nav-tabs #menu ul li.active {
    background-color: #3671E9;
    border-radius: 6px;
}

.title-hastab .nav-tabs #menu ul li.active span {
    color: #FFFFFF;
}

.doiTacSlide-slidePane-slide {
    --spacing: 30px;
    --columns: 3;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--spacing));
    margin-bottom: 0;
    margin-bottom: calc(-1 * var(--spacing) / 2);
}

.doiTacSlide-slidePane-slide .item {
    overflow: hidden;
    width: calc(calc(100% / var(--columns)) - var(--spacing));
    margin-left: var(--spacing);
    margin-bottom: calc(var(--spacing) / 2);
}

.doiTacSlide-slidePane-slide .item .item-title {
    font-family: "Mulish Medium", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    position: relative;
    display: inline-block;
    padding-left: 20px;
    transition: all 0.3s ease-in-out;
}

.doiTacSlide-slidePane-slide .item .item-title:hover {
    color: #4C6FFA;
}

.doiTacSlide-slidePane-slide .item .item-title::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0;
    background-image: url('../images/doi-tac-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 991px) {
    .doiTacSlide-slidePane-slide .item {
        --columns: 2;
    }
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc {}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .tab-content {
    min-height: 285px;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .img-banner {
    margin-bottom: 10px;
    aspect-ratio: 1.65;
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
    border: 1px solid #E4E4E4;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .item-date {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #4C6FFA;
    position: relative;
    padding-left: 20px;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .item-date::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('../images/tinbai-calendar-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .item-title,
.no-title-container .tinbai-slidePane-slide .slide_bglnk {
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    text-align: justify;
}

.chuyenmuc-nav.chuyenmuc-nav-tintuc .item-title:hover {
    color: #4C6FFA;
}

.Section-3item {}

.Section-3item .contraC.main {
    padding: 20px 30px;
    background-color: #FAF5F3;
    border-radius: 10px;
}

.Section-3item .main.having_lined>h4 {
    text-align: left;
    margin-bottom: 20px;
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 0;
}

.Section-3item .main.having_lined>h4::before {
    display: none;
}

.Section-3item .main.having_lined>h4 span {
    text-align: left;
    padding: 0;
    margin: 0;
    border-bottom: none;
    text-transform: unset;
    font-size: 
    
    ;
}

.Section-3item .main.having_lined>h4 span::after {
    display: none;
}

.doitac-TinBaiPane {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    padding-bottom: 20px;
}

.doitac-TinBaiPane .item {
    width: calc(100% / 3 - 10px);
    padding: 20px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
}

.doitac-TinBaiPane .item .slide_news {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.doitac-TinBaiPane .item .slide-image img {
    width: 80px;
    aspect-ratio: 1;
}

.doitac-TinBaiPane .item .slide_bglnk {
    display: inline-block;
    font-family: "Mulish Bold", sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #4C6FFA;
    margin-bottom: 15px;
}

.doitac-TinBaiPane .item .thongtinmorong>p {
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    padding-bottom: 5px;
}

.doitac-TinBaiPane .item .thongtinmorong>p:last-child {
    padding-bottom: 0;
}

.doitac-TinBaiPane .thongtinmorong .thongtinmorong-item {
    position: relative;
    padding-left: 27px;
}

.doitac-TinBaiPane .thongtinmorong .thongtinmorong-item::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 4px;
    left: 0;
}

.doitac-TinBaiPane .thongtinmorong .thongtinmorong-item.thongtinmorong-item-diachi::before {
    background-image: url('../images/doi-tac-icon1.png');
}

.doitac-TinBaiPane .thongtinmorong .thongtinmorong-item.thongtinmorong-item-dienthoai::before {
    background-image: url('../images/doi-tac-icon2.png');
}

.doitac-TinBaiPane .thongtinmorong .thongtinmorong-item.thongtinmorong-item-fax::before {
    background-image: url('../images/doi-tac-icon3.png');
}

.doitac-TinBaiPane .thongtinmorong .thongtinmorong-item.thongtinmorong-item-email::before {
    background-image: url('../images/doi-tac-icon4.png');
}

.doitac-TinBaiPane .thongtinmorong .thongtinmorong-item.thongtinmorong-item-website::before {
    background-image: url('../images/doi-tac-icon5.png');
}

.btn-viewExpand {
    display: block;
    margin: 0 auto;
    width: fit-content;
    text-decoration: underline;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    color: #4C6FFA;
}

.tinbai-subTitle-wrap {
    text-align: center;
}

.tinbai-subTitle {
    font-family: "Mulish Bold", sans-serif;
    font-size: 24px;
    line-height: 1.25;
    color: #E8533F;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 0 18px 15px;
    margin: 40px auto 20px;
    border-bottom: 1px solid #FFDCD8;
    position: relative;
}

.tinbai-subTitle::after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #FF9789;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
}

.tinbai-subTitle-description {
    max-width: 930px;
    padding-bottom: 0;
    margin: -15px auto 30px;
}

.tinbai-slidePane-slide-other .owl-stage {
    padding: 10px 0;
}

.tinbai-slidePane-slide-other .ds-bv-img img {
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 1.5;
    object-fit: cover;
    box-shadow: 0px 0px 10px 0px #0000001A;
}

.danhLam-slidePane-slide {}

.danhLam-slidePane-slide .item {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.danhLam-slidePane-slide .slide_bgimg img {
    aspect-ratio: 0.5;
    border-radius: 10px;
    object-fit: cover;
}

.danhLam-slidePane-slide .group_content {
    background: rgba(0, 0, 0, .6);
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    position: absolute;
    /* transform: translateY(-44px); */
    transition: .5s ease-in-out;
    border: none;
    width: 100%;
}

.danhLam-slidePane-slide .item:hover .group_content {
    padding: 20px 16px;
    border-radius: 10px;
    height: 100%;
    transform: translateY(-100%);
    transition: .5s ease-in-out;
}

.danhLam-slidePane-slide .item .group_content .slide_bglnk {
    display: block;
    text-transform: uppercase;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.danhLam-slidePane-slide .item .group_content .news_summary {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.danhLam-slidePane-slide .item .group_content .show_more {
    text-align: center;
}

.danhLam-slidePane-slide .item .group_content .show_more .show_more_link {
    display: inline-block;
    padding: 6px 16px;
    background-color: #A42100;
    border-radius: 4px;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #FFFFFF;
    margin-top: 10px;
}

.danhLam-slidePane-slide .owl-nav {
    text-align: center;
    margin-top: 30px;
}

.danhLam-slidePane-slide .owl-nav button.owl-prev,
.danhLam-slidePane-slide .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 4px 0px #FADDD2;
    font-size: 0;
}

.danhLam-slidePane-slide .owl-nav button:not(:last-of-type) {
    margin-right: 20px;
}

.danhLam-slidePane-slide .owl-nav button.owl-prev {}

.danhLam-slidePane-slide .owl-nav button.owl-next,
.danhLam-slidePane-slide .owl-nav button.owl-next span {
    background-color: #E8533F;
}

.danhLam-slidePane-slide .owl-nav button span {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
}

.danhLam-slidePane-slide .owl-nav button span::before {
    content: '';
    display: block;
    width: 18px;
    height: 13.09px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.danhLam-slidePane-slide .owl-nav button.owl-prev span::before {
    background-image: url('../images/nav-prev.png');
}

.danhLam-slidePane-slide .owl-nav button.owl-next span::before {
    background-image: url('../images/nav-next.png');
}

.select-category-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    width: fit-content;
    position: absolute;
    right: 0;
    top: -12px;
}

.select-category-wrapper .form-select {
    flex-grow: 1;
    min-width: 300px;
}

.select-category-wrapper .label-select-category {
    white-space: nowrap;
}

.layout-4-col.DanhSachTinBai ul.list_news {
    --spacing: 30px;
    --columns: 4;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: calc(-1 * var(--spacing));
    gap: unset;
}

.layout-4-col.DanhSachTinBai ul.list_news li {
    overflow: hidden;
    width: calc(calc(100% / var(--columns)) - var(--spacing));
    margin-left: var(--spacing);
    margin-bottom: var(--spacing);
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    border-radius: 10px;
}

.layout-4-col.DanhSachTinBai ul.list_news li .item_img_link {
    width: 100%;
    border-radius: 10px;
}

.layout-4-col.DanhSachTinBai ul.list_news li .item_img_link img {
    width: 100%;
    aspect-ratio: 1.3333;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px #0000001A;
}

.layout-4-col.DanhSachTinBai ul.list_news li .news_info {
    background: rgba(0, 0, 0, .8);
    border-radius: 0 0 10px 10px;
    padding: 10px 20px;
    position: absolute;
    transition: .5s ease-in-out;
    border: none;
    width: 100%;
    bottom: -100%;
}

.layout-4-col.DanhSachTinBai ul.list_news li:hover .news_info {
    padding: 20px 16px;
    border-radius: 10px;
    height: 100%;
    transform: translateY(-100%);
    transition: .5s ease-in-out;
}

.layout-4-col.DanhSachTinBai ul.list_news li .news_info .news_title a {
    display: block;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 5px;
    color: #FFFFFF;
}

.layout-4-col.DanhSachTinBai ul.list_news li .news_info .news_summary {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.layout-4-col.DanhSachTinBai ul.list_news li .news_info .show_more_link {
    display: block;
    margin: 0 auto;
    padding: 6px 16px;
    background-color: #A42100;
    border-radius: 4px;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #FFFFFF;
    margin-top: 10px;
}


@media screen and (max-width: 1199px) {
    .layout-4-col.DanhSachTinBai ul.list_news li {
        --columns: 3;
    }
}

@media screen and (max-width: 991px) {
    .layout-4-col.DanhSachTinBai ul.list_news li {
        --columns: 2;
    }
}

.layout-5-col .Image-gallery .item-main {
    --spacing: 30px;
    --columns: 5;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: calc(-1 * var(--spacing));
    gap: unset;
}

.layout-3-col .Image-gallery .item-main,
.layout-3-col .Video-Gallery .item-main {
    --spacing: 30px;
    --columns: 3;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: calc(-1 * var(--spacing));
    gap: unset;
}

/*Nam ThuVienMedia LightGalleryCM*/
.lnk-view-all .view-all {
    font-family: "Mulish SemiBold";
    color: var(--red);
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}

.lnk-view-all .view-all::before {
    content: "";
    width: 36px;
    height: 25px;
    background-image: url("../images/icon-prev2.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
}

.category-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.category-item {
    flex: 0 0 calc(100%/3);
    max-width: calc(100%/3);
    padding: 0 15px;
    margin-bottom: 30px;
}

.category-inner {
    position: relative;
    padding: 15px 15px 20px;
    background-color: #FFF6EF;
    border: 1px solid #FFE7D4;
    border-radius: 10px;
    box-shadow: 4px 4px 0px 0px #FFECDE;
    height: 100%;
}

.category-image {
    border-radius: 10px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    mask-image: -webkit-radial-gradient(#fff, #000);
    margin-bottom: 10px;
}

.category-link a {
    color: #32343D;
    font-size: 14px;
    font-family: "Mulish Bold";
}

.Image-gallery .item-main,
.Video-library .item-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.Image-gallery .item-main .item,
.Video-library .item-main .item {
    flex: 0 0 calc(100%/3);
    max-width: calc(100%/3);
    padding: 0 15px;
    margin-bottom: 30px;
}

.Image-gallery .item-main .album-lg,
.Video-library .item-main .videosAlbum {
    position: relative;
    padding: 15px 15px 20px;
    background-color: #FFF6EF;
    border: 1px solid #FFE7D4;
    border-radius: 10px;
    box-shadow: 4px 4px 0px 0px #FFECDE;
    height: 100%;
}

.Image-gallery .item-main .image-light,
.Video-library .item-main .video-image {
    border-radius: 10px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    mask-image: -webkit-radial-gradient(#fff, #000);
    margin-bottom: 10px;
    position: relative;
}

.Image-gallery .item-main .item .total-media,
.Video-library .item-main .item .total-media {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    border-radius: 0 0 0 10px;
    overflow: hidden;
    background-color: rgba(232, 83, 63, 0.8);
    z-index: 2;
}

.Image-gallery .item-main .item .total-media .total-item,
.Video-library .item-main .item .total-media .total-item {
    font-family: "Mulish Bold";
    font-size: 20px;
    line-height: 30px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
}

.Image-gallery .item-main .item .total-media .total-item::before,
.Video-library .item-main .item .total-media .total-item::before {
    content: "";
    width: 18px;
    height: 18px;
    background-color: var(--white);
    vertical-align: top;
    margin-right: 10px;
}

.Image-gallery .item-main .item .album-lg .total-media .total-item::before {
    -webkit-mask: url("../images/icon-image.svg") no-repeat center / 18px auto;
    mask: url("../images/icon-image.svg") no-repeat center / 18px auto;
}

.Video-library .item-main .item .videosAlbum .total-media .total-item::before {
    -webkit-mask: url("../images/icon-video.svg") no-repeat center / 18px auto;
    mask: url("../images/icon-video.svg") no-repeat center / 18px auto;
}

.Image-gallery .item-main .image-title a,
.Video-library .item-main .videos-title a {
    color: #32343D;
    font-size: 14px;
    font-family: "Mulish Bold";
}


.Image-gallery .item-main .item,
.Video-Gallery .item-main .item {
    /* overflow: hidden; */
    width: calc(calc(100% / var(--columns)) - var(--spacing));
    margin-left: var(--spacing);
    margin-bottom: var(--spacing);
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    cursor: pointer;
}

.Image-gallery .item-main .item .image-light,
.Video-Gallery .item-main .item .video-image {
    position: relative;
    margin-bottom: 10px;
}

.Image-gallery .item-main .item .image-light img,
.Video-Gallery .item-main .item .video-image img {
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 1.65;
    object-fit: cover;
    margin-bottom: 0;
}

.Image-gallery .item-main .item .image-title,
.Video-Gallery .item-main .item .videostitle {
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
}

/*End Nam ThuVienMedia LightGalleryCM*/

.layout-5-col .Image-gallery .item-main .item .image-light {
    margin-bottom: 0;
}

.layout-5-col .Image-gallery .item-main .item .image-light img {
    aspect-ratio: 0.73;
    box-shadow: 0px 0px 5px 0px #00000026;
}

.category-image .category-img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1.7;
}

.layout-5-col .Image-gallery .item-main .item .image-title {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 8px;
    background-color: #3671E9CC;
    border-radius: 10px 0 10px 0;
}

.layout-5-col .Image-gallery .item-main .item .image-title .imagetitle {
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    color: #FFFFFF;
}


@media screen and (max-width: 1199px) {
    .layout-5-col .Image-gallery .item-main .item {
        --columns: 4;
    }
}

@media screen and (max-width: 991px) {
    .layout-5-col .Image-gallery .item-main .item {
        --columns: 3;
    }

    .Image-gallery .item-main .item,
    .Video-Gallery .item-main .item {
        --columns: 2;
    }
}

@media screen and (max-width: 767px) {
    .layout-5-col .Image-gallery .item-main .item {
        --columns: 2;
    }
}

@media screen and (max-width: 576px) {

    .layout-5-col .Image-gallery .item-main .item,
    .layout-3-col .Image-gallery .item-main .item,
    .layout-3-col .Video-Gallery .item-main .item {
        --columns: 1;
    }
}

.TinBai_BaiViet_DichVuCDS {}

.TinBai_BaiViet_DichVuCDS .Group_TinBai {
    display: flex;
    gap: 30px;
}

.TinBai_BaiViet_DichVuCDS .Group_TinBai .Media {
    width: 33%;
    flex-shrink: 0;
}

.ChiTietTinBai .TinBai_BaiViet_DichVuCDS .Group_TinBai .news_title {
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #E8533F;
    padding-bottom: 8px;
    padding-left: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
    text-transform: uppercase;
}

.ChiTietTinBai .TinBai_BaiViet_DichVuCDS .Group_TinBai .news_title::after {
    content: '';
    display: block;
    width: 3px;
    height: 25px;
    background: #FF9789;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.ChiTietTinBai .TinBai_BaiViet_DichVuCDS .TinBai_ChiTiet * {
    text-align: justify;
}

.ChiTietTinBai .TinBai_BaiViet_DichVuCDS .TinBai_ChiTiet li,
.ChiTietTinBai .TinBai_BaiViet_DichVuCDS .TinBai_ChiTiet ul {
    margin: 0;
    list-style-type: disc;
    margin-left: 10px;
}

.Section-4-col {
    padding-top: 30px !important;
    background-color: #FAF5F3;
}

.main.normal .TitleCM>h4 {
    border-top: none;
    border-bottom: none;
    padding: 0;
    color: #E8533F;
}

.main.normal .TitleCM>h4::before {
    display: none;
}

.layout-4-col.DanhSachTinBai.DanhSachTinBai-Image-Modal {}

.layout-4-col.DanhSachTinBai.DanhSachTinBai-Image-Modal ul.list_news li {
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
}

.layout-4-col.DanhSachTinBai.DanhSachTinBai-Image-Modal ul.list_news li .item_img {
    cursor: pointer;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 1.66;
    height: auto;
}

.layout-4-col.DanhSachTinBai.DanhSachTinBai-Image-Modal ul.list_news li .news_info,
.layout-4-col.DanhSachTinBai.DanhSachTinBai-Image-Modal ul.list_news li:hover .news_info {
    position: relative;
    bottom: auto;
    transform: none;
    height: auto;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
}

.layout-4-col.DanhSachTinBai.DanhSachTinBai-Image-Modal ul.list_news li .news_info .news_title span {
    color: #4C6FFA;
    margin-bottom: 0;
    line-height: 1.5;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
}

.modal .modal-header {
    text-align: center;
    border-bottom: none;
    padding: 20px 20px 0;
}

.modal .modal-header .modal-title {
    font-family: "Mulish Bold", sans-serif;
    font-size: 32px !important;
    line-height: 1.25;
    width: 100%;
}

.modal.modal-search .modal-header .modal-title {
    text-align: left;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 18px !important;
    line-height: 1.44;
    color: #32343D;
}

.modal.modal-search .search .searchInputContainer input {
    border: 1px solid #FADECC;
    background-color: #FFF6EF;
    background-image: unset;
    border-radius: 200px;
    padding: 12px 16px 12px 40px !important;
}

    .modal.modal-search .search .searchInputContainer input::placeholder {
        font-family: "Mulish", sans-serif;
        font-size: 16px;
        line-height: 1.5;
        color: #32343D;
    }

.modal.modal-search .search .searchInputContainer {
    position: relative;
}

    .modal.modal-search .search .searchInputContainer::before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        background-image: url('../images/search-icon-2.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        left: 16px;
        transform: translateY(-50%);
    }

.modal .modal-content {
    border-radius: 10px;
}

.modal .modal-body {
    padding: 20px;
}

.modal.modal-search .modal-body {
	padding: 10px 20px 20px;
}

.modal-detail-title {
    display: block;
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #4C6FFA;
    position: relative;
    margin-bottom: 10px;
}

.modal-detail-img {
    width: 100%;
    aspect-ratio: 2.54;
    object-fit: contain;
    background-position: center;
    border-radius: 10px;
}

.modal-detail-description p {
    font-size: 14px;
    line-height: 1.5;
}

.modal-detail-description p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.modal .btn-close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -30px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-image: url('../images/close-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    padding: 0;
}

.modal.modal-search .btn-close {
    position: relative;
    right: 5px;
    width: 14px;
    height: 14px;
    background-image: url('../images/close-icon-2.png');
}

.list-tin-bai-swap {}

.list-tin-bai-swap .item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.list-tin-bai-swap .item:nth-child(2n + 1) {
    flex-flow: row-reverse;
}

.list-tin-bai-swap .item:last-child {
    margin-bottom: 0;
}

.list-tin-bai-swap .item .group-image {
    width: calc(50% - 10px);
}

.list-tin-bai-swap .item .group_content {
    width: calc(50% - 10px);
    text-align: left;
}

.list-tin-bai-swap .item .group_content {
    text-align: left;
    padding: 24px;
    border-radius: 10px;
    background-color: #FFF6EF;
    position: relative;
}

.list-tin-bai-swap .item .group_content::after {
    content: '';
    display: block;
    width: 13px;
    height: 24px;
    background-image: url('../images/Polygon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 30px;
    right: -13px;
}

.list-tin-bai-swap .item.item:nth-child(2n) .group_content::after {
    left: -13px;
    right: auto;
    transform: scaleX(-1);
}

.list-tin-bai-swap .item .group_content .slide_bgtitle {
    font-family: "Mulish Bold", sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #E8533F;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.list-tin-bai-swap .item .group_content ul {
    margin-left: 20px;
}

.list-tin-bai-swap .item .group_content li {
    list-style-type: disc;
}

.list-tin-bai-swap .item .group_content li:not(:last-child) {
    margin-bottom: 4px;
}

.list-tin-bai-swap .item .group-image {
    text-align: left;
}

.list-tin-bai-swap .item .group-image img {
    border-radius: 10px;
    aspect-ratio: 1.74;
    width: 100%;
    object-fit: cover;
}

.Section-sub .list-tin-bai-swap .item:nth-child(2n + 1) {
    flex-flow: row;
}

.Section-sub .list-tin-bai-swap .item .group_content {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    position: relative;
    width: auto;
}

.Section-sub .list-tin-bai-swap .item .group_content .slide_bgtitle {}

.Section-sub .list-tin-bai-swap .item .group-image {
    width: 35%;
    margin-top: 34px;
}

.Section-sub .list-tin-bai-swap .item .group-image img {
    margin-bottom: 15px;
}

.Section-sub .list-tin-bai-swap .item .group-image p.image-description {
    text-align: center;
    padding-bottom: 0;
    margin: 0;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
}

.alert {
    text-align: center;
}

.item-title,
.no-title-container .tinbai-slidePane-slide .slide_bglnk {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-title-container {}

.no-title-container .slide_cate,
.no-title-container .slide_readmore {
    display: none;
}

.no-title-container .tinbai-slidePane-slide .slide_bgimg img {
    border-radius: 10px;
    aspect-ratio: 1.65;
    margin-bottom: 10px;
    border: 1px solid #E4E4E4;
}

.no-title-container .TitleCM>h4.titleH {
    padding-bottom: 8px;
    padding-left: 13px;
    position: relative;
    border-bottom: 1px solid #DBDBDB;
}

.no-title-container .TitleCM>h4.titleH::before {
    content: "";
    display: block;
    width: 3px;
    height: 25px;
    background-color: #FF9789;
    position: absolute;
    top: -2px;
    left: 0;
    border-radius: 20px;
}

.no-title-container .TitleCM>h4.titleH a {
    color: #E8533F !important;
    text-transform: uppercase;
}

.no-title-container .tinbai-slidePane-slide.owl-carousel .owl-nav {
    display: flex !important;
    position: absolute;
    right: 0;
    top: -45px;
    height: 12px;
    width: 60px;
    gap: 10px;
}

.no-title-container .tinbai-slidePane-slide.owl-carousel .owl-nav button {
    display: inline-block;
    width: 25px;
    height: 12px;
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 0;
}

.no-title-container .tinbai-slidePane-slide.owl-carousel .owl-nav button span {
    display: block;
    width: 25px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.no-title-container .tinbai-slidePane-slide.owl-carousel .owl-nav button.owl-prev span {
    background-image: url('../images/slide-arrow-right-icon.png');
    transform: scaleX(-1);
}

.no-title-container .tinbai-slidePane-slide.owl-carousel .owl-nav button.owl-next span {
    background-image: url('../images/slide-arrow-right-icon.png');
}

.date-congbo {
    display: block;
    margin-bottom: 5px;
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #4C6FFA;
    position: relative;
    padding-left: 20px;
}

.date-congbo::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('../images/tinbai-calendar-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.content-areas-pane-tintuc .TinBaiKhongAnh .showmore {
    display: none;
}

.content-areas-pane-tintuc .having_box .TinBaiKhongAnh ul.list_news {
    max-height: 270px;
    overflow-y: scroll;
    padding-right: 6px;
}

.having_box .TinBaiKhongAnh ul.list_news li {
    list-style: none;
    margin-left: 0;
}

.having_box .TinBaiKhongAnh ul.list_news li .news_title {
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #182940;
    margin-bottom: 2px;
}

.block-tinbai-noibat .main.text-main-left>h4 {
    position: absolute;
    right: 0;
    width: calc(50% - 15px);
    margin-bottom: 0;
}

.block-tinbai-noibat .TieuDiem .news_info {
    margin-top: 43px;
}

.block-tinbai-noibat .TinBaiDanhSach_TieuDiem .up_pane .item_img {
    border-radius: 10px;
    aspect-ratio: 1.4;
    height: auto !important;
}

.content-areas-pane-tintuc .TinBaiKhongAnh .news_title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.skin-tintuc-inner .div-sidebar .main>h4 {
    margin-bottom: 10px;
    text-transform: uppercase;
}

.skin-tintuc-inner .div-sidebar .list_chuyenmuc>li:not(:last-child) {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 15px;
}

.skin-tintuc-inner .div-sidebar .list_chuyenmuc>li>a::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #E8533F;
    display: block;
    flex-shrink: 0;
    position: absolute;
    top: 9.5px;
    left: 0;
}

.skin-tintuc-inner .div-sidebar .list_chuyenmuc>li>a:hover {
    color: #E8533F;
}

.div-sidebar-inner .pagination.pagination-customize {
    justify-content: center;
    margin-top: 30px;
}

.div-sidebar-inner .pagination.pagination-customize li.page-item {
    background-color: #fff;
}

.div-sidebar-inner .DanhSachTinBai .list_news {
    gap: 15px;
}

.div-sidebar-inner .DanhSachTinBai .list_news li {
    flex-direction: column;
    gap: 10px;
}

.div-sidebar-inner .DanhSachTinBai .list_news li:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #DBCCC6;
}

.div-sidebar-inner .DanhSachTinBai .list_news li .item_img_link,
.div-sidebar-inner .DanhSachTinBai .list_news li .item_img {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 1.7;
}

.div-sidebar-inner .DanhSachTinBai .list_news li .news_info {
    display: flex;
    flex-direction: column-reverse;
}

.div-sidebar-inner .DanhSachTinBai .list_news li .news_info .news_summary {
    display: none;
}

.div-sidebar-inner .DanhSachTinBai .list_news li .news_info .news_title a {
    margin-bottom: 0;
}

.skin-tintuc-inner-noibat .TinBai_Khac {
    display: none;
}

.bannerIntro {
    margin-top: 40px;
}

.text-main-left-icon-HocVien {}

.text-main-left-icon-HocVien .owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.text-main-left-icon-HocVien .item {
    padding: 25px 20px;
    background-color: #FFF6EF;
    border-radius: 10px;
    position: relative;
    background-image:
        /* top */
        repeating-linear-gradient(to right, #FFC699 0 5.5px, transparent 5.5px 11px),
        /* bottom */
        repeating-linear-gradient(to right, #FFC699 0 5.5px, transparent 5.5px 11px),
        /* left */
        repeating-linear-gradient(to bottom, #FFC699 0 5.5px, transparent 5.5px 11px),
        /* right */
        repeating-linear-gradient(to bottom, #FFC699 0 5.5px, transparent 5.5px 11px);
    background-size:
        100% 1px,
        /* top */
        100% 1px,
        /* bottom */
        1px 100%,
        /* left */
        1px 100%;
    /* right */
    background-repeat:
        repeat-x,
        /* top */
        repeat-x,
        /* bottom */
        repeat-y,
        /* left */
        repeat-y;
    /* right */
    background-position:
        top left,
        bottom left,
        top left,
        top right;
    height: 100%;
}

.text-main-left-icon-HocVien .item::before {}

.text-main-left-icon-HocVien .item .item_img_wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.text-main-left-icon-HocVien .item .item_img_link {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
    flex-shrink: 0;
}

.text-main-left-icon-HocVien .item .item_img_link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-main-left-icon-HocVien .item .news_title a {
    font-family: "Mulish Bold", sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #4C6FFA;
}

.text-main-left-icon-HocVien .item .news_summary {
    font-family: "Mulish Medium", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inner-skin-lienhe .content-areas-pane>.container>.row {
    padding: 20px 28px;
    background-color: #FFF9F9;
    border-radius: 10px;
    background-image:
        /* top */
        repeating-linear-gradient(to right, #FFC699 0 5.5px, transparent 5.5px 11px),
        /* bottom */
        repeating-linear-gradient(to right, #FFC699 0 5.5px, transparent 5.5px 11px),
        /* left */
        repeating-linear-gradient(to bottom, #FFC699 0 5.5px, transparent 5.5px 11px),
        /* right */
        repeating-linear-gradient(to bottom, #FFC699 0 5.5px, transparent 5.5px 11px);
    background-size:
        100% 1px,
        /* top */
        100% 1px,
        /* bottom */
        1px 100%,
        /* left */
        1px 100%;
    /* right */
    background-repeat:
        repeat-x,
        /* top */
        repeat-x,
        /* bottom */
        repeat-y,
        /* left */
        repeat-y;
    /* right */
    background-position:
        top left,
        bottom left,
        top left,
        top right;
}

.inner-skin-lienhe .form-GuiGopY {
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}

.inner-skin-lienhe .form-GuiGopY label.d-block {
    display: none !important;
}

.inner-skin-lienhe .form-GuiGopY label:not(.d-block) {
    margin-bottom: 0;
}

.inner-skin-lienhe .form-GuiGopY input.form-control,
.inner-skin-lienhe .form-GuiGopY textarea.form-control {
    border: 1px solid #F0DADA;
    border-radius: 6px;
    box-shadow: none;
    font-family: "Mulish Medium", sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #32343D;
    padding: 13px 16px;
    min-height: 48px !important;
}

.inner-skin-lienhe .form-GuiGopY input.form-control::placeholder,
.inner-skin-lienhe .form-GuiGopY textarea.form-control::placeholder {
    font-family: "Mulish Medium", sans-serif;
    font-size: 14px;
    color: #32343D !important;
    font-style: italic;
}

.inner-skin-lienhe .form-GuiGopY .form-container .form-group {
    margin-bottom: 15px;
}

.inner-skin-lienhe .form-GuiGopY .title-container p.title-bottom {
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #780000;
}

.inner-skin-lienhe .form-GuiGopY .group-button-action .btn {
    min-width: 86px;
    padding: 10px 30px;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

.inner-skin-lienhe .form-GuiGopY .group-button-action .btn.btn-primary {
    background-color: #4C6FFA;
    color: #FFFFFF;
    border: none;
    border-radius: 6px;
}

.contact-section {}

.contact-section.contact-section-daotao {
    margin: 0 auto;
    display: block;
    width: fit-content;
    display: flex;
    align-items: flex-start;  
    justify-content: center;
    gap: 30px;
}

    .contact-section.contact-section-daotao .background {
        flex-shrink: 0;
        margin: 0 auto;
        background-image: url('../images/bg-lienhe.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 323px;
        height: 271px;
    }

    .contact-section.contact-section-daotao .contact-block {
        flex-shrink: 0;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 0;
    }

        .contact-section.contact-section-daotao .contact-block .title {
            font-family: "Mulish Bold", sans-serif;
            font-size: 20px;
            line-height: 1.25;
            color: #4C6FFA;
            text-transform: uppercase;
            margin-bottom: 10px;
        }

        .contact-section.contact-section-daotao .contact-block .contact-content {
            margin-bottom: 25px;
        }

            .contact-section.contact-section-daotao .contact-block .contact-content > div {                
                font-family: "Mulish SemiBold", sans-serif;
                position: relative;
                padding-left: 28px;
                font-size: 16px;
            }

            .contact-section.contact-section-daotao .contact-block .contact-content > div::before {
                content: '';
                position: absolute;
                left: 0;
                top: 4px;
                width: 18px;
                height: 18px;          
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
            }

                .contact-section.contact-section-daotao .contact-block .contact-content > div:nth-child(1):before {
                    background-image: url('../images/icon-diachi-blue.png');
                }

                .contact-section.contact-section-daotao .contact-block .contact-content > div:nth-child(2):before {
                    background-image: url('../images/icon-dienthoai-blue.png');
                }

                .contact-section.contact-section-daotao .contact-block .contact-content > div:nth-child(3):before {
                    background-image: url('../images/icon-email-blue.png');
                }

                .contact-section.contact-section-daotao .contact-block .contact-content > div a {                
                    font-family: "Mulish Bold", sans-serif;
                    font-size: 16px;
                    line-height: 1.5;
                    color: #32343D;
                }

            .contact-section.contact-section-daotao .contact-block .contact-content > div:not(:last-child) {
                margin-bottom: 8px;
            }

        .contact-section.contact-section-daotao .btn-dangky {
            display: inline-block;
            padding: 20px 24px 20px 76px;
            position: relative;
            border-radius: 10px;
            background: linear-gradient(0deg, #D4514D 0%, #FF7300 100%);
            box-shadow: 0 5px 20px 0 rgba(253, 114, 0, 0.60);
            color: #FFFFFF;
            font-family: "Mulish Bold", sans-serif;
            font-size: 20px;
            line-height: 1.25;
            text-transform: uppercase;
            position: relative;
        }

            .contact-section.contact-section-daotao .btn-dangky::before {
                content: "";
                display: inline-block;
                height: 40px;
                width: 40px;
                position: absolute;
                left: 24px;
                top: 50%;
                transform: translateY(-50%);
                background-image: url('../images/icon-daotao-dangky.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
            }

.contact-section .title {
    display: block;
    font-family: "Mulish Bold", sans-serif;
    font-size: 24px;
    line-height: 1.25;
    color: #32343D;
    margin-bottom: 10px;
}

.contact-section .contact-block:not(:last-of-type) {
    margin-bottom: 10px;
}

.contact-section .contact-block {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-section .contact-block .icon-wrapper {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.contact-section .contact-block:nth-of-type(1) .icon-wrapper {
    background-image: url('../images/contact-address-icon.png');
    background-color: #FFE9E8;
}

.contact-section .contact-block:nth-of-type(2) .icon-wrapper {
    background-image: url('../images/contact-dichvu-icon.png');
    background-color: #EEEDFF;
}

.contact-section .contact-block:nth-of-type(3) .icon-wrapper {
    background-image: url('../images/contact-daotao-icon.png');
    background-color: #DBF9E7;
}

.contact-section .contact-block:nth-of-type(4) .icon-wrapper {
    background-image: url('../images/contact-thietke-icon.png');
    background-color: #FFEDD4;
}

.contact-section .contact-block div,
.contact-section .contact-block div a {
    font-family: "Mulish Medium", sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #32343D;
}

.contact-section .contact-block div .contact-title {
    font-family: "Mulish Bold", sans-serif;
    color: #4C6FFA;
}

.ChucNangSection .DanhSachTinBai .list_news.list_news_gioithieu li .news_info .news_summary {
    text-align: justify;
}

footer.footer-daotao {
    text-align: center;
}

footer.footer-daotao .main-footer .footer-main {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 11px;
    padding-bottom: 0;
}

footer.footer-daotao .Footer_ThongTin {
    flex-direction: row;
    gap: 35px;
}

footer.footer-daotao .Footer_ThongTin>span {
    margin-bottom: 0;
    position: relative;
}

footer.footer-daotao .Footer_ThongTin>span:not(:last-child)::after {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
}

.Footer_Ava {
    width: 80px;
    height: 73px;
    background: url('../images/Logo-HCIT-white.png') no-repeat center;
    background-size: contain;
    margin: 0 auto;
    margin-bottom: 11px;
}

.box-gioithieu {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    padding: 0 30px;
    background-color: #FFF9F9;
    border-radius: 10px;
    background-image: repeating-linear-gradient(to right, #FFC699 0 5.5px, transparent 5.5px 11px), repeating-linear-gradient(to right, #FFC699 0 5.5px, transparent 5.5px 11px), repeating-linear-gradient(to bottom, #FFC699 0 5.5px, transparent 5.5px 11px), repeating-linear-gradient(to bottom, #FFC699 0 5.5px, transparent 5.5px 11px);
    background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-position: top left, bottom left, top left, top right;
}

.box-gioithieu-content p,
.box-gioithieu-content a {
    padding-bottom: 0;
    color: #000000;
}

.box-gioithieu-content .title {
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 18px;
    line-height: 1.44;
    color: #000000;
    margin-bottom: 10px;
}

.group-description p:not(:last-child) {
    margin-bottom: 5px;
}

.header-cvpm {}

.header-cvpm .menu-bar .header_bottom>ul>li {
    margin-right: 20px;
}

.header-cvpm .menu-bar .header_bottom>ul>li>a {
    letter-spacing: .15px;
    color: var(--text-mi, #32343D);
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 0 10px 13px;
    text-transform: uppercase;
    position: relative;
    transition: all .3s ease-in-out;
}

.header-cvpm .menu-bar .header_bottom>ul>li>a::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 5px !important;
    height: 5px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    bottom: unset;
    transform: translateY(-50%);
    background-color: #32343D;
}

.header-cvpm .menu-bar .header_bottom>ul>li>a.current::before {
    background-color: #E8533F;
}

.header-cvpm .contra-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-cvpm .contra-nav::after {
    display: none;
}

.div-sidebar .TinBai_Khac {}

.div-sidebar .TinBai_Khac .Title {
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #E8533F;
    padding-bottom: 8px;
    padding-left: 13px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DBDBDB;
    position: relative;
    text-transform: uppercase;
}

.div-sidebar .TinBai_Khac .Title::after {
    content: '';
    display: block;
    width: 3px;
    height: 25px;
    background: #FF9789;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.div-sidebar .TinBai_Khac .list_news li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DBCCC6;
}

.div-sidebar .TinBai_Khac .list_news li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.div-sidebar .TinBai_Khac .list_news li .news_title a img {
    margin-left: 0;
    margin-bottom: 10px;
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 1.7;
    object-fit: cover;
}

.div-sidebar .TinBai_Khac .list_news li .news_title a .tieuDe {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Mulish Bold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    margin-bottom: 0;
}

.div-sidebar .TinBai_Khac .list_news li .news_title a .news_date {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    line-height: 1.57;
    color: #4C6FFA;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
}

.div-sidebar .TinBai_Khac .list_news li .news_title a .news_date::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('../images/icon-date.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 2px;
    /* transform: translateY(-50%); */
}

.list_CM_AnhDaiDien_Icon_TomTat {
    margin-top: -40px;
    margin-bottom: -70px;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 150px;
    padding: 0 150px;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-of-type(odd) {
    background-color: #FAF5F3;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-of-type(odd) .item {
    flex-direction: row-reverse;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item .item_icon {
    min-width: 330px;
    height: auto;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item .item_link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item .item_title {
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #4C6FFA;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item .list_tomtat p {
    padding-bottom: 15px;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item .overlay-link {
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #E8533F;
    display: inline-block;
    position: relative;
    padding-right: 22px;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item .overlay-link::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('../images/arrow-right-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item_link>a:first-child,
.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    flex-shrink: 0;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-child(1) .item_img {
    box-shadow: 0px 6px 16px 0px #85FFF5;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-child(2) .item_img {
    box-shadow: 0px 6px 16px 0px #DDA9FF;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-child(3) .item_img {
    box-shadow: 0px 6px 16px 0px #FFBC7E;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-child(4) .item_img {
    box-shadow: 0px 6px 16px 0px #90A6FF;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-child(5) .item_img {
    box-shadow: 0px 6px 16px 0px #FF9AA7;
}

.list_CM_AnhDaiDien_Icon_TomTat .item-wrapper:nth-child(6) .item_img {
    box-shadow: 0px 6px 16px 0px #7DEC5C;
}


.list-tin-bai-slide-other-v2 {
    display: flex;
}

.list-tin-bai-slide-other-v2 .item {
    position: relative;
    border-radius: 10px;
}

.list-tin-bai-slide-other-v2 .item .ds-bv-title {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 10px;
    background: #00000099;
    color: #FFFFFF;
    font-family: "Mulish Bold", sans-serif;
    font-size: 14px;
    line-height: 1.42;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}

.list-tin-bai-slide-other-v2 .item .ds-bv-img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.list-tin-bai-slide-other-v2 .item .ds-bv-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.list-tin-bai-slide-other-v2 .item-chuyenmuc {
    display: flex;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    background-color: #FFF6EF;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    gap: 10px;
}

    .list-tin-bai-slide-other-v2 .item-chuyenmuc:hover {
        box-shadow: 0px 4px 10px 0px #00000033;
        transform: translateY(-5px);
    }

.list-tin-bai-slide-other-v2 .item-chuyenmuc:nth-child(1) {
    background-color: #49BE87;
}

.list-tin-bai-slide-other-v2 .item-chuyenmuc:nth-child(2) {
    background-color: #E8533F;
}

.list-tin-bai-slide-other-v2 .item-chuyenmuc:nth-child(3) {
    background-color: #3671E9;
}

.list-tin-bai-slide-other-v2 .item-chuyenmuc img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.list-tin-bai-slide-other-v2 .item-chuyenmuc p {
    font-family: "Mulish Bold", sans-serif;
    font-size: 18px;
    line-height: 1.44;
    padding-bottom: 0;
    color: #fff;
}

.list-tin-bai-slide-other {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 160px;
    /* chỉnh chiều cao 1 ô cơ bản */
    gap: 10px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

/* 1. Giải pháp cho CQNN (cột 2 hàng 1-2) */
.list-tin-bai-slide-other>*:nth-child(1) {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

/* 2. Giải pháp CDS cho doanh nghiệp (ô giữa, màu đỏ, cột 3, hàng 2-3) */
.list-tin-bai-slide-other>*:nth-child(2) {
    grid-column: 3 / 4;
    grid-row: 2 / 4;
}

/* 3. Giải pháp trên thiết bị di động (cột 4, hàng 1-2) */
.list-tin-bai-slide-other>*:nth-child(3) {
    grid-column: 4 / 5;
    grid-row: 1 / 3;
}

/* 4. Bộ giải pháp hỗ trợ chuyển đổi số (ô nhỏ, cột 1, hàng 1) */
.list-tin-bai-slide-other>*:nth-child(4) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

/* 5. Vé điện tử tham quan (ô nhỏ, cột 3, hàng 1) */
.list-tin-bai-slide-other>*:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}

/* 6. Hệ thống quản lý KH-CN (ô nhỏ, cột 1, hàng 2-3) */
.list-tin-bai-slide-other>*:nth-child(6) {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
}

/* 7. eDOC - Quản lý văn bản (ô nhỏ, cột 2, hàng 3) */
.list-tin-bai-slide-other>*:nth-child(7) {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}

/* 8. VPĐT - Văn phòng điện tử (ô nhỏ, cột 4, hàng 3) */
.list-tin-bai-slide-other>*:nth-child(8) {
    grid-column: 4 / 5;
    grid-row: 3 / 4;
}

/* 9. Quản lý cây xanh (ô nhỏ, cột 5, hàng 1-2) */
.list-tin-bai-slide-other>*:nth-child(9) {
    grid-column: 5 / 6;
    grid-row: 1 / 3;
}

/* responsive */
@media screen and (max-width: 767px) {
    /* 3 col, 5 row */
    .list-tin-bai-slide-other {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(5, 1fr);
    }

    /*  set width grid item equal 100% / 3 */
    .list-tin-bai-slide-other > * {
    }

    /* 1. Giải pháp cho CQNN (cột 1 hàng kéo dài từ 2-3) */
    .list-tin-bai-slide-other>*:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 2 / 4;
    }

    /* 2. Giải pháp CDS cho doanh nghiệp (ô giữa, màu đỏ, cột 2, hàng 3-4) */
    .list-tin-bai-slide-other>*:nth-child(2) {
        grid-column: 2 / 3;
        grid-row: 3 / 5;
    }

    /* 3. Giải pháp trên thiết bị di động (cột 3, hàng từ 2-3) */
    .list-tin-bai-slide-other>*:nth-child(3) {
        grid-column: 3 / 3;
        grid-row: 2 / 4;
    }
    
    /* 4. Bộ giải pháp hỗ trợ chuyển đổi số (ô nhỏ, cột 1, hàng 1) */
    .list-tin-bai-slide-other>*:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    /* 5. Vé điện tử tham quan (ô nhỏ, cột từ 2-3, hàng 1) */
    .list-tin-bai-slide-other>*:nth-child(5) {
        grid-column: 2 / 4;
        grid-row: 1 / 2;
    }

    /* 6. Hệ thống quản lý KH-CN (ô nhỏ, cột 2, hàng 2) */
    .list-tin-bai-slide-other>*:nth-child(6) {
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    /* 7. eDOC - Quản lý văn bản (ô nhỏ, cột 1, hàng 4) */
    .list-tin-bai-slide-other>*:nth-child(7) {
        grid-column: 1 / 2;
        grid-row: 4 / 5;
    }

    /* 8. VPĐT - Văn phòng điện tử (ô nhỏ, cột 3, hàng 4) */
    .list-tin-bai-slide-other>*:nth-child(8) {
        grid-column: 3 / 4;
        grid-row: 4 / 5;
    }

    /* 9. Quản lý cây xanh (ô nhỏ, cột 1, hàng 5) */
    .list-tin-bai-slide-other>*:nth-child(9) {
        grid-column: 1 / 2;
        grid-row: 5 / 6;
    }

    /* 10. Quản lý cây xanh (ô nhỏ, cột 2-3, hàng 5) */
    .list-tin-bai-slide-other>*:nth-child(10) {
        grid-column: 2 / 4;
        grid-row: 5 / 6;
    }
}

@media screen and (max-width: 575px) {
    .list-tin-bai-slide-other {
        display: flex;
        flex-direction: column;
    }

    .list-tin-bai-slide-other > .item-chuyenmuc,
    .list-tin-bai-slide-other > .item.item-baiviet {
        width: 100%;
        aspect-ratio: 2;
        display: flex;
        align-items: center;
    }    

    .list-tin-bai-slide-other-v2 .item .ds-bv-img img {
        aspect-ratio: 1.5;
    }
}

.block-category-khoahoc {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.block-category-khoahoc .khoahoc-category-item {
    display: inline-block;
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    padding: 10px 16px;
    background-color: #E8533F;
    border: 1px solid #E8533F;
    border-radius: 6px;
    white-space: nowrap;
    /* text-decoration: none;
        transition: all .3s ease-in-out; */
}

/* hover */
.block-category-khoahoc .khoahoc-category-item:hover {
    background-color: #fff;
    color: #E8533F;
}

.block-category-khoahoc .khoahoc-category-item:nth-child(2) {
    background-color: #3671E9;
    border: 1px solid #3671E9;
}

.block-category-khoahoc .khoahoc-category-item:nth-child(2):hover {
    background-color: #fff;
    color: #3671E9;
}

.block-category-khoahoc .khoahoc-category-item:nth-child(3) {
    background-color: #32343D;
    border: 1px solid #32343D;
}

.block-category-khoahoc .khoahoc-category-item:nth-child(3):hover {
    background-color: #fff;
    color: #32343D;
}

.owl-carousel .owl-stage-outer {
    width: 100%;

}

.DnnModule-TrinhDienThongTinDoanhNghiep .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.TinNong .DnnModule-TrinhDienThongTinDoanhNghiep .owl-carousel .owl-stage {
    display: block;
}

.contact-section-cvpm {}

.contact-section-cvpm .title {
    display: block;
    text-transform: uppercase;
    font-family: "Mulish Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #4C6FFA;
    margin-bottom: 10px;
}

.contact-section-cvpm .contact-content {
    margin-bottom: 20px;
}

.contact-section-cvpm .contact-content>div {
    font-family: "Mulish SemiBold", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #32343D;
    position: relative;
    padding-left: 28px;
}

.contact-section-cvpm .contact-content>div::before {
    content: '';
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 4px;
    left: 0;
}

.contact-section-cvpm .contact-content>div:nth-child(1)::before {
    background-image: url('../images/icon-diachi-blue.png');
}

.contact-section-cvpm .contact-content>div:nth-child(2)::before {
    background-image: url('../images/icon-dienthoai-blue.png');
}

.contact-section-cvpm .contact-content>div:nth-child(3)::before {
    background-image: url('../images/icon-email-blue.png');
}

.contact-section-cvpm .contact-content>div:not(:last-child) {
    margin-bottom: 7px;
}

.contact-section-cvpm .contact-content a {
    color: #32343D;
    font-family: "Mulish Bold", sans-serif;
}

.contact-section-cvpm .background {
    max-width: 323px;
    margin: 0 auto;
    background-image: url('../images/bg-lienhe.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 271px;
}

.modal-search {
    
}

.information_sidebar .DnnModule:not(:last-of-type), .media_sidebar .DnnModule:not(:last-of-type) {
    margin-bottom: 40px;
    padding-bottom: 30px;
    position: relative;
}

.information_sidebar .DnnModule:not(:last-of-type)::after, .media_sidebar .DnnModule:not(:last-of-type)::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: -20px;
    width: calc(100% + 40px);
    height: 10px;
    background-color: #fff;
}

.pre-loader {
    background-image: url('../images/loading.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.pre-loader .loader {
    display: none;
}

/* RESPONSIVE */
@media screen and (max-width: 1499px) {}

@media screen and (max-width: 1399px) {}

@media screen and (max-width: 1199px) {
    .SectionSanPham .owl-carousel .item {
        flex-direction: column;
    }

    .SectionSanPham .owl-carousel .item .demo,
    .SectionSanPham .owl-carousel .item .group_content {
        width: 100%;
    }

    .menu-gioithieu {
        max-height: unset;
    }

    .menu-gioithieu #ds-menu-root {
        max-height: unset !important;
        overflow: unset;
    }

    .menu-gioithieu .ds-cm-menu-item,
    .menu-gioithieu .ds-cm-menu-item .ds-bv-List {
        transform: unset !important;
        text-align: left !important;
    }

    .menu-gioithieu .ds-cm-menu-item .ds-bv-List,
    .menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(2n+1) {
        width: 98%;
        margin-left: 15px;
    }

    .menu-gioithieu .ds-cm-menu-item .ds-bv-List:not(:last-child) {
        margin-bottom: 15px;
    }

    .menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(2n+1) .item,
    .menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(2n) .item {
        padding: 1px;
        background-color: #FFCF9F;
        clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0 50%) !important;
        border-radius: 0 10px 10px 0 !important;
    }

    .menu-gioithieu .ds-cm-menu-item .ds-bv-List .item .item-inner {
        padding: 16px 16px 16px 55px !important;
        clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0 50%) !important;
        border-radius: 0 10px 10px 0 !important;
    }

    .menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(2n) .item {
        clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%, 0 50%) !important;
    }

    .menu-gioithieu .ds-cm-menu-item .ds-bv-List:nth-child(2n) .item .item-inner::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #FFF;
        left: 20px;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
    }

    .menu-gioithieu::before,
    .menu-gioithieu::after {
        left: 15px;
    }

    .DanhSachTinBai .list_news.list_news_gioithieu_csht li .news_info .news_summary {
        -webkit-line-clamp: unset;
    }

    .list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item {
        gap: 30px;
    }

    /* .group_content .thongtin-content {
        height: auto !important;
    } */

    .group_content .xemthem {
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .title-section .title-section-main,
    .main.having_lined>h4 span {
        font-size: 30px !important;
    }

    .DaoTaoSecion .main.having_lined > h4 span, 
    .ChieuSinhSection .main.having_lined > h4 span {
        font-size: 20px !important;
    }

    .ChieuSinhSection .item {
        flex-direction: column;
    }

    .ChieuSinhSection .item .slide_news,
    .ChieuSinhSection .item .slide_news img {
        width: 100%;
        aspect-ratio: 1.7;
    }

    .ChieuSinhSection .item .group_content .thongtinmorong-bottom {
        position: relative;
        margin-top: 15px;
        bottom: 0;
    }

    .Section-3item .contraC.main {
        padding: 15px;
    }

    .doitac-TinBaiPane {
        flex-direction: column;
    }

    .doitac-TinBaiPane .item {
        width: 100%;
        display: flex;
        gap: 20px;
    }

    .doitac-TinBaiPane .item .slide_news {
        width: 80px;
        flex-shrink: 0;
    }

    .doitac-TinBaiPane .item p,
    .doitac-TinBaiPane .item a {
        word-break: break-word;
    }

    .select-category-wrapper {
        position: relative;
        right: 0;
        top: -12px;
        margin-left: auto;
    }

    .layout-4-col.DanhSachTinBai ul.list_news {
        margin-bottom: -40px;
    }

    .layout-4-col.DanhSachTinBai ul.list_news,
    .layout-4-col.DanhSachTinBai ul.list_news li {
        --spacing: 15px;
    }

    .list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item {
        flex-direction: column !important;
    }

    .ChiTietTinBai .TinBai_BaiViet.TinBai_BaiViet_DichVuCDS .Group_TinBai {
        flex-direction: column-reverse;
    }

    .ChiTietTinBai .TinBai_BaiViet.TinBai_BaiViet_DichVuCDS .Group_TinBai .Media {
        width: 50%;
        margin: 0 auto;
    }

    .list-tin-bai-swap .item {
        flex-direction: column !important;
    }

    .list-tin-bai-swap .item .group-image,
    .list-tin-bai-swap .item .group_content {
        width: 100%;
    }

    .list-tin-bai-swap .item .group_content::after {
        display: none;
    }

    .Section-sub .list-tin-bai-swap .item .group-image {
        width: 50%;
        margin: 0 auto;
    }

    .TinNong div[class*='banner-slidePane-slide'] img {
        /* height: 30vh; */
        object-fit: cover;
    }

    .TinNong .list_Banner img {
        /* height: 40vh; */
        object-fit: cover;
    }

    .TinNong .tittle-overlay .title-sub {
        display: none;
    }

    .inner-skin-content section:not(:last-of-type) {
        padding-bottom: 15px;
    }
}

@media screen and (max-width: 855px) {
    .DaoTaoHead .DaoTaoInfo {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .DaoTaoHead .DaoTaoInfo .DaoTaoInfoItem {
        padding: 8px !important;
        border-right: none;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
}

@media screen and (max-width: 767px) {
    .DanhSachTinBai .list_news.list_news_gioithieu_csht>li {
        flex-direction: column;
    }

    .DanhSachTinBai .list_news.list_news_gioithieu_csht>li>img,
    .DanhSachTinBai .list_news.list_news_gioithieu_csht>li>.news_info {
        width: 100% !important;
    }

    .menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list {
        width: calc(100% - 24px)
    }

    .menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n+1) {
        margin-left: auto;
        margin-right: 0;
    }

    .menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:not(:last-child) {
        padding-bottom: 15px;
    }

    .menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list::before {
        left: -28px;
    }

    .menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n+1) .ds-cm-menu-item-title {
        margin-right: auto;
        margin-left: 0;
    }

    .menu-giaithuong .ds-cm-menu-item .ds-cm-menu-item-list:nth-child(2n+1) .ds-cm-menu-item-title::before {
        left: -44px;
        right: auto;
    }

    .menu-giaithuong .ds-cm-menu-item ul#ds-menu-root::before,
    .menu-giaithuong .ds-cm-menu-item ul#ds-menu-root::after {
        left: 0;
    }

    .menu-giaithuong .ds-cm-menu-item ul#ds-menu-root li.ds-cm-menu-item-list:nth-child(2n+1) .ds-cm-menu-item-title::after {
        /*  rotate background-image 180 deg horizontal */
        transform: rotate(180deg);
        top: 0;
        left: -24px;
    }

    .doiTacSlide-slidePane-slide .item {
        --spacing: 15px;
    }

    .Banner-section .DanhSachChuyenMucCapDoc .list_chuyenmuc {
        display: none !important;
    }

    .Banner-section .having_lined .titleH {
        margin-bottom: 0;
    }

    .Banner-section .having_lined .titleH span {
        font-size: 30px;
    }

    .list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item {
        padding: 0 30px;
    }

    .list_CM_AnhDaiDien_Icon_TomTat .item-wrapper .item .item_icon {
        min-width: 200px;
    }

    .chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul {
        justify-content: flex-start;
    }

    div[id*="dnn_"]>.DnnModule:not(:last-child) {
        margin-bottom: 15px;
    }

    .block-tinbai-noibat .TieuDiem .news_info {
        margin-top: 5px;
    }

    .block-tinbai-noibat .main.text-main-left>h4 {
        position: relative;
        margin-bottom: 15px;
    }

    .inner-skin-content {
        padding: 20px 0 20px;
    }

    .chuyenmuc-nav.chuyenmuc-nav-tintuc .title-hastab .nav-tabs #menu ul {
        gap: 8px;
    }

    .chuyenmuc-nav.chuyenmuc-nav-tintuc .item-title,
    .no-title-container .tinbai-slidePane-slide .slide_bglnk {
        font-size: 15px;
    }

    .main.text-main-center > h4 {
        font-size: 20px;
    }

    footer .row .main-footer:not(:first-of-type) {
        display: none;
    }

    footer .main-footer .footer-main {
        padding-bottom: 0 !important;
    }

    .title-section .title-section-main, 
    .main.having_lined > h4 span {
        font-size: 22px !important;
    }

    .Section-3item .title-section .title-section-main, 
    .Section-3item .main.having_lined > h4 span {
        font-size: 20px !important;
    }

    .SectionSanPham .owl-carousel .item {
        gap: 15px;
    }

    .SectionSanPham .lSSlideWrapper {
        margin-bottom: 15px;
    }

    .SectionSanPham .owl-nav, 
    .list-tin-bai-noi-dung-slide .owl-theme .owl-nav {
        margin-top: 15px;
    }

    .bannerIntro {
        margin-top: 20px;
    }
}

@media screen and (max-width: 575px) {
    .home-layout .main-body-content {
        padding-top: 0 !important;
    }

    footer.footer-daotao .Footer_ThongTin {
        flex-direction: column;
        gap: 10px;
    }

    footer.footer-daotao .Footer_ThongTin>span:not(:last-child)::after {
        display: none;
    }

    .SectionDichVu .list_CM_Tomtat,
    .layout-3-col .DanhSachTinBai .list_news {
        --columns: 2;
    }

    .SectionDichVu .list_CM_Tomtat > li {
        flex-direction: row;
        padding: 15px;
    }

    .SectionDichVu .list_CM_Tomtat li > a {
        display: inline-block;
        width: 50px;
        flex-shrink: 0;
        align-content: center;
    }

    .SectionDichVu .list_CM_Tomtat li .TieuDe {
        display: flex;
        align-items: center;
    }

    .SectionDichVu .list_CM_Tomtat li .TieuDe a {
        font-size: 16px;
    }

    .SectionDichVu .list_CM_Tomtat li .list_tomtat,
    .SectionDichVu .list_CM_Tomtat li .overlay-link {
        display: none;
    }

    .ChieuSinhSection .item .group_content .thongtinmorong-bottom {
        flex-direction: column;
    }

    .ChieuSinhSection .item .group_content .thongtinmorong-bottom .thongtinmorong-hocphi,
    .ChieuSinhSection .item .group_content .thongtinmorong-bottom a.btn-dangky {
        width: 100%;
    }

    .DaoTaoHead .DaoTaoInfo .DaoTaoInfoItem {
        flex: 1 1 100%;
        justify-content: flex-start;
    }

    .doiTacSlide-slidePane-slide .item {
        --columns: 1;
    }

    .layout-4-col.DanhSachTinBai ul.list_news li {
        --columns: 1;
    }
    
    .select-category-wrapper {
        width: 100%;
    }

    .select-category-wrapper .label-select-category {
        display: none;
    }

    .chuyenmuc-nav.chuyenmuc-nav-tintuc .item-title,
    .no-title-container .tinbai-slidePane-slide .slide_bglnk {
        font-size: 14px;
    }   

    .main.text-main-center > h4 {
        font-size: 20px !important;
    }

    
    .Banner-section .having_lined .titleH span {
        font-size: 20px !important;
    }

    .item_top_wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

@media screen and (max-width: 400px) {
    .SectionDichVu .list_CM_Tomtat {
        --columns: 2;
        --spacing: 10px;
    }

    .SectionDichVu .list_CM_Tomtat > li {
        flex-direction: column;
    }

    .SectionDichVu .list_CM_Tomtat li .TieuDe a {
        font-size: 16px;
        line-height: 1.4;
    }

    .doitac-TinBaiPane .item {
        flex-direction: column;
        align-items: center;
    }

    .Banner-section .having_lined .titleH {
        font-size: 18px;
    }
}