footer {
    background: #F2F2F2;
}

.mb-50 {
    margin-bottom: 50px;
}

.img-highlight {
    max-width: 100%;
    overflow: hidden;
}

.bg-slider-search {
    background: linear-gradient(90deg, #F5FFFF 0%, #C7FCFF 100%);
}

.img-fluidz {
    width: 100%;
}

.menu-active a {
    background-color: #fcd222;
    padding: 5px;
    border-radius: 5px;
}

.bg-partner {
    background: #F6F6F6;
}

.border-top-footer {
    border-top: 1px solid #DBDBDB;
}

.form_search_main .btn-light,.form_search_main .btn-light.dropdown-toggle, .custom-filter .btn-light, .custom-filter .btn-light.dropdown-toggle {
    background: white;
    border: 0;
}

.form_search_main .filter-option-inner-inner {
    text-overflow: ellipsis;
    max-width: 269px;
    display: block;
}

/*footer*/
.menu-footer .menu-icon>ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.menu-footer .menu-icon>ul>li {
    list-style: none;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 20px;
}

.menu-footer .menu-icon>ul>li>a>img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

ul.menu-footer {
    padding-left: 0px;
    list-style: none;
}

ul.menu-footer > li > a {
    color: #000000;
}

ul.menu-footer > li {
    margin-bottom: 15px;
}

.title-menu-footer {
    color: #00172E;
    margin-bottom: 2rem;
    font-size: 20px;
    font-weight: bold;
}

.box_contact--footer > .row > div:last-child {
    text-align: right;
}

.box_contact--footer {
    margin-top: 1.5rem;
}

.title-highlight {
    color: #00172E;
}

.program--link {
    font-size: 1.6rem;
    background: #3DBBC1;
    padding: 10px 40px 10px 40px;
    font-weight: 400;
    color: white;
    border-radius: 12px;
    display: inline-block;
}

.deparment-title, .box-article-update .article-title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*footer*/
.box-article-update .img-fluid {
    border-radius: 16px;
}

.box-article-update .title-section {
    justify-content: center;
}

.box-article-update .slogan-section {
    margin-bottom: 30px;
}

.box-article-update .article-item {
    padding: 25px;
    background: #F9F9F9;
    border-radius: 16px;
    margin-bottom: 15px;
    height: auto;
}

.box-article-update .article-item .inner-image {
    margin-bottom: 15px;
}

.box-article-update .title-section {
    font-size: 36px;
    font-weight: bold;
    color: #475057;
    margin-bottom: 3rem;
}

.article-item .article-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.article-item .inner-content .user {
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.article-item .inner-content .article-description {
    color: #6A6A6A;
    font-size: 14px;
    display: -webkit-box;
    max-width: 100%;
    font-size: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-item .inner-content .link-comment {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article-item .inner-content .link-comment .btn-all {
    width: 74px;
    height: 39px;
    border-color: #CBCBCB;
    border-radius: 40px;
    padding-top: 5px;
}

.article-item .inner-content .link-comment span.comment {
    color: #A5B2AF;
    font-size: 14px;
}

/*home brand*/
.block_brand--home .box_content {
    border-radius: 24px;
    padding: 4.5rem;
    min-height: 23rem;
    height: 100%;
}

.block_brand--home .box_content > .title {
    font-size: 20px;
    font-weight: bold;
    color: #374151;
    margin-bottom: 1rem;
}

.block_brand--home .box_content > .description {
    font-size: 20px;
    font-weight: 400;
    color: #606F7A;
    line-height: 30px;
}

.block_brand--home > .row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.block_brand--home > .row > div {
    padding: 0px 7.5px;
    margin-bottom: 15px;
}

.block_brand--home .title-section {
    color: #3DBBC1;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 25px;
}

.block_brand--home .box--brand-0 {
    background: #F9F9F9;
}

.block_brand--home .box--brand-1 {
    background: #F3F0F1;
}

.block_brand--home .box--brand-2 {
    background: #F3F0F1;
}

.block_brand--home .box--brand-3 {
    background: #F5F3FF;
}

.block_brand--home .box--brand-4 {
    background: #F3F0F1;
}

.block_brand--home .img_decor {
    position: absolute;
    bottom: 0;
    right: 12px;
}

.box_highlight--article .title-section {
    font-size: 4rem;
    color: #475057;
    font-weight: bolder;
    margin-bottom: 1.5rem;
}

.box_highlight--article {
    text-align: center;
}

.box_highlight--article .title-description {
    color: #606F7A;
}

.box_highlight--article > .title-section > span {
    color: #3DBBC1;
}

.box_highlight--article a {
    color: white !important;
    background: #3DBBC1;
    width: 15rem;
    border-radius: 7px;
    font-size: 17px;
}

.highlight-cirle {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin-top: -18rem;
}

@media (min-width: 1000px) {
    .bg-slider-search .description_decor {
        margin-right: 60px;
        max-width: 280px;
        backdrop-filter: blur(4px);
        padding: 1rem 1.4rem;
        border-radius: 14px;
        border: 1px solid #3DBBC1;
        position: absolute;
        top: 34%;
        right: 0;
        background: #FFFFFFCC;
    }

    .description_decor .description-content {
        color: #000000;
        font-weight: 700;
        font-size: 16px;
    }

    .description_decor {
        margin-left: -20px;
        max-width: 280px;
        backdrop-filter: blur(4px);
        padding: 1rem 1.4rem;
        border-radius: 14px;
        border: 1px solid #3DBBC1;
        position: absolute;
        top: 43%;
        background: rgb(250 208 207 / 51%);
    }

    .highlight-cirle.highlight-cirle-2 {
        right: 20px;
    }

    img.decor-left-1 {
        position: absolute;
        left: -35px;
        top: 0;
    }

    img.decor-left-2 {
        position: absolute;
        left: 110px;
        bottom: 0;
    }

    img.decor-left-3 {
        position: absolute;
        top: 150px;
        margin-left: 0px;
    }

    .decor-right-1 {
        position: absolute;
        top: 0;
        right: 66px;
    }

    img.decor-right-2 {
        position: absolute;
        bottom: 0px;
        right: 198px;
    }

    img.decor-right-3 {
        position: absolute;
        top: 50%;
        right: -37px;
    }
}

/*home brand*/
@media (min-width: 1000px) {
    .form_search_main #school_id {
        margin-right: 10px;
    }

    .input-group {
        align-items: center;
    }

    span.before_decor {
        display: block;
        width: 3px;
        height: 17px;
        background: #3DBBC1;
    }

    .form_search .form-control {
        border: 0;
    }

    .block_main--slider .box-content {
        position: absolute;
        top: 25%;
        right: 0;
        left: 0;
        margin-left: 15px;
    }
}

.block_main--slider .box-content .title {
    color: #292D32;
    font-weight: bolder;
    font-size: 48px;
    margin-bottom: 1.5rem;
}

.block_main--slider .box-content .description {
    color: #606F7A;
    font-size: 16px;
}

.block_main--slider .box-content .title > span {
    color: #3DBBC1;
}

.block_main--slider .box-content > .row > div {
    padding: 0px 5px;
}

.block_main--slider .box-content > .row {
    margin: 0px -5px;
}

.section-deparment > .row {
    margin: 0 -7.5px;
}

.section-deparment > .row > div {
    padding: 0 7.5px;
}

.deparment-item {
    background-color: #EAFDF8;
    /* nền xanh nhạt */
    border-radius: 12px;
    /* bo góc */
    padding: 16px;
    margin-bottom: 1.5rem;
    height: 100%;
}

.deparment-item .inner-image .img {
    border-radius: 8px;
    background-color: #ffffff;
    /* khung trắng cho ảnh/icon */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.deparment-item .inner-image .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 1rem;
}

.deparment-item .inner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.deparment-item .deparment-title a {
    font-size: 1.8rem;
    font-weight: bolder;
    color: #000000;
    /* màu chữ đậm tương phản */
    text-decoration: none;
}

.deparment-item .deparment-title a:hover {
    text-decoration: underline;
}

/* Thông tin phụ (số CV, biểu tượng) */
.deparment-item .sub-info {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: 14px;
    color: #46615E;
}

/* 1st, 4th, 7th… = xanh lá */
.section-deparment> .row >div:nth-child(3n+1) > .deparment-item {
    background-color: #EDF9ED;
}

/* 2nd, 5th, 8th… = xanh dương nhạt */
.section-deparment> .row >div:nth-child(3n+2) >.deparment-item {
    background-color: #EEFAFF;
}

/* 3rd, 6th, 9th… = vàng nhạt */
.section-deparment> .row >div:nth-child(3n) >.deparment-item {
    background-color: #FFFBEB;
}

.deparment-item .sub-info i {
    font-size: 1.4rem;
    color: #4AAB9B;
}

/* 1st, 4th, 7th… = xanh lá */
.deparment-item:nth-child(3n+1) {
    background-color: #EAFDF8;
}

/* 2nd, 5th, 8th… = xanh dương nhạt */
.deparment-item:nth-child(3n+2) {
    background-color: #E6F4FF;
}

/* 3rd, 6th, 9th… = vàng nhạt */
.deparment-item:nth-child(3n) {
    background-color: #FFF9E6;
}

/*sinh vien*/
.bg-block-student {
    padding: 8rem 0px;
    background: #EEFAFF;
}

.section_block--student > .row {
    margin: 0 -7.5px;
}

.section_block--student > .row > div {
    padding: 0 7.5px;
}

.section_block--student > .box-student--custom > .row {
    margin: 0 -7.5px;
}

.section_block--student > .box-student--custom > .row > div {
    padding: 0 7.5px;
}

.student-item .img {
    padding-top: 125%;
}

.student-item {
    margin-bottom: 15px;
    border: 1px solid #3DBBC1;
}

.bg-list-student--search {
    background: rgb(245, 255, 255);
}

.block_list-student--search {
    margin: 50px 0px;
}

.block_list-student--search .student-item {
    margin-bottom: 30px;
    border: 1px solid #3DBBC1;
}

.block_list-student--search > .row > div {
    padding: 0 7.5px;
}

.block_list-student--search > .row {
    margin: 0 -7.5px;
}

.block_list-student--search .student-item .img {
    padding-top: 56%;
}

.block_list-student--search .inner-content {
    margin: 1.5rem;
}

.student-title {
    color: #3DBBC1;
    font-size: 20px;
    font-weight: 700;
}

/* 1. Reset list */
.student-content .info-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    /* khoảng cách giữa các mục */
}

/* 3. Căn icon + text thẳng hàng */
.student-content .info-item {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    color: #292D32;
    gap: 7px;
}

/* 5. Nếu bạn dùng <a> trong website, style lại link */
.student-content .info-item.website a {
    color: inherit;
    text-decoration: none;
}

.student-content .info-item.website a:hover {
    text-decoration: underline;
}

.block_page--search .bg-form-search {
    background: #F4F4F4;
    border-radius: 8px !important;
}

.block_page--search .form-control {
    border-radius: 8px !important;
}

.img_decor_list img {
    width: 100%;
    max-height: 500px;
}

.block_page--search .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.form_search {
    margin-top: 5rem;
    padding: 10px;
    width: 90%;
    border: 1px solid #D4F3F4;
    box-shadow: 0px 0px 25.1px 0px #3DBBC13D;
    border-radius: 8px;
}

.block_page--search .form_search {
    border: 1px solid #3DBBC1;
    margin-top: -5rem;
    padding: 10px;
    width: 100%;
    box-shadow: 0px 0px 25.1px 0px #3DBBC13D;
    border-radius: 8px;
    background: #FFFFFF;
}

.title-search:before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 24px;
    background: #3DBBC1;
    top: 0;
    left: 0;
}

.title-search {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1.3rem;
    color: #3DBBC1;
    padding-left: 10px;
    position: relative;
}

.btn-reset-search {
    margin-left: 7px;
    font-size: 16px;
    color: #A1A1A1;
    border: 1px solid;
    border-radius: 8px;
}

.form_search .btn-submit {
    color: white;
    width: 90px;
    height: 41px;
    background: #3DBBC1;
    border: 0;
    border-radius: 5px;
}

.form_search .btn-submit-search {
    color: white;
    width: 90px;
    height: 41px;
    background: #3DBBC1;
    border: 0;
    border-radius: 5px;
}

.featured-websites {
    background-color: #2ec0c6;
    color: white;
    padding: 40px 20px;
    text-align: center;
    border: 1px solid #00a6af;
    height: 100%;
}

.featured-websites h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.featured-websites h2::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: white;
    margin: 10px auto 0;
}

