/*==== CMS-Faculty 2020
Author:  thanhnt-cse
Date: 18/12/2020
====================================*/

/*------------------------------------------------ RESETS ------------------------------------------------*/
:root {
    --transition: all .3s ease;
    --red-color: #a62823;
    --text-main-color: #10131e;
    --text-desc-color: #666;
}
body {
    background: #fff;
    overflow-x: hidden;
    font-family: "Roboto Regular", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 19px;
}
a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

a, p, li {
    color: #333;
}
li {
    list-style: none;
}
.main p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.2;
}

.other-news strong:first-child {
    font-size: 18px;
}

a:hover {
    color: inherit;
}

.clear-before:before {
    clear: both;
    content: " ";
    display: table;
}

.clear-after:after {
    clear: both;
    content: " ";
    display: table;
}

.wow {
    visibility: hidden;
}
/*--- Style of jQuery WoW---*/

.spacing-y {
    margin-bottom: 30px;
}

.with-border-left {
    border-left: 2px solid #143843;
}

.no-border-right {
    border-right: none !important;
}

.no-border-top {
    border-top: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
}

.button-link {
    display: inline-block;
    color: #fff;
    background-color: #c7383e;
    border-radius: 5px;
    border: none;
    padding: 8px 15px;
    margin-bottom: 5px !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.button-link:hover {
    color: #333;
}

.button-link:focus {
    color: #fff;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    padding-bottom: 0 !important;
}

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.button-container {
    margin: 15px 0;
}

.padding-right-15px {
    padding-right: 15px !important;
}

.padding-left-15px {
    padding-left: 15px !important;
}

.margin-right-15px {
    margin-right: 15px !important;
}

.margin-left-15px {
    margin-left: 15px !important;
}

.padding-right-10px {
    padding-right: 10px !important;
}

.padding-left-10px {
    padding-left: 10px !important;
}

.margin-right-10px {
    margin-right: 10px !important;
}

.margin-left-10px {
    margin-left: 10px !important;
}

.no-border {
    border: none !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.bold, strong, b {
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
}

.no-bold {
    font-family: "Roboto Regular", Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: block;
    z-index: 1000;
    border-radius: 0;
}
.owl-nav .owl-prev { left: 15px; }
.owl-nav .owl-next { right: 15px; }

.owl-nav .owl-prev span,
.owl-nav .owl-prev i,
.owl-nav .owl-next span,
.owl-nav .owl-next i {
    font-size: 1.6875rem;
    color: #fff;
}

.owl-nav .owl-prev:focus,
.owl-nav .owl-next:focus {
    outline: 0;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background: #000 !important;
}

.owl-carousel:hover .owl-prev {
    left: 0px;
    opacity: 1;
}
.owl-carousel:hover .owl-next {
    right: 0px;
    opacity: 1;
}
/*--- Margin-bottom of Section---*/
/*---------------------------------------------- END RESETS ----------------------------------------------*/

/*------------------------------------------------ HEADER ------------------------------------------------*/
/* .language {
	background: #f1f1f2;
} */


.language {
    padding: 0;
    height: 46px;
    text-align: right;
}

.language ul {
    padding: 0;
    margin: 0;
    margin-right: 15px;
}

.language li {
    display: inline-block;
    border-right: #fff solid 1px;
    padding-right: 5px;
    margin-top: 13px;
    /*float: left;*/
}

.language li a {
    color: #bc2e33 !important;
    padding-right: 10px;
    padding-left: 0;
}

.language li a:hover, .language li a.active {
    color: #fff;
}

.form-search {
    margin-top: 0 !important;
}

.form-search .search-box {
    width: 343px;
    height: 41px;
    position: relative;
    margin-top: 2px;
}

.form-search input[type="text"] {
    background-color: #293352;
    color: #fff;
    border: #831c18 solid 1px;
    width: 100%;
    height: 100%;
    padding: 0 35px 0 5px;
}

.form-search .search-box i {
    position: absolute;
    top: 8px;
    right: 6px;
    color: #fff;
    font-size: 25px;
}

.header-dtu .container-flui {
    position: relative;
}
.bg-main-menu {
    padding-top: 15px;
}
.school-title {
    color: #6f8898;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 16px;
    text-transform: uppercase;
}
.school-title h1{
    font-family: "Roboto Condensed Bold", Helvetica Neue, Helvetica, Arial, sans-serif !important;
    font-size: 24px;
    line-height: 1.2;
    color: #44515e;
    margin: 0;
    padding-left: 16px;
    border-left: 1px solid #8c959f;
}

.with-border {
    border: #fff solid 1px;
}

.main-menu-box {
    position: relative;
    /*border: #fff solid 1px;*/
}

.top-header {
    padding: 14px;
    /*border: #333 solid 1px;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.box-logo {
    padding-bottom: 10px;
}
.logo-dtu {
    z-index: 9996;
    margin: 0;
}

.logo-dtu a {
    display: block;
}

.logo-dtu a img {
    width: 110px;
    height: auto;
}
.logo-school a img {
    width: 160px;
    height: auto;
    margin-left: 16px;
}


/*-------------NAVIGATION -------------*/
.nav-header span + span {
    margin-top: 4px;
}

.nav-dtu {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    display: flex !important;
    align-items: center;
    gap: 32px;
    position: relative;
}

.navigation-dtu {
    z-index: 9996;
}

.navigation-dtu .text-keyword {
    position: absolute;
    top: 11px;
    right: 233px;
    width: 150px;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    z-index: -100;
}

.navigation-dtu .text-keyword-width {
    z-index: 100;
    opacity: 1;
    width: 50%;
}

.navigation-dtu .text-keyword-close {
    width: 150px;
    z-index: -100;
    opacity: 0;
}

.navigation-dtu .text-keyword input {
    width: 100%;
    background-color: #fff;
    border: 1px solid #fff;
}

.navigation-dtu .text-keyword .searchform-submit {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 25px;
    margin: 0;
    padding: 0 5px;
    height: 100%;
}

.navigation-dtu .text-keyword .searchform-close {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 5px;
    margin: 0;
    padding: 0 5px;
    height: 100%;
    border-left: #c3c3c3 solid 1px;
}

/* .hide-mobile .nav-dtu {
	display: block;
} */

.nav-dtu>li {
    position: relative;
    display: inline-block;
    text-align: center;
    float: left;
    padding: 2px 15px;
    /* border-right: 1px solid #b2b2b2; */
    text-transform: uppercase;
    color: #333
}
.nav-dtu>li:first-child {
    padding-left: 0;
}
.nav-dtu>li:last-child {
    border-right: none;
}
/*menu con*/
.primary-navigation__rectangle {
    background-color: #b00;
    content: '';
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    bottom: -1.25rem;
    display: block;
    height: .625rem;
    left: 0;
    position: absolute;
    width: 100%;
}
.primary-navigation__dropdown-menu-container {
    background-color: #fff;
    opacity: 0;
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    visibility: hidden;
    display: block !important;
    /*margin-top: 1.25rem;*/
    padding: 20px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 250px;
    z-index: 200;
}
.primary-navigation__dropdown-menu-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.primary-navigation__dropdown-menu .primary-navigation__dropdown-menu-list-item {
    line-height: 1;
    margin-bottom: 12px;
    width: 100%;
    display: inline-block;
    text-align: left;
    text-transform: none;
}
.primary-navigation__dropdown-menu .primary-navigation__dropdown-menu-list-item:last-child {
    margin-bottom: 0;
}
.primary-navigation__dropdown-menu .primary-navigation__dropdown-menu-list-item a{
    width: 100%;
    display: inline-block;
    text-align: left;
    text-transform: none;
    font-family: "Roboto Regular", Helvetica Neue, Helvetica, Arial, sans-serif !important;
    color: #333;
}
.primary-navigation__dropdown-menu-link:hover, .primary-navigation__dropdown-menu-link:focus, .primary-navigation__dropdown-menu-link:active {
    color: #b00;
}

.primary-navigation__dropdown-menu-link:hover:after, .primary-navigation__dropdown-menu-link:focus:after, .primary-navigation__dropdown-menu-link:active:after {
    background: transparent;
    opacity: 1;
}
.nav-dtu li:hover .primary-navigation__dropdown-menu-container {
    opacity: 0.95;
    visibility: visible;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
}
/*menu con*/
.nav-dtu li a {
    padding: 0;
    line-height: 20px;
    color: #333;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif !important;
}

/*.nav-dtu li a:hover, .nav-dtu li a:focus, .nav-dtu li.active a {
    color: #c61330;
}*/

.nav-dtu li.no-border-right {
    border-right: none;
}

.nav-dtu .find-conf {
    background: url('../images/find-ico.png') no-repeat left center;
    padding: 8px 10px;
}

.nav-dtu li.no-padding-left {
    padding-left: 0;
}

.nav-dtu li.sign-in {
    padding-right: 4px;
}

.nav-dtu .sign-in-up {
    background-color: #c7383e;
    border-radius: 5px;
    border: none;
    padding: 8px 15px;
}

.nav-dtu .sign-in-up:hover {
    color: #333;
}

.toggle-switch span::before, .toggle-switch span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #888;
    content: "";
}

.toggle-switch span::before {
    top: -11px;
}

.toggle-switch span::after {
    bottom: -11px;
}

.toggle-switch span {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 0;
    height: 6px;
    background: #888;
    width: 100%;
}

.toggle-switch span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.toggle-switch span::before,
.toggle-switch span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.toggle-switch span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.toggle-switch span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

.toggle-switch.active-animate span {
    background: none;
}

.toggle-switch.active-animate span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggle-switch.active-animate span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.toggle-switch.active-animate span::before,
.toggle-switch.active-animate span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}
.carousel-wrap {
    position: relative;
    max-height: 532px;
}

.owl-theme .owl-controls {
    position: absolute;
    width: 100%;
    top: 43%;
}
/*.owl-theme .owl-controls {
	position: absolute;
    bottom: 0;
	right: 20px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background-color: #a62823;
}*/
.banner {
    max-height: 532px;
    max-width: 100%;
    background-color: #F0F0F1;
}
.banner .owl-carousel .owl-item img {
    max-height: 532px;
    max-width: 100%;
}
/**/
.banner .item {
    height: 100%;
    position: relative;
}
.banner .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .item .cover {
    padding: 75px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: rgba(0, 0, 0, 0.6);*/
    display: flex;
    align-items: center;
}
.banner .item .cover .header-content {
    position: relative;
    padding: 20px 50px;
    overflow: hidden;
    max-width: 50%;
    background: rgba(0,0,0,0.4);
}
.banner .item .cover .header-content .line {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    border: 9px solid #fff;
    -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
    clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
.banner .item .cover .header-content h2 {
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    position: relative;
    z-index: 9999;
}
.banner .item .cover .header-content h1 {
    font-size: 56px;
    font-weight: 600;
    margin: 5px 0 20px;
    word-spacing: 3px;
    color: #fff;
    position: relative;
    z-index: 9999;
}

.banner .item .cover h1,
.banner .item .cover h2 {
    color: #fff;
    word-spacing: 3px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 10px #333;
}
.banner .item .cover h1 {
    font-size: 3.5em;
}
.banner .item .cover h2 {
    font-size: 2em;
}

.banner .item .cover .header-content .intro {
    font-weight: 300;
    line-height: 23px;
    color: #fff;
    position: relative;
    z-index: 9999;
}

.banner .owl-item.active h1,
.banner .owl-item.active h2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

.banner .owl-item.active .intro {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}
.banner .owl-item.active .line {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInLeft;
    animation-delay: 0.3s;
}

/**/
.banner-box__content {
    padding: 100px 0;
    position: relative;
    z-index: 99;
}
.banner-child-page .title {
    font-family: "Roboto Bold";
    text-transform: uppercase;
    font-size: 25px;
    color: #fff;
    margin-left: 0;
    display: block;
}
.banner-child-page .title span {
    font-size: 25px;
    display: block;
    padding: 20px 0;
    color: #fff;
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.banner-child-page .title span:nth-child(2) {
    font-size: 30px;
    color: #a62823;
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.box-more {
    display: block;
    margin: 25px 0 10px 0;
    padding-bottom: 10px;
    position: relative;
    z-index: 9999;
}

.more {
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    text-transform: uppercase;
    background: #a62823;
    border-radius: 20px;
}

.more:hover {
    border-radius: 17px;
    color: #fff;
}

.overlay-left {
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 500%;
    z-index: 9995;
}
.about {
    padding: 70px 0 0 0 ;
    /* margin: 50px 0; */
    background-color:#bc2e33;

}
.about .about-img {
    position: relative;
    width: 100%;
}
.about .about-content {
    position: relative;
    color: #fff;
}
.about .about-content h3{
    color: #fff;
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.about .curve-shape{
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 100%;
    margin-top: 30px;
}
.about .curve-shape::after{
    content: "";
    position: absolute;
    width: 100%;
    bottom: -10%;
    height: 100%;
    background-color: #fff;
    border-top-left-radius: 80%;
    border-top-right-radius: 80%;
}

.more-detail{
    color: #fff;
    vertical-align: middle;
    padding: 10px 40px;
    border-radius: 20px;
    text-transform: uppercase;
    background-color: #bc2e33;
    border: 2px solid #fff;
    margin-top: 24px;
    display: inline-block;
}

.more-detail:hover{
    color: #bc2e33!important;
    background-color: #fff!important;
}


.academic-program {
    padding: 70px 0;
}

/* ===== ACADEMIC PROGRAM - Card dọc ===== */

.academic-program-list {
    margin-top: 30px;
}

.program-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    transition: all .3s ease;
}

.program-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    border-color: #a62823;
}

/* --- Ảnh trên, luôn đúng tỉ lệ 16:9 --- */
.program-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f5f5f5; /* màu nền khi ảnh chưa load */
}

.program-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform .4s ease;
}

.program-card:hover .program-image img {
    transform: scale(1.08);
}

/* --- Nội dung bên dưới --- */
.program-content {
    flex: 1;
    padding: 20px 22px 22px;
    display: flex;
    flex-direction: column;
}

.program-content .program-title {
    font-family: "Roboto Medium";
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.4;
    /* giới hạn 2 dòng, tránh title dài làm lệch card */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.program-content .program-title {
    color: #222;
    text-decoration: none;
    transition: color .25s;
}

.program-card:hover .program-title {
    color: #a62823;
}

.program-content .program-desc {
    flex: 1;
    color: #666;
    line-height: 1.7;
    font-size: 15px;
    margin-bottom: 18px;
    /* giới hạn 3 dòng cho gọn */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- Nút "Xem chi tiết" --- */
.program-link {
    font-family: "Roboto Medium";
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a62823;
    font-size: 15px;
    line-height: 1.2;
    text-decoration: none;
    margin-top: auto; /* luôn dính đáy card dù nội dung ngắn */
    align-self: flex-start;
}

.program-link:hover {
    color: var(--red-color);
}

.program-link i {
    transition: transform .3s;
    display: flex;
    font-size: 14px;
}

.program-link:hover i {
    transform: translateX(5px);
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .program-content {
        padding: 18px;
    }

    .program-content .program-title {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .program-image {
        aspect-ratio: 16 / 10;
    }
}
.doitac:after {
    content: "\f2b5";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 40px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -100px;
    left: 46%;
    background: #e9ebeb;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    padding-top: 25px;
}
.section-title.slash100per:before {
    width: 100%;
}
.short-cont-cate {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 22px;
}
.list-item-pro .section-title {
    margin-bottom: 8px;
}
.list-item-pro .section-title a {
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    font-family: "Roboto Bold";
    font-weight: normal;
    padding: 4px 16px;
    background-color: #a62823;
    display: flex;
    align-items: center;
    gap: 8px;
}
.list-item-pro .section-title a i {
    display: flex;
}
.list-item-pro .section-title a:hover {
    color: #fff;
}
.list-item-pro .section-title:before {
    border-bottom: #a62823 solid 1px;
    color: #333;
}
.list-item__grid .item {
    display: flex;
    gap: 16px;
    flex-direction: column;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    overflow: hidden;
}
.list-item__grid .item:hover .title,
.list-item__grid .item:hover .button {
    color: var(--red-color);
}
.list-item__grid .img-wrap img {
    width: 100%; 
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.list-item__grid .item .box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    padding: 16px 16px 24px;
}
.short-cont-wrap {
    margin-top: auto;
}
.list-item__grid .title {
    font-family: "Roboto Medium";
    font-size: 18px;
    line-height: 1.2;
    color: var(--text-main-color);
    margin-bottom: 0;
    transition: var(--transition);
}
.list-item__grid .short-cont {
    font-family: "Roboto Regular";
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-desc-color);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.list-item__grid .button {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-desc-color);
    margin-top: 16px;
    transition: var(--transition);
}
.list-item__grid .button i {
    display: flex;
}

.date {
    font-family: 'Roboto Regular';
    font-size: 14px;
    color: #888888
}
.date i{
    font-size: 11px;
    color: #888888;
    margin-right: 3px;
}
.paging {
    padding-bottom: 20px;
    text-align: center;
}

.pagination li {
    display: inline-block;
}

.pagination li a.disable {
    color: #000;
    background-color: #fff;
}

.pagination li a {
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: var(--text-main-color);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li > a.current,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus {
    color: #FFF;
    background-color: #AE151A;
}
.pagination {
    justify-content: right;
}



/* ============================================= */
/* admissions  */
/* ============================================= */

.admissions-block {
    position: relative;
}
.admissions {
    margin-bottom: 70px;
    background-color: #f8f8f8;
    padding: 60px 0;
}

.admissions .section-title {
    color: var(--text-main-color);
    font-family: 'Roboto Medium';
    font-size: 30px;
    font-style: normal;
    line-height: 56px;
    text-transform: uppercase;
}

.admissions__wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    margin-top: 30px;
}

.admissions__wrap .item {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: var(--transition);
}

.admissions__wrap .item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    border-color: #a62823;
}

.admissions__wrap .item:hover .title {
    color: var(--red-color);
}
.admissions__wrap .item img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.admissions__content {
    display: flex;
    padding: 22px 20px 24px 22px;
    flex-direction: column;
    gap: 8px;
}


.admissions__content .tags {
    padding: 4px 16px;
    border-radius: 9999px;
    background: rgba(208, 208, 208, 0.3);
    color: #151c27;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
    align-self: flex-start;
}

.admissions__content .title {
    font-family: "Roboto Medium";
    color: #151c27;
    font-size: 18px;
    line-height: 22.5px; /* 132.353% */
    transition: var(--transition);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}

.admissions__content .date {
    color: #818895;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 184.615% */
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.admissions__content .desc {
    color: #5c6274;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.box-tag {
    margin-top: 15px;
    background-color: #eee;
    padding: 5px;
    border-radius: 5px;
}
.box-tag span{
    color: #333;
    position: relative;
    padding-left: 20px;
    display: flex;
}
.box-tag span::before{
    content: "\f02b";
    color: #f4a228;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
}
/**************Honor Students******************/

.honor-students{
    padding: 20px 0 ;
    margin: 30px 0;
    background-image: url("../img/5325231.jpg");
    background-size: cover;
}
.honor-students .list-honor-students-carousel{
    margin: 50px 0;
    padding: 20px 15px  ;
}
.honor-students .owl-carousel .owl-item .honor-students-img img{
    /* max-height: 300px!important; */
    width: 80%;
    margin:auto;
    object-fit: cover;
    border-radius: 25px;
    margin-bottom: 30px;
}

.honor-students .honor-student-name p{
    font-size: 1.5rem;
    font-weight: 700;
    color: #bc2e33;
}
.honor-students .honor-student-article {
    padding: 40px;
    border: 1px solid #333;
    border-radius: 20px;
    height: 100%;
    max-height: 265px;
    background-color: #fff;
    position: relative;
}
.honor-students .honor-student-article .honor-student-article-title{
    font-size: 1.2rem;
    font-weight: 700;

}
.honor-students .honor-student-article .view-more a{
    position:absolute;
    bottom: 40px;
    left: 40px;
    color: #bc2e33;
}
/********************************/

.news-research #girl-img-news{
    margin-top: 70px;
}
.news-research .news .latest-news-thumbnail img {
    max-width: 100%;
    height: auto;
}
.news-research .news .latest-news .latest-news-posts{
    padding: 30px 0;
    border-bottom: 1px solid #333;
}
.news-research .news .latest-news .latest-news-posts:last-child{
    border-bottom: none;
}
.news-research .news .latest-news .latest-news-posts .news-date{
    color: #888;
}
.news-research .news .latest-news .latest-news-posts .news-title{
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin-top: 15px;
}
.news-research .announcement .latest-announcement-posts:last-child{
    border-bottom: none;
}
.news-research .announcement .latest-announcement-posts .announcement-date {
    font-family: "Roboto Regular";
    font-size: 14px;
    line-height: 1.2;
    color: #919191;
}
.news-research .announcement .latest-announcement-posts .announcement-title {
    margin-top: 10px;
}
.news-research .announcement .latest-announcement-posts .announcement-title a{
    color: #4b545c;
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 1.2;

}
.news-research .announcement .latest-announcement-posts .announcement-title a:hover{
    color: var(--red-color) !important;
}
.news-research #girl-img-news img{
    max-width: 100%;
    height: auto;
}


/*********MEMBER**************/
.member .owl-stage-outer {
    padding: 2px;
    margin: -2px;
}
.member .owl-carousel .owl-stage {
    display: flex;
}

.member .owl-carousel .owl-item {
    display: flex;
    height: auto;
}

.member .owl-carousel .owl-item > .item {
    display: flex;
    width: 100%;
}

.member .owl-carousel .member-card {
    width: 100%;
    height: 100%;
}
.member-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    transition:.35s;
    border:1px solid #ececec;
}

