/* listpost */
.tp-blog-grid-wrapper {
    margin: 0;
    max-width: 910px;
}

.tp-blog-grid-item-backcolor {
    border: none;
    background-color: #F0F0F0;
    max-width: 910px;
}

.tp-blog-grid-thumb {
    max-width: 850px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Căn giữa theo chiều dọc */
    margin: 0 auto;
    /* Đảm bảo căn giữa theo chiều ngang */
    padding-bottom: 30px;
}

/* ảnh */
.tp-blog-grid-thumb a {
    overflow: hidden;
    /* Ẩn bất kỳ phần nào của hình ảnh vượt ra khỏi vùng chứa */
}

.tp-blog-grid-thumb img {
    /* Thêm các thuộc tính CSS cho hình ảnh trong phần thumbnail */
    max-width: 100%;
    /* Đảm bảo hình ảnh không vượt quá kích thước của phần tử cha */
    height: 100%;
}

.tp-blog-grid-content {
    padding-bottom: 0px;
}

/* text blog */
.tp-blog-grid-content h4 {
    margin: 0;
    padding-top: 30px;
    /* ICO LANGUAGE/sub-title-h4 */
    color: var(--primary-color);
    font-family: SVN-Avo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}

/* tiêu đề bài viết */
.tp-blog-grid-title {
    /* loại bỏ text-truncate ở <h3 class="tp-blog-grid-title"> để hiện thị đầy đủ tiêu đề
     nếu không tiêu đề sẽ có độ dài 1 dòng nếu vượt quá sẽ hiện thị thêm ... */
    margin: 0;
    padding-top: 29px;
    padding-bottom: 29px;
    /* ICO LANGUAGE/H2 */
    font-family: var(--tp-ff-roboto);
    overflow: hidden;
    color: var(--1, #1B1B1B);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* text-overflow: ellipsis;   --hiện thị văn bản trên 1 dòng nếu quá thì sẽ cắt bớt với dấu ba chấm--
    white-space: nowrap; */
    /* layout */
    width: 70%;
    height: auto;
    flex-shrink: 0;
}

/* mô tả bài viết */
.tp-blog-grid-content h5 {
    margin: 0;
    color: var(--1, #1B1B1B);
    font-family: SVN-Avo;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* Số dòng tối đa */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

/* thời gian và người đăng bài */
.tp-blog-grid-meta {
    display: flex;
    margin-bottom: 15px;
}

span.blog-grid-meta-edit {
    display: flex;
    padding-right: 40px !important;
}

.blog-grid-meta-edit h6 {
    margin: 0;
    align-content: center;
    color: var(--text-des, #565C65);
    font-family: SVN-Avo;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 8px;
}

.tp-blog-grid-meta svg {
    margin: 0;
}

/* phân trang */
.pagination {
    justify-content: center;
}



/* side-bar */
.col-xl-3 .col-lg-4 {
    max-width: 450px;
}

.tp-sidebar-wrapper .tp-sidebar-ml--24 {
    margin: 0;
    max-width: 100%;
}

.tp-sidebar-widget.widget_categories .tp-sidebar-widget-content {
    border: none !important;
    padding: 0 !important;
}

.tp-sidebar-widget-title {
    color: var(--1, #1B1B1B);
    /* ICO LANGUAGE/sub-title-h4 */
    font-family: SVN-Avo;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    font-weight: bold;
}

.tp-sidebar-blog-item-wrapper {
    border: none !important;
    padding: 0 !important;
}

.tp-sidebar-blog-item:not(:last-child) {
    border: none !important;
}

.tp-sidebar-blog-title a {
    font-weight: bold;
    font-family: var(--tp-ff-roboto);
}

.tp-blog-grid-style2 {
    box-shadow: none;
}

.tp-postbox-details-content {
    padding: 30px;
}

.horizontal-bar {
    width: 50px;
    /* Chiều rộng của thanh ngang */
    height: 2px;
    /* Độ dày của thanh ngang */
    background-color: var(--primary-color);
    /* Màu sắc của thanh ngang */
}

.post-dm {
    margin-bottom: 5px;
}

.tp-sidebar-blog-title {
    overflow: hidden;
    text-overflow: ellipsis;
    /* Hiển thị dấu ba khi văn bản bị cắt ngắn */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Số dòng tối đa muốn hiển thị */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    /* Ngắt từ khi vượt quá kích thước */
}

.tp-sidebar-blog-thumb {
    max-width: 170px;
    margin-right: 12px;
}

.tp-sidebar-blog-thumb a {
    overflow: hidden;
}

.tp-sidebar-blog-thumb img {
    width: 170px;
    height: 120px;
}

.tp-sidebar-wrapper {
    margin-left: -116px;
}

/* Định nghĩa các style cho màn hình 1440px trở xuống */
@media (max-width: 1400px) {
    .tp-sidebar-wrapper {
        margin-left: 0;
        /* Xóa margin-left */
    }
}

/* post balde */
.breadcrumb__content h3 {
    text-align: center;
}

.tp-postbox-details-main-wrapper {
    padding-right: 140px;
}

.tp-postbox-details-content {
    /* background-color: #F0F0F0; */
    border-radius: 10px;
}

/* bài viết liên quan */
.tp-blog-grid-item {
    border: 0;
}

.tp-blog-grid-thumb-bvlq {
    max-width: 450px;
}

.tp-blog-grid-thumb-bvlq a {
    overflow: hidden;
    /* Ẩn bất kỳ phần nào của hình ảnh vượt ra khỏi vùng chứa */
}

.tp-blog-grid-content-bvlq a {
    font-weight: bold;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Hiển thị dấu ba khi văn bản bị cắt ngắn */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Số dòng tối đa muốn hiển thị */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    /* Ngắt từ khi vượt quá kích thước */
}

.tp-blog-grid-thumb-bvlq {
    max-width: 100%;
}

.tp-blog-grid-thumb-bvlq img {
    /* Thêm các thuộc tính CSS cho hình ảnh trong phần thumbnail */
    width: 100%;
    /* Đảm bảo hình ảnh không vượt quá kích thước của phần tử cha */
    height: 314px;
}

.tp-blog-grid-content-bvlq {
    max-width: 100%;
    padding: 0;
}

.tp-blog-grid-title-bvlq {
    width: 100%;
    padding: 0;
    margin: 0;
    color: var(--1, #1B1B1B);
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

.tp-blog-grid-content-bvlq .tp-blog-grid-meta-edit .time {
    margin: 0;
    padding: 0;
    padding-top: 8px;
}

/* breadcrumb */
.tp-postbox-details-meta {
    padding-top: 15px;
    color: #FFF;
}

.tp-postbox-details-meta-edit-time {
    padding-right: 47px !important;
}

/* liên hệ du học */
.container-sblp {
    max-width: 450px;
    border-radius: 10px;
    border: 1px solid var(--text-tren-nen-toi, #DCDEE0);
    background: #FFF;
}

.container-sblp .text {
    width: 100%;
    background-color: var(--ICO2);
    border-radius: 10px;
    padding: 19px 87px 19px 30px;
}

.container-sblp .text h3 {
    color: #FFF;
    /* ICO LANGUAGE/H3 */
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.container-sblp .text p {
    color: #FFF;
    /* ICO LANGUAGE/p*/
    font-family: SVN-Avo;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 160% */
}

.text-profile {
    padding: 30px;
}

.text-profile input {
    margin-bottom: 20px;
    max-width: 390px;
    height: 50px;
}

.text-profile select {
    width: 100%;
    padding: 0px 20px;
    height: 50px;
    margin-bottom: 20px;
}

.option-group {
    display: flex;
    width: 100%;
    height: 100%;
}

.option-group .rectangle-label {
    display: inline-block;
    cursor: pointer;
    width: 50%;
    height: 50px;
    background: #FFF;
    border: 1px solid #DDD;
    color: var(--text-des, #565C65);
    font-family: SVN-Avo;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
    text-align: center; /* Căn giữa nội dung trong label */
    align-content: center;
}
.option-group .rectangle-label-aus {
    background-color: var(--ICO1);
    display: inline-block;
    cursor: pointer;
    width: 50%;
    height: 50px;
    border: 1px solid #DDD;
    color: #FFF;
    font-family: SVN-Avo;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 160% */
    text-align: center; /* Căn giữa nội dung trong label */
    align-content: center;
}
.rectangle-label:hover {
    background: var(--ICO2) !important;
    color: #FFF;
}
.rectangle-label-aus:hover {
    background: var(--ICO2) !important;
    color: #FFF !important;
}
input[type="radio"] {
    display: none;
}
input[type="radio"]:checked + label {
    background-color: var(--ICO2);
    color: #fff;
}
.text-profile #address,
#year {
    border: 1px solid #DDD;
    color: #565C65;
}

.text-profile #note {
    max-width: 100%;
    height: 100px;
    margin-bottom: 20px;
}

.text-profile label {
    margin-bottom: 10px;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: black;
}

.btn-primary {
    display: block;
    margin: 0 auto;
}

.label-required {
    color: red;
}

#successMessages {
    background-color: var(--ICO1); /* Màu nền xanh nhạt */
    color: #fff; /* Màu chữ xanh lá cây */
    padding: 10px;
    margin: 30px;
    margin-top: 0;
    position: relative;
}
#closeButtons {
    position: absolute;
    font-size: 20px;
    height: 0;
    right: 15px;
    cursor: pointer;
    font-weight: bold;
}


@media (max-width: 1440px) {
    .tp-postbox-details-main-wrapper {
        padding-right: 0px;
    }

    .container-sblp .text {
        padding: 19px 15px 19px 15px;
    }

    .container-sblp .text h3 {
        font-size: 20px;
    }

    .container-sblp .text p {
        font-size: 11px;
        margin-bottom: 0px;
    }
}