.featured-websites p {
    font-size: 14px;
    max-width: 600px;
    margin: 20px auto;
    line-height: 1.6;
}

.view-button {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid white;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
}

.custom-filter .btn-all {
    margin-right: 10px;
    color: white;
    background: #3DBBC1;
    border-radius: 8px;
}

.view-button:hover {
    background-color: white;
    color: #2ec0c6;
}

.custom-filter {
    display: flex;
    margin-bottom: 3rem;
    align-items: center;
}

.custom-filter .item-filter {
    width: 275px;
}

.custom-filter .item-filter >.form-control {
    border: 1px solid #7C7C7C;
    border-radius: 8px;
    padding: 0px 4px;
}

.view-small .article-item {
    padding-bottom: 15px;
    border-bottom: 1px dashed #D9D9D9;
}

.view-small .inner-image img {
    border-radius: 8px;
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
    color: white;
    background: var(--color-main_custom);
}

.pagination .page-link {
    font-weight: bold;
    background: #f2f2f2;
    color: var(--color-black);
    padding: 0.8rem 1.5rem;
}

.pagination .page-item {
    margin-right: 3px;
}

.article-entry-info {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.article-detail .date-view {
    display: flex;
    align-items: center;
}

.article-detail .date-view .view {
    color: #747474;
    position: relative;
}

.article-detail .date-view .view i {
    display: inline-block;
    margin-right: 6px;
}

.article-detail .date-view span.seperate {
    display: inline-block;
    margin: 0 10px;
    line-height: 1;
    height: 15px;
    overflow: hidden;
    color: #747474;
}

.article-detail .date-view .post-date {
    color: #747474;
}

.article-detail .title-detail {
    font-size: 2.4rem;
    margin-bottom: 1rem;
}

.article-detail-page, .box-detail-tags {
    padding: 15px;
    border-radius: 8px;
    min-height: 37rem;
}

.post-date span {
    color: black;
    font-size: 1.4rem;
    font-weight: 500;
    margin-right: 0.5rem;
}

.pagination {
    text-align: center;
    border-top: 0;
    padding-top: 1rem;
    margin-top: 3rem;
}

/*tin tuc*/
.box-article-bottom > .row > div:last-child > .article-item {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.box-article-bottom .article-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #D9D9D9;
}

.box-article-bottom .article-item .inner-image .img {
    border-radius: 8px;
    overflow: hidden;
}

.box-article-bottom .article-item .inner-content .article-title {
    font-size: 18px;
}

.box-article-bottom .article-item .inner-content .category-date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}