.member-card:hover{
    transform:translateY(-8px);
}

.member-thumbnail{
    overflow:hidden;
}

.member-thumbnail img{
    width:100%;
    aspect-ratio: 1/1;
    object-fit:cover;
    transition:.5s;
    object-position: top;
}

.member-card:hover img{
    transform:scale(1.08);
}

.member-detail{
    padding:20px 15px;
    text-align:center;
}

.member-name{
    font-family: "Roboto Medium";
    font-size: 18px;
    margin-bottom: 8px;
}

.member-name a{
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-main-color);
    text-decoration:none;
}

.member-name a:hover{
    color:#a62823;
}

.member-position{
    color: var(--text-desc-color);
    text-transform:uppercase;
    font-family: "Roboto Regular";
    font-size:13px;
    letter-spacing:1px;
}
/***********************/
.sitemap-mission {
    margin: 48px 0;
}

.sitemap-mission .title_site {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 18px;
    padding-bottom: 4px;
}

.sitemap-mission .title_site:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #333;
    left: 0;
    bottom: -5px;
}

.sitemap-mission .title_site:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 70px;
    background: #a9161c;
    left: 0;
    bottom: -5px;
}

.sitemap-mission ul.char_site_map {
    padding-left: 0;
}

.sitemap-mission ul.char_site_map li {
    display: inline-block;
}

