:root {
    --color-green-dark: #005325;
    --color-pink: #dd127b;
    --color-pink-bright: hsl(333, 100%, 45%);
    --color-green: #2da64b;
    --color-green-light: #95d5b2;
    --color-white: #fff;
    --color-black: #000000;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "K2D" !important;
}

.div1-parent-ssTduTinTuc {
    max-height: 620px;
}

a.btn.btn-sm.btn-outline-danger.ms-2{
    padding: 2px !important
}
mark {
    background: var(--color-green-light);
    color: var(--color-pink);
}

div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #005325aa;
    background-color: transparent;
}

div::-webkit-scrollbar {
    width: 3px;
    background-color: transparent;
}

div::-webkit-scrollbar-thumb {
    background-color: #005325aa;
}

a:hover {
    color: var(--color-pink);
}

html {
    scroll-padding-top: 110px;
    /* Đảm bảo rằng nội dung cuộn không bị che bởi header */
    scroll-behavior: smooth;
}

section#section-banners {
    /* height: calc(100vh - 100px); */
    max-height: 1180px;
    text-align: left !important;
}

.no-scroll {
    overflow: hidden;
}

.load-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ssTduFooter */
div#main-content {
    max-width: 1920px;
    margin: 0 auto 0 auto;
    width: 100% !important;
}

::selection {
    color: var(--color-pink);
    background-color: #95d5b2aa;
}

/* END ssTduFooter */

/* ssTduFooter */
.a-text-footer:hover,
.a-text-footer {
    color: var(--color-white);
}

/* .grecaptcha-badge{
    visibility: hidden;
} */
.go-to {
    left: 10px;
}

.go-to:focus:hover,
.go-to:hover {
    color: var(--color-pink);
    background-color: var(--color-green-light);
    opacity: 1;
}

.bg-green {
    background: var(--color-green-dark);
    position: relative;
    font-size: 0.9rem;
}

img.ic-footer {
    width: 18px;
    height: 18px;
    object-fit: contain;
    filter: invert(1);
}

.ic-link {
    padding: 5px;
}

.p-title-footer {
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

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

.p-text-footer {
    color: #fff;
    padding: 3px 0;
}

.parent-footer {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    padding: 40px 20px;
}

.div1-parent-footer {
    grid-area: 1 / 1 / 2 / 3;
    border-right: 1px solid #ddd;
    padding: 0 10px 0 0;
}

.div2-parent-footer {
    grid-area: 1 / 3 / 2 / 4;
    padding: 0 0 0 10px;
}

.div3-parent-footer {
    grid-area: 1 / 4 / 2 / 5;
}

.div4-parent-footer {
    grid-area: 1 / 5 / 2 / 6;
}

.div5-parent-footer {
    grid-area: 1 / 6 / 2 / 7;
}

/* END ssTduFooter */

/* loadingOverlay */
#loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* Hiệu ứng xoay cho ảnh tĩnh */
#loadingOverlay img {
    max-width: 100px;
    object-fit: cover;
    animation: rotateY 2s linear infinite;
    /* Tạo hiệu ứng xoay dọc */
}

/* Định nghĩa hiệu ứng xoay dọc theo trục Y */
@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
        /* Bắt đầu từ góc 0 độ (không xoay) */
    }

    50% {
        transform: rotateY(180deg);
        /* Xoay nửa vòng (180 độ) */
    }

    100% {
        transform: rotateY(360deg);
        /* Xoay 1 vòng đầy đủ (360 độ) */
    }
}

/* END loadingOverlay */

/* Mặc định cho tất cả các màn hình */
/* header */
@keyframes flash-c-fff {
    0% {
        color: var(--color-white);
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    }

    50% {
        color: rgba(255, 255, 255, 1);
        /* Độ sáng tăng lên */
        text-shadow: 0 0 20px rgba(255, 255, 255, 1);
        /* Ánh sáng sáng hơn */
    }

    100% {
        color: var(--color-white);
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    }
}

/* Định nghĩa keyframes cho hiệu ứng flash */
@keyframes flash-c-005325 {
    0% {
        color: var(--color-pink);
        text-shadow: 0 0 10px rgba(0, 83, 37, 0.2);
    }

    50% {
        color: var(--color-pink);
        text-shadow: 0 0 20px rgba(0, 83, 37, 1);
    }

    100% {
        color: var(--color-pink);
        text-shadow: 0 0 10px rgba(0, 83, 37, 0.2);
    }
}

/* fileManager */

.fm .fm-body {
    flex: 1 1 auto;
    overflow: hidden;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid #6c757d;
    border-bottom: 1px solid #6c757d;
    height: 400px;
}

header#header.navbar.navbar-expand-lg.navbar-end.navbar-absolute-top.navbar-light.navbar-show-hide.navbar-scrolled {
    /* position: fixed !important; */
    height: 60px;
}

li.hs-has-mega-menu.nav-item {
    text-align: left;
}

header#header {
    opacity: 0.9;
    transition: height 0.3s ease;
    border-bottom: 1px solid #e5e5e5;
    max-height: 110px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: transform 0.5s ease-in-out;
    padding: 0;
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
        rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
        rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
}

.fix-navbar-topbar {
    background: var(--color-green-dark);
}

/* Đảm bảo các phần tử có hiệu ứng mượt mà */
#header,
.fix-navbar {
    transition: transform 0.3s ease, height 0.3s ease, opacity 0.3s ease;
}

.fix-navbar {
    opacity: 1;
    transform: translateY(0);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    padding: 0;
    margin: auto;
    max-width: 1920px;
    width: 100%;
}

.fix-navbar-nav li {
    margin: 10px !important;
}

.navbar-brand-logo {
    width: 100%;
    min-width: 8rem;
    max-width: 8rem;
    transition: 0.25s ease-in-out all;
    -webkit-transition: 0.25s ease-in-out all;
    -moz-transition: 0.25s ease-in-out all;
    -ms-transition: 0.25s ease-in-out all;
    -o-transition: 0.25s ease-in-out all;
}

.list-group-item-flags {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.fix-navbar-nav {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 0 !important;
    margin: 0 !important;
}

.img-ic-flag {
    width: 24px;
    padding: 0;
    margin: 0;
    transition: transform 0.2s ease;
}

.img-ic-flag:hover {
    transform: scale(1.1);
}

.navbar-expand-lg .nav-item:not(:last-child) {
    margin: 0rem !important;
}

#TimKiemMegaMenuMobile {
    display: none;
}

i.bi-search.list-group-icon-flag.c-005325 {
    margin: 0 5px;
}

.navbar-toggler {
    border: none;
}

.navbar-nav-wrap {
    max-width: 1920px;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: auto;
}

button.navbar-toggler {
    padding: 0;
}

.c-fff {
    padding: 10px !important;
    color: var(--color-white) !important;
    font-weight: 400 !important;
    position: relative;
    transition: color 0.3s ease;
}

.c-fff::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 80%;
    background-color: var(--color-white);
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.3s ease;
}

.c-fff:hover::after,
.c-fff:active::after {
    transform: translateX(-50%) scaleX(1);
}

.c-fff:hover,
.c-fff:active {
    animation: flash-c-fff 0.5s;
}

.c-fff::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 80%;
    background-color: var(--color-white);
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.3s ease;
}

.c-fff:hover::after,
.c-fff:active::after {
    transform: translateX(-50%) scaleX(1);
}

.toggler-icon,
.c-005325 {
    padding: 8px !important;
    color: var(--color-green-dark) !important;
    font-weight: 400 !important;
    position: relative;
    transition: color 0.3s ease;
}

.c-005325 {
    padding: 8px !important;
    color: var(--color-green-dark) !important;
    font-weight: 400 !important;
    position: relative;
    transition: color 0.3s ease;
}

.c-005325::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 80%;
    background-color: var(--color-green-dark);
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.3s ease;
}

.c-005325:hover::after,
.c-005325:active::after {
    transform: translateX(-50%) scaleX(1);
}

.c-005325:hover,
.c-005325:active {
    background: #95d5b24f;
    border-radius: 5px;
}

.c-005325::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 80%;
    background-color: var(--color-green-dark);
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.3s ease;
}

.c-005325:hover::after,
.c-005325:active::after {
    transform: translateX(-50%) scaleX(1);
}

/* END header */

/* content */
#content {
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

/* END content */

img.img-fluid.img-slider {
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: auto !important;
    /* min-height: calc(100vh - 120px); */
    max-width: 1920px;
    max-height: 1080px;
    object-fit: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

img.img-fluid.img-banner {
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: auto !important;
    /* height: calc(100vh - 110px); */
    max-width: 1920px;
    max-height: 1180px;
    object-fit: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: "";
}

.swiper-button-next,
.swiper-button-prev {
    background: transparent;
    width: 50px;
    height: 50px;
    box-shadow: none;
}

.swiper-pagination-bullet-active::before,
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: green;
}

/* END banner-sliders  */

/* ssTduCotMocDangNho */
.ssTduCotMocDangNho-container {
    /* pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; */
    height: fit-content;
    position: relative;
}