.box-article-bottom .article-item .inner-content .category-date .product-category {
    margin-right: 10px;
}

.box-article-bottom .article-item .inner-content .category-date .product-category a {
    display: inline-flex !important;
    background: #D2D3D4;
    border-radius: 50px;
    height: 30px;
    padding: 0 15px;
    align-items: center;
    font-size: 14px;
    color: #000;
}

.box-article-bottom .article-item .inner-content .post-date {
    color: #000;
    font-size: 14px;
}

.box-acticle-home .article-item .inner-image .img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

.box-acticle-home .article-item .inner-content {
    padding: 15px;
}

.box-acticle-home .article-item .inner-content .article-title {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 18px;
    min-height: 55px;
}

.box-acticle-home .article-item .inner-content .post-date {
    margin-bottom: 5px;
}

.box-acticle-home .article-item .inner-content .article-description {
    color: #000;
    display: -webkit-box;
    max-width: 100%;
    font-size: 16px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-acticle-home .article-item .inner-content .link a {
    padding: 5px 15px;
    border-radius: 5px;
}

.box-acticle-home .article-item {
    border-radius: 8px;
    border: 1px solid #ddd;
    margin-bottom: 0 !important;
}

.box-article--related .view-small .post-date span {
    font-size: 1.4rem;
}

.ratio-icon img {
    width: 13rem;
    height: 13rem;
    object-fit: contain;
}

.swiper-grid-column > .swiper-wrapper .swiper-slide {
    margin-top: 0 !important;
    margin-bottom: 15px;
}

/*tin tuc*/

/*Button Contact Fixed*/
.contact-fixed {
    z-index: 999;
    right: 20px;
    bottom: 15px;
    position: fixed;
    height: 70px;
    width: 70px;
    background: #fcd222;
    border-radius: 50%;
    cursor: pointer;
}

.contact-fixed__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    color: black;
    font-size: 10px;
    line-height: 11px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: ease-in .12s all;
    -o-transition: ease-in .12s all;
    transition: ease-in .12s all;
    text-align: center;
}