.sitemap-mission ul.char_site_map li a {
    text-decoration: none;
    outline: none;
    font-size: 18px;
    text-transform: uppercase;
}

/*--------------------------------------------- FOOTER ---------------------------------------------------*/
.footer-dtu {
    background-image: url("../img/banner-footer-w.png");
    background-size: cover;
    padding: 48px 0;
    border-top: 1px solid #f4f5f7;
}

.footer-dtu:after {
    clear: both;
    display: table;
    content: " ";
}

.copyright-footer {
    padding-top: 0;
    font-size: 14px;
}
.cp1 {
    margin-bottom: 15px;
}
.copyright-footer, .copyright-footer a {
    color: #333;
    word-break: break-all;
}

.footer-social {
    /*padding: 0;*/
    margin: 0;
    text-align: right;
}

.footer-social ul {
    padding: 0;
    margin: 0;
}

.footer-social ul li {
    list-style: none;
    display: inline-block;
    background-color: transparent;
    border-radius: 15%;
    /* float: right; */
}
.footer-social ul li i{
    font-size: 40px;
}

a.rounded-icon {
    display: block;
    height: 46px;
    width: 46px;
}

.social-google:hover i{
    color: crimson;
}
.social-twitter:hover i{
    color: deepskyblue;
}
.social-facebook:hover i{
    color: cornflowerblue;
}
.social-youtube:hover i{
    color: crimson;
}