.bg-ssTduCotMocDangNho {
    background: #005325;
    height: 60%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.text-border-ssTduCotMocDangNho {
    position: relative;
}

.border-ssTduCotMocDangNho {
    border: 1px solid #2da64b;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -15px;
    left: 15px;
    z-index: 0;
}

.row-ssTduCotMocDangNho {
    padding: 20px;
}

.p-title-ssTduCotMocDangNho {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.p-header-ssTduCotMocDangNho {
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 10px 0;
    color: var(--color-white);
    text-align: justify;
    position: relative;
    z-index: 2;
}

.p-header-ssTduCotMocDangNho span {
    font-weight: 400;
}

.p-body-ssTduCotMocDangNho {
    font-weight: 400;
    color: var(--color-white);
    text-align: justify;
    position: relative;
    z-index: 2;
}

.p-text-ssTduCotMocDangNho {
    font-weight: 300;
    color: var(--color-white);
    text-align: justify;
    font-style: italic;
    background: #2da64b;
    padding: 20px;
    position: relative;
    z-index: 2;
}

.parent-ssTduCotMocDangNho {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduCotMocDangNho {
    grid-area: 1 / 1 / 2 / 7;
}

.div2-parent-ssTduCotMocDangNho {
    grid-area: 1 / 7 / 2 / 10;
}

.parent-text-ssTduCotMocDangNho {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-text-ssTduCotMocDangNho {
    grid-area: 1 / 1 / 2 / 2;
    margin: 10px;
}

.div2-text-ssTduCotMocDangNho {
    grid-area: 1 / 2 / 2 / 3;
    margin: 10px;
}

.div3-text-ssTduCotMocDangNho {
    grid-area: 1 / 3 / 2 / 4;
    margin: 10px;
}

.div4-text-ssTduCotMocDangNho {
    grid-area: 1 / 4 / 2 / 5;
    margin: 10px;
}

.images-text-ssTduCotMocDangNho {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-images-text-ssTduCotMocDangNho {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-images-text-ssTduCotMocDangNho {
    grid-area: 2 / 1 / 3 / 2;
}

.img-ssTduCotMocDangNho {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.img-ssTduCotMocDangNho:hover {
    transform: translateY(-5px) !important;
    transition: all 0.25s ease-in-out !important;
}

.div-link-more-ssTduCotMocDangNho {
    position: relative;
    z-index: 2;
}

a.a-link-more-ssTduCotMocDangNho {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 20px;
    color: #fff;
}

/* END ssTduCotMocDangNho */

/* ssTduThongBao */
.ssTduThongBao-container {
    height: fit-content;
    position: relative;
}

.row-ssTduThongBao {
    padding: 20px;
}

p.card-text-ssTduThongBao {
    padding: 0;
    margin: 0;
}

.p-title-ssTduThongBao {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.div-link-more-ssTduThongBao {
    position: relative;
    z-index: 2;
}

a.a-link-more-ssTduThongBao {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
    color: #dd127b;
}

.news-layout-wrapper {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-gap: 40px;
}

.featured-news-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.featured-news-card {
    display: block;
    height: 100%;
}

.featured-news-img-wrapper {
    position: relative;
    height: 400px; /* Standard height for featured image */
    overflow: hidden;
    border-radius: 8px;
}

.featured-news-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.featured-news-card:hover .featured-news-img {
    transform: scale(1.05);
}

.featured-news-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    padding: 20px;
    color: #fff;
}

.featured-news-title {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.featured-news-desc {
    font-size: 0.95rem;
    opacity: 0.9;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.images-text-ssTduThongBao {
    position: relative;
    display: block; /* List side is a block of items */
}

.bg-ssTduThongBao {
    height: 50%;
    width: 2px;
    background: #005325aa;
    position: absolute;
    margin: auto;
    right: -20px;
    top: 25%;
}

.parent-ssTduThongBao {
    display: block;
    width: 100%;
}

.div1-parent-ssTduThongBao {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}


.card-ssTduThongBao {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    background: transparent;
}

.card-ssTduThongBao:first-child {
    border-top: none;
}

.row.no-gutters.align-items-center {
    padding: 0;
    margin: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.col-2-ssTduThongBao {
    max-width: 80px;
    width: fit-content;
    padding: 0;
}

.col-10-ssTduThongBao {
    padding: 0;
    margin: 0 0 0 10px;
    width: calc(100% - 80px);
}

.card-body-ssTduThongBao {
    padding: 0;
}

.card-title-ssTduThongBao {
    font-weight: 400;
    color: var(--color-green-dark);
    margin-bottom: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.card-link-ssTduThongBao {
    color: var(--color-pink);
    text-decoration: none;
}

.calendarSsTduThongBao {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    margin: 0;
    padding: 0;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.calendarSsTduThongBao .monthSsTduThongBao {
    text-wrap-style: pretty;
    font-size: 16px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    color: var(--color-black);
    padding: 8px;
}

.calendarSsTduThongBao .daySsTduThongBao {
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 500;
    background-color: var(--color-green-dark);
    color: white;
    padding: 5px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 5px 5px;
}

/* General Styling */
ul.list-unstyled-ssTduThongBao {
    padding-left: 0;
}

li.li-ssTduThongBao {
    list-style-type: none;
}

.img-ssTduCuuSinhVien {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.img-ssTduCuuSinhVien:hover {
    transform: translateY(-5px) !important;
    transition: all 0.25s ease-in-out !important;
}

/* END ssTduThongBao */

/* ssTduChuongTrinhTuyenSinh */
.ssTduChuongTrinhTuyenSinh-container {
    height: fit-content;
    position: relative;
}

.row-ssTduChuongTrinhTuyenSinh {
    padding: 20px;
}

.p-title-ssTduChuongTrinhTuyenSinh {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.div-link-more-ssTduChuongTrinhTuyenSinh {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

a.a-link-more-ssTduChuongTrinhTuyenSinh {
    width: fit-content;
    padding: 7px;
    text-wrap-style: pretty;
    font-size: 14px;
    color: var(--color-white);
    font-weight: 400;
    background: var(--color-green-dark);
    border-radius: 0 20px 0 20px;
    margin: 10px;
}

.images-text-ssTduChuongTrinhTuyenSinh {
    position: relative;
}

.bg-ssTduChuongTrinhTuyenSinh {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: auto;
    bottom: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgba(0, 0, 0, 0.3981967787114846) 25%, rgb(0 0 0 / 52%) 50%, rgb(0 0 0 / 57%) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

img.card-img-top.card-img-ssTduChuongTrinhTuyenSinh {
    border-radius: 10px;
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.card-ssTduChuongTrinhTuyenSinh {
    height: 100%;
    width: 100%;
}

.card-img-overlay-ssTduChuongTrinhTuyenSinh {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 20px;
    margin: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.card-title-ssTduChuongTrinhTuyenSinh {
    color: var(--color-white);
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
}

.card-text-ssTduChuongTrinhTuyenSinh {
    color: var(--color-white);
    font-weight: 400;
}

/* END ssTduChuongTrinhTuyenSinh */

/* ssTduNganhHoc */

.ssTduNganhHoc-container {
    height: fit-content;
    position: relative;
}

.row-ssTduNganhHoc {
    padding: 20px;
}

.p-title-ssTduNganhHoc {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.card-ssTduNganhHoc {
    background: transparent;
    box-shadow: none;
}

.row.no-gutters-ssTduNganhHoc {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.col-2-ssTduNganhHoc {
    width: 80px;
}

.col-10-ssTduNganhHoc {
    width: calc(100% - 150px);
}

.card-body-ssTduNganhHoc {
    padding: 20px;
}

.card-title-ssTduNganhHoc {
    font-weight: 500;
    color: var(--color-green-dark);
    margin-bottom: 0;
}

.card-text-ssTduNganhHoc {
    color: var(--color-pink);
    text-decoration: none;
    margin-bottom: 0;
    text-wrap-style: pretty;
    font-size: 14px;
}

/* END ssTduNganhHoc */

/* ssTduNghienCuuKhoaHoc */

.ssTduNghienCuuKhoaHoc-container {
    position: relative;
    height: fit-content;
    padding: 0;
}

.row-ssTduNghienCuuKhoaHoc {
    padding: 20px;
}

.p-title-ssTduNghienCuuKhoaHoc {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.parent-ssTduNghienCuuKhoaHoc {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduNghienCuuKhoaHoc {
    grid-area: 1 / 1 / 2 / 4;
}

.div2-parent-ssTduNghienCuuKhoaHoc {
    grid-area: 1 / 4 / 2 / 6;
    position: relative;
    z-index: 2;
}

.card-ssTduNghienCuuKhoaHoc {
    background: transparent;
    box-shadow: none;
    padding: 0 0 0 20px;
    height: 100%;
}

.card-title-ssTduNghienCuuKhoaHoc-hidden {
    position: unset;
    display: none;
    height: 0;
    font-weight: 400;
    text-wrap-style: pretty;
}

.card-title-ssTduNghienCuuKhoaHoc {
    padding: 20px;
    text-wrap-style: pretty;
    font-size: 22px;
    color: var(--color-white);
    background: linear-gradient(90deg, #005325aa 0%, #005325 30%);
    border-radius: 5px;
    margin: 40px;
    position: absolute;
    left: -100px;
    z-index: 2 !important;
    width: calc(100% + 60px);
    max-height: 150px;
}

.card-text-more-ssTduNghienCuuKhoaHoc {
    margin-bottom: 0;
    text-align: justify;
    margin-top: 200px;
    height: calc(100% - 170px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.card-text-ssTduNghienCuuKhoaHoc {
    color: var(--color-black);
    text-decoration: none;
    margin-bottom: 0;
    text-align: justify;
}

.div-link-more-ssTduNghienCuuKhoaHoc {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

a.a-link-more-ssTduNghienCuuKhoaHoc {
    width: fit-content;
    padding: 7px;
    text-wrap-style: pretty;
    font-size: 16px;
    color: var(--color-pink);
    margin: 10px;
}

.img-ssTduNghienCuuKhoaHoc {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.img-ssTduNghienCuuKhoaHoc:hover {
    transform: translateY(-5px) !important;
    transition: all 0.25s ease-in-out !important;
}

/* END ssTduNghienCuuKhoaHoc */

/* ssTduTrietLyGiaoDuc */

video.html5VideoIframe-CCUM {
    height: 90%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.ssTduTrietLyGiaoDuc-container {
    position: relative;
    width: 100%;
    height: fit-content;
    /* height: 100%; */
}

.bg-ssTduTrietLyGiaoDuc img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.8;
}

.row-ssTduTrietLyGiaoDuc {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.p-group-ssTduTrietLyGiaoDuc {}

.p-title-ssTduTrietLyGiaoDuc {
    padding: 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-green-dark);
}

.p-body-ssTduTrietLyGiaoDuc {
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.p-body-1-ssTduTrietLyGiaoDuc {
    text-wrap-style: pretty;
    font-size: 65px;
    color: var(--color-green-dark);
    font-family: "Passions Conflict", cursive !important;
    font-weight: 400;
}

.p-body-2-ssTduTrietLyGiaoDuc {
    text-wrap-style: pretty;
    font-size: 65px;
    color: var(--color-green-dark);
    font-family: "Passions Conflict", cursive !important;
    font-weight: 400;
}

.p-desc-ssTduTrietLyGiaoDuc {
    padding: 20px 0;
    color: var(--color-green-dark);
    text-align: justify;
}

.card-ssTduTrietLyGiaoDuc {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.card-ssTduTrietLyGiaoDuc img {
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.parent-ssTduTrietLyGiaoDuc {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduTrietLyGiaoDuc {
    grid-area: 1 / 1 / 3 / 5;
}

.div2-parent-ssTduTrietLyGiaoDuc {
    grid-area: 1 / 5 / 2 / 8;
}

.div3-parent-ssTduTrietLyGiaoDuc {
    grid-area: 2 / 5 / 3 / 8;
}

.card-body-1-ssTduTrietLyGiaoDuc {
    padding: 10px;
    background: var(--color-green-dark);
    border-radius: 0 10px 0 10px;
    margin: 0;
    height: 100%;
}

.card-body-2-ssTduTrietLyGiaoDuc {
    padding: 10px;
    background: var(--color-green);
    border-radius: 0 10px 0 10px;
    margin: 0;
    height: 100%;
}

.card-title-ssTduTrietLyGiaoDuc {
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0;
    color: var(--color-white);
    font-weight: 400;
}

.card-text-ssTduTrietLyGiaoDuc {
    font-weight: 300;
    padding: 0;
    margin: 0;
    color: var(--color-white);
}

/* END ssTduTrietLyGiaoDuc */

/* ssTduTinTuc */
.ssTduTinTuc-container {
    position: relative;
    height: fit-content;
}

.row-ssTduTinTuc {
    padding: 20px;
}

.parent-ssTduTinTuc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.div1-parent-ssTduTinTuc {
    grid-area: 1 / 1 / 3 / 3;
}

.div2-parent-ssTduTinTuc {
    grid-area: 1 / 3 / 2 / 4;
}

.div3-parent-ssTduTinTuc {
    grid-area: 1 / 4 / 2 / 5;
}

.div4-parent-ssTduTinTuc {
    grid-area: 2 / 3 / 3 / 4;
}

.div5-parent-ssTduTinTuc {
    grid-area: 2 / 4 / 3 / 5;
}

.card-title-1-ssTduTinTuc {
    color: var(--color-white);
    text-wrap-style: pretty;
    font-size: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.card-title-ssTduTinTuc {
    color: var(--color-white);
    text-align: justify;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.card-text-ssTduTinTuc {
    color: var(--color-white);
    font-weight: 400;
    text-align: justify;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}

.p-title-ssTduTinTuc {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.div-link-more-ssTduTinTuc {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

a.a-link-more-ssTduTinTuc {
    width: fit-content;
    padding: 7px;
    text-wrap-style: pretty;
    font-size: 14px;
    color: var(--color-white);
    font-weight: 400;
    background: var(--color-green-dark);
    border-radius: 0 20px 0 20px;
    margin: 10px;
}

.images-text-ssTduTinTuc {
    position: relative;
}

.bg-ssTduTinTuc {
    height: 40%;
    width: 100%;
    position: absolute;
    margin: auto;
    bottom: 0;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.3981967787114846) 25%,
            rgba(0, 0, 0, 0.6979166666666667) 50%,
            rgba(0, 0, 0, 0.7651435574229692) 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

img.card-img-top.card-img-ssTduTinTuc {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

p.card-title.card-title-ssTduTinTuc {
    font-size: 16px;
}

.card-ssTduTinTuc {
    height: 100%;
    width: 100%;
}

.card-ssTduTinTuc-1 {
    height: 100%;
    width: 100%;
}

.card-img-overlay-ssTduTinTuc {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 0;
    padding: 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* END ssTduTinTuc */

/* ssTduSuKien */

.ssTduSuKien-container {
    position: relative;
    height: fit-content;
    padding: 0;
}

.row-ssTduSuKien {
    padding: 20px;
}

.p-title-ssTduSuKien {
    padding: 0 0 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.card-ssTduSukien {
    margin: 1px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px,
        rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}

.swiper-slide-ssTduSuKien:last-child {
    margin-right: 0;
}

.card-body-ssTduSukien {
    padding: 50px 10px 20px;
    position: relative;
}

img.card-img-top.img-ssTduSukien {
    height: 200px;
    object-fit: cover;
}

.calendarSsTduSuKien {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    margin: 0;
    position: absolute;
    z-index: 2;
    background: #fff;
    padding: 0;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    top: -30px;
    left: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.calendarMonthSsTduSukien {
    text-wrap-style: pretty;
    font-size: 16px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    color: var(--color-black);
    padding: 5px;
}

.calendarDaySsTduSuKien {
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 500;
    background-color: var(--color-green-dark);
    color: white;
    padding: 2px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
}

.card-title-ssTduSuKien {
    font-weight: 400;
    color: var(--color-green-dark);
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 4.5em;
    /*Giớihạnchiềucaođểhiểnthị4dòng*/
    opacity: 1;
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

.card:hover .card-title-ssTduSuKien,
.card:focus .card-title-ssTduSuKien {
    max-height: 10em;
    /* Tăng chiều cao để hiển thị toàn bộ nội dung */
    opacity: 1;
    /* Đảm bảo độ trong suốt đầy đủ */
    -webkit-line-clamp: unset;
    overflow: visible;
}


.card-text-ssTduSuKien {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    text-wrap-style: pretty;
    font-size: 14px;
}

.text-muted-ssTduSuKien {
    color: var(--color-green-dark) !important;
    margin: 0;
    text-wrap-style: pretty;
    font-size: 14px;
}

/* END ssTduSuKien */

/* ssTduKiemDinh */

.ssTduKiemDinh-container {
    position: relative;
    height: fit-content;
}

.row-ssTduKiemDinh {
    padding: 20px;
}

.p-title-ssTduKiemDinh {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

img.img-fluid.img-ssTduKiemDinh {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.img.fslightbox-source.fslightbox-opacity-1 {
    background: var(--color-white);
}

/* END ssTduKiemDinh */

/* ssTduGocAnh */
.ssTduGocAnh-container {
    position: relative;
    height: fit-content;
}

.row-img-ssTduGocAnh {
    padding: 20px;
    margin: 0;
}

.row-ssTduGocAnh {
    margin: auto;
    position: relative;
}

h1.p-title-ssTduGocAnh {
    margin: 0;
    padding: 20px 0;
    color: #dd127b;
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
}

.text-header-ssTduGocAnh {
    color: #005325;
    text-wrap-style: pretty;
    font-size: 1rem;
    font-weight: 400;
    text-align: justify;
    font-style: italic;
    width: 48%;
    padding: 10px 0;
}

.group-ssTduGocAnh_item-more {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    padding: 0.5rem;
}

.ssTduGocAnh_item-more {
    color: #dd127b;
    text-wrap-style: pretty;
    font-size: 0.9rem;
}

.ssTduGocAnh_item-more:active,
.ssTduGocAnh_item-more:focus,
.ssTduGocAnh_item-more:hover {
    opacity: 0.8;
    color: #dd127b;
    filter: drop-shadow(0 0 0.75rem #dd127b);
    -webkit-filter: drop-shadow(0 0 0.75rem #dd127b);
}

.fslightbox-source {
    background: #fff;
}

.ssTduGocAnh-mobile {
    display: none;
}

.col-left-ssTduGocAnh {
    padding: 0;
}

.col-right-ssTduGocAnh {
    padding: 0;
}

.card-1-2-3-4-5 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.card-1-2 {
    display: flex;
    flex-direction: column;
    width: 45%;
}

.card-1-2-3 {
    height: 70%;
    display: flex;
    justify-content: space-between;
}

.card-3-4 {
    height: 40%;
    width: 100%;
    display: flex;
}

.card-6-7-8-9-10 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin: -7rem 0 3rem 0;
}

.card-6-8 {
    width: 100%;
    height: 40%;
    display: flex;
    justify-content: space-between;
}

.card-7-9-10 {
    display: flex;
    width: 100%;
    height: 70%;
}

.card-9-10 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    height: 100%;
}

.card-1 {
    height: 50%;
    display: flex;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.card-2 {
    height: 50%;
    width: 100%;
    display: flex;
}

.card-3 {
    height: 100%;
    width: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.card-4 {
    height: 100%;
    width: 50%;
}

.card-5 {
    height: 100%;
    width: calc(70% - 5px);
}

.card-6 {
    height: 100%;
    width: 40%;
}

.card-7 {
    width: 70%;
    height: 100%;
}

.card-8 {
    height: 100%;
    width: 70%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.card-9 {
    height: 100%;
    width: 100%;
}

.card-10 {
    height: 100%;
    width: 100%;
}

.card-1 img {
    height: 100%;
    width: 70%;
    padding: 0.2rem;
}

.card-2 img {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
}

.card-3 img {
    height: 70%;
    width: 70%;
    padding: 0.2rem;
}

.card-4 img {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
}

.card-5 img {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
}

.card-6 img {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
}

.card-8 img {
    height: 70%;
    width: 70%;
    padding: 0.2rem;
}

.card-7 img {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
}

.card-9 img {
    width: 100%;
    height: 100%;
    padding: 0.2rem;
}

.card-10 img {
    height: 100%;
    width: 70%;
    padding: 0.2rem;
}

.img-ssTduGocAnh {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.row-img-ssTduGocAnh {
    padding: 0;
    margin: 0;
}

.img-ssTduGocAnh:hover {
    filter: brightness(0.7);
    transform: scale(1.01);
}

/* END ssTduGocAnh */

/* ssTduChapCanhUocMo */

.ssTduChapCanhUocMo-container {
    height: fit-content;
    position: relative;
}

.container.no-row-ssTduChapCanhUocMo {
    width: 100%;
    padding: 0;
}

.row-ssTduChapCanhUocMo {
    padding: 20px;
}

.custom-border-radius {
    height: 80%;
    aspect-ratio: 16 / 8;
    border-radius: 0 5px 5px 0 !important;
    -webkit-border-radius: 0 5px 5px 0 !important;
    -moz-border-radius: 0 5px 5px 0 !important;
    -ms-border-radius: 0 5px 5px 0 !important;
    -o-border-radius: 0 5px 5px 0 !important;
}

.p-title-ssTduChapCanhUocMo {
    padding: 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.parent-ssTduChapCanhUocMo {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduChapCanhUocMo {
    grid-area: 1 / 1 / 2 / 4;
}

.div2-parent-ssTduChapCanhUocMo {
    grid-area: 1 / 4 / 2 / 6;
    position: relative;
    z-index: 2;
    width: 73%;
    margin: 0;
}

.card-ssTduChapCanhUocMo {
    background: transparent;
    box-shadow: none;
    padding: 20px;
    position: relative;
    height: 100%;
}

.card-title-ssTduChapCanhUocMo-hidden {
    position: unset;
    display: none;
    height: 0;
}

.card-title-ssTduChapCanhUocMo {
    padding: 20px;
    text-wrap-style: pretty;
    font-size: 16px;
    color: var(--color-white);
    background: linear-gradient(90deg, #005325aa 0%, #005325 30%);
    border-radius: 5px;
    margin: 0;
    position: absolute;
    left: -50px;
    z-index: 2 !important;
}

.card-text-ssTduChapCanhUocMo-hidden {
    display: none;
}

.card-text-ssTduChapCanhUocMo {
    color: var(--color-white);
    text-decoration: none;
    margin-bottom: 0;
    text-align: justify;
    height: 100%;
    text-wrap-style: pretty;
    font-size: 14px;
    font-weight: 300;
}

.bg-ssTduChapCanhUocMo {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: #68ba91;
}

/* END ssTduChapCanhUocMo */

/* ssTduGioiThieuDaiHocTayDo */

.ssTduGioiThieuDaiHocTayDo-container {
    height: fit-content;
    position: relative;
}

.row-ssTduGioiThieuDaiHocTayDo {
    padding: 20px;
}

.p-title-ssTduGioiThieuDaiHocTayDo {
    padding: 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.p-text-ssTduGioiThieuDaiHocTayDo p {
    color: var(--color-black);
    margin-bottom: 5px;
    text-align: justify;
    text-wrap-style: pretty;
    font-size: 15px;
}

img.img-ssTduGioiThieuDaiHocTayDo {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.parent-ssTduGioiThieuDaiHocTayDo {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduGioiThieuDaiHocTayDo {
    grid-area: 1 / 1 / 2 / 5;
}

.div2-parent-ssTduGioiThieuDaiHocTayDo {
    grid-area: 1 / 5 / 2 / 10;
}

.parent-images-ssTduGioiThieuDaiHocTayDo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
    height: 100%;
}

.div1-images-ssTduGioiThieuDaiHocTayDo {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-images-ssTduGioiThieuDaiHocTayDo {
    grid-area: 1 / 2 / 2 / 3;
}

.div3-images-ssTduGioiThieuDaiHocTayDo {
    grid-area: 2 / 1 / 3 / 2;
}

.div4-images-ssTduGioiThieuDaiHocTayDo {
    grid-area: 2 / 2 / 3 / 3;
}

/* END ssTduGioiThieuDaiHocTayDo */

/* ssTduGiaTriCotLoi */
.ssTduGiaTriCotLoi-container {
    height: fit-content;
    position: relative;
}

.row-ssTduGiaTriCotLoi {
    padding: 20px;
}

.parent-ssTduGiaTriCotLoi {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduGiaTriCotLoi {
    grid-area: 1 / 1 / 2 / 2;
    background: var(--color-green-dark);
    padding: 20px;
    height: 100%;
}

.div2-parent-ssTduGiaTriCotLoi {
    grid-area: 1 / 2 / 2 / 3;
    padding: 20px;
    height: 100;
}

.div3-parent-ssTduGiaTriCotLoi {
    grid-area: 1 / 3 / 2 / 4;
    background: var(--color-green);
    padding: 20px;
    height: 100%;
}

.div4-parent-ssTduGiaTriCotLoi {
    grid-area: 1 / 4 / 2 / 5;
    padding: 20px;
    height: 100%;
}

.div1-parent-ssTduGiaTriCotLoi>p.card-title-ssTduGiaTriCotLoi {
    color: var(--color-white);
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
}

.div2-parent-ssTduGiaTriCotLoi>p.card-title-ssTduGiaTriCotLoi {
    color: var(--color-green-dark);
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
}

.div3-parent-ssTduGiaTriCotLoi>p.card-title-ssTduGiaTriCotLoi {
    color: var(--color-white);
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
}

.div4-parent-ssTduGiaTriCotLoi>p.card-title-ssTduGiaTriCotLoi {
    color: var(--color-green-dark);
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
}

.div1-parent-ssTduGiaTriCotLoi>p.card-text-ssTduGiaTriCotLoi {
    color: var(--color-white);
    padding: 0;
    margin: 0;
}

.div2-parent-ssTduGiaTriCotLoi>p.card-text-ssTduGiaTriCotLoi {
    color: var(--color-green-dark);
    padding: 0;
    margin: 0;
}

.div3-parent-ssTduGiaTriCotLoi>p.card-text-ssTduGiaTriCotLoi {
    color: var(--color-white);
    padding: 0;
    margin: 0;
}

.div4-parent-ssTduGiaTriCotLoi>p.card-text-ssTduGiaTriCotLoi {
    color: var(--color-green-dark);
    padding: 0;
    margin: 0;
}

/* END ssTduGiaTriCotLoi */

/* ssTduTamNhinSuMang */
.ssTduTamNhinSuMang-container {
    position: relative;
    height: fit-content;
    background: var(--color-green);
}

.row-ssTduTamNhinSuMang {
    padding: 20px;
}

.parent-ssTduTamNhinSuMang {
    display: grid;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduTamNhinSuMang {
    grid-area: 1 / 1 / 5 / 5;
    height: 100%;
    padding: 20px;
    background: transparent;
    border: none;
    outline: none;
}

.div2-parent-ssTduTamNhinSuMang {
    grid-area: 1 / 5 / 3 / 10;
    height: 100%;
    padding: 20px 0 0 0;
    background: transparent;
    border: none;
    outline: none;
}

.div3-parent-ssTduTamNhinSuMang {
    grid-area: 3 / 5 / 5 / 10;
    height: 100%;
    padding: 20px 0 0 0;
    background: transparent;
    outline: none;
    box-shadow: none;
    border-top: 1px solid #ddd;
}

p.card-title-ssTduTamNhinSuMang {
    color: var(--color-white);
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
}

p.card-text-ssTduTamNhinSuMang {
    color: var(--color-white);
    padding: 0;
    margin: 0;
    text-align: justify;
    padding: 0;
    margin: 0;
}

/* END ssTduTamNhinSuMang */

/* ssTduTrietLyGiaoDucV2 */
.ssTduTrietLyGiaoDucV2-container {
    position: relative;
    background: #e6ebbb6b;
    height: fit-content;
}

.row-ssTduTrietLyGiaoDucV2 {
    padding: 20px;
}

.p-title-ssTduTrietLyGiaoDucV2 {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    margin: 0;
    padding: 20px 0;
}

.p-header-ssTduTrietLyGiaoDucV2 {
    text-wrap-style: pretty;
    font-size: 65px;
    color: var(--color-pink) !important;
    font-family: "Passions Conflict", cursive !important;
    font-weight: 400;
}

.p-body-ssTduTrietLyGiaoDucV2 {
    color: var(--color-black);
    font-weight: 400;
}

.p-text-ssTduTrietLyGiaoDucV2 {
    color: var(--color-black);
    text-align: justify;
}

/* END ssTduTrietLyGiaoDucV2 */

/* ssTduGioiThieuHoiDong */
.ssTduGioiThieuHoiDong-container {
    height: fit-content;
    position: relative;
}

.row-ssTduGioiThieuHoiDong {
    padding: 20px;
}

.p-title-ssTduGioiThieuHoiDong {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin: 0;
}

.parent-ssTduGioiThieuHoiDong {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduGioiThieuHoiDong {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-parent-ssTduGioiThieuHoiDong {
    grid-area: 1 / 2 / 2 / 3;
}

.div3-parent-ssTduGioiThieuHoiDong {
    grid-area: 1 / 3 / 2 / 4;
}

.div4-parent-ssTduGioiThieuHoiDong {
    grid-area: 1 / 4 / 2 / 5;
}

.bg-ssTduGioiThieuHoiDong {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: auto;
    bottom: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,
            rgb(0 0 0 / 8%) 25%,
            rgb(0 0 0 / 26%) 50%,
            rgb(0 0 0 / 67%) 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

img.card-img-top.card-img-ssTduGioiThieuHoiDong {
    border-radius: 10px;
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.card-ssTduGioiThieuHoiDong {
    height: 100%;
    width: 100%;
}

.card-img-overlay-ssTduGioiThieuHoiDong {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding: 20px 10px;
    margin: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.card-title-ssTduGioiThieuHoiDong {
    color: var(--color-white);
    font-weight: 400;
    font-size: 14px;
}

a.card-title.card-title-ssTduGioiThieuHoiDong:hover {
    color: white;
}

/* END ssTduGioiThieuHoiDong */

/* ssTduGioiThieuDoiNguGiangVien */
.ssTduGioiThieuDoiNguGiangVien-container {
    position: relative;
    height: fit-content;
}

.row-ssTduGioiThieuDoiNguGiangVien {
    padding: 20px;
}

.p-title-ssTduGioiThieuDoiNguGiangVien {
    padding: 20px 0;
    margin: 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.p-title-ssTduGioiThieuDoiNguGiangVien-hidden {
    display: none;
}

.div1-parent-ssTduGioiThieuDoiNguGiangVien-hidden {
    display: none;
}

.p-text-ssTduGioiThieuDoiNguGiangVien p {
    color: var(--color-black);
    margin-bottom: 5px;
    text-align: justify;
    text-wrap-style: pretty;
    font-size: 15px;
}

img.img-ssTduGioiThieuDoiNguGiangVien {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.parent-ssTduGioiThieuDoiNguGiangVien {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduGioiThieuDoiNguGiangVien {
    grid-area: 1 / 1 / 2 / 3;
}

.div2-parent-ssTduGioiThieuDoiNguGiangVien {
    grid-area: 1 / 3 / 2 / 6;
    background: #3da866;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.p-text-ssTduGioiThieuDoiNguGiangVien p {
    color: var(--color-white);
}

.p-text-ssTduGioiThieuDoiNguGiangVien {
    padding: 30px 20px;
    z-index: 2;
    position: relative;
}

.bg-ssTduGioiThieuDoiNguGiangVien {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 0;
    opacity: 0.1;
}

/* END ssTduGioiThieuDoiNguGiangVien */

/* ssTduHoiDongSangLap */
.ssTduHoiDongSangLap-container {
    position: relative;
    height: fit-content;
}

.row-ssTduHoiDongSangLap {
    padding: 40px 20px;
}

.p-title-ssTduHoiDongSangLap {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.card-body-ssTduHoiDongSangLap {
    padding: 10px;
}

.p-text-ssTduHoiDongSangLap {
    text-align: justify;
    color: var(--color-black);
    margin: 0;
    font-weight: 400;
}

.group-p-text-ssTduHoiDongSangLap {
    margin: 0 0 40px 0;
}

.card-title-ssTduHoiDongSangLap {
    color: var(--color-pink);
    font-weight: 400;
    text-wrap-style: pretty;
    font-size: 15px;
}

.card-text-ssTduHoiDongSangLap {
    color: var(--color-black);
    text-wrap-style: pretty;
    font-size: 12px;
    margin: 0;
    font-weight: 400;
}

.card-ssTduHoiDongSangLap {
    height: 100%;
    width: 100%;
}

.img-ssTduHoiDongSangLap {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.parent-ssTduHoiDongSangLap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0;
    margin: 0;
}

.div1parent-ssTduHoiDongSangLap {
    grid-area: 1 / 1 / 2 / 2;
}

.div2parent-ssTduHoiDongSangLap {
    grid-area: 1 / 2 / 2 / 3;
}

.div3parent-ssTduHoiDongSangLap {
    grid-area: 1 / 3 / 2 / 4;
}

.div4parent-ssTduHoiDongSangLap {
    grid-area: 1 / 4 / 2 / 5;
}

.div5parent-ssTduHoiDongSangLap {
    grid-area: 2 / 1 / 3 / 2;
}

.div6parent-ssTduHoiDongSangLap {
    grid-area: 2 / 2 / 3 / 3;
}

.div7parent-ssTduHoiDongSangLap {
    grid-area: 2 / 3 / 3 / 4;
}

.div8parent-ssTduHoiDongSangLap {
    grid-area: 2 / 4 / 3 / 5;
}

/* END ssTduHoiDongSangLap */

/* ssTduHoiDongTruong */
.ssTduHoiDongTruong-container {
    position: relative;
    height: fit-content;
}

.row-ssTduHoiDongTruong {
    padding: 40px 20px;
}

.p-title-ssTduHoiDongTruong {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.card-body-ssTduHoiDongTruong {
    padding: 10px 5px;
}

.p-text-ssTduHoiDongTruong {
    color: var(--color-black);
    margin: 0;
    font-weight: 400;
    text-align: justify;
}

.group-p-text-ssTduHoiDongTruong {
    margin: 0 0 40px 0;
}

.card-title-ssTduHoiDongTruong {
    color: var(--color-pink);
    font-weight: 400;
    text-wrap-style: pretty;
    font-size: 16px;
}

.card-text-ssTduHoiDongTruong {
    color: var(--color-black);
    margin: 0;
    font-weight: 400;
}

.card-ssTduHoiDongTruong {
    height: 100%;
    width: 100%;
}

.card-ssTduHoiDongTruong-no-outline {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0;
}

.img-ssTduHoiDongTruong {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.no-gutters-ssTduHoiDongTruong {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-items: center;
}

.parent-ssTduHoiDongTruong {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduHoiDongTruong {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-parent-ssTduHoiDongTruong {
    grid-area: 1 / 2 / 2 / 3;
}

.div3-parent-ssTduHoiDongTruong {
    grid-area: 2 / 1 / 3 / 2;
}

.div4-parent-ssTduHoiDongTruong {
    grid-area: 2 / 2 / 3 / 3;
}

.div5-parent-ssTduHoiDongTruong {
    grid-area: 3 / 1 / 4 / 2;
}

.div6-parent-ssTduHoiDongTruong {
    grid-area: 3 / 2 / 4 / 3;
}

.div7-parent-ssTduHoiDongTruong {
    grid-area: 4 / 1 / 5 / 2;
}

.div8-parent-ssTduHoiDongTruong {
    grid-area: 4 / 2 / 5 / 3;
}

.div9-parent-ssTduHoiDongTruong {
    grid-area: 5 / 1 / 6 / 2;
}

.div10-parent-ssTduHoiDongTruong {
    grid-area: 5 / 2 / 6 / 3;
}

/* END ssTduHoiDongTruong */

/* ssTduBanGiamHieu */
.ssTduBanGiamHieu-container {
    position: relative;
    height: fit-content;
}

.row-ssTduBanGiamHieu {
    padding: 20px;
}

.p-title-ssTduBanGiamHieu {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.img-ssTduBanGiamHieu {
    height: 250px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.card-body-ssTduBanGiamHieu {
    padding: 20px 10px;
}

.p-text-ssTduBanGiamHieu {
    color: var(--color-black);
    margin: 0;
    font-weight: 400;
    text-align: justify;
}

.group-p-text-ssTduBanGiamHieu {
    margin: 0 0 40px 0;
}

.card-title-ssTduBanGiamHieu {
    color: var(--color-pink);
    font-weight: 400;
    text-wrap-style: pretty;
    font-size: 16px;
}

.card-text-ssTduBanGiamHieu {
    color: var(--color-black);
    margin: 0;
    font-weight: 400;
    text-wrap-style: pretty;
    font-size: 13px;
}

.card-ssTduBanGiamHieu {
    height: 100%;
    width: 100%;
}

.parent-ssTduBanGiamHieu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduBanGiamHieu {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-parent-ssTduBanGiamHieu {
    grid-area: 1 / 2 / 2 / 3;
}

.div3-parent-ssTduBanGiamHieu {
    grid-area: 1 / 3 / 2 / 4;
}

.div4-parent-ssTduBanGiamHieu {
    grid-area: 1 / 4 / 2 / 5;
}

.img-ssTduBanGiamHieu-lg {
    min-height: 400px;
    width: 100%;
    object-fit: contain;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.parent-ssTduBanGiamHieu-group {
    position: relative;
    padding: 0 0 40px 0;
}

.parent-ssTduBanGiamHieu-lg {
    position: relative;
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin: 0;
    padding: 0;
}

.bg-parent-ssTduBanGiamHieu-lg {
    height: 50%;
    width: 100%;
    z-index: 0;
    left: 0;
    position: absolute;
    bottom: 0;
}

.bg-ssTduBanGiamHieu-lg {
    height: 100%;
    width: 100%;
    z-index: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    background: #2da64baa;
    opacity: 0.5;
}

img.bg-img-ssTduBanGiamHieu-lg {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
}

.parent-group-ssTduBanGiamHieu-1 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-group-ssTduBanGiamHieu-1 {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-parent-group-ssTduBanGiamHieu-1 {
    grid-area: 2 / 1 / 3 / 2;
}

.div1-parent-ssTduBanGiamHieu-lg {
    grid-area: 1 / 1 / 2 / 4;
}

.div2-parent-ssTduBanGiamHieu-lg {
    grid-area: 1 / 4 / 2 / 6;
    position: relative;
    z-index: 2;
}

.card-ssTduBanGiamHieu-lg {
    background: transparent;
    box-shadow: none;
    padding: 20px;
    position: relative;
    height: 100%;
}

.card-title-ssTduBanGiamHieu-lg-hidden {
    position: unset;
    display: none;
    height: 0;
}

.card-title-ssTduBanGiamHieu-lg {
    width: fit-content;
    padding: 20px;
    text-wrap-style: pretty;
    font-size: 16px;
    color: var(--color-white);
    background: linear-gradient(90deg, #2da64baa 0%, #2da64b 30%);
    border-radius: 5px;
    margin: 10% 0;
    position: absolute;
    left: -50px;
    z-index: 2 !important;
    width: calc(100% + 50px);
}

.card-title-ssTduBanGiamHieu-lg-1 {
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px;
}

.card-title-ssTduBanGiamHieu-lg-2 {
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0 10px;
}

.card-text-ssTduBanGiamHieu-lg-hidden {
    display: none;
}

.card-text-ssTduBanGiamHieu-lg {
    padding: 20px;
    color: var(--color-white);
    text-decoration: none;
    margin-bottom: 0;
    text-align: justify;
    height: 100%;
    text-wrap-style: pretty;
    font-size: 14px;
    font-weight: 300;
}

/* .bg-parent-ssTduBanGiamHieu-lg {
    display: none;
} */

/* ssTduBanGiamHieu */

/* ssTduHoiDongKhoaHocVaDaoTao */
.ssTduHoiDongKhoaHocVaDaoTao-container {
    position: relative;
    height: fit-content;
}

.row-ssTduHoiDongKhoaHocVaDaoTao {
    padding: 20px;
}

.p-title-ssTduHoiDongKhoaHocVaDaoTao {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.p-text-ssTduHoiDongKhoaHocVaDaoTao {
    font-weight: 400;
    color: var(--color-black);
    padding: 0 0 20px 0;
}

.parent-ssTduHoiDongKhoaHocVaDaoTao {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 0;
    margin: 0;
}

.card-ssTduHoiDongKhoaHocVaDaoTao {
    border-bottom: 1px solid #d0cdcd;
}

.text-name {
    font-weight: 400;
    color: var(--color-black);
    text-wrap-style: pretty;
    font-size: 16px;
}

.text-desc {
    font-weight: 400;
    color: var(--color-black);
}

.div1-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 1 / 2 / 2 / 3;
}

.div3-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 2 / 1 / 3 / 2;
}

.div4-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 2 / 2 / 3 / 3;
}

.div5-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 3 / 1 / 4 / 2;
}

.div6-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 3 / 2 / 4 / 3;
}

.div7-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 4 / 1 / 5 / 2;
}

.div8-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 4 / 2 / 5 / 3;
}

.div9-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 5 / 1 / 6 / 2;
}

.div10-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 5 / 2 / 6 / 3;
}

.div11-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 6 / 1 / 7 / 2;
}

.div12-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 6 / 2 / 7 / 3;
}

.div13-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 7 / 1 / 8 / 2;
}

.div14-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 7 / 2 / 8 / 3;
}

.div15-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 8 / 1 / 9 / 2;
}

.div16-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 8 / 2 / 9 / 3;
}

.div17-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 9 / 1 / 10 / 2;
}

.div18-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 9 / 2 / 10 / 3;
}

.div19-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 10 / 1 / 11 / 2;
}

.div20-ssTduHoiDongKhoaHocVaDaoTao {
    grid-area: 10 / 2 / 11 / 3;
}

/* END ssTduHoiDongKhoaHocVaDaoTao */

/* ssTduGioiThieuDaoTao */

.ssTduGioiThieuDaoTao-container {
    position: relative;
    height: fit-content;
}

.row-ssTduGioiThieuDaoTao {
    position: relative;
}

.bg-ssTduGioiThieuDaoTao {
    background: var(--color-green-dark);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.bg-1-ssTduGioiThieuDaoTao {
    background: #74c69de5;
    position: absolute;
    height: 50%;
    width: 60%;
    z-index: 0;
    top: 0;
    left: 0;
}

.bg-2-ssTduGioiThieuDaoTao {
    background: #74c69de5;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    bottom: 0;
    right: 0;
    opacity: 0.8;
}

.bg-3-ssTduGioiThieuDaoTao {
    background: #005325a3;
    position: absolute;
    height: 50%;
    width: 80%;
    z-index: 0;
    bottom: 0;
    right: 0;
}

.group-p-ssTduGioiThieuDaoTao {
    position: relative;
    z-index: 2;
    padding: 30px 20px;
}

.group-p-ssTduGioiThieuDaoTao p {
    color: var(--color-white);
    text-align: justify;
}

.group-parent-ssTduGioiThieuDaoTao {
    position: relative;
    margin: 0 0 20px 0;
    padding: 40px 10px;
}

.img-ssTduGioiThieuDaoTao {
    height: 300px;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.parent-ssTduChuongTrinhDaoTao {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px;
}

.div1-parent-ssTduChuongTrinhDaoTao {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-parent-ssTduChuongTrinhDaoTao {
    grid-area: 1 / 2 / 2 / 3;
}

.div3-parent-ssTduChuongTrinhDaoTao {
    grid-area: 2 / 1 / 3 / 2;
}

.div4-parent-ssTduChuongTrinhDaoTao {
    grid-area: 2 / 2 / 3 / 3;
}

.div5-parent-ssTduChuongTrinhDaoTao {
    grid-area: 3 / 1 / 4 / 2;
}

.div6-parent-ssTduChuongTrinhDaoTao {
    grid-area: 3 / 2 / 4 / 3;
}

.img-ssTduChuongTrinhDaoTao {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.p-title-ssTduChuongTrinhDaoTao {
    font-weight: 400;
    text-wrap-style: pretty;
    font-size: 16px;
    text-transform: uppercase;
    color: var(--color-pink);
}

.p-text-ssTduChuongTrinhDaoTao {
    font-weight: 400;
    color: var(--color-black);
    text-align: justify;
}

.p-link-ssTduChuongTrinhDaoTao {
    font-weight: 400;
    color: var(--color-pink);
}

.p-link-ssTduChuongTrinhDaoTao:hover {
    font-weight: 400;
    text-decoration: underline;
}

.parent-ssTduVanBanBieuMau {
    position: relative;
    padding: 30px 0;
}

.img-ssTduVanBanBieuMau {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 0.4;
}

.p-title-ssTduVanBanBieuMau {
    position: relative;
    z-index: 2;
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.p-text-ssTduVanBanBieuMau {
    position: relative;
    z-index: 2;
    color: var(--color-black);
    font-weight: 400;
}

/* END ssTduGioiThieuDaoTao */

/* ssTduSuKienList */
.row-ssTduSuKienList {
    padding: 20px;
}

.row-ssTduSuKienList>.p-title-ssTduSuKien {
    padding: 20px 0;
}

.parent-ssTduSuKien {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0;
}

.div1-parent-ssTduSuKien {
    grid-area: 1 / 1 / 2 / 2;
}

.div2-parent-ssTduSuKien {
    grid-area: 1 / 2 / 2 / 3;
}

.div3-parent-ssTduSuKien {
    grid-area: 1 / 3 / 2 / 4;
}

.div4-parent-ssTduSuKien {
    grid-area: 1 / 4 / 2 / 5;
}

.div5-parent-ssTduSuKien {
    grid-area: 2 / 1 / 3 / 2;
}

.div6-parent-ssTduSuKien {
    grid-area: 2 / 2 / 3 / 3;
}

.div7-parent-ssTduSuKien {
    grid-area: 2 / 3 / 3 / 4;
}

.div8-parent-ssTduSuKien {
    grid-area: 2 / 4 / 3 / 5;
}

.div9-parent-ssTduSuKien {
    display: none;
}

/* END ssTduSuKienList */

/* ssTduSuKienList */

.ssTduBaiViet-container {
    background: transparent;
    height: fit-content;
}

.row-ssTduBaiViet {
    max-width: calc(100vw - 55%) !important;
}

.nav-ssTduBaiViet {
    background: transparent;
    padding: 20px 0;
}

.breadcrumb {
    flex-wrap: wrap;
}

.breadcrumb a {
    color: #000000aa;
    /* -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box; */
}

.breadcrumb-item.active {
    color: var(--color-black);
    /* overflow: hidden; */
    /* -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box; */
}

h1.p-title-ssTduBaiViet {
    text-wrap-style: pretty;
    font-size: 1.2rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--color-black);
    padding: 20px 0;
    margin: 0;
    font-family: 'Times New Roman', Times, serif !important;
    background: transparent;
}

.p-body-ssTduBaiViet p.caption span,
.p-body-ssTduBaiViet p.caption {
    width: 100% !important;
    color: var(--color-black) !important;
    font-family: "arial" !important;
    font-size: 16px !important;
    text-align: center !important;
    background: transparent;
}

.p-publish-ssTduBaiViet {
    font-weight: 400;
    color: var(--color-black);
    font-family: "arial" !important;
    background: transparent;
}

.p-description-ssTduBaiViet {
    font-weight: 400;
    color: gray;
    font-family: "arial" !important;
    font-size: 16px;
    font-style: italic;
    background: transparent;
}

.p-body-ssTduBaiViet p span,
.p-body-ssTduBaiViet p {
    color: var(--color-black);
    font-family: "arial" !important;
    font-size: 1.2rem;
    text-align: justify;
    background: transparent;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    line-height: 1.5rem !important;
    margin-top: 1.5rem !important;
}

.p-body-ssTduBaiViet {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: justify;
    justify-content: flex-start;
    flex-wrap: nowrap;
    background: transparent;
}

.p-body-ssTduBaiViet p span>img,
.p-body-ssTduBaiViet p>img,
.p-body-ssTduBaiViet img {
    max-width: 100%;
    text-align: center;
    /* width: 100% !important; */
    height: auto !important;
    mix-blend-mode: multiply;
}

.p-attachment-ssTduBaiViet a {
    text-transform: uppercase;
    font-weight: 400;
    color: var(--color-pink);
    background: transparent;
}

.p-list-ssTduBaiViet {
    text-transform: uppercase;
    font-weight: 400;
    color: var(--color-pink);
    background: transparent !important;
}

.li-list-ssTduBaiViet {
    font-weight: 400;
    color: var(--color-black);
    background: transparent !important;
}

.li-list-ssTduBaiViet a {
    color: var(--color-black);
    background: transparent !important;
    font-family: 'Times New Roman', Times, serif !important;
}

.li-list-ssTduBaiViet:hover a {
    color: var(--color-pink);
    font-weight: 400;
}

/* END ssTduSuKienList */

/* ssTduNavBarDonVi */
.ssTduNavBarDonVi-container {
    background: #eaf7f0;
    height: fit-content;
}

.row-ssTduNavBarDonVi {
    padding: 20px;
    display: flex;
    flex-direction: row;
}

.row-ssTduNavBarDonVi a {
    padding: 0;
    margin: 0;
}

.p-title-ssTduNavBarDonVi {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin-right: 40px;
}

/* END ssTduNavBarDonVi */

/* ssTduListKhoa */
.row-ssTduListKhoa {
    padding: 20px;
}

img.img-ssTduListKhoa {
    object-fit: contain;
}

.p-title-ssTduListKhoa {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin: 0;
}

.parent-ssTduListKhoa {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduListKhoa {
    grid-area: 1 / 1 / 2 / 5;
}

.div2-parent-ssTduListKhoa {
    grid-area: 1 / 5 / 2 / 10;
}

.div3-parent-ssTduListKhoa {
    grid-area: 1 / 10 / 2 / 13;
}

.ul-ssTduListKhoa {
    list-style: none;
    padding: 0;
}

.li-ssTduListKhoa {
    list-style: none;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    color: var(--color-black);
    padding: 10px 0;
    cursor: pointer;
}

.li-ssTduListKhoa:hover {
    background: #95d5b2aa;
}

.card-ssTduListKhoa img:hover {
    transform: translateY(-2px);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
}

.img-ssTduListKhoa {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.card-title-ssTduListKhoa {
    color: var(--color-black);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.group-text-ssTduListKhoa {
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-ssTduListKhoa {
    color: var(--color-black);
    font-weight: 400;
    padding: 10px 0;
    margin: 0;
}

/* END ssTduListKhoa */

/* ssTduListPhongBan */
.ssTduListPhongBan-container {
    background: #eaf7f0;
    height: fit-content;
}

img.img-ssTduListPhongBan {
    object-fit: contain;
}

.row-ssTduListPhongBan {
    padding: 20px;
}

.p-title-ssTduListPhongBan {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin: 0;
}

.parent-ssTduListPhongBan {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduListPhongBan {
    grid-area: 1 / 1 / 2 / 5;
}

.div2-parent-ssTduListPhongBan {
    grid-area: 1 / 5 / 2 / 10;
}

.div3-parent-ssTduListPhongBan {
    grid-area: 1 / 10 / 2 / 13;
}

.ul-ssTduListPhongBan {
    list-style: none;
    padding: 0;
}

.li-ssTduListPhongBan {
    list-style: none;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    color: var(--color-black);
    padding: 10px 0;
    cursor: pointer;
}

.li-ssTduListPhongBan:hover {
    background: #95d5b2aa;
}

.card-ssTduListPhongBan img:hover {
    transform: translateY(-2px);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
}

.img-ssTduListPhongBan {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.card-title-ssTduListPhongBan {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.group-text-ssTduListPhongBan {
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-ssTduListPhongBan {
    color: var(--color-black);
    font-weight: 400;
    padding: 10px 0;
    margin: 0;
}

/* END ssTduListPhongBan */

/* ssTduListDangUyDoanThe */
.row-ssTduListDangUyDoanThe {
    padding: 20px;
}

img.img-ssTduListDangUyDoanThe {
    object-fit: contain;
}

.p-title-ssTduListDangUyDoanThe {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin: 0;
}

.parent-ssTduListDangUyDoanThe {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduListDangUyDoanThe {
    grid-area: 1 / 1 / 2 / 5;
}

.div2-parent-ssTduListDangUyDoanThe {
    grid-area: 1 / 5 / 2 / 10;
}

.div3-parent-ssTduListDangUyDoanThe {
    grid-area: 1 / 10 / 2 / 13;
}

.ul-ssTduListDangUyDoanThe {
    list-style: none;
    padding: 0;
}

.li-ssTduListDangUyDoanThe {
    list-style: none;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    color: var(--color-black);
    padding: 10px 0;
    cursor: pointer;
}

.li-ssTduListDangUyDoanThe:hover {
    background: #95d5b2aa;
}

.card-ssTduListDangUyDoanThe img:hover {
    transform: translateY(-2px);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
}

.img-ssTduListDangUyDoanThe {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.card-title-ssTduListDangUyDoanThe {
    color: var(--color-black);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.group-text-ssTduListDangUyDoanThe {
    height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-ssTduListDangUyDoanThe {
    color: var(--color-black);
    font-weight: 400;
    padding: 10px 0;
    margin: 0;
}

/* END ssTduListDangUyDoanThe */

/* ssTduTuyenSinh */
.ssTduTuyenSinh-container {
    height: fit-content;
}

.row-ssTduTuyenSinh {
    padding: 20px;
}

.p-title-ssTduTuyenSinh {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin: 0;
}

.parent-ssTduTuyenSinh {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.card-title-ssTduTuyenSinh {
    font-weight: 400;
    text-wrap-style: pretty;
    font-size: 16px;
}

.card-text-ssTduTuyenSinh {
    font-weight: 400;
}

.div1-parent-ssTduTuyenSinh {
    grid-area: 1 / 1 / 2 / 2;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

.div2-parent-ssTduTuyenSinh {
    grid-area: 1 / 2 / 2 / 3;
    padding: 10px;
    height: 100%;
    width: 100%;
    background: var(--color-green);
    color: var(--color-white);
}

.div3-parent-ssTduTuyenSinh {
    grid-area: 1 / 3 / 2 / 4;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

.div4-parent-ssTduTuyenSinh {
    grid-area: 1 / 4 / 2 / 5;
    padding: 10px;
    height: 100%;
    width: 100%;
    background: var(--color-green);
    color: var(--color-white);
}

.div5-parent-ssTduTuyenSinh {
    grid-area: 2 / 1 / 3 / 2;
    padding: 10px;
    height: 100%;
    width: 100%;
    background: var(--color-green-dark);
    color: var(--color-white);
}

.div6-parent-ssTduTuyenSinh {
    grid-area: 2 / 2 / 3 / 3;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

.div7-parent-ssTduTuyenSinh {
    grid-area: 2 / 3 / 3 / 4;
    padding: 10px;
    height: 100%;
    width: 100%;
    background: var(--color-green-dark);
    color: var(--color-white);
}

.div8-parent-ssTduTuyenSinh {
    grid-area: 2 / 4 / 3 / 5;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

/* END ssTduTuyenSinh */

/* ssTduTinTucKhac */
.ssTduTinTucKhac-container {
    height: fit-content;
}

.row-ssTduTinTucKhac {
    padding: 20px;
}

.p-title-ssTduTinTucKhac {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin: 0;
}

.parent-ssTduTinTucKhac {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.card-title-ssTduTinTucKhac {
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
}

.card-text-ssTduTinTucKhac {
    font-weight: 400;
}

.div1-parent-ssTduTinTucKhac {
    grid-area: 1 / 1 / 2 / 2;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

.div2-parent-ssTduTinTucKhac {
    grid-area: 1 / 2 / 2 / 3;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

.div3-parent-ssTduTinTucKhac {
    grid-area: 1 / 3 / 2 / 4;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

.div4-parent-ssTduTinTucKhac {
    grid-area: 1 / 4 / 2 / 5;
    padding: 10px;
    height: 100%;
    width: 100%;
    color: var(--color-green-dark);
}

/* END ssTduTinTucKhac */

/* ssTduCauChuyenTdu */
.ssTduCauChuyenTdu-container {
    height: fit-content;
}

.row-ssTduCauChuyenTdu {
    padding: 20px;
}

.p-title-ssTduCauChuyenTdu {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0;
    margin: 0;
}

.img-ssTduCauChuyenTdu {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.card-title-ssTduCauChuyenTdu {
    font-weight: 400;
    text-wrap-style: pretty;
    font-size: 16px;
    color: var(--color-green-dark);
}

.card-text-ssTduCauChuyenTdu {
    font-weight: 400;
}

.parent-ssTduCauChuyenTdu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding: 0;
}

.div1-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 1 / 1 / 2 / 2;
}

.div2-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 1 / 2 / 2 / 3;
}

.div3-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 1 / 3 / 2 / 4;
}

.div4-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 1 / 4 / 2 / 5;
}

.div5-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 2 / 1 / 3 / 2;
}

.div6-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 2 / 2 / 3 / 3;
}

.div7-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 2 / 3 / 3 / 4;
}

.div8-parent-ssTduCauChuyenTdu {
    box-shadow: none;
    grid-area: 2 / 4 / 3 / 5;
}

/* END ssTduCauChuyenTdu */

/* ssTduBanTinTdu */

.parent-ssTduBanTinTdu {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 0;
    margin: 0;
}

.div1-parent-ssTduBanTinTdu {
    grid-area: 1 / 1 / 2 / 6;
    border-radius: 20px;
    height: 100%;
}

.div2-parent-ssTduBanTinTdu {
    grid-area: 1 / 6 / 2 / 9;
    overflow: auto;
    height: 480px;
}

.ssTduBanTinTdu-container {
    margin: 0;
    position: relative;
    width: 100%;
    height: fit-content;
}

.p-title-ssTduBanTinTdu {
    padding: 20px 0;
    margin: 0;
    color: #dd127b;
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    margin: 0 !important;
}

.row-ssTduBanTinTdu {
    padding: 20px !important;
}

.card-ssTduBanTinTdu {
    padding: 0;
    margin: 0;
}

.no-gutters-ssTduBanTinTdu {
    height: fit-content;
    width: 100%;
    margin: 0;
    padding: 5px;
    cursor: pointer;
}

.no-gutters-ssTduBanTinTdu.active,
.no-gutters-ssTduBanTinTdu:hover {
    background: var(--color-green-light);
}

.col-md-4-ssTduBanTinTdu {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.col-md-8-ssTduBanTinTdu {
    margin: 0;
    padding: 0 0 0 10px;
}

.img-ssTduBanTinTdu {
    height: 100%;
    width: 80%;
    object-fit: cover;
    padding: 5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.card-body-ssTduBanTinTdu {
    padding: 0;
    margin: 0;
}

.card-title-ssTduBanTinTdu {
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-green-dark);
    padding: 0;
    margin: 0 0 5px 0;
}

.card-text-ssTduBanTinTdu {
    padding: 0;
    margin: 0;
    color: var(--color-black);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-size: 14px;
}

video#video-player-ssTduBanTinTdu {
    height: 100%;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.card-ssTduBanTinTdu.mb-3:last-child {
    margin: 0 !important;
}

.div1-parent-ssTduTrietLyGiaoDuc.ratio.ratio-16x9 video.html5VideoIframe {
    height: 100%;
}

/* END ssTduBanTinTdu */

/* ssTduHopTac */
.ssTduHopTac-container {
    position: relative;
    height: fit-content;
}

.row-ssTduHopTac {
    padding: 20px;
}

p.card-text-ssTduHopTac {
    padding: 0;
    margin: 0;
}

.p-title-ssTduHopTac {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.p-text-ssTduHopTac {
    color: #000000;
    text-align: justify;
    font-size: 16px;
}

.bg-ssTduTrongNuoc {
    background: #eaf7f0;
}

.nav-year ul {
    list-style: none;
    display: flex;
    overflow-x: auto;
}

.nav-year ul li {
    list-style: none;
    font-size: 16px;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 0 20px 0 20px;
    color: #005325;
    font-weight: 400;
}

.nav-year ul li:hover {
    background: #005325;
    color: white;
    cursor: pointer;
    opacity: 0.9;
}

.nav-year ul li.active {
    background: #005325;
    color: white;
}

.table.table-ssTduHopTac {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.table.table-ssTduHopTac tr {
    border: 1px solid #d0cdcd;
}

.table.table-ssTduHopTac tr td {
    color: #000000;
    font-size: 16px;
    padding: 30px;
}

.table.table-ssTduHopTac tr.bg-th-green {
    border: 1px solid;
    background: #005325;
}

.table.table-ssTduHopTac tr.bg-th-green th {
    color: white;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
}

.nav-icons-TduHopTac {
    position: relative;
    height: 100px;
    margin-top: 20px;
}

.nav-icons-TduHopTac img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

/* Kiểu phân trang */
.pagination {
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 50px;
}

.pagination .page-button {
    padding: 10px 15px;
    background-color: #005325;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.pagination .page-button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.pagination #page-number {
    font-size: 16px;
    font-weight: 500;
}

/* Ẩn phân trang khi không có nhiều dòng */
#pagination {
    display: block;
    /* Mặc định hiển thị */
}

#pagination.hidden {
    display: none;
    /* Ẩn phân trang khi không cần thiết */
}

/* END ssTduHopTac */
p.text-sm.text-gray-700.leading-5.dark\:text-gray-400 {
    margin: 20px;
}

span.relative.z-0.inline-flex.rtl\:flex-row-reverse.shadow-sm.rounded-md {
    display: none;
}

/* ssTduGioiThieuNganhHoc */
.ssTduGioiThieuNganhHoc-container {
    height: fit-content;
    background: #fcfaf6;
}

.row-ssTduGioiThieuNganhHoc {
    padding: 20px;
}

.nav-ssTduGioiThieuNganhHoc {
    background: #fcfaf6aa;
    padding: 20px 0;
}

h1.p-title-ssTduGioiThieuNganhHoc {
    text-wrap-style: pretty;
    font-weight: 400;
    color: var(--color-black);
    padding: 20px 0;
    margin: 0;
    font-size: 60px;
    text-align: center;
    color: var(--color-pink);
    font-family: "Passions Conflict", cursive !important;
    font-weight: 400;
}

.p-publish-ssTduGioiThieuNganhHoc {
    font-weight: 400 !important;
    font-style: italic !important;
    color: var(--color-black) !important;
    font-family: "arial" !important;
}

.p-description-ssTduGioiThieuNganhHoc {
    font-weight: 400 !important;
    color: var(--color-black) !important;
    font-family: "arial" !important;
    font-size: 16px !important;
}

.p-body-ssTduGioiThieuNganhHoc p strong span,
.p-body-ssTduGioiThieuNganhHoc p strong {
    font-weight: 400 !important;
    color: var(--color-pink) !important;
    font-family: "arial" !important;
    font-size: 16px !important;
    text-align: left !important;
}

.p-body-ssTduGioiThieuNganhHoc p .span,
.p-body-ssTduGioiThieuNganhHoc p {
    width: 100% !important;
    font-weight: 400 !important;
    color: var(--color-black) !important;
    font-family: "arial" !important;
    font-size: 16px !important;
    text-align: justify !important;
}

.p-body-ssTduGioiThieuNganhHoc p.caption span,
.p-body-ssTduGioiThieuNganhHoc p.caption {
    width: 100% !important;
    font-weight: 400 !important;
    color: var(--color-black) !important;
    font-family: "arial" !important;
    font-size: 16px !important;
    text-align: center !important;
}

.p-body-ssTduGioiThieuNganhHoc {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    font-family: "arial" !important;
    text-align: justify !important;
}

.p-body-ssTduGioiThieuNganhHoc img {
    padding: 10px !important;
    text-align: center !important;
    width: 100% !important;
    height: auto !important;
}

.ssTduGioiThieuNganhHoc-parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.ssTduGioiThieuNganhHoc-div1 {
    grid-area: 1 / 1 / 2 / 2;
}

.ssTduGioiThieuNganhHoc-div2 {
    grid-area: 1 / 2 / 2 / 3;
}

.ssTduGioiThieuNganhHoc-div3 {
    grid-area: 1 / 3 / 2 / 4;
}

.ssTduGioiThieuNganhHoc-div4 {
    grid-area: 1 / 4 / 2 / 5;
}

.ssTduGioiThieuNganhHoc-icon-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.ssTduGioiThieuNganhHoc-icon {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.ssTduGioiThieuNganhHoc-title {
    color: var(--color-pink);
    border-bottom: 1px solid var(--color-pink);
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    font-weight: 400;
}

.ssTduGioiThieuNganhHoc-text {
    color: var(--color-black) !important;
    width: 100% !important;
    font-weight: 400 !important;
    text-align: center !important;
}

/* ssTduPhuongThucXetTuyen */
.ssTduPhuongThucXetTuyen-container {
    height: fit-content;
    background: #e6ebbb6b;
}

.row-ssTduPhuongThucXetTuyen {
    padding: 20px;
}

.nav-ssTduPhuongThucXetTuyen ul {
    margin: 20px 0;
    padding: 0;
}

.item-btn {
    margin: 10px;
    padding: 10px;
    background: white;
    color: var(--color-green-dark);
    border: 1px solid var(--color-green-dark);
}

.item-btn a {
    color: var(--color-green-dark);
    font-weight: 400;
}

.item-btn:hover,
.item-btn:active {
    color: #fff;
    padding: 10px;
    background: var(--color-green-dark);
    border: 1px solid var(--color-green-dark);
}

.item-btn a:hover,
.item-btn a:active {
    color: white;
    font-weight: 400;
}

.p-title-ssTduPhuongThucXetTuyen {
    padding: 20px 0;
    text-wrap-style: pretty;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-pink);
    text-transform: uppercase;
}

.p-group-text-ssTduPhuongThucXetTuyen {
    color: #000000;
    text-align: left;
    font-size: 16px;
}

.details-ssTduPhuongThucXetTuyen {
    padding: 20px;
    border-top: 1px solid #ddd;
    font-weight: 400;
}

.p-text-ssTduPhuongThucXetTuyen {
    color: #000000;
    text-align: left;
    font-size: 16px;
    padding: 20px;
}

/* .table.table-ssTdu { */
.ssTduAccademicPrograms-container {
    height: fit-content;
    position: relative;
    background: #eaf7f0;
}

.row-ssTduAccademicPrograms {
    padding: 30px 10px;
    background: #eaf7f0;
}

.p-title-ssTduAccademicPrograms {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0 20px 0;
}

.table.table-ssTdu {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.table.table-ssTdu tr {
    border: 1px solid #d0cdcd;
}

.table.table-ssTdu tr td {
    color: #000000;
    padding: 20px;
    text-align: center;
}

td.table-ssTduLeft {
    text-align: left !important;
}

.table.table-ssTdu thead.bg-th-green {
    border: 1px solid;
    background: #005325;
}

.table.table-ssTdu thead.bg-th-green th {
    color: white;
    font-weight: 400;
    text-align: center;
}

.bg-success-custom {
    background: #005325;
}

/* TwebsiteSitemap */
p.sitemap-title {
    color: var(--color-pink);
    font-weight: 400;
    text-transform: uppercase;
    text-wrap-style: pretty;
    font-size: 16px;
    padding: 20px 0 20px 0;
}

#websiteSitemap ul {
    list-style-type: none;
    /* Loại bỏ dấu chấm mặc định của danh sách */
    padding: 5px 10px;
    position: relative;
}

#websiteSitemap ul li {
    padding: 5px 10px;
    position: relative;
}

#websiteSitemap ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    height: 100%;
    width: 2px;
}

#websiteSitemap ul li>a {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    color: #333;
    border-radius: 5px;
    background-color: #f1f1f1;
    transition: background-color 0.3s;
}

#websiteSitemap ul li>a:hover {
    background-color: #ddd;
}

#websiteSitemap ul ul:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #ccc;
}

#websiteSitemap ul li>ul {
    padding-left: 20px;
}

.sitemap-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

iframe#iframe-video {
    height: 550px;
}

/* Thiết bị nhỏ hơn 480px (điện thoại nhỏ) */
/* Ẩn ul-footer khi màn hình nhỏ hơn hoặc bằng 480px */
@media (max-width: 480px) {

    .fix-navbar-topbar {
        display: none;
    }

    iframe#iframe-video {
        height: 240px;
    }

    .news-layout-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .featured-news-img-wrapper {
        height: 220px;
    }


    .row-ssTduBaiViet {
        max-width: calc(100vw) !important;
    }

    .p-body-ssTduBaiViet p span,em,
.p-body-ssTduBaiViet p {
    color: var(--color-black);
    font-family: "arial" !important;
    font-size: 1rem;
    text-align: justify;
    background: transparent;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    line-height: 1.5;
    margin-top: 1rem !important;
}

    /* section#section-banners {
        height: 100%;
    } */

    img.img-fluid.img-banner {
        height: fit-content !important;
    }

    .div1-text-ssTduCotMocDangNho {
        margin: 0;
    }

    .div2-text-ssTduCotMocDangNho {
        margin: 0;
    }

    .div3-text-ssTduCotMocDangNho {
        margin: 0;
    }

    .div4-text-ssTduCotMocDangNho {
        margin: 0;
    }

    .p-body-ssTduGioiThieuNganhHoc p strong span,
    .p-body-ssTduGioiThieuNganhHoc p strong {
        font-weight: 400 !important;
        color: var(--color-pink) !important;
        font-family: "arial" !important;
        font-size: 16px !important;
        text-align: left !important;
        margin-left: 0 !important;
        text-indent: 0 !important;
    }

    .p-body-ssTduGioiThieuNganhHoc p .span,
    .p-body-ssTduGioiThieuNganhHoc p {
        width: 100% !important;
        font-weight: 400 !important;
        color: var(--color-black) !important;
        font-family: "arial" !important;
        font-size: 16px !important;
        text-align: justify !important;
        margin-left: 0 !important;
        text-indent: 0 !important;
    }

    .p-body-ssTduGioiThieuNganhHoc p.caption span,
    .p-body-ssTduGioiThieuNganhHoc p.caption {
        width: 100% !important;
        font-weight: 400 !important;
        color: var(--color-black) !important;
        font-family: "arial" !important;
        font-size: 16px !important;
        text-align: center !important;
        margin-left: 0 !important;
        text-indent: 0 !important;
    }

    .ssTduGioiThieuNganhHoc-parent {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
    }

    .ssTduGioiThieuNganhHoc-div1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .ssTduGioiThieuNganhHoc-div2 {
        grid-area: 2 / 1 / 3 / 2;
    }

    .ssTduGioiThieuNganhHoc-div3 {
        grid-area: 3 / 1 / 4 / 2;
    }

    .ssTduGioiThieuNganhHoc-div4 {
        grid-area: 4 / 1 / 5 / 2;
    }

    .bg-ssTduChapCanhUocMo {
        display: none;
    }

    h1.p-title-ssTduBaiViet {
        font-size: 1rem;
    }

    .p-body-ssTduBaiViet img {
        max-width: 100%;
        padding: 10px 0 !important;
    }

    .no-row-ssTduChapCanhUocMo {
        position: relative;
        padding: 20px !important;
    }

    /* Đặt menu ở ngoài khung nhìn (bên trái) mặc định */

    .navbar-absolute-top-scroller ul {
        box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset,
            rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset !important;
    }

    .navbar-collapse {
        position: fixed;
        top: 70px; /* Aligns comfortably with mobile header */
        right: -100%;
        height: calc(100vh - 70px);
        width: 80%;
        background-color: #fff;
        z-index: 9999;
        transition: right 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        box-shadow: -10px 0 20px rgba(0,0,0,0.1);
        padding: 15px;
        overflow-y: auto;
    }

    .navbar-collapse.show {
        right: 0;
    }

    .navbar-collapse .nav-link {
        font-size: 1rem !important;
        padding: 8px 15px !important;
        border-bottom: 1px solid #f8f8f8;
    }

    .navbar-collapse .nav-link:hover {
        background-color: #f8f9fa;
        color: var(--color-pink) !important;
    }

    .navbar-collapse .btn-20nam-tdu {
        font-size: 10px;
        padding: 5px 10px !important;
        display: inline-block;
        margin: 0;
    }

    .navbar-collapse .sub-nav-item {
        list-style: none;
        padding-left: 20px;
        background-color: #fcfcfc;
    }

    .navbar-collapse .sub-nav-item .nav-link {
        font-size: 0.95rem !important;
        border-bottom: none;
        padding: 10px 15px !important;
        color: #555 !important;
    }

    .navbar-collapse .sub-nav-item .nav-link::before {
        content: "•";
        margin-right: 8px;
        color: var(--color-pink);
    }

    img.img-silder {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    /* ssTduBanTinTdu */
    .card-title-ssTduBanTinTdu {
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .col-md-8-ssTduBanTinTdu {
        padding: 0 10px;
    }

    .parent-ssTduBanTinTdu {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 0;
        margin: 0;
    }

    .div1-parent-ssTduBanTinTdu {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduBanTinTdu {
        grid-area: 2 / 1 / 3 / 2;
    }

    .video-ssTduBanTinTdu {
        height: 200px;
    }

    /* ENDssTduBanTinTdu */

    /* ssTduTinTucKhac */
    .parent-ssTduTinTucKhac {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduTinTucKhac {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduTinTucKhac {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduTinTucKhac {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduTinTucKhac {
        grid-area: 4 / 1 / 5 / 2;
    }

    /* END ssTduTinTucKhac */

    /* ssTduCauChuyenTdu */
    .parent-ssTduCauChuyenTdu {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduCauChuyenTdu {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduCauChuyenTdu {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduCauChuyenTdu {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduCauChuyenTdu {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-parent-ssTduCauChuyenTdu {
        display: none;
    }

    .div6-parent-ssTduCauChuyenTdu {
        display: none;
    }

    .div7-parent-ssTduCauChuyenTdu {
        display: none;
    }

    .div8-parent-ssTduCauChuyenTdu {
        display: none;
    }

    /* END ssTduCauChuyenTdu */

    /* ssTduTuyenSinh */
    .parent-ssTduTuyenSinh {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduTuyenSinh {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduTuyenSinh {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduTuyenSinh {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduTuyenSinh {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-parent-ssTduTuyenSinh {
        display: none;
    }

    .div6-parent-ssTduTuyenSinh {
        display: none;
    }

    .div7-parent-ssTduTuyenSinh {
        display: none;
    }

    .div8-parent-ssTduTuyenSinh {
        display: none;
    }

    /* END ssTduTuyenSinh */

    /* ssTduListPhongBan */
    .row-ssTduListPhongBan {
        padding: 40px 20px;
    }

    .parent-ssTduListPhongBan {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        padding: 20px;
    }

    .group-text-ssTduListPhongBan {
        padding: 20px 0;
    }

    .parent-ssTduListPhongBan {
        padding: 0;
    }

    .card-title-ssTduListPhongBan {
        padding: 0;
    }

    .div2-parent-ssTduListPhongBan {
        grid-area: 1 / 1 / 2 / 2;
        display: none;
    }

    .div3-parent-ssTduListPhongBan {
        grid-area: 2 / 1 / 3 / 2;
        border-bottom: 1px solid #ddd;
        display: none;
    }

    .div1-parent-ssTduListPhongBan {
        grid-area: 3 / 1 / 4 / 2;
    }

    .img-ssTduListPhongBan {
        height: 200px;
    }

    /* END ssTduListPhongBan */

    /* ssTduListKhoa */
    .row-ssTduListKhoa {
        /* padding: 40px 20px; */
    }

    .parent-ssTduListKhoa {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        padding: 20px;
    }

    .group-text-ssTduListKhoa {
        padding: 20px 0;
    }

    .parent-ssTduListKhoa {
        padding: 0;
    }

    .card-title-ssTduListKhoa {
        padding: 0;
    }

    .div2-parent-ssTduListKhoa {
        grid-area: 1 / 1 / 2 / 2;
        display: none;
    }

    .div3-parent-ssTduListKhoa {
        grid-area: 2 / 1 / 3 / 2;
        border-bottom: 1px solid #ddd;
        grid-area: 1 / 1 / 2 / 2;
        display: none;
    }

    .div1-parent-ssTduListKhoa {
        grid-area: 3 / 1 / 4 / 2;
    }

    .img-ssTduListKhoa {
        height: 200px;
    }

    /* END ssTduListKhoa */

    /* ssTduListDangUyDoanThe */
    .row-ssTduListDangUyDoanThe {
        /* padding: 40px 20px; */
    }

    .parent-ssTduListDangUyDoanThe {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        padding: 20px;
    }

    .group-text-ssTduListDangUyDoanThe {
        padding: 20px 0;
    }

    .parent-ssTduListDangUyDoanThe {
        padding: 0;
    }

    .card-title-ssTduListDangUyDoanThe {
        padding: 0;
    }

    .div2-parent-ssTduListDangUyDoanThe {
        grid-area: 1 / 1 / 2 / 2;
        display: none;
    }

    .div3-parent-ssTduListDangUyDoanThe {
        grid-area: 2 / 1 / 3 / 2;
        border-bottom: 1px solid #ddd;
        grid-area: 1 / 1 / 2 / 2;
        display: none;
    }

    .div1-parent-ssTduListDangUyDoanThe {
        grid-area: 3 / 1 / 4 / 2;
    }

    .img-ssTduListDangUyDoanThe {
        height: 200px;
    }

    /* END ssTduListDangUyDoanThe */

    /* ssTduSuKienList */
    .row-ssTduSuKienList {
        padding: 40px 20px;
    }

    .parent-ssTduSuKien {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduSuKien {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduSuKien {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduSuKien {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduSuKien {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-parent-ssTduSuKien {
        grid-area: 5 / 1 / 6 / 2;
    }

    .div6-parent-ssTduSuKien {
        grid-area: 6 / 1 / 7 / 2;
    }

    .div7-parent-ssTduSuKien {
        grid-area: 7 / 1 / 8 / 2;
    }

    .div8-parent-ssTduSuKien {
        grid-area: 8 / 1 / 9 / 2;
    }

    .div9-parent-ssTduSuKien {
        display: block;
        grid-area: 9 / 1 / 10 / 2;
    }

    /* END ssTduSuKienList */

    /* ssTduGioiThieuDaoTao */

    .parent-ssTduChuongTrinhDaoTao {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        padding: 20px;
    }

    .div1-parent-ssTduChuongTrinhDaoTao {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduChuongTrinhDaoTao {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduChuongTrinhDaoTao {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduChuongTrinhDaoTao {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-parent-ssTduChuongTrinhDaoTao {
        grid-area: 5 / 1 / 6 / 2;
    }

    .div6-parent-ssTduChuongTrinhDaoTao {
        grid-area: 6 / 1 / 7 / 2;
    }

    /* END ssTduGioiThieuDaoTao */

    /* ssTduHoiDongKhoaHocVaDaoTao */
    .ssTduHoiDongKhoaHocVaDaoTao-container {
        position: relative;
    }

    .row-ssTduHoiDongKhoaHocVaDaoTao {
        padding: 20px;
    }

    .p-title-ssTduHoiDongKhoaHocVaDaoTao {
        color: var(--color-pink);
        font-weight: 400;
        text-transform: uppercase;
        text-wrap-style: pretty;
        font-size: 16px;
        padding: 0 0 20px 0;
    }

    .p-text-ssTduHoiDongKhoaHocVaDaoTao {
        font-weight: 400;
        color: var(--color-black);
        padding: 0 0 20px 0;
    }

    .parent-ssTduHoiDongKhoaHocVaDaoTao {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 10px;
        padding: 0;
        margin: 0;
    }

    .card-ssTduHoiDongKhoaHocVaDaoTao {
        border-bottom: 1px solid #d0cdcd;
    }

    .text-name {
        font-weight: 400;
        color: var(--color-black);
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .text-desc {
        font-weight: 400;
        color: var(--color-black);
    }

    .div1-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 5 / 1 / 6 / 2;
    }

    .div6-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 6 / 1 / 7 / 2;
    }

    .div7-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 7 / 1 / 8 / 2;
    }

    .div8-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 8 / 1 / 9 / 2;
    }

    .div9-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 9 / 1 / 10 / 2;
    }

    .div10-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 10 / 1 / 11 / 2;
    }

    .div11-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 11 / 1 / 12 / 2;
    }

    .div12-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 12 / 1 / 13 / 2;
    }

    .div13-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 13 / 1 / 14 / 2;
    }

    .div14-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 14 / 1 / 15 / 2;
    }

    .div15-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 15 / 1 / 16 / 2;
    }

    .div16-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 16 / 1 / 17 / 2;
    }

    .div17-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 17 / 1 / 18 / 2;
    }

    .div18-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 18 / 1 / 19 / 2;
    }

    .div19-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 19 / 1 / 20 / 2;
    }

    .div20-ssTduHoiDongKhoaHocVaDaoTao {
        grid-area: 20 / 1 / 21 / 2;
    }

    /* END ssTduHoiDongKhoaHocVaDaoTao */
    .card-text-ssTduBanGiamHieu {
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .card-title-ssTduBanGiamHieu-lg-1,
    .card-title-ssTduBanGiamHieu-lg-2,
    .card-text-ssTduBanGiamHieu-lg {
        padding: 0;
    }

    .parent-group-ssTduBanGiamHieu-1 {
        margin: 0;
    }

    .div1-parent-group-ssTduBanGiamHieu-1 {
        background: #2da64b;
    }

    .parent-ssTduBanGiamHieu-group {
        position: relative;
        padding: 0 0 0 0;
    }

    .parent-group-ssTduBanGiamHieu-1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
    }

    .row-ssTduBanGiamHieu {
        padding: 30px 20px 0 20px;
    }

    .div1-parent-group-ssTduBanGiamHieu-1>.row-ssTduBanGiamHieu {
        padding: 0;
    }

    .div1-parent-ssTduBanGiamHieu-lg {
        padding: 30px 20px 0;
    }

    .card-ssTduBanGiamHieu-lg {
        padding: 0;
    }

    .card-title-ssTduBanGiamHieu-lg {
        width: fit-content;
        padding: 20px;
        text-wrap-style: pretty;
        font-size: 0;
        color: var(--color-white);
        background: #2da64b;
        border-radius: 0;
        margin: 0;
        position: relative;
        left: 0;
        z-index: 2 !important;
        width: 100%;
    }

    .img-ssTduBanGiamHieu-lg {
        min-height: 250px;
    }

    /*
    .bg-parent-ssTduBanGiamHieu-lg {
        display: none;
    } */

    .parent-ssTduBanGiamHieu-lg {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .div1-parent-ssTduBanGiamHieu-lg {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduBanGiamHieu-lg {
        grid-area: 2 / 1 / 3 / 2;
    }

    /* ssTduBanGiamHieu */
    .parent-ssTduBanGiamHieu {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduBanGiamHieu {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduBanGiamHieu {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduBanGiamHieu {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduBanGiamHieu {
        grid-area: 4 / 1 / 5 / 2;
    }

    /* ssTduBanGiamHieu */

    /* ssTduFooter */
    .ul-footer {
        display: none;
    }

    /* Hiển thị ul-footer khi active-footer có class 'open' */
    .ul-footer.open {
        display: block;
        transform: translateY(-10px);
        /* Đưa ul-footer lên phía trên một chút */
        transition: opacity 0.3s ease, transform 0.3s ease;
        /* Hiệu ứng mượt mà */
    }

    i.bi.bi-chevron-down {
        padding: 0 10px;
    }

    i.bi.bi-chevron-up {
        padding: 0 10px;
    }

    .p-title-footer-lg {
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        text-wrap-style: pretty;
        font-size: 16px !important;
    }

    .p-title-footer {
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        text-wrap-style: pretty;
        font-size: 14px;
    }

    .parent-footer {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        padding: 40px 20px;
    }

    .div1-parent-footer {
        grid-area: 1 / 1 / 2 / 2;
        border-right: none;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        padding: 0 0 30px 0;
    }

    .div2-parent-footer {
        grid-area: 2 / 1 / 3 / 2;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        padding: 0 0 20px 0;
    }

    .div3-parent-footer {
        grid-area: 3 / 1 / 4 / 2;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        padding: 0 0 20px 0;
    }

    .div4-parent-footer {
        grid-area: 4 / 1 / 5 / 2;
        border-bottom: 1px solid #ddd;
        margin: 10px 0;
        padding: 0 0 20px 0;
    }

    .div5-parent-footer {
        grid-area: 5 / 1 / 6 / 2;
        border-bottom: 1px solid #ddd;
        padding: 0 0 20px 0;
    }

    /* END ssTduFooter */

    /* ssTduHoiDongTruong */

    .card-ssTduHoiDongTruong-no-outline {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 0 40px 0;
    }

    .img-ssTduHoiDongTruong {
        height: 300px;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .card-title-ssTduHoiDongTruong {
        color: var(--color-pink);
        font-weight: 400;
        text-wrap-style: pretty;
        font-size: 16px;
        padding: 10px 0 0 0;
    }

    .card-text-ssTduHoiDongTruong {
        color: var(--color-black);
        text-wrap-style: pretty;
        font-size: 16px;
        margin: 0;
        font-weight: 400;
    }

    .parent-ssTduHoiDongTruong {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduHoiDongTruong {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduHoiDongTruong {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduHoiDongTruong {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduHoiDongTruong {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-parent-ssTduHoiDongTruong {
        grid-area: 5 / 1 / 6 / 2;
    }

    .div6-parent-ssTduHoiDongTruong {
        grid-area: 6 / 1 / 7 / 2;
    }

    .div7-parent-ssTduHoiDongTruong {
        grid-area: 7 / 1 / 8 / 2;
    }

    .div8-parent-ssTduHoiDongTruong {
        grid-area: 8 / 1 / 9 / 2;
    }

    .div9-parent-ssTduHoiDongTruong {
        grid-area: 9 / 1 / 10 / 2;
    }

    .div10-parent-ssTduHoiDongTruong {
        grid-area: 10 / 1 / 11 / 2;
    }

    /* END ssTduHoiDongTruong */

    /* ssTduHoiDongSangLap */

    .img-ssTduHoiDongSangLap {
        height: 300px;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .card-title-ssTduHoiDongSangLap {
        color: var(--color-pink);
        font-weight: 400;
        text-wrap-style: pretty;
        font-size: 16px;
        padding: 10px 0 0 0;
    }

    .card-text-ssTduHoiDongSangLap {
        color: var(--color-black);
        text-wrap-style: pretty;
        font-size: 16px;
        margin: 0;
        font-weight: 400;
    }

    .parent-ssTduHoiDongSangLap {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(8, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduHoiDongSangLap {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduHoiDongSangLap {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduHoiDongSangLap {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduHoiDongSangLap {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-parent-ssTduHoiDongSangLap {
        grid-area: 5 / 1 / 6 / 2;
    }

    .div6-parent-ssTduHoiDongSangLap {
        grid-area: 6 / 1 / 7 / 2;
    }

    .div7-parent-ssTduHoiDongSangLap {
        grid-area: 7 / 1 / 8 / 2;
    }

    .div8-parent-ssTduHoiDongSangLap {
        grid-area: 8 / 1 / 9 / 2;
    }

    /* END ssTduHoiDongSangLap */

    /* ssTduGioiThieuDoiNguGiangVien */
    .row-ssTduGioiThieuDoiNguGiangVien {
        padding: 20px;
        background: #3da866;
    }

    .ssTduGioiThieuDoiNguGiangVien-container {
        position: relative;
        padding: 0;
        margin: 0;
    }

    .parent-ssTduGioiThieuDoiNguGiangVien {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGioiThieuDoiNguGiangVien {
        display: none;
    }

    .p-title-ssTduGioiThieuDoiNguGiangVien {
        display: none;
    }

    .p-title-ssTduGioiThieuDoiNguGiangVien-hidden {
        display: inline-block;
        padding: 20px 0;
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-white);
        text-transform: uppercase;
    }

    .div1-parent-ssTduGioiThieuDoiNguGiangVien-hidden {
        padding: 20px 0;
        display: inline-block;
    }

    .div2-parent-ssTduGioiThieuDoiNguGiangVien {
        background: #2da64baa;
        grid-area: 2 / 1 / 3 / 2;
    }

    .p-text-ssTduGioiThieuDoiNguGiangVien {
        padding: 0;
    }

    /* END ssTduGioiThieuDoiNguGiangVien */

    /* ssTduGioiThieuHoiDong */
    .parent-ssTduGioiThieuHoiDong {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGioiThieuHoiDong {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduGioiThieuHoiDong {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduGioiThieuHoiDong {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduGioiThieuHoiDong {
        grid-area: 4 / 1 / 5 / 2;
    }

    /* END ssTduGioiThieuHoiDong */

    /* ssTduTrietLyGiaoDucV2 */

    .p-header-ssTduTrietLyGiaoDucV2 {
        text-wrap-style: pretty;
        font-size: 36px;
        color: var(--color-pink);
        font-family: "Passions Conflict", cursive !important;
        font-weight: 400;
    }

    /* END ssTduTrietLyGiaoDucV2 */

    /* ssTduTamNhinSuMang */
    .ssTduTamNhinSuMang-container {
        position: relative;
        padding: 0;
        background: var(--color-green);
    }

    .parent-ssTduTamNhinSuMang {
        display: grid;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduTamNhinSuMang {
        grid-area: 1 / 1 / 2 / 2;
        padding: 20px 0 0 0;
    }

    .div2-parent-ssTduTamNhinSuMang {
        grid-area: 2 / 1 / 3 / 2;
        border-top: 1px solid #ddd;
    }

    .div3-parent-ssTduTamNhinSuMang {
        grid-area: 3 / 1 / 4 / 2;
        height: 100%;
        background: transparent;
        outline: none;
        box-shadow: none;
        border-top: 1px solid #ddd;
    }

    /* END ssTduTamNhinSuMang */

    /* ssTduGiaTriCotLoi */

    .parent-ssTduGiaTriCotLoi {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGiaTriCotLoi {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduGiaTriCotLoi {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduGiaTriCotLoi {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduGiaTriCotLoi {
        grid-area: 4 / 1 / 5 / 2;
    }

    /* END ssTduGiaTriCotLoi */

    /* ssTduGioiThieuDaiHocTayDo */

    .ssTduGioiThieuDaiHocTayDo-container {
        position: relative;
    }

    .parent-ssTduGioiThieuDaiHocTayDo {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGioiThieuDaiHocTayDo {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduGioiThieuDaiHocTayDo {
        grid-area: 2 / 1 / 3 / 2;
    }

    /* END ssTduGioiThieuDaiHocTayDo */

    /* ssTduChapCanhUocMo */

    .ssTduChapCanhUocMo-container {
        background: #005325;
    }

    .row-ssTduChapCanhUocMo {
        position: relative;
    }

    .p-title-ssTduChapCanhUocMo {
        padding: 0;
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-pink);
        text-transform: uppercase;
    }

    .parent-ssTduChapCanhUocMo {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduChapCanhUocMo {
        grid-area: 1 / 1 / 2 / 2;
        padding: 20px;
    }

    .div2-parent-ssTduChapCanhUocMo {
        grid-area: 2 / 1 / 2 / 2;
        position: unset;
        z-index: 2;
        display: none;
    }

    .card-ssTduChapCanhUocMo {
        background: transparent;
        box-shadow: none;
        padding: 20px;
        position: relative;
        height: 100%;
    }

    .card-title-ssTduChapCanhUocMo-hidden {
        text-wrap-style: pretty;
        font-size: 16px;
        color: var(--color-white);
        z-index: 2 !important;
        display: inline-table;
        padding: 20px 0;
        font-weight: 400;
    }

    .card-title-ssTduChapCanhUocMo {
        display: none;
        position: unset;
        height: 0;
    }

    .card-text-ssTduChapCanhUocMo-hidden {
        color: var(--color-white);
        text-decoration: none;
        margin-bottom: 0;
        text-align: justify;
        height: 100%;
        display: inline-block;
        padding: 20px 0;
    }

    /* END ssTduChapCanhUocMo */

    /* ssTduGocAnh */
    .ssTduGocAnh-desktop {
        display: none;
    }

    h1.p-title-ssTduGocAnh {
        margin: 0;
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .ssTduGocAnh-mobile {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .col-left-ssTduGocAnh {
        padding: 0;
        width: 100%;
    }

    .text-header-ssTduGocAnh {
        margin: auto;
        text-wrap-style: pretty;
        font-size: 0.9rem;
        width: 100%;
    }

    .col-4-ssTduGocAnh {
        padding: 0;
        margin: 0;
        height: 8rem;
    }

    .card-1 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-2 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-3 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-4 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-5 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-6 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-7 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-8 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-9 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-10 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-11 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-12 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-1 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-2 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-3 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-4 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-5 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-6 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-7 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-8 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-9 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-10 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-11 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-12 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    /* END ssTduGocAnh */

    /* ssTduTinTuc */
    .ssTduTinTuc-container {
        position: relative;
    }

    .row-ssTduTinTuc {}

    .parent-ssTduTinTuc {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduTinTuc {
        grid-area: 1 / 1 / 1 / 2;
    }

    .div2-parent-ssTduTinTuc {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduTinTuc {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4-parent-ssTduTinTuc {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5-parent-ssTduTinTuc {
        grid-area: 5 / 1 / 6 / 2;
    }

    .card-title-1-ssTduTinTuc {
        color: var(--color-pink);
        text-wrap-style: pretty;
        font-size: 16px;
    }

    p.card-title.card-title-ssTduTinTuc {
        font-size: 16px;
    }

    .card-title-ssTduTinTuc {
        color: var(--color-pink);
        text-wrap-style: pretty;
        font-size: 14px;
    }

    .card-text-ssTduTinTuc {
        color: var(--color-black);
        font-weight: 400;
    }

    .div-link-more-ssTduTinTuc {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    a.a-link-more-ssTduTinTuc {
        width: fit-content;
        padding: 7px;
        text-wrap-style: pretty;
        font-size: 14px;
        color: var(--color-pink);
        font-weight: 400;
        background: var(--color-white);
        border-radius: 0 20px 0 20px;
        margin: 10px;
    }

    .images-text-ssTduTinTuc {
        position: relative;
    }

    .bg-ssTduTinTuc {
        position: unset;
        display: none;
        height: 0;
    }

    img.card-img-top.card-img-ssTduTinTuc {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        max-width: 100px;
        max-height: 100px;
        padding: 5px;
    }

    .card-ssTduTinTuc-1 img.card-img-top.card-img-ssTduTinTuc {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .card-ssTduTinTuc {
        height: 100%;
        width: 100%;
    }

    .card-img-overlay-ssTduTinTuc {
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-end;
        margin: 0;
        background: transparent;
    }

    .card-img-overlay-ssTduTinTuc-1 {
        padding: 10px 0;
        box-shadow: none;
    }

    .card-ssTduTinTuc-1 {
        height: 100%;
        width: 100%;
    }

    .card-ssTduTinTuc {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .card-ssTduTinTuc>.card-img-ssTduTinTuc {
        width: 110px;
        height: 80px;
        object-fit: cover;
    }

    .card-ssTduTinTuc>.card-img-overlay-ssTduTinTuc {}

    /* END ssTduTinTuc */

    /* ssTrietLyGiaoDuc */

    .ssTduTrietLyGiaoDuc-container {}

    .parent-ssTduTrietLyGiaoDuc {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 10px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduTrietLyGiaoDuc {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduTrietLyGiaoDuc {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduTrietLyGiaoDuc {
        grid-area: 3 / 1 / 4 / 2;
    }

    .p-body-ssTduTrietLyGiaoDuc {
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .p-body-1-ssTduTrietLyGiaoDuc {
        text-wrap-style: pretty;
        font-size: 36px;
        color: var(--color-green-dark);
        font-family: "Passions Conflict", cursive !important;
        font-weight: 400;
    }

    .p-body-2-ssTduTrietLyGiaoDuc {
        text-align: right;
        text-wrap-style: pretty;
        font-size: 36px;
        color: var(--color-green-dark);
        font-family: "Passions Conflict", cursive !important;
        font-weight: 400;
    }

    /* END ssTrietLyGiaoDuc */

    /* ssTduNghienCuuKhoaHoc */

    .ssTduNghienCuuKhoaHoc-container {
        background: #005325;
    }

    .row-ssTduNghienCuuKhoaHoc {
        position: relative;
    }

    .p-title-ssTduNghienCuuKhoaHoc {
        padding: 0;
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-pink);
        text-transform: uppercase;
    }

    .parent-ssTduNghienCuuKhoaHoc {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduNghienCuuKhoaHoc {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduNghienCuuKhoaHoc {
        grid-area: 2 / 1 / 2 / 2;
        position: unset;
        z-index: 2;
    }

    .card-ssTduNghienCuuKhoaHoc {
        background: transparent;
        box-shadow: none;
        position: relative;
        height: 100%;
        padding: 0;
    }

    .card-title-ssTduNghienCuuKhoaHoc-hidden {
        text-wrap-style: pretty;
        font-size: 16px;
        color: var(--color-white);
        z-index: 2 !important;
        display: inline-table;
        padding: 20px 0;
    }

    .card-title-ssTduNghienCuuKhoaHoc {
        display: none;
        position: unset;
        height: 0;
    }

    .card-text-more-ssTduNghienCuuKhoaHoc {
        margin-bottom: 0;
        text-align: justify;
        margin-top: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .card-text-ssTduNghienCuuKhoaHoc {
        color: var(--color-white);
        text-decoration: none;
        margin-bottom: 0;
        text-align: justify;
        height: 100%;
        padding: 20px 0;
    }

    .div-link-more-ssTduNghienCuuKhoaHoc {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    a.a-link-more-ssTduNghienCuuKhoaHoc {
        width: fit-content;
        padding: 7px;
        text-wrap-style: pretty;
        font-size: 14px;
        color: var(--color-white);
        font-weight: 400;
        margin: 10px;
    }

    .img-ssTduNghienCuuKhoaHoc {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .img-ssTduNghienCuuKhoaHoc:hover {
        transform: translateY(-5px) !important;
        transition: all 0.25s ease-in-out !important;
    }

    /* END ssTduNghienCuuKhoaHoc */

    .bg-ssTduThongBao {
        height: 50%;
        width: 2px;
        background: #005325aa;
        position: absolute;
        margin: auto;
        right: -20px;
        top: 25%;
    }

    .parent-ssTduThongBao {
        display: block;
        width: 100%;
    }

    .news-layout-wrapper {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }

    .featured-news-img-wrapper {
        height: 300px;
    }

    .featured-news-title {
        font-size: 1.25rem;
    }

    .bg-ssTduCotMocDangNho {
        height: 75%;
    }

    .parent-ssTduCotMocDangNho {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduCotMocDangNho {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduCotMocDangNho {
        grid-area: 2 / 1 / 3 / 2;
    }

    .parent-text-ssTduCotMocDangNho {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 4fr;
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-text-ssTduCotMocDangNho {
        grid-area: 1 / 1 / 2 / 2;
        border: 1px solid #ddd;
        z-index: 1;
        border-radius: 5px;
        padding: 5px 10px;
    }

    .div2-text-ssTduCotMocDangNho {
        grid-area: 2 / 1 / 3 / 2;
        border: 1px solid #ddd;
        z-index: 1;
        border-radius: 5px;
        padding: 5px 10px;
    }

    .div3-text-ssTduCotMocDangNho {
        grid-area: 3 / 1 / 4 / 2;
        border: 1px solid #ddd;
        z-index: 1;
        border-radius: 5px;
        padding: 5px 10px;
    }

    .div4-text-ssTduCotMocDangNho {
        grid-area: 4 / 1 / 5 / 2;
        border: 1px solid #ddd;
        z-index: 1;
        border-radius: 5px;
        padding: 5px 10px;
    }

    .images-text-ssTduCotMocDangNho {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-images-text-ssTduCotMocDangNho {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-images-text-ssTduCotMocDangNho {
        grid-area: 2 / 1 / 3 / 2;
    }

    #TimKiemMegaMenu {
        display: none;
    }

    #TimKiemMegaMenuMobile {
        display: block;
        font-weight: 400;
        padding: 0 20px;
    }

    .d-flex-toogler {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .c-fff,
    .c-005325 {
        font-family: "K2D" !important;
        font-weight: 400 !important;
        text-wrap-style: pretty;
        font-size: 12px !important;
        padding: 10px !important;
    }

    .c-005325 {
        padding: 8px !important;
        color: var(--color-green-dark) !important;
        font-weight: 400 !important;
        position: relative;
        transition: color 0.3s ease;
    }

    .c-005325::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        height: 2px;
        width: 100%;
        background-color: var(--color-green-dark);
        transform: translateX(-50%) scaleX(0);
        transition: transform 0.3s ease;
    }

    .c-005325:hover::after,
    .c-005325:active::after {
        transform: translateX(-50%) scaleX(1);
    }

    .c-005325:hover,
    .c-005325:active {
        animation: flash-c-005325 0.5s;
    }

    i.bi-search {
        text-wrap-style: pretty;
        font-size: 16px;
    }

    i.bi-x,
    i.bi-list {
        text-wrap-style: pretty;
        font-size: 32px;
    }

    img.img-ic-flag {
        text-wrap-style: pretty;
        width: 24px;
        object-fit: cover;
    }

    .navbar-brand-logo {
        width: 100%;
        min-width: 8rem;
        max-width: 8rem;
        transition: 0.25s ease-in-out all;
        -webkit-transition: 0.25s ease-in-out all;
        -moz-transition: 0.25s ease-in-out all;
        -ms-transition: 0.25s ease-in-out all;
        -o-transition: 0.25s ease-in-out all;
    }

    #navbarNavDropdown li {
        border-bottom: 1px solid #95d5b2aa;
        margin: 5px !important;
    }

    .row-ssTduNavBarDonVi {
        padding: 20px;
        display: flex;
        flex-direction: column;
    }
}

/* Thiết bị từ 481px đến 991px (điện thoại lớn và phablet) */
@media (min-width: 480.99px) and (max-width: 990.99px) {
    iframe#iframe-video {
        height: 380px;
    }
    .images-text-ssTduThongBao {
        grid-template-columns: 1fr;
    }
    .ssTduGioiThieuNganhHoc-parent {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .ssTduGioiThieuNganhHoc-div1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .ssTduGioiThieuNganhHoc-div2 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .ssTduGioiThieuNganhHoc-div3 {
        grid-area: 2 / 1 / 3 / 2;
    }

    .ssTduGioiThieuNganhHoc-div4 {
        grid-area: 2 / 2 / 3 / 3;
    }

    .no-row-ssTduChapCanhUocMo {
        position: relative;
        padding: 20px;
    }

    img.img-silder {
        height: 100%;
        width: 100%;
        object-fit: fill;
    }

    /* ssTduBanTinTdu */
    .card-title-ssTduBanTinTdu {
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .col-md-8-ssTduBanTinTdu {
        padding: 10px;
    }

    .parent-ssTduBanTinTdu {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding: 0;
        margin: 0;
    }

    .div1-parent-ssTduBanTinTdu {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduBanTinTdu {
        grid-area: 2 / 1 / 3 / 2;
    }

    /* ENDssTduBanTinTdu */

    /* ssTduTinTucKhac */
    .parent-ssTduTinTucKhac {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduTinTucKhac {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduTinTucKhac {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div3-parent-ssTduTinTucKhac {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div4-parent-ssTduTinTucKhac {
        grid-area: 2 / 2 / 3 / 3;
    }

    /* END ssTduTinTucKhac */

    /* ssTduCauChuyenTdu */
    .parent-ssTduCauChuyenTdu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduCauChuyenTdu {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduCauChuyenTdu {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div5-parent-ssTduCauChuyenTdu {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div6-parent-ssTduCauChuyenTdu {
        grid-area: 2 / 2 / 3 / 3;
    }

    .div3-parent-ssTduCauChuyenTdu {
        display: none;
    }

    .div4-parent-ssTduCauChuyenTdu {
        display: none;
    }

    .div7-parent-ssTduCauChuyenTdu {
        display: none;
    }

    .div8-parent-ssTduCauChuyenTdu {
        display: none;
    }

    /* END ssTduCauChuyenTdu */

    /* ssTduTuyenSinh */
    .parent-ssTduTuyenSinh {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduTuyenSinh {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduTuyenSinh {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div5-parent-ssTduTuyenSinh {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div6-parent-ssTduTuyenSinh {
        grid-area: 2 / 2 / 3 / 3;
    }

    .div3-parent-ssTduTuyenSinh {
        display: none;
    }

    .div4-parent-ssTduTuyenSinh {
        display: none;
    }

    .div7-parent-ssTduTuyenSinh {
        display: none;
    }

    .div8-parent-ssTduTuyenSinh {
        display: none;
    }

    /* END ssTduTuyenSinh */

    /* ssTduListPhongBan */

    .parent-ssTduListPhongBan {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduListPhongBan {
        grid-area: 1 / 1 / 6 / 4;
    }

    .div2-parent-ssTduListPhongBan {
        grid-area: 1 / 4 / 4 / 8;
    }

    .div3-parent-ssTduListPhongBan {
        grid-area: 4 / 4 / 6 / 8;
    }

    .img-ssTduListPhongBan {
        height: 200px;
    }

    /* END ssTduListPhongBan */

    /* ssTduListKhoa */

    .parent-ssTduListKhoa {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduListKhoa {
        grid-area: 1 / 1 / 6 / 4;
    }

    .div2-parent-ssTduListKhoa {
        grid-area: 1 / 4 / 4 / 8;
    }

    .div3-parent-ssTduListKhoa {
        grid-area: 4 / 4 / 6 / 8;
    }

    .img-ssTduListKhoa {
        height: 200px;
    }

    /* END ssTduListKhoa */

    /* ssTduListDangUyDoanThe */

    .parent-ssTduListDangUyDoanThe {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduListDangUyDoanThe {
        grid-area: 1 / 1 / 6 / 4;
    }

    .div2-parent-ssTduListDangUyDoanThe {
        grid-area: 1 / 4 / 4 / 8;
    }

    .div3-parent-ssTduListDangUyDoanThe {
        grid-area: 4 / 4 / 6 / 8;
    }

    .img-ssTduListDangUyDoanThe {
        height: 200px;
    }

    /* END ssTduListDangUyDoanThe */

    /* ssTduSuKienList */
    img.card-img-top.img-ssTduSukien {
        height: 150px;
        object-fit: cover;
    }

    .parent-ssTduSuKien {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .div1-parent-ssTduSuKien {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduSuKien {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div3-parent-ssTduSuKien {
        grid-area: 1 / 3 / 2 / 4;
    }

    .div4-parent-ssTduSuKien {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div5-parent-ssTduSuKien {
        grid-area: 2 / 2 / 3 / 3;
    }

    .div6-parent-ssTduSuKien {
        grid-area: 2 / 3 / 3 / 4;
    }

    .div7-parent-ssTduSuKien {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div8-parent-ssTduSuKien {
        grid-area: 3 / 2 / 4 / 3;
    }

    .div9-parent-ssTduSuKien {
        display: block;
        grid-area: 3 / 3 / 4 / 4;
    }

    /* END ssTduSuKienList */

    /* ssTduBanGiamHieu */
    .ssTduBanGiamHieu-container {
        position: relative;
    }

    .row-ssTduBanGiamHieu {
        padding: 30px 10px;
    }

    .div1-parent-group-ssTduBanGiamHieu-1>.row-ssTduBanGiamHieu {
        padding: 0;
    }

    .p-title-ssTduBanGiamHieu {
        color: var(--color-pink);
        font-weight: 400;
        text-transform: uppercase;
        text-wrap-style: pretty;
        font-size: 16px;
        padding: 0 0 20px 0;
    }

    .img-ssTduBanGiamHieu {
        height: 250px;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .card-body-ssTduBanGiamHieu {
        padding: 20px 5px;
    }

    .p-text-ssTduBanGiamHieu {
        color: var(--color-black);
        margin: 0;
        font-weight: 400;
        text-align: justify;
    }

    .group-p-text-ssTduBanGiamHieu {
        margin: 0 0 40px 0;
    }

    .card-title-ssTduBanGiamHieu {
        color: var(--color-pink);
        font-weight: 400;
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .card-text-ssTduBanGiamHieu {
        color: var(--color-black);
        margin: 0;
        font-weight: 400;
        text-wrap-style: pretty;
        font-size: 14px;
    }

    .card-ssTduBanGiamHieu {
        height: 100%;
        width: 100%;
    }

    .img-ssTduBanGiamHieu-lg {
        min-height: 450px;
        width: 100%;
        object-fit: contain;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .parent-ssTduBanGiamHieu-group {
        position: relative;
        padding: 0 0 40px 0;
    }

    .parent-ssTduBanGiamHieu-lg {
        position: relative;
        height: 100%;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin: 0;
        padding: 0;
    }

    .bg-parent-ssTduBanGiamHieu-lg {
        height: 50%;
        width: 100%;
        z-index: 0;
        left: 0;
        position: absolute;
        bottom: 0;
        display: block;
    }

    .bg-ssTduBanGiamHieu-lg {
        height: 100%;
        width: 100%;
        z-index: 0;
        left: 0;
        position: absolute;
        bottom: 0;
        background: #2da64baa;
        opacity: 0.5;
    }

    img.bg-img-ssTduBanGiamHieu-lg {
        height: 100%;
        width: 100%;
        object-fit: cover;
        z-index: 0;
    }

    .parent-group-ssTduBanGiamHieu-1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0;
        margin: 0;
        padding: 0;
    }

    .div1-parent-group-ssTduBanGiamHieu-1 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-group-ssTduBanGiamHieu-1 {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div1-parent-ssTduBanGiamHieu-lg {
        grid-area: 1 / 1 / 2 / 4;
    }

    .div2-parent-ssTduBanGiamHieu-lg {
        grid-area: 1 / 4 / 2 / 6;
        position: relative;
        z-index: 2;
    }

    .card-ssTduBanGiamHieu-lg {
        background: transparent;
        box-shadow: none;
        padding: 20px;
        position: relative;
        height: 100%;
    }

    .card-title-ssTduBanGiamHieu-lg-hidden {
        position: unset;
        display: none;
        height: 0;
    }

    .card-title-ssTduBanGiamHieu-lg {
        width: fit-content;
        padding: 10px;
        color: var(--color-white);
        background: linear-gradient(90deg, #2da64baa 0%, #2da64b 30%);
        border-radius: 5px;
        margin: 10% 0;
        position: absolute;
        left: -50px;
        z-index: 2 !important;
        width: calc(100% + 50px);
    }

    .card-title-ssTduBanGiamHieu-lg-1 {
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        padding: 0 10px;
    }

    .card-title-ssTduBanGiamHieu-lg-2 {
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        padding: 0 10px;
    }

    .card-text-ssTduBanGiamHieu-lg-hidden {
        display: none;
    }

    .card-text-ssTduBanGiamHieu-lg {
        padding: 20px;
        color: var(--color-white);
        text-decoration: none;
        margin-bottom: 0;
        text-align: justify;
        height: 100%;
        text-wrap-style: pretty;
        font-size: 14px;
        font-weight: 300;
    }

    /* ssTduBanGiamHieu */

    .parent-ssTduBanGiamHieu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduBanGiamHieu {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduBanGiamHieu {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div3-parent-ssTduBanGiamHieu {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div4-parent-ssTduBanGiamHieu {
        grid-area: 2 / 2 / 3 / 3;
    }

    /* ssTduBanGiamHieu */

    /* ssTduFooter */

    .p-title-footer-lg {
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        text-wrap-style: pretty;
        font-size: 16px !important;
    }

    .p-title-footer {
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .parent-footer {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 40px;
    }

    .div1-parent-footer {
        grid-area: 1 / 1 / 2 / 5;
        border-right: 1px solid #ddd;
        padding: 0 10px 0 0;
    }

    .div2-parent-footer {
        grid-area: 1 / 5 / 2 / 7;
        padding: 0 0 0 10px;
    }

    .div3-parent-footer {
        grid-area: 2 / 1 / 3 / 3;
    }

    .div4-parent-footer {
        grid-area: 2 / 3 / 3 / 5;
    }

    .div5-parent-footer {
        grid-area: 2 / 5 / 3 / 7;
    }

    /* END ssTduFooter */

    /* ssTduHoiDongSangLap */

    .img-ssTduHoiDongSangLap {
        height: 250px;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .card-title-ssTduHoiDongSangLap {
        color: var(--color-pink);
        font-weight: 400;
        text-wrap-style: pretty;
        font-size: 16px;
        padding: 10px 0 0 0;
    }

    .card-text-ssTduHoiDongSangLap {
        color: var(--color-black);
        text-wrap-style: pretty;
        font-size: 16px;
        margin: 0;
        font-weight: 400;
    }

    .parent-ssTduHoiDongSangLap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduHoiDongSangLap {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduHoiDongSangLap {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div3-parent-ssTduHoiDongSangLap {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div4-parent-ssTduHoiDongSangLap {
        grid-area: 2 / 2 / 3 / 3;
    }

    .div5-parent-ssTduHoiDongSangLap {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div6-parent-ssTduHoiDongSangLap {
        grid-area: 3 / 2 / 4 / 3;
    }

    .div7-parent-ssTduHoiDongSangLap {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div8-parent-ssTduHoiDongSangLap {
        grid-area: 4 / 2 / 5 / 3;
    }

    /* END ssTduHoiDongSangLap */

    /* ssTduGioiThieuDoiNguGiangVien */
    .ssTduGioiThieuDoiNguGiangVien-container {
        position: relative;
        background: #3da866;
    }

    .row-ssTduGioiThieuDoiNguGiangVien {
        background: #3da866;
    }

    .parent-ssTduGioiThieuDoiNguGiangVien {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 0;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGioiThieuDoiNguGiangVien {
        display: none;
    }

    .p-title-ssTduGioiThieuDoiNguGiangVien {
        display: none;
    }

    .p-title-ssTduGioiThieuDoiNguGiangVien-hidden {
        display: inline-block;
        padding: 20px 0;
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-white);
        text-transform: uppercase;
    }

    .div1-parent-ssTduGioiThieuDoiNguGiangVien-hidden {
        padding: 20px 0;
        display: inline-block;
    }

    .div2-parent-ssTduGioiThieuDoiNguGiangVien {
        background: #2da64baa;
        grid-area: 2 / 1 / 3 / 2;
    }

    .p-text-ssTduGioiThieuDoiNguGiangVien {
        padding: 0;
    }

    /* END ssTduGioiThieuDoiNguGiangVien */

    /* ssTduGioiThieuHoiDong */
    .parent-ssTduGioiThieuHoiDong {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGioiThieuHoiDong {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduGioiThieuHoiDong {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div3-parent-ssTduGioiThieuHoiDong {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div4-parent-ssTduGioiThieuHoiDong {
        grid-area: 2 / 2 / 3 / 3;
    }

    /* END ssTduGioiThieuHoiDong */

    /* ssTduTamNhinSuMang */
    .ssTduTamNhinSuMang-container {
        position: relative;
        padding: 0;
        background: var(--color-green);
    }

    .parent-ssTduTamNhinSuMang {
        display: grid;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 30px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduTamNhinSuMang {
        grid-area: 1 / 1 / 2 / 2;
        padding: 20px 0 0 0;
    }

    .div2-parent-ssTduTamNhinSuMang {
        grid-area: 2 / 1 / 3 / 2;
        border-top: 1px solid #ddd;
    }

    .div3-parent-ssTduTamNhinSuMang {
        grid-area: 3 / 1 / 4 / 2;
        height: 100%;
        padding: 0;
        background: transparent;
        outline: none;
        box-shadow: none;
        border-top: 1px solid #ddd;
    }

    /* END ssTduTamNhinSuMang */

    /* ssTduGiaTriCotLoi */

    .parent-ssTduGiaTriCotLoi {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGiaTriCotLoi {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduGiaTriCotLoi {
        grid-area: 1 / 2 / 2 / 3;
    }

    .div3-parent-ssTduGiaTriCotLoi {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div4-parent-ssTduGiaTriCotLoi {
        grid-area: 2 / 2 / 3 / 3;
    }

    /* END ssTduGiaTriCotLoi */

    /* ssTduGioiThieuDaiHocTayDo */

    .ssTduGioiThieuDaiHocTayDo-container {
        position: relative;
    }

    .parent-ssTduGioiThieuDaiHocTayDo {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduGioiThieuDaiHocTayDo {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduGioiThieuDaiHocTayDo {
        grid-area: 2 / 1 / 3 / 2;
    }

    /* END ssTduGioiThieuDaiHocTayDo */

    /* ssTduChapCanhUocMo */

    .ssTduChapCanhUocMo-container {
        background: #005325;
    }

    .row-ssTduChapCanhUocMo {
        position: relative;
    }

    .p-title-ssTduChapCanhUocMo {
        padding: 0;
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-pink);
        text-transform: uppercase;
    }

    .parent-ssTduChapCanhUocMo {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduChapCanhUocMo {
        grid-area: 1 / 1 / 2 / 2;
        padding: 20px;
    }

    .div2-parent-ssTduChapCanhUocMo {
        grid-area: 2 / 1 / 2 / 2;
        position: unset;
        z-index: 2;
    }

    .card-ssTduChapCanhUocMo {
        background: transparent;
        box-shadow: none;
        padding: 20px;
        position: relative;
        height: 100%;
    }

    .card-title-ssTduChapCanhUocMo-hidden {
        text-wrap-style: pretty;
        font-size: 16px;
        color: var(--color-white);
        z-index: 2 !important;
        display: inline-table;
        padding: 20px 0;
        font-weight: 400;
    }

    .card-title-ssTduChapCanhUocMo {
        display: none;
        position: unset;
        height: 0;
    }

    .card-text-ssTduChapCanhUocMo-hidden {
        color: var(--color-white);
        text-decoration: none;
        margin-bottom: 0;
        text-align: justify;
        height: 100%;
        display: inline-block;
    }

    /* END ssTduChapCanhUocMo */
    /* ssTduGocAnh */
    .ssTduGocAnh-desktop {
        display: none;
    }

    .ssTduGocAnh-mobile {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .col-left-ssTduGocAnh {
        padding: 0;
        width: 100%;
    }

    .text-header-ssTduGocAnh {
        padding: 0 0 20px 0;
        width: 100%;
    }

    .col-4-ssTduGocAnh {
        padding: 0;
        margin: 0;
        height: 13rem;
    }

    .card-1 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-2 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-3 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-4 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-5 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-6 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-7 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-8 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-9 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-10 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-11 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-12 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .card-1 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-2 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-3 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-4 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-5 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-6 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-7 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-8 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-9 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-10 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-11 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    .card-12 img {
        width: 100%;
        height: 100%;
        padding: 0.2rem;
        object-fit: cover;
    }

    /* END ssTduGocAnh */

    /* ssTduTinTuc */
    .parent-ssTduTinTuc {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .ssTduTinTuc-container {
        padding: 0;
    }

    .card-title-1-ssTduTinTuc {
        color: var(--color-white);
        text-wrap-style: pretty;
        font-size: 16px;
        padding: 0 20px;
    }

    .card-text-ssTduTinTuc {
        color: var(--color-white);
        text-wrap-style: pretty;
        font-size: 14px;
        font-weight: 400;
        padding: 20px;
    }

    .card-title-ssTduTinTuc {
        color: var(--color-white);
        text-wrap-style: pretty;
        font-size: 16px;
        text-align: justify;
        padding: 20px;
    }

    .div1-parent-ssTduTinTuc {
        grid-area: 1 / 1 / 3 / 4;
    }

    .div2-parent-ssTduTinTuc {
        grid-area: 1 / 4 / 2 / 6;
    }

    .div3-parent-ssTduTinTuc {
        grid-area: 2 / 4 / 3 / 6;
    }

    .div4-parent-ssTduTinTuc {
        grid-area: 2 / 3 / 3 / 4;
        display: none;
    }

    .div5-parent-ssTduTinTuc {
        grid-area: 2 / 4 / 3 / 5;
        display: none;
    }

    /* END ssTduTinTuc */

    /* ssTrietLyGiaoDuc */

    .ssTduTrietLyGiaoDuc-container {}

    .parent-ssTduTrietLyGiaoDuc {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 10px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduTrietLyGiaoDuc {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduTrietLyGiaoDuc {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3-parent-ssTduTrietLyGiaoDuc {
        grid-area: 3 / 1 / 4 / 2;
    }

    .p-body-ssTduTrietLyGiaoDuc {
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .p-body-1-ssTduTrietLyGiaoDuc {
        text-wrap-style: pretty;
        font-size: 74px;
        color: var(--color-green-dark);
        font-family: "Passions Conflict", cursive !important;
        font-weight: 400;
    }

    .p-body-2-ssTduTrietLyGiaoDuc {
        text-align: right;
        text-wrap-style: pretty;
        font-size: 74px;
        color: var(--color-green-dark);
        font-family: "Passions Conflict", cursive !important;
        font-weight: 400;
    }

    /* END ssTrietLyGiaoDuc */

    /* ssTduNghienCuuKhoaHoc */

    .ssTduNghienCuuKhoaHoc-container {
        background: #005325;
    }

    .row-ssTduNghienCuuKhoaHoc {
        position: relative;
    }

    .p-title-ssTduNghienCuuKhoaHoc {
        padding: 0;
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-pink);
        text-transform: uppercase;
    }

    .parent-ssTduNghienCuuKhoaHoc {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduNghienCuuKhoaHoc {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduNghienCuuKhoaHoc {
        grid-area: 2 / 1 / 2 / 2;
        position: unset;
        z-index: 2;
    }

    .card-ssTduNghienCuuKhoaHoc {
        background: transparent;
        box-shadow: none;
        position: relative;
        height: 100%;
        padding: 0;
    }

    .card-title-ssTduNghienCuuKhoaHoc-hidden {
        text-wrap-style: pretty;
        font-size: 16px;
        color: var(--color-white);
        z-index: 2 !important;
        display: inline-table;
        padding: 20px 0;
    }

    .card-title-ssTduNghienCuuKhoaHoc {
        display: none;
        position: unset;
        height: 0;
    }

    .card-text-more-ssTduNghienCuuKhoaHoc {
        margin-bottom: 0;
        text-align: justify;
        margin-top: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .card-text-ssTduNghienCuuKhoaHoc {
        color: var(--color-white);
        text-decoration: none;
        margin-bottom: 0;
        text-align: justify;
        height: 100%;
        padding: 20px 0;
    }

    .div-link-more-ssTduNghienCuuKhoaHoc {
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    a.a-link-more-ssTduNghienCuuKhoaHoc {
        width: fit-content;
        padding: 7px;
        text-wrap-style: pretty;
        font-size: 14px;
        color: var(--color-white);
        font-weight: 400;
        margin: 10px;
    }

    .img-ssTduNghienCuuKhoaHoc {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .img-ssTduNghienCuuKhoaHoc:hover {
        transform: translateY(-5px) !important;
        transition: all 0.25s ease-in-out !important;
    }

    /* END ssTduNghienCuuKhoaHoc */

    .bg-ssTduThongBao {
        height: 50%;
        width: 2px;
        background: #005325aa;
        position: absolute;
        margin: auto;
        right: -20px;
        top: 25%;
    }

    .parent-ssTduThongBao {
        display: block;
        width: 100%;
    }

    .div1-parent-ssTduThongBao {
        width: 100%;
    }

    .bg-ssTduCotMocDangNho {
        height: 75%;
    }

    .parent-ssTduCotMocDangNho {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 20px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduCotMocDangNho {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2-parent-ssTduCotMocDangNho {
        grid-area: 2 / 1 / 3 / 2;
    }

    .c-fff,
    .c-005325 {
        font-family: "K2D" !important;
        font-weight: 400 !important;
        text-wrap-style: pretty;
        padding: 10px !important;
        font-size: 12px;
    }

    i.bi-search {
        text-wrap-style: pretty;
    }

    i.bi-x,
    i.bi-list {
        text-wrap-style: pretty;
    }

    img.img-ic-flag {
        object-fit: cover;
    }

    .navbar-brand-logo {
        width: 100%;
        min-width: 8rem;
        max-width: 8rem;
        transition: 0.25s ease-in-out all;
        -webkit-transition: 0.25s ease-in-out all;
        -moz-transition: 0.25s ease-in-out all;
        -ms-transition: 0.25s ease-in-out all;
        -o-transition: 0.25s ease-in-out all;
    }

    #navbarNavDropdown li {
        border-bottom: 1px solid #95d5b2aa;
        margin: 5px !important;
    }
}

/* Thiết bị từ 992px đến 1024px (máy tính bảng lớn) */
@media (min-width: 991px) and (max-width: 1024.99px) {

    .row-ssTduBaiViet {
        padding: 20px;
        max-width: calc(100vw - 20%) !important;
    }

    .parent-ssTduNghienCuuKhoaHoc {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduNghienCuuKhoaHoc {
        grid-area: 1 / 1 / 2 / 5;
        padding: 20px;
    }

    .div2-parent-ssTduNghienCuuKhoaHoc {
        grid-area: 1 / 5 / 2 / 9;
        position: relative;
        z-index: 2;
    }

    .card-text-more-ssTduNghienCuuKhoaHoc {
        margin-top: 140px;
        height: calc(100% - 140px);
    }

    .card-title-ssTduNghienCuuKhoaHoc {
        text-wrap-style: pretty;
        font-size: 16px;
    }

    .card-text-ssTduNghienCuuKhoaHoc {
        text-wrap-style: pretty;
        font-size: 14px;
    }

    /* ssTrietLyGiaoDuc */

    /* ssTduTrietLyGiaoDuc */

    video.html5VideoIframe-CCUM {
        height: 90%;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .ssTduTrietLyGiaoDuc-container {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .bg-ssTduTrietLyGiaoDuc img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
        opacity: 0.8;
    }

    .row-ssTduTrietLyGiaoDuc {
        position: relative;
        z-index: 2;
        padding: 20px;
    }

    .p-group-ssTduTrietLyGiaoDuc {}

    .p-title-ssTduTrietLyGiaoDuc {
        padding: 0;
        text-wrap-style: pretty;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-green-dark);
    }

    .p-body-ssTduTrietLyGiaoDuc {
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    .p-body-1-ssTduTrietLyGiaoDuc {
        text-wrap-style: pretty;
        font-size: 65px;
        color: var(--color-green-dark);
        font-family: "Passions Conflict", cursive !important;
        font-weight: 400;
    }

    .p-body-2-ssTduTrietLyGiaoDuc {
        text-wrap-style: pretty;
        font-size: 65px;
        color: var(--color-green-dark);
        font-family: "Passions Conflict", cursive !important;
        font-weight: 400;
    }

    .p-desc-ssTduTrietLyGiaoDuc {
        padding: 20px 0;
        color: var(--color-green-dark);
        text-align: justify;
    }

    .card-ssTduTrietLyGiaoDuc {
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .card-ssTduTrietLyGiaoDuc img {
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

    .parent-ssTduTrietLyGiaoDuc {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 10px;
        margin: 0;
        padding: 0;
    }

    .div1-parent-ssTduTrietLyGiaoDuc {
        grid-area: 1 / 1 / 3 / 5;
    }

    .div2-parent-ssTduTrietLyGiaoDuc {
        grid-area: 1 / 5 / 2 / 8;
    }

    .div3-parent-ssTduTrietLyGiaoDuc {
        grid-area: 2 / 5 / 3 / 8;
    }

    .card-body-1-ssTduTrietLyGiaoDuc {
        padding: 10px;
        background: var(--color-green-dark);
        border-radius: 0 10px 0 10px;
        margin: 0;
        height: 100%;
    }

    .card-body-2-ssTduTrietLyGiaoDuc {
        padding: 10px;
        background: var(--color-green);
        border-radius: 0 10px 0 10px;
        margin: 0;
        height: 100%;
    }

    .card-title-ssTduTrietLyGiaoDuc {
        text-wrap-style: pretty;
        font-size: 13px;
        padding: 0 0 10px 0;
        margin: 0;
        color: var(--color-white);
        font-weight: 400;
    }

    .card-text-ssTduTrietLyGiaoDuc {
        font-size: 11px;
        font-weight: 300;
        padding: 0;
        margin: 0;
        color: var(--color-white);
    }

    /* END ssTduTrietLyGiaoDuc */

    .c-fff,
    .c-005325 {
        font-family: "K2D" !important;
        font-weight: 400 !important;
        text-wrap-style: pretty;
        font-size: 11px !important;
        padding: 5px !important;
        transition: 0.25s ease-in-out all;
    }

    i.bi-search {
        text-wrap-style: pretty;
        font-size: 14px;
        transition: 0.25s ease-in-out all;
    }

    i.bi-x,
    i.bi-list {
        text-wrap-style: pretty;
        font-size: 13px;
        transition: 0.25s ease-in-out all;
    }

    img.img-ic-flag {
        width: 26px;
        object-fit: cover;
        transition: 0.25s ease-in-out all;
    }


    .navbar-brand-logo {
        width: 100%;
        transition: 0.25s ease-in-out all;
        -webkit-transition: 0.25s ease-in-out all;
        -moz-transition: 0.25s ease-in-out all;
        -ms-transition: 0.25s ease-in-out all;
        -o-transition: 0.25s ease-in-out all;
    }
}


/* Thiết bị từ 1025px đến 1199px (laptop) */
@media (min-width: 1025px) and (max-width: 1199.99px) {
    .navbar-brand-logo {
        width: 100%;
        transition: 0.25s ease-in-out all;
        -webkit-transition: 0.25s ease-in-out all;
        -moz-transition: 0.25s ease-in-out all;
        -ms-transition: 0.25s ease-in-out all;
        -o-transition: 0.25s ease-in-out all;
    }

    .c-fff,
    .c-005325 {
        font-family: "K2D" !important;
        font-weight: 400 !important;
        text-wrap-style: pretty;
        font-size: 11px !important;
        padding: 5px !important;
        transition: 0.25s ease-in-out all;
    }

    i.bi-search {
        text-wrap-style: pretty;
        font-size: 14px;
        transition: 0.25s ease-in-out all;
    }

    i.bi-x,
    i.bi-list {
        text-wrap-style: pretty;
        font-size: 14px;
        transition: 0.25s ease-in-out all;
    }

    img.img-ic-flag {
        width: 26px;
        object-fit: cover;
        transition: 0.25s ease-in-out all;
        -webkit-transition: 0.25s ease-in-out all;
        -moz-transition: 0.25s ease-in-out all;
        -ms-transition: 0.25s ease-in-out all;
        -o-transition: 0.25s ease-in-out all;
    }

    .navbar-brand-logo {
        width: 100%;
        transition: 0.25s ease-in-out all;
        -webkit-transition: 0.25s ease-in-out all;
        -moz-transition: 0.25s ease-in-out all;
        -ms-transition: 0.25s ease-in-out all;
        -o-transition: 0.25s ease-in-out all;
    }
}

/* 150% */

@media (min-width: 1000px) {
    .div1-parent-ssTduThongBao {
        max-height: 350px !important;
        overflow: auto !important;
    }

    .img-ssTduGioiThieuDaoTao {
        height: 250px;
    }

    .calendarSsTduThongBao {
        width: 60px;
    }

    .calendarSsTduThongBao .monthSsTduThongBao {
        padding: 5px;
    }

    .calendarSsTduThongBao .daySsTduThongBao {
        padding: 3px;
    }

    .p-title-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-header-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-body-ssTduCotMocDangNho {
        font-size: 14px;
    }

    .p-text-ssTduCotMocDangNho {
        font-size: 12.15px;
    }

    a.a-link-more-ssTduCotMocDangNho {
        font-size: 14px;
    }

    .p-title-ssTduThongBao {
        font-size: 16px;
    }

    .card-title-ssTduThongBao {
        font-size: 14px;
    }

    .card-link-ssTduThongBao {
        font-size: 14px;
    }

    .calendarSsTduThongBao .monthSsTduThongBao {
        font-size: 16px;
    }

    .calendarSsTduThongBao .daySsTduThongBao {
        font-size: 16px;
    }

    a.a-link-more-ssTduThongBao {
        font-size: 14px;
    }

    .parent-ssTduThongBao {
        display: block;
        width: 100%;
    }

    .div1-parent-ssTduThongBao {
        width: 100%;
    }

    .p-title-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    .card-title:not(:last-child) {
        font-size: 16px;
    }

    .card-text-ssTduChuongTrinhTuyenSinh {
        font-size: 14px;
    }

    a.a-link-more-ssTduChuongTrinhTuyenSinh {
        font-size: 13px;
    }

    img.card-img-top.card-img-ssTduChuongTrinhTuyenSinh {
        height: 300px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    .c-fff,
    .c-005325 {
        font-family: "K2D" !important;
        font-weight: 400 !important;
        text-wrap-style: pretty;
        font-size: 11px !important;
        padding: 5px !important;
        transition: 0.25s ease-in-out all;
    }
}

/* Thiết bị lớn hơn 1200px (máy tính để bàn) */
@media (min-width: 1200px) {
    .card-title-ssTduTrietLyGiaoDuc {
        font-size: 16px;
    }

    .card-text-ssTduTrietLyGiaoDuc {
        font-size: 12px;
    }

    .div1-parent-ssTduThongBao {
        max-height: 350px !important;
        overflow: auto !important;
    }

    .bg-green {
        font-size: 0.8rem;
    }

    .container {
        max-width: calc(100vw - 20%);
    }

    i.bi-search {
        text-wrap-style: pretty;
        font-size: 12px;
        transition: 0.25s ease-in-out all;
    }

    i.bi-x,
    i.bi-list {
        text-wrap-style: pretty;
        font-size: 16px;
        transition: 0.25s ease-in-out all;
    }

    img.img-ic-flag {
        width: 26px;
        object-fit: cover;
        transition: 0.25s ease-in-out all;
    }

    .navbar-brand-logo {
        width: 100%;
        min-width: 8rem;
        max-width: 8rem;
        transition: 0.25s ease-in-out all;
    }
}

/* 125% */
@media (min-width: 1400px) {


    .card-text-ssTduTrietLyGiaoDuc {
        font-size: 16px;
    }

    .div1-parent-ssTduThongBao {
        max-height: 100% !important;
        overflow: auto !important;
    }

    .c-fff {
        font-weight: 400 !important;
    }

    header#header {
        max-height: 110px;
    }

    .navbar-brand-logo {
        min-width: 10rem;
        max-width: 10rem;
    }

    img.img-ic-flag {
        width: 28px;
    }

    i.bi-search {
        font-size: 16px;
    }

    .p-title-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-header-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-body-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-text-ssTduCotMocDangNho {
        font-size: 15.15px;
    }

    a.a-link-more-ssTduCotMocDangNho {
        font-size: 14px;
    }

    .p-title-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    .card-title:not(:last-child) {
        font-size: 16px;
    }

    .card-text-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    a.a-link-more-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    img.card-img-top.card-img-ssTduChuongTrinhTuyenSinh {
        height: 350px;
    }

    .card-ssTduTinTuc-1>img.card-img-top.card-img-ssTduTinTuc {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    img.card-img-top.card-img-ssTduTinTuc {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {

    .c-fff,
    .c-005325 {
        font-size: 12px !important;
    }

    .navbar-brand-logo {
        width: 100%;
        min-width: 8rem;
        max-width: 8rem;
        transition: 0.25s ease-in-out all;
    }
}

/* 110% */
@media (min-width: 1600px) {
    .card-text-ssTduTrietLyGiaoDuc {
        font-size: 20px;
    }

    .p-title-ssTduHoiDongKhoaHocVaDaoTao {
        font-size: 22px;
    }

    .p-text-ssTduHoiDongKhoaHocVaDaoTao {
        font-size: 16px;
    }

    .text-name {
        font-size: 16px;
    }

    .text-desc {
        font-size: 16px;
    }

    img.card-img-top.card-img-ssTduGioiThieuHoiDong {
        height: 300px;
    }

    .p-title-ssTduBanGiamHieu {
        font-size: 22px;
    }

    .p-text-ssTduBanGiamHieu {
        font-size: 16px;
    }

    .img-ssTduBanGiamHieu-lg {
        min-height: 550px;
    }

    .card-title-ssTduBanGiamHieu-lg-1 {
        font-size: 16px;
    }

    .card-title-ssTduBanGiamHieu-lg-2 {
        font-size: 16px;
    }

    .card-text-ssTduBanGiamHieu-lg {
        font-size: 16px;
    }

    .img-ssTduBanGiamHieu {
        height: 250px;
    }

    .card-title-ssTduBanGiamHieu {
        font-size: 16px;
    }

    .card-title-ssTduBanGiamHieu {
        font-size: 16px;
    }

    .card-text-ssTduBanGiamHieu {
        font-size: 17px;
    }

    .p-title-ssTduHoiDongTruong {
        font-size: 22px;
    }

    .p-text-ssTduHoiDongTruong {
        font-size: 16px;
    }

    .card-title-ssTduHoiDongTruong {
        font-size: 16px;
    }

    .card-text-ssTduHoiDongTruong {
        font-size: 16px;
    }

    .img-ssTduHoiDongTruong {
        height: 300px;
    }

    .p-title-ssTduHoiDongSangLap {
        font-size: 22px;
    }

    .p-text-ssTduHoiDongSangLap {
        font-size: 16px;
    }

    .card-title-ssTduHoiDongSangLap {
        font-size: 16px;
    }

    .card-text-ssTduHoiDongSangLap {
        font-size: 15px;
    }

    .img-ssTduHoiDongSangLap {
        height: 250px;
    }

    .img-ssTduGioiThieuDaoTao {
        height: 250px;
    }

    .p-title-ssTduBanTinTdu {
        font-size: 22px;
    }

    .p-title-ssTduTuyenSinh {
        font-size: 22px;
    }

    .p-title-ssTduCauChuyenTdu {
        font-size: 22px;
    }

    .p-title-ssTduTinTucKhac {
        font-size: 22px;
    }

    .p-title-ssTduCotMocDangNho {
        font-size: 22px;
    }

    .p-header-ssTduCotMocDangNho {
        font-size: 22px;
    }

    .p-body-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-text-ssTduCotMocDangNho {
        font-size: 17.5px;
    }

    a.a-link-more-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .card-title-ssTduThongBao {
        font-size: 16px;
    }

    .card-link-ssTduThongBao {
        font-size: 16px;
    }

    .calendarSsTduThongBao .monthSsTduThongBao {
        font-size: 16px;
    }

    .calendarSsTduThongBao .daySsTduThongBao {
        font-size: 22px;
    }

    a.a-link-more-ssTduThongBao {
        font-size: 16px;
    }

    .parent-ssTduThongBao {
        display: block;
        width: 100%;
    }

    .div1-parent-ssTduThongBao {
        width: 100%;
    }

    .p-title-ssTduChuongTrinhTuyenSinh {
        font-size: 22px;
    }

    .card-title:not(:last-child) {
        font-size: 22px;
    }

    .card-text-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    a.a-link-more-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    img.card-img-top.card-img-ssTduChuongTrinhTuyenSinh {
        height: 400px;
    }

    .p-text-ssTduGioiThieuDaiHocTayDo p {
        font-size: 16px;
    }

    .p-title-ssTduGioiThieuDaiHocTayDo {
        font-size: 22px;
    }

    img.img-ssTduGioiThieuDaiHocTayDo {
        height: 290px;
    }
}

/* 100% */

@media (min-width: 1800px) {
    .card-text-ssTduTrietLyGiaoDuc {
        font-size: 20px;
    }

    .p-title-ssTduHoiDongKhoaHocVaDaoTao {
        font-size: 22px;
    }

    .p-text-ssTduHoiDongKhoaHocVaDaoTao {
        font-size: 16px;
    }

    .text-name {
        font-size: 16px;
    }

    .text-desc {
        font-size: 16px;
    }

    img.card-img-top.card-img-ssTduGioiThieuHoiDong {
        height: 350px;
    }

    .p-title-ssTduBanGiamHieu {
        font-size: 22px;
    }

    .p-text-ssTduBanGiamHieu {
        font-size: 16px;
    }

    .img-ssTduBanGiamHieu-lg {
        min-height: 600px;
    }

    .card-title-ssTduBanGiamHieu-lg-1 {
        font-size: 16px;
    }

    .card-title-ssTduBanGiamHieu-lg-2 {
        font-size: 16px;
    }

    .card-text-ssTduBanGiamHieu-lg {
        font-size: 16px;
    }

    .img-ssTduBanGiamHieu {
        height: 300px;
    }

    .card-title-ssTduBanGiamHieu {
        font-size: 16px;
    }

    .card-title-ssTduBanGiamHieu {
        font-size: 16px;
    }

    .card-text-ssTduBanGiamHieu {
        font-size: 19px;
    }

    .p-title-ssTduHoiDongTruong {
        font-size: 22px;
    }

    .p-text-ssTduHoiDongTruong {
        font-size: 16px;
    }

    .card-title-ssTduHoiDongTruong {
        font-size: 16px;
    }

    .card-text-ssTduHoiDongTruong {
        font-size: 16px;
    }

    .img-ssTduHoiDongTruong {
        height: 350px;
    }

    .p-title-ssTduHoiDongSangLap {
        font-size: 22px;
    }

    .p-text-ssTduHoiDongSangLap {
        font-size: 16px;
    }

    .card-title-ssTduHoiDongSangLap {
        font-size: 16px;
    }

    .card-text-ssTduHoiDongSangLap {
        font-size: 16px;
    }

    .img-ssTduHoiDongSangLap {
        height: 300px;
    }

    .img-ssTduGioiThieuDaoTao {
        height: 300px;
    }

    .p-title-ssTduVanBanBieuMau {
        font-size: 22px;
    }

    .p-title-ssTduChuongTrinhDaoTao {
        font-size: 22px;
    }

    .p-text-ssTduVanBanBieuMau {
        font-size: 16px;
    }

    .p-text-ssTduChuongTrinhDaoTao {
        font-size: 16px;
    }

    .group-p-ssTduGioiThieuDaoTao p {
        font-size: 16px;
    }

    .p-link-ssTduChuongTrinhDaoTao {
        font-size: 16px;
    }

    .p-title-ssTduBanTinTdu {
        font-size: 22px;
    }

    .p-title-ssTduTuyenSinh {
        font-size: 22px;
    }

    .p-title-ssTduCauChuyenTdu {
        font-size: 22px;
    }

    .p-title-ssTduTinTucKhac {
        font-size: 22px;
    }

    .p-title-ssTduCotMocDangNho {
        font-size: 22px;
    }

    .p-header-ssTduCotMocDangNho {
        font-size: 22px;
    }

    .p-body-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-text-ssTduCotMocDangNho {
        font-size: 19.5px;
    }

    a.a-link-more-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-title-ssTduThongBao {
        font-size: 22px;
    }

    .card-title-ssTduThongBao {
        font-size: 16px;
    }

    .card-link-ssTduThongBao {
        font-size: 16px;
    }

    .calendarSsTduThongBao .monthSsTduThongBao {
        font-size: 16px;
    }

    .calendarSsTduThongBao .daySsTduThongBao {
        font-size: 22px;
    }

    a.a-link-more-ssTduThongBao {
        font-size: 16px;
    }

    .parent-ssTduThongBao {
        display: block;
        width: 100%;
    }

    .div1-parent-ssTduThongBao {
        width: 100%;
    }

    .p-title-ssTduChuongTrinhTuyenSinh {
        font-size: 22px;
    }

    .card-title:not(:last-child) {
        font-size: 22px;
    }

    .card-text-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    a.a-link-more-ssTduChuongTrinhTuyenSinh {
        font-size: 16px;
    }

    img.card-img-top.card-img-ssTduChuongTrinhTuyenSinh {
        height: 450px;
    }

    .p-title-ssTduNganhHoc {
        font-size: 22px;
    }

    .card-title-ssTduNganhHoc {
        font-size: 16px;
    }

    .card-text-ssTduNganhHoc {
        font-size: 16px;
    }

    img.img-fluid.img-ssTduNganhHoc {
        width: 100px;
        max-width: 100px;
    }

    .card-title-ssTduNghienCuuKhoaHoc {
        font-size: 22px;
    }

    .card-text-ssTduNghienCuuKhoaHoc {
        font-size: 16px;
    }

    a.a-link-more-ssTduNghienCuuKhoaHoc {
        font-size: 16px;
    }

    .img-ssTduNghienCuuKhoaHoc {
        height: 500px;
    }

    .p-title-ssTduTrietLyGiaoDuc {
        font-size: 22px;
    }

    .p-body-1-ssTduTrietLyGiaoDuc {
        font-size: 100px;
    }

    .p-body-2-ssTduTrietLyGiaoDuc {
        font-size: 100px;
    }

    .p-desc-ssTduTrietLyGiaoDuc {
        font-size: 16px;
    }

    .card-title-ssTduTrietLyGiaoDuc {
        font-size: 22px;
    }

    .p-title-ssTduTinTuc {
        font-size: 22px;
    }

    .card-title-ssTduTinTuc {
        font-size: 16px;
    }

    .card-ssTduTinTuc-1>img.card-img-top.card-img-ssTduTinTuc {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    img.card-img-top.card-img-ssTduTinTuc {
        height: 300px;
        width: 100%;
        object-fit: cover;
    }

    .p-title-ssTduSuKien {
        font-size: 22px;
    }

    .p-title-ssTduKiemDinh {
        font-size: 22px;
    }

    h1.p-title-ssTduGocAnh {
        font-size: 22px;
    }

    .text-header-ssTduGocAnh {
        font-size: 16px;
    }

    .card-title-ssTduSuKien {
        font-size: 16px;
    }

    .text-muted-ssTduSuKien {
        font-size: 16px;
    }

    .card-text-ssTduChapCanhUocMo {
        font-size: 16px;
    }

    .card-title-ssTduChapCanhUocMo {
        font-size: 22px;
    }

    .p-title-ssTduGioiThieuDaiHocTayDo {
        font-size: 22px;
    }

    .p-text-ssTduGioiThieuDaiHocTayDo p {
        font-size: 16px;
    }

    img.img-ssTduGioiThieuDaiHocTayDo {
        height: 315px;
    }

    p.card-title-ssTduGiaTriCotLoi {
        font-size: 22px !important;
    }

    p.card-text-ssTduGiaTriCotLoi {
        font-size: 16px;
    }

    .div1-parent-ssTduGiaTriCotLoi {
        padding: 40px;
    }

    p.card-title-ssTduTamNhinSuMang {
        font-size: 22px;
    }

    p.card-text-ssTduTamNhinSuMang {
        font-size: 16px;
    }

    .p-title-ssTduTrietLyGiaoDucV2 {
        font-size: 22px;
    }

    .p-body-ssTduTrietLyGiaoDucV2 {
        font-size: 22px;
    }

    .p-text-ssTduTrietLyGiaoDucV2 {
        font-size: 16px;
    }

    .p-title-ssTduGioiThieuHoiDong {
        font-size: 22px;
    }

    .card-title-ssTduGioiThieuHoiDong {
        font-size: 16px;
        padding: 5px;
    }

    .p-title-ssTduGioiThieuDoiNguGiangVien {
        font-size: 22px;
    }

    .p-text-ssTduGioiThieuDoiNguGiangVien p {
        font-size: 16px;
    }
}

/* 90% */
@media (min-width: 1950px) {
    .card-text-ssTduTrietLyGiaoDuc {
        font-size: 20px;
    }

    .p-title-ssTduHoiDongKhoaHocVaDaoTao {
        font-size: 25px;
    }

    .p-text-ssTduHoiDongKhoaHocVaDaoTao {
        font-size: 22px;
    }

    .text-name {
        font-size: 22px;
    }

    .text-desc {
        font-size: 22px;
    }

    img.card-img-top.card-img-ssTduGioiThieuHoiDong {
        height: 400px;
    }

    .p-title-ssTduBanGiamHieu {
        font-size: 26px;
    }

    .p-text-ssTduBanGiamHieu {
        font-size: 22px;
    }

    .img-ssTduBanGiamHieu-lg {
        min-height: 600px;
    }

    .card-title-ssTduBanGiamHieu-lg-1 {
        font-size: 22px;
    }

    .card-title-ssTduBanGiamHieu-lg-2 {
        font-size: 22px;
    }

    .card-text-ssTduBanGiamHieu-lg {
        font-size: 22px;
    }

    .img-ssTduBanGiamHieu {
        height: 350px;
    }

    .card-title-ssTduBanGiamHieu {
        font-size: 22px;
    }

    .card-title-ssTduBanGiamHieu {
        font-size: 22px;
    }

    .card-text-ssTduBanGiamHieu {
        font-size: 22px;
    }

    .p-title-ssTduHoiDongTruong {
        font-size: 26px;
    }

    .p-text-ssTduHoiDongTruong {
        font-size: 22px;
    }

    .card-title-ssTduHoiDongTruong {
        font-size: 22px;
    }

    .card-text-ssTduHoiDongTruong {
        font-size: 16px;
    }

    .img-ssTduHoiDongTruong {
        height: 400px;
    }

    .p-title-ssTduHoiDongSangLap {
        font-size: 26px;
    }

    .p-text-ssTduHoiDongSangLap {
        font-size: 22px;
    }

    .card-title-ssTduHoiDongSangLap {
        font-size: 22px;
    }

    .card-text-ssTduHoiDongSangLap {
        font-size: 16px;
    }

    .img-ssTduHoiDongSangLap {
        height: 350px;
    }

    .img-ssTduGioiThieuDaoTao {
        height: 350px;
    }

    .p-title-ssTduVanBanBieuMau {
        font-size: 26px;
    }

    .p-title-ssTduChuongTrinhDaoTao {
        font-size: 26px;
    }

    .p-text-ssTduVanBanBieuMau {
        font-size: 22px;
    }

    .p-text-ssTduChuongTrinhDaoTao {
        font-size: 22px;
    }

    .group-p-ssTduGioiThieuDaoTao p {
        font-size: 22px;
    }

    .p-link-ssTduChuongTrinhDaoTao {
        font-size: 22px;
    }

    .p-title-ssTduBanTinTdu {
        font-size: 26px;
    }

    .p-title-ssTduTuyenSinh {
        font-size: 26px;
    }

    .p-title-ssTduCauChuyenTdu {
        font-size: 26px;
    }

    .p-title-ssTduTinTucKhac {
        font-size: 26px;
    }

    .p-title-ssTduCotMocDangNho {
        font-size: 26px;
    }

    .p-header-ssTduCotMocDangNho {
        font-size: 26px;
    }

    .p-body-ssTduCotMocDangNho {
        font-size: 22px;
    }

    .p-text-ssTduCotMocDangNho {
        font-size: 22px;
    }

    a.a-link-more-ssTduCotMocDangNho {
        font-size: 16px;
    }

    .p-title-ssTduThongBao {
        font-size: 26px;
    }

    .card-title-ssTduThongBao {
        font-size: 16px;
    }

    .card-link-ssTduThongBao {
        font-size: 22px;
    }

    .calendarSsTduThongBao .monthSsTduThongBao {
        font-size: 22px;
    }

    .calendarSsTduThongBao .daySsTduThongBao {
        font-size: 26px;
    }

    a.a-link-more-ssTduThongBao {
        font-size: 22px;
    }

    .parent-ssTduThongBao {
        display: block;
        width: 100%;
    }

    .div1-parent-ssTduThongBao {
        width: 100%;
    }

    .p-title-ssTduChuongTrinhTuyenSinh {
        font-size: 26px;
    }

    .card-title:not(:last-child) {
        font-size: 26px;
    }

    .card-text-ssTduChuongTrinhTuyenSinh {
        font-size: 22px;
    }

    a.a-link-more-ssTduChuongTrinhTuyenSinh {
        font-size: 22px;
    }

    img.card-img-top.card-img-ssTduChuongTrinhTuyenSinh {
        height: 500px;
    }

    .p-text-ssTduGioiThieuDaiHocTayDo p {
        font-size: 21.5px;
    }
}

@media (min-width: 2100px) {}

@media (min-width: 2150px) {
    .card-text-ssTduTrietLyGiaoDuc {
        font-size: 20px;
    }

    .p-title-ssTduCotMocDangNho {
        font-size: 28px;
    }

    .p-header-ssTduCotMocDangNho {
        font-size: 28px;
    }

    .p-body-ssTduCotMocDangNho {
        font-size: 22px;
    }

    .p-text-ssTduCotMocDangNho {
        font-size: 22px;
    }

    a.a-link-more-ssTduCotMocDangNho {
        font-size: 22px;
    }
}

.sub-nav-item {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    z-index: 999;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    list-style: none;
    min-width: max-content;
}

.hs-has-mega-menu {
    position: relative;
}

.hs-has-mega-menu:hover .sub-nav-item {
    display: block;
}