.contact-fixed__button.show {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

.contact-fixed__button i {
    font-size: 18px;
    margin-bottom: 2px;
}

.contact-fixed__pulsation {
    width: 84px;
    height: 84px;
    background: linear-gradient(90deg, #0D5DD6 0%, #9747FF 100%);
    border-radius: 50px;
    position: absolute;
    left: -12px;
    top: -12px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: arcontactus-pulse 2s infinite;
    animation: arcontactus-pulse 2s infinite;
}

.contact-fixed__pulsation:nth-child(2n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.contact-fixed__close {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: var(--white);
    font-size: 24px;
    -webkit-transform: rotate(180deg) scale(0);
    -ms-transform: rotate(180deg) scale(0);
    transform: rotate(180deg) scale(0);
    -webkit-transition: ease-in .12s all;
    -o-transition: ease-in .12s all;
    transition: ease-in .12s all;
}

.contact-fixed__close.show {
    -webkit-transform: scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: scale(1);
}

.contact-fixed__list {
    background: center no-repeat var(--white);
    box-shadow: 0 0 10px rgb(0 0 0 / 60%);
    width: 235px;
    position: absolute;
    bottom: 80px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7px;
    -webkit-transform-origin: 80% 105%;
    -ms-transform-origin: 80% 105%;
    transform-origin: 80% 105%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: ease-out .12s all;
    -o-transition: ease-out .12s all;
    transition: ease-out .12s all;
    z-index: 10000;
}

.contact-fixed__list:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-top: 8px solid #FFF;
    border-left: 8px solid transparent;
    content: '';
}

.contact-fixed__list.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.contact-fixed__item {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    width: 100%;
    color: #000;
}

.contact-fixed__item:hover {
    background-color: #eeeeee;
    color: var(--color-text);
}

.contact-fixed__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    background: linear-gradient(90deg, #0D5DD6 0%, #9747FF 100%);
    border-radius: 50%;
    padding: 8px;
}

.contact-fixed__item-icon img {
    filter: brightness(0) invert(1);
    width: 22px;
}

@keyframes arcontactus-pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

/*End Button Contact Fixed*/

@media (min-width: 800px) and (max-width: 1025px) {
    .form_search {
        margin-top: 1rem;
    }

    .block_brand--home .box_content {
        padding: 2.5rem;
    }

    .featured-websites {
        padding: 6px 20px
    }

    .box_highlight--article a {
        width: 16rem;
    }

    .highlight-cirle {
        display: none;
    }

    .box-article-update {
        margin-top: 0rem;
        padding-top: 40px;
    }
}

@media (min-width: 768px) and (max-width: 850px) {
    .student-content .info-item {
        display: flex;
        align-items: center;
        font-size: 1.2rem;
        color: #292D32;
        gap: 7px;
    }

    .form_search {
        width: 100%;
    }

    .menu-header {
        margin-bottom: 2rem;
        border-bottom: 1px solid #3DBBC1;
    }

    .block_brand--home .box_content > .title, .block_brand--home .box_content > .description {
        font-size: 14px;
    }

    .menu-header > .container > .row > div:last-child {
        text-align: right;
    }

    .description_decor {
        display: none;
    }

    .deparment-item {
        min-height: 14rem;
    }

    .deparment-item .inner-image .img {
        width: 40px;
        height: 40px;
    }

    .featured-websites p {
        font-size: 14px;
        max-width: 600px;
        margin: 13px auto;
        line-height: 1.6;
        display: -webkit-box;
        max-width: 100%;
        font-size: 14px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .featured-websites h2 {
        font-size: 17px;
        margin-bottom: 8px;
    }
}

@media (max-width: 768px) {
    .form_search_main .form-control {
        width: 100%;
        margin-bottom: 7px;
    }

    .form_search_main .input-group {
        flex-direction: column;
    }

    .block_brand--home .box_content {
        border-radius: 24px;
        padding: 2.5rem;
        min-height: 20rem;
    }

    .block_brand--home .box_content > .title {
        font-size: 16px;
    }

    .block_brand--home .box_content > .description {
        font-size: 16px;
    }

    .block_main--slider .box-content > .row > div:last-child {
        display: none;
    }

    .slider_page--search .box-content > .row > div:last-child {
        display: block;
    }

    .box-article-bottom .article-item .inner-content .article-title {
        font-size: 14px;
        margin: 10px 0px;
    }

    .box-article-bottom .article-item .inner-content .category-date .product-category {
        margin-right: 5px;
        margin-bottom: 8px;
    }

    .box-article-bottom .article-item {
        margin-bottom: 20px;
    }

    .form_search .btn-submit-search {
        line-height: 2;
    }

    .block_page--search .form-control {
        width: 100% !important;
        margin-bottom: 1.2rem
    }

    .block_page--search form > .input-group {
        display: flex;
        flex-direction: column;
    }

    .title-search:before {
        height: 20px;
    }

    .slider_page--search .box-content {
        padding: 5rem 0px;
    }

    .block_page--search .form_search {
        margin-top: 3rem;
    }

    .block_list-student--search {
        margin: 30px 0px;
    }

    .title-search {
        font-size: 20px;
    }

    .student-content .info-list {
        gap: 1rem;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .student-title {
        font-size: 20px;
    }

    .block_list-student--search .inner-content {
        text-align: left;
    }

    .img_decor {
        display: none;
    }

    .bg-block-student {
        padding: 5rem 0px;
        background: #EEFAFF;
    }

    .form_search .btn-submit {
        margin-left: 3px;
        width: 81px;
        height: 35px;
    }

    .box_highlight--article .title-section {
        font-size: 3.4rem;
    }

    .article-item .article-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

    .box-article-update .title-section {
        font-size: 30px;
    }

    .mb-50 {
        margin-bottom: 3rem;
    }

    .box-article-update {
        border-top: 1px solid #3DBBC1;
        margin-top: 3rem;
        padding-top: 3rem;
        padding-bottom: 40px;
    }

    .box_highlight--article a {
        width: 18rem;
    }

    .highlight-cirle {
        display: none;
    }

    .block_brand--home .title-section {
        font-size: 35px;
    }

    .form_search {
        margin-top: 3rem;
        width: 100%;
    }

    .block_main--slider .box-content .title {
        font-size: 35px;
    }

    .box_contact--footer > .row > div:last-child {
        text-align: center;
    }

    .title-highlight {
        color: #00172E;
    }
    
    .personal-brand .block-tab.nav {
        justify-content: center;
        margin-bottom: 1rem;
    }
}
@media (max-width: 500px) {
    .tab-content img, .tab-content iframe, .tab-content video {
        height: auto;
    }
}

.highlight-cirle img {
    width: 100%;
    height: auto;
}

.block_main--slider.slider_page--search img {
    max-height: 400px;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
}

.personal-brand .nav-link {
    border: 1px solid var(--color-main);
    border-radius: 3rem;
    text-align: center;
}

.personal-brand .block-tab.nav {
    gap: 2rem;
}

.personal-brand .nav-link.active {
    background: var(--color-main);
    color: white !important;
}

.personal-brand .nav-link:hover {
    background: rgb(17 28 45 / 30%);
}

.inner-personal-brand .title {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.inner-personal-brand .description {
    font-size: 1.6rem;
}

.btn-personal-brand {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    gap: 1rem;
}

.btn-personal-brand i {
    font-size: 4rem;
}

.faq-parent-title {
    font-size: 17px;
    color: var(--color-main_custom);
    border-bottom: 1px solid var(--gray);
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 4px;
}

.tab-faq ul .faq-parent-title:nth-child(n + 2) {
    margin-top: 20px;
}

.tab-faq .nav-link {
    font-size: 15px;
    padding: 8px 10px !important;
}

.tab-faq .nav-link.active,
.tab-faq .nav-link:hover {
    color: var(--color-main_custom) !important;
    font-weight: 600 !important;
}

.news_big .article-item .inner-content {
    padding: 15px;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background: transparent;
    background: -moz-linear-gradient(top, transparent 0%, #000000 100%);
    background: -webkit-linear-gradient(top, transparent 0%, #000000 100%);
    background: linear-gradient(to bottom, transparent 0%, #000000 100%);
}

.news_big .inner-content .article-title {
    min-height: auto;
    font-size: 20px;
}

.news_small .inner-content .article-title {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    min-height: auto;
}

.news_small .inner-content .article-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-article-page .article-item {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 0;
    border-radius: 8px;
}

.box-article-page .article-item .inner-content {
    padding: 15px;
}

.box-article-page .article-item .inner-content .article-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

.article-category .bg-cate {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #BAD5FF;
    padding: 0 0.6rem;
    border-radius: 3rem;
    font-size: 1.2rem;
    margin-right: 15px;
    line-height: 2.5;
}

.category-page .view {
    white-space: nowrap;
    font-size: 12px;
}