/*--- Content of  icon social ---*/
/**********************************/
.left:before {
    left: 0;
}
.center:before {
    left: 48%;
}
.bottom .owl-controls {
    top: auto !important;
    bottom: 0;
}
.bottom-35px .owl-controls {
    top: auto !important;
    bottom: -70px;
}
.top-right .owl-controls {
    top: 0;
    left: auto;
    width: auto;
    right: 0;
}
@media (max-width: 1200px) {
    .nav-dtu {
        text-align: center;
    }
}
/*---------------------------------------------- BACK TO TOP ---------------------------------------------*/
#back-top a {
    width: 46px;
    height: 46px;
    right: 20px;
    bottom: 20px;
    position: fixed;
    padding-top: 12px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #5D5D5D;
    border-radius: 50%;
    z-index: 9996;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

#back-top a i {
    font-size: 10px;
}

#back-top a:hover, #back-top a:focus {
    background-color: #c7383e;
    color: #fff!important;
    opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*-------------------------------------------- END BACK TO TOP -------------------------------------------*/
/*------Contact page-------*/
.map-section {
    height: 330px;
    position: relative;
}
.contact-info-warp {
    width: 100%;
    height: 100%;
    background: #a31d21;
    text-align: center;
    z-index: 1;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
}
.contact-info-warp .contact-info h4 {
    color: #fff;
    margin-bottom: 8px;
    font-family: 'Roboto Bold';
    font-size: 18px;
    line-height: 1.2;
}
.contact-info-warp .contact-info p {
    color: #fff;
    margin-bottom: 0;
}
.map-section .map {
    height: 100%;
}
.contact-form {
    background: #fff;
    margin-top: 50px;
}
.contact-form .section-title {
    margin-bottom: 30px;
}
.pb-0, .py-0 {
    padding-bottom: 0!important;
}
.text-center {
    text-align: center!important;
}
.contact-form h2 {
    font-size: 36px;
    line-height: 1.2;
    color: #111111;
    margin: 0;
    font-weight: 500;
    font-family: 'Roboto Regular', sans-serif;
}
.contact-form p.note {
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    color: #636363;
    line-height: 1.6;
}
.contact-form select,
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    height: 37px;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 10px;
    border: 1px solid #dadfe5;
    font-size: 14px;
    font-weight: normal;
    background: #ffffff;
}

.contact-form select:focus,
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus {
    border: none;
}

.contact-form input[type="file"] {
    display: none;
}

.contact-form textarea {
    padding-top: 23px;
    padding-bottom: 15px;
    height: 125px;
}

.contact-form .file-up-btn {
    display: block;
    background: #3e3e3e;
    color: #fff;
    max-width: 175px;
    padding: 13px 5px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 23px;
    clear: both;
    text-align: center;
    overflow: hidden;
}

.contact-form .site-btn {
    border: none;
    min-width: 150px;
    bottom: 0;
    padding: 15px 15px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Roboto Bold';
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    background-color: var(--red-color);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%;
    margin-top: 16px;
}
.contact-form .site-btn:hover {
    color:#fff;
    background-color: #c42822;
    border:none;
    background-position:100% 0;
}
.map-grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0;
}
/*------End Contact page-------*/
.section-header h3 {
    color: #333;
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
}

/* ===== SITEMAP-MISSION - DESKTOP CĂN CHỈNH ===== */

.sitemap-mission .row {
    display: flex !important;
    align-items: center !important; /* căn giữa theo chiều dọc */
    justify-content: space-between !important;
    flex-wrap: inherit !important;
}

.sitemap-mission .col-md-6 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Cột logo - căn giữa nội dung */
.sitemap-mission .col-md-6:first-child {
    align-items: center !important;
    text-align: center !important;
}

/* Logo - tăng kích thước hợp lý */
.sitemap-mission .logo_dtu {
    max-width: 240px !important;
    height: auto !important;
    display: block !important;
}

/* Cột quote - căn trái, không bị kéo căng */
.sitemap-mission .col-md-6:last-child {
    align-items: flex-start !important;
}

.sitemap-mission .quote {
    display: grid;
    grid-template-columns: 4fr 8fr;
    gap: 40px;
    padding: 32px;
    border-radius: 16px;
    border: 1px solid #eef4f6;
    background-color: #FFF;
    box-shadow: 0 6px 24px 0 rgba(189, 203, 215, 0.2);
}
.president-lcc {
    display: flex;
    align-items: center;
    gap: 16px;
}
.president-lcc__pic {
    flex-shrink: 0;
}
.president-lcc__pic img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #E6F3F8;
}
.president-lcc__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.president-lcc__info .president-name {
    font-family: 'Roboto Medium';
    font-size: 18px;
    line-height: 1.2;
    color: var(--text-main-color);
}
.president-lcc__info .president-title {
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.2;
    color: var(--red-color);
}

.sitemap-mission .block_quote {
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-main-color);
    position: relative;
    
}
.sitemap-mission .block_quote p {
    padding: 16px 48px 0 48px;
    margin: 0;
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-main-color);
}

/* Dấu ngoặc kép trang trí */
.sitemap-mission .block_quote:before {
    content: '\f10d';
    font-family: FontAwesome;
    color: #bc2e33;
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 20px;
}

.sitemap-mission .block_quote:after {
    content: '\f10e';
    font-family: FontAwesome;
    color: #bc2e33;
    position: absolute;
    right: 5px;
    bottom: 0px;
    font-size: 20px;
}

/* ===== GIẢNG VIÊN (MEMBER) - DESKTOP ===== */

.member {
    padding: 40px 0 50px;
    background: #f8f9fa; /* nền nhẹ để phân tách */
}

.member .member-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 30px 20px !important; /* khoảng cách giữa các thẻ */
    background: transparent !important; /* bỏ nền cũ nếu có */
}

.member .member-list .col-sm-6.col-md-3 {
    flex: 0 0 calc(25% - 20px) !important; /* 4 cột trên desktop */
    max-width: calc(25% - 20px) !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* Thẻ giảng viên */
.member .member-list .member-item {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    padding: 20px 15px 20px;
    transition: all 0.3s ease;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #f0f0f0;
}

.member .member-list .member-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    border-color: #bc2e33;
}

/* Ảnh đại diện */
.member .member-list .member-thumbnail {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}

.member .member-list .member-thumbnail img {

    object-fit: cover !important;

    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s ease, transform 0.3s ease;
    display: block;
    margin: 0 auto;
}

.member .member-list .member-item:hover .member-thumbnail img {
    border-color: #bc2e33;
    transform: scale(1.02);
}

/* Thông tin giảng viên */
.member .member-list .member-detail {
    width: 100%;
    padding: 0;
}

.member .member-list .member-name {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
}

.member .member-list .member-position {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Nếu có nhiều hơn 1 dòng chức vụ, giữ nguyên */
.member .member-list .member-position span {
    display: block;
    font-size: 13px;
    color: #777;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

/* Khoảng cách giữa các thẻ khi xuống hàng */
.member .member-list .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0;
    width: 100%;
}

/* ===== TIN TỨC - CAROUSEL 2 TIN DỌC, CÓ ẢNH + MÔ TẢ ===== */

.news-carousel .item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.news .news-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    transition: all 0.3s;
    height: 100%;
}

.news .news-item:hover {
    border-color: #bc2e33;
    box-shadow: 0 4px 16px rgba(188,46,51,0.12);
}

/* Ảnh to */
.news .news-thumbnail {
    width: 100%;
    overflow: hidden;
}

.news .news-thumbnail img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}

.news .news-item:hover .news-thumbnail img {
    transform: scale(1.02);
}

/* Nội dung */
.news .news-content {
    padding: 12px 14px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.news .news-content .news-date {
    font-family: "Roboto Regular";
    font-size: 14px;
    color: var(--text-desc-color);
    margin-bottom: 8px;
}

.news .news-content .news-title {
    font-family: "Roboto Medium";
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 6px;
    color: var(--text-main-color);
}

.news.news-content .news-title {
    color: #333;
    transition: color 0.3s;
}

.news .news-content .news-title:hover {
    color: #bc2e33;
}

.news .news-content .news-desc {
    font-size: 13px;
    color: #777;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
}

/* Điều hướng carousel */
.news-carousel .owl-nav .owl-prev,
.news-carousel .owl-nav .owl-next {
    background: rgba(188,46,51,0.8) !important;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.news-carousel .owl-nav .owl-prev i,
.news-carousel .owl-nav .owl-next i {
    font-size: 20px;
    color: #fff;
    line-height: 36px;
}

.news-carousel .owl-nav .owl-prev {
    left: -18px;
}

.news-carousel .owl-nav .owl-next {
    right: -18px;
}

.news-carousel .owl-dots {
    margin-top: 15px;
}

.news-carousel .owl-dots .owl-dot.active span {
    background: #bc2e33;
}

/* ===== CĂN CHỈNH CHIỀU CAO VỚI THÔNG BÁO ===== */

/* Đảm bảo cột tin tức và thông báo có chiều cao tương đồng */
.news-research .col-sm-6.col-md-4 {
    display: flex;
    flex-direction: column;
    margin-bottom:30px
}

.news-research .news,
.news-research .announcement {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Khối thông báo giữ nguyên style cũ, chỉ thêm flex để co giãn */
.news-research .announcement {
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 10px 24px;
}

.news-research .announcement .latest-announcement-posts {
    padding: 12px 0;
    border-bottom: 1px solid rgb(208 208 208 / 55%);
}

.news-research .announcement .latest-announcement-posts:last-child {
    border-bottom: none;
}

.news-research .announcement .announcement-date {
    color: #e6bebf;
    font-size: 13px;
}

/* Carousel chiếm toàn bộ chiều cao còn lại */
.news-carousel {
    height: 100%;
}

.news-carousel .owl-stage-outer,
.news-carousel .owl-stage,
.news-carousel .item {
    height: 100%;
}

.news-carousel .item {
    justify-content: space-between;
}

.news-carousel .news-item {
    flex: 1;
}

/* ===== HEADER ===== */

/* Thanh language */
.header-language-wrapper {
    background: #bc2e33;
    padding: 0;
}
.header-dtu .language ul {
    padding: 0;
    margin: 0;
}
.header-dtu .language li {
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,0.2);
    padding: 0 12px;
    margin-top: 13px;
    line-height: 1;
}
.header-dtu .language li:last-child {
    border-right: none;
}
.header-dtu .language li a {
    color: #fff !important;
    font-size: 13px;
}
.header-dtu .language li a:hover {
    color: #ffe0e0 !important;
}
.header-dtu .language li .form-search {
    margin-top: -8px;
}
.header-dtu .language li .search-box {
    width: 200px;
    height: 32px;
    position: relative;
}
.header-dtu .language li .search-box input {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 0 30px 0 10px;
    border-radius: 4px;
    font-size: 13px;
}
.header-dtu .language li .search-box input::placeholder {
    color: rgba(255,255,255,0.7);
}
.header-dtu .language li .search-box i {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
}
.header-dtu .language li img {
    vertical-align: middle;
}

/* Main header */
.header-main-wrapper {
    background: #fff;
    padding: 15px 0 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.header-dtu .box-logo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.header-dtu .box-logo .box-logo-dtu {
    flex: 0 0 auto;
}

.header-dtu .box-logo-school {
    flex: 0 0 auto;
}

/* Menu */
.header-dtu .box-menu {
    border-top: 1px solid #eee;
    padding-top: 5px;
    position: relative;
}
.header-dtu .navigation-dtu {
    position: relative;
}
.header-dtu .nav-dtu > li {
    position: relative;
    padding: 8px 0px;
    text-transform: uppercase;
}
.header-dtu .nav-dtu > li > a {
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    display: block;
    padding: 0;
    transition: color 0.3s;
    position: relative;
}
.header-dtu .nav-dtu > li > a:hover,
.header-dtu .nav-dtu > li.active > a {
    color: #bc2e33;
}
.header-dtu .nav-dtu > li > a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #bc2e33;
    transition: width 0.3s;
    margin-top: 2px;
}
.header-dtu .nav-dtu > li:hover > a:after,
.header-dtu .nav-dtu > li.active > a:after {
    width: 100%;
}

/* Dropdown container - always left aligned */
.header-dtu .primary-navigation__dropdown-menu-container {
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    position: absolute;
    top: 100%;
    left: 0;  /* căn trái */
    width: 240px;
    padding: 15px 20px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border-radius: 0 0 6px 6px;
    z-index: 200;
    text-align: left; /* đảm bảo nội dung canh trái */
}
.header-dtu .nav-dtu > li:hover .primary-navigation__dropdown-menu-container {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-dtu .primary-navigation__dropdown-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.header-dtu .primary-navigation__dropdown-menu li {
    margin-bottom: 12px;
}
.header-dtu .primary-navigation__dropdown-menu li:last-child {
    margin-bottom: 0;
}
.header-dtu .primary-navigation__dropdown-menu a {
    color: #333;
    font-size: 14px;
    display: block;
    transition: color 0.3s, padding-left 0.3s;
    text-align: left; /* canh trái */
}
.header-dtu .primary-navigation__dropdown-menu a:hover {
    color: #bc2e33;
    padding-left: 5px;
}

/* Hamburger */
.header-dtu .nav-header {
    display: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    cursor: pointer;
    z-index: 9997;
}
.header-dtu .nav-header span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #888;
    margin-top: -2px;
    transition: background 0s 0.3s;
}
.header-dtu .nav-header span::before,
.header-dtu .nav-header span::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: #888;
    transition: all 0.3s;
}
.header-dtu .nav-header span::before {
    top: -10px;
}
.header-dtu .nav-header span::after {
    bottom: -10px;
}
.header-dtu .nav-header.active-animate span {
    background: transparent;
}
.header-dtu .nav-header.active-animate span::before {
    top: 0;
    transform: rotate(45deg);
}
.header-dtu .nav-header.active-animate span::after {
    bottom: 0;
    transform: rotate(-45deg);
}

.search-btn {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: inherit;
    font: inherit;
}
.search-box .search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.news-research {
    margin-bottom: 60px;
}
.news-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
}
.news-item.news-item--lg {
    grid-column: 1 / -1;
    min-height: 200px; 
}
.news-research__grid {
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: 32px;
}

.section-title-full {
    font-family: "Roboto Medium";
    font-size: 20px;
    line-height: 1.2;
    color: #2b323a;
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.faculty-page-item img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1/1;
    object-position: top;
}
.faculty-page-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.faculty-page-item .faculty-btn {
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 1.2;
    color: var(--red-color);
}
.news__listcarousel {
    min-width: 0;
}
.news__listcarousel .owl-stage-outer {
    padding: 4px;
    margin: -4px;
}
.copyright-footer .title {
    font-family: "Roboto Bold";
    font-size: 20px;
    line-height: 1.2;
    color: var(--text-main-color);
}
.copyright-footer .info {
    font-family: "Roboto Regular";
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-desc-color);
}
.copyright-footer .sm-text {
    display: block;
    border-top: 1px solid #ffffff;
    padding-top: 16px;
    font-family: "Roboto Regular";
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-desc-color);
} 
.copyright-footer .sm-text * {
    font-family: "Roboto Regular";
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-desc-color);
}
.news-grid .owl-carousel .owl-stage {
    display: flex;
}

.news-grid .owl-carousel .owl-item {
    display: flex;
    height: auto;
}

.news-grid .owl-carousel .owl-item > .item {
    display: flex;
    width: 100%;
}

.news-grid .owl-carousel .news-item {
    width: 100%;
    height: 100%;
}
.main-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    gap: 32px;
}
.sidebar {
    
}
.submenu__heading {
    font-family: "Roboto Bold";
    font-size: 18px;
    text-transform: capitalize;
    padding: 24px 24px 16px 24px;
    margin-bottom: 0;
    color: var(--text-main-color);
    line-height: 1.2;
    border-bottom: 1px solid #efeaea;
}
.submenu__heading a:hover {
    
} 
.submenu {
    border-radius: 16px;
    border: 1px solid #eef4f6;
    background-color: #FFF;
    box-shadow: 0 6px 24px 0 rgba(189, 203, 215, 0.2);
    overflow: hidden;
    padding-bottom: 16px;
}
.submenu__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
.submenu__list-item {
    display: block;
    background-color: #fff;
    transition: var(--transition);
    border-left: 1px solid transparent;
}
.submenu__list a {
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-main-color);
    text-transform: capitalize;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: var(--transition);
    padding: 16px 24px;
}
.submenu__list-item:not(:last-child) {
    border-bottom: 1px solid #f9f9f9;
}
.submenu__list-item:hover {
    background-color: #f6f6f6;
    border-left: 1px solid #9e0909;
}
.submenu__list-item:hover a {
    color: var(--red-color);
}
.submenu__list-item.active {
    background-color: #f6f6f6;
    border-left: 1px solid #9e0909;
}
.submenu__list-item.active a {
    color: var(--red-color);
}
.breadcrumbs {
    padding: 24px 0;
}
.breadcrumbs__list {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.breadcrumbs__link,
.breadcrumbs__current-item {
    text-transform: uppercase;
    font-family: "Roboto Medium";
    font-size: 14px;
    color: var(--text-desc-color);
}
.breadcrumbs__list-item i {
    display: flex;
    font-size: 14px;
    flex-shrink: 0;
}
.breadcrumbs__list-item {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    white-space: nowrap;
}
.breadcrumbs__list-item:not(:last-child):after {
    content: "/";
    display: inline-block;
    font-size: 14px;
    color: var(--text-desc-color);
}
.banner-child-page {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    position: relative;
}
.banner-child-page::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.85) 100%);
}
.main .title-page {
    font-family: "Roboto Medium";
    font-size: 20px;
    line-height: 1.2;
    color: var(--text-main-color);
    text-transform: uppercase;
    margin: 0  0 32px 0;
}
.list-item__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 24px 0;
}
.user-markup img {
    max-width: 100%;
    height: auto !important;
    object-fit: cover;
    margin: 10px 0;
}
.user-markup .hr--small {
    display: none;
}
.user-markup h1 {
    font-family: "Roboto Bold";
}
.contact-callout__wrap {
    background-color: #bc1c1c;
    margin-top: 24px;
    padding: 24px;
    border-radius: 8px;
}
.contact-callout__wrap .contact-callout__heading {
    color: #fff;
    font-family: 'Roboto Bold';
    font-size: 28px;
    line-height: 1.2;
}
.contact-callout__wrap .vcard {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.contact-callout__wrap .vcard__name{
    font-family: 'Roboto Medium';
    font-size: 20px;
    margin-top: 16px;
}
.contact-callout__wrap .vcard * {
    color: #fff;
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.2;
}
.main-wrappe--size {
    grid-template-columns: minmax(0, 2fr) minmax(0, 4fr);
}
.text-red {
    color: var(--red-color);
}
.media-list__wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.col-list__item {
   
}
.col-list__wrap {
    background-color: #fff;
    border: 1px solid #ededed;
    padding: 24px;
    border-radius: 8px;
    display: flex;
    gap: 24px;
    box-shadow: 0 6px 24px 0 rgba(189, 203, 215, 0.2);
}
.col-list__wrap .img-wrap  {
    flex-shrink: 0;
}
.col-list__wrap .img-wrap img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 280px;
    height: auto;
}
.col-list__wrap .title {
    font-family: 'Roboto Medium';
    font-size: 18px;
    line-height: 1.2;
    color: var(--text-main-color);
    transition: var(--transition);
    margin-bottom: 0;
}
.col-list__wrap:hover .title {
    color: var(--red-color);
}
.col-list__wrap .cont-text {
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-desc-color);
}
.col-list__wrap .button {
    font-family: 'Roboto Medium';
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-desc-color);
    margin-top: 16px;
    display: flex;
    gap: 8px;
    align-items: center;
}

.col-list__wrap .user-markup {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.button i {
    display: flex;
}
.contact-page .section-title {
    font-family: 'Roboto Bold';
    font-size: 26px;
    margin: 0 0 32px;
}
.comment-form--contact {
    border: 1px solid #ededed;
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
}
.comment-form--contact label {
    margin-bottom: 8px;
    font-family: 'Roboto Medium';
    font-size: 14px;
    line-height: 1.2;
    color: var(--text-main-color);
}
.faculty-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    padding: 0;
    margin: 24px 0;
}
.faculty-content .faculty-name {
    font-family: 'Roboto Bold';
    font-size: 18px;
    color: var(--text-main-color);
}

.faculty-card {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: rgb(255, 255, 255);
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
    border: 1px solid #ebecee;
}
.faculty-content {
    padding: 0 16px 16px 16px;
}
.faculty-item {
    padding: 0;
}
.faculty-card:hover {
    transform: translateY(-6px);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 25px;
}

.main-wrapper.no-sidebar {
    display: block;
}
.other-news {
    margin-top: 32px;
}
.other-news ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 16px 0 0 0;
}
.other-news ul li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;

}
.other-news ul li a {
    display: block;
    padding: 16px 16px 16px 0;
    transition: var(--transition);
}
.other-news ul li a:hover {
    color: var(--red-color);
}
.employer__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.employer .box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 16px;
    border-radius: 8px;
}

.employer .box .box-img img {
    width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: contain;
}

.employer .box a {
    color: var(--text-main-color);
    cursor: pointer;
    font-size: .875rem;
    font-family: "Roboto Bold", Helvetica Neue, Helvetica, Arial, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    display: inline;
}

.employer .box a:hover {
    color: #b00;
}
.employer .box .title {
    margin-top: auto;
    text-align: center;
}
.partner-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.partner-grid .item .box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.partner-grid .item .title {
    margin-bottom: 0;
    font-family: 'Roboto Medium';
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-main-color);
}
.partner-grid .item .title a {
    font-family: 'Roboto Medium';
    font-size: 16px;
    color: var(--text-main-color);
    line-height: 1.2;
    
}
.partner-grid .item .short-cont {
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-desc-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.partner-grid .item .see-more {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.partner-grid .item .see-more a {
    font-family: 'Roboto Medium';
    font-size: 14px;
    color: var(--red-color);
    background: #fff0f0;
    padding: 4px 12px;
    border-radius: 4px;
    margin-top: 8px;
    border: 1px solid transparent;
    transition: var(--transition);
}
.partner-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border: 1px solid #f2f2f2;
    padding: 16px;
    border-radius: 8px;
}
.partner-item .img-wrap {
    background-color: transparent;
    position: relative;
}
.partner-item .item {
    display: flex;
    flex: 1;
}
.partner-item .img-wrap img {
    width: 100%;
    height: 65px;
    object-fit: contain;
    position: relative;
}
.partner-item .img-wrap:has(.img-for-placeholder) {
    background-color: #f3f3f3;
}
.partner-grid .item .see-more a:hover {
    color: var(--red-color);
    border: 1px solid #dba7a7;
}
.partner-grid .item .title a:hover {
    color: var(--red-color);
}
.publish-select-grid {
    display: flex;
    gap: 16px;
    align-items: center;
}
.publish__content {
    margin: 24px 0 0 0;
    padding: 0;
}
.publish__content li {
    padding: 16px 0;
}
.publish__content li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}
.publish__content li a {
    display: block;
    font-family: "Roboto Medium";
    font-size: 16px;
    color: var(--text-main-color);
    line-height: 1.2;
    margin-bottom: 8px;
}
.profile-wrap {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 16px 0 rgb(132 160 173 / 4%);
    border-radius: 8px;
    overflow: hidden;
}
.profile-img {
    margin-bottom: 24px;
}
.profile-img img {
    aspect-ratio: 1 / 1;
    width: 100%;
    object-fit: cover;
}
.profile-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 16px 16px;
}
.profile-info .vcard__name {
    font-family: 'Roboto Bold';
    font-size: 18px;
    line-height: 1.2;
    color: var(--text-main-color);
    margin: 0;
}
.profile-info span {
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-main-color);
}
.profile-detail-info {}
.file-wrap ul {
    gap: 8px;
}
.file-wrap ul li {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 6px 24px 0 rgba(189, 203, 215, 0.2);
    border-radius: 8px;
    overflow: hidden;
}
.file-wrap ul li a {
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.file-wrap ul li a i {
    font-size: 16px;
    display: flex;
    color: #ffffff;
    background: #d30d0d;
    padding: 8px;
    border-radius: 4px;
}
.other-news--wrap {
    border-top: 1px solid #ddd;
    padding-top: 16px;
}
.other-news--wrap ul {

}
.other-news--wrap ul li {

}
.other-news--wrap ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 22px;
    color: var(--text-main-color);
}
.other-news--wrap ul li a i {
    display: flex;
}
.user-article li {
    list-style: unset;
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
}
.user-article {
    overflow-wrap: anywhere;
    word-break: break-word;
}
.profile-detail-info .title-part {
    font-family: 'Roboto Bold';
    font-size: 20px;
    color: var(--text-main-color);
    border-bottom: 1px solid var(--text-main-color);
    padding-bottom: 8px;
    display: inline-block;
    margin-bottom: 0;
}
.accordion-section.is-open .accordion-content {
    grid-template-rows: 1fr;
}
.accordion-header {
    font-family: 'Roboto Medium';
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-main-color);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: var(--transition);
}
.accordion-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}
.accordion-inner {
    min-height: 0;
}
.inner-padding {
    padding-top: 16px;
    padding-left: 4px;
    margin-top: 8px;
}
.accordion__item-content {
    padding: 0;
}
.timeline .accordion__item-content {
    border-left: 2px solid #e4beb9;
}
.accordion-section {
    padding: 24px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 4px 16px 0 rgb(132 160 173 / 4%);
    margin-top: 16px;
}
.accordion-section--wrap {
    padding-left: 0;
}
.accordion-section.is-open .accordion-header .toggle-icon {
    transform: rotate(180deg);
    color: var(--red-color);
}
.accordion-section.is-open .accordion-header{
    color: var(--red-color);
}
.accordion-header .toggle-icon {
    transition: transform 0.4s ease;
    font-size: 20px;
    color: var(--text-main-color);
}
.accordion__item-content li {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-desc-color);
}
.timeline .accordion__item-content li {
    padding-left: 24px;
}
.accordion__item-content li:not(:last-child) {
    margin-bottom: 16px;
}
.accordion__item-content li p {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-desc-color);
}
.accordion__item-content li p i {
    display: flex;
}
.accordion__item-content li .title-date {
    color: var(--text-main-color);
    font-family: 'Roboto Medium';
}
.timeline__item::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #93000b;
    border-radius: 9999px;
    border: 4px solid #fff;
    padding-left: -32px;
    position: absolute;
    left: -9px;
}
.timeline__item {
    position: relative;
}
.list-text-content li:not(:last-child) {
    border-bottom: 1px solid #e4bdbd;
    padding-bottom: 16px;
}
.list-text-content .title {
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 1.2;
    color: var(--text-main-color);
}
.list-text-content .title-paper {
    font-family: "Roboto Medium";
    font-size: 14px;
    line-height: 1.2;
    color: var(--text-desc-color);
}
.download-cv {
    display: flex;
    gap: 8px;
    align-items: center;
    background-color: var(--red-color);
    border-radius: 8px;
   padding: 12px 24px;
    justify-content: center;
    margin-top: 24px;
}
.download-cv a {
    font-family: "Roboto Medium";
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
}
.download-cv i {
    display: flex;
    color: #fff;
}
.notification .alert {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.alert .close {
    font-size: 1.5rem;
    line-height: 1;
    color: #000;
    opacity: 0.8;
    border: none;
    background-color: transparent;
}

.alert .close:hover {
    color: #d9534f;
    opacity: 1;
}
.academic-program__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}
.academic-program__item {
    
}
.other-news--wrap li {
    list-style: none;
}
.user-article .user-article-wrap * {
    font-family: 'Roboto Regular';
    font-size: 16px;
    line-height: 28px;
    color: var(--text-main-color);
}