blockquote {
  background: #f9f9f9 !important; /* Light grey background */
  border-left: 5px solid var(--main-color) !important; /* Thick left border */
  margin: 1.5em 10px !important; /* Spacing around the quote */
  padding: 0.5em 10px !important; /* Inner spacing */
  quotes: "\\201C""\\201D""\\2018""\\2019" !important; /* Defines which quotes to use */
}
blockquote > p {
	margin-bottom: 0;
}
iframe {
  width: 100%;
  aspect-ratio: 16 / 9; /* Giữ tỉ lệ chuẩn của YouTube */
  height: auto;
  border-radius: 12px;  /* Bo góc hiện đại (tùy chọn) */
  box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Đổ bóng nhẹ cho chuyên nghiệp */
  border: none;
}
/*figure {
    width: 100%;
    background: #f1f3f4;
}

figcaption {
    padding: 20px;
    color: #606368;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}*/
/* Css begin vinno.css */
/* Thay vì mất hút, chúng ta chỉ ẩn đi nhưng giữ chỗ (hoặc ẩn mượt mà) */
.v-hidden {
    visibility: hidden;
    opacity: 0;
    /* Nếu bạn muốn menu thu nhỏ lại nhưng không gây giật, 
       hãy set height cố định cho container của ảnh */
}

/* Đảm bảo menu khi fix không làm sụp đổ layout bên dưới */
.nav-ytthd.is-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    /* Giữ chiều cao không đổi nếu có thể */
}
.container.block-views-blocknews-block-13 {
    padding-right: 0 !important;
}
.block-views-blocknews-block-13 .view-content .slick-track{
    display: flex;
    gap: 8px;
}
.block-views-blocknews-block-13 .view-content .slick-track:before{
    display: none;
}
#block-website-mainnavigation-2 ul li > a > img {
    margin: 0 !important;
}
#block-website-mainnavigation-2 ul li > a > span.link-text {
    text-align: center;
}
@media(max-width: 360px) {
    .region.region-bottom-bar .block-menu.navigation.menu--main > ul {
        gap: 9px !important;
    }
}
/* View */
.views-exposed-form .js-form-wrapper.form-wrapper > fieldset > .fieldset-wrapper{
    display: flex;
}
.views-exposed-form .js-form-wrapper.form-wrapper > fieldset > .fieldset-wrapper .js-form-type-date.form-type-date > label{
    display: none;
}

.views-exposed-form .js-form-wrapper.form-wrapper > fieldset legend > .fieldset-legend{
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    color: #212529
}
.views-exposed-form .js-form-wrapper.form-wrapper > fieldset legend{
    position: static;
}
.views-exposed-form .js-form-wrapper.form-wrapper > fieldset{
    flex-direction: column;
    padding: 0;
    margin-right: 20px;
}
@media(max-width: 992px){
    .views-exposed-form .js-form-wrapper.form-wrapper > fieldset > .fieldset-wrapper .js-form-type-date.form-type-date input.form-date{
        min-width: unset;
    }
}
.view .view-filters,
.view #vbo-action-form-wrapper{
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    /* max-width: 600px; */
    /*margin: 20px auto;*/
    margin-block: 20px;
}
/* End */
.aligncenter{
    text-align: center;
}
.view .view-header{
    position: relative;
}
.link-help-block{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
}
.link-help-block a{
    /* font-weight: 800; */
    font-size: 13px;
    color: var(--main-dark-blue-color);
    background-color: white;
}
.link-help-block a:hover,
.link-help-block a:focus{
    /* font-weight: 800; */
    /* font-size: 13px;
    color: var(--main-dark-blue-color); */
    background-color: var(--main-red-color);
    color: white;
}
.toolbar-loading #toolbar-item-toolbar-menu-quan-tri-tray{
    background-color: #08447a !important;
}
/* .not-frontpage .dialog-off-canvas-main-canvas .box-all-content */

.not-frontpage .page-content{
    padding-top: 24px;
    /*padding-bottom: 65px;*/
}
.path-frontpage #block-website-lichvutrunenlamkhongnen {
    padding-top: 1rem !important;
}
@media (min-width: 1200px) {
    /* #block-powmenusearch .menu-lang{
        margin-left: 20px;
    } */
    #block-powmenusearch .search{
        margin-left: 25px;
    }
}

@media (max-width: 992px) {
    #block-powmenusearch .menu{
        order: 0;
    }
    #block-powmenusearch .menu-logo{
        order: 1;
    }
    #block-powmenusearch .menu-lang{
        order: 2;
    }
    #block-powmenusearch #block-blocklogo img{
        max-width: 140px;
    }
    #block-powmenusearch button.tbm-button{
        margin-bottom: 0;
        border: none;
        transform: scale(0.6);
        transform-origin: left;
        background-color: transparent;
    }
    .tbm.tbm--mobile .tbm-submenu-toggle{
        border-left: none;
        background-color: white;
    }
    .menu .tbm.tbm--mobile .tbm-link.level-1{
        font-weight: bold;
    }
    .menu .tbm.tbm--mobile .tbm-link.level-2,
    .menu .tbm.tbm--mobile .tbm-link.level-3{
        margin-left: 20px;
    }
    .tbm.tbm--mobile .tbm-item{
        border: unset
    }
    .menu .tbm.tbm--mobile .tbm-collapse {
        max-height: calc(100vh - 150px);
        overflow: auto;
    }
}
header.content-header{
    position: sticky !important;
    background-color: white;
    z-index: 99;
}
#block-powmenusearch{
    position: static;
}
.block-search .js-form-type-search.form-type-search{
    position: absolute;
    top: 40px;
    right: 0;
    max-width: unset;
    background-color: white;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    border: solid 1px var(--bs-gray-600);
    display: none;
}
.block-search [id*="search-block-form"] .icon{
    position: unset!important;
    padding-inline: 12px;
}
/* Block Header */
.block-header{
    /* margin-bottom: 50px; */
}
.block-header h3{
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    color: var(--main-dark-blue-color);
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: .8px;
}

.block-header h3::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    height: 4px;
    background-color: var(--main-red-color);
}

/*Trang tìm kiếm*/
.path-search .search-help-link{
    width: 100%;
    font-size: 12px;
    display: block;
    color: var(--main-dark-blue-color);
}
.path-search .block-system-main-block > h2{
    font-size: 15px;
    margin-block: 7px;
}
.path-search .item-list ol{
    margin-left: 0;
    padding-left: 0;
}
.path-search .item-list li{
    list-style-type: none;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    margin-bottom: 15px;
    transition: linear 0.5s;
}
.path-search .item-list li:hover{
    box-shadow: #bdbdbd;
}

.path-search .item-list li .search-result__title a{
    font-weight: 500;
    color: var(--main-dark-blue-color);
}
.path-search .form-item-keys.js-form-type-search{
    align-items: center;
}
.path-search .search-form .js-form-type-search input.form-search{
    padding-left: 10px;
    font-size: 16px;
    margin-left: -50px;
}
@media(max-width: 720px){
    .search-form .form-type-search label{
        flex-direction: row;
    }
    .path-search .block-system-main-block > h2{
        margin-top: 10px;
    }
    .path-search .search-form .js-form-type-search input.form-search{
        /* padding-left: 10px;
        font-size: 16px; */
        margin-left: 0;
    }
    .path-search .search-form input.form-submit{
        min-width: unset;
    }
}

.path-search .item-list h3{
    font-size: 18px;
    margin-top: 15px;
}
.path-search .search-form .js-form-submit.form-submit{
/*  scale: 0.9;*/
    margin-left: 5px;
}
.path-search .search-form .form-item-keys .form-search{
    height: 100%!important;
/*  scale: 0.9;*/
}
/* List Header */
.list-header{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 25px;
}
.list-header h4{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    color: var(--main-red-color);
    margin-bottom: 0;
}

/* List Footer */
.list-footer a{
    background-color: #fff;
    border: 1px solid var(--main-red-color);
    color: var(--main-red-color);
    transition: all ease .6s;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}
.btn-explore:hover,
.btn-explore:focus{
    color: white;
    background-color: transparent;
}
.btn-explore span{
    position: relative;
    z-index: 2;
}
.btn-explore::after{
    background-image: url('../images/transition-bg-red.svg');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 200%;
    transition: all ease .6s;
    z-index: 0;
}
.btn-explore:hover:after,
.btn-explore:focus:after {
    right: -50%;
}

.btn-transform-banner::after{
    background-image: url('../images/transition-bg.svg');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 200%;
    transition: all ease .6s;
    z-index: 0;
}
.btn-transform-banner:hover:after,
.btn-transform-banner:focus:after {
    right: -50%;
}
.btn-transform-banner span{
    position: relative;
    z-index: 2;
}
.btn-transform-banner{
    background-color: var(--main-red-color);
    color: #fff;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: none;
    font-weight: 700;
    display: inline-block;
}
.btn-transform-banner:hover,
.btn-transform-banner:focus{
    color: white;
}

/* Chi tiết tin tức */
.news-content img,
.text-formatted img{
    max-width: 100%;
}
.news-content .wp-block-image,
.news-content .wp-block-image em{
    text-align: center;
}
.news-content .wp-block-image img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*.news-content img{
    display: block;
}
.news-content img + em{
    text-align: center;
}*/


/* Danh sách tin tức trang chủ */
.tintuc-item .tintuc-home-item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    border-bottom: 1px solid var(--main-dark-blue-color);
    margin-top: 32px;
}
.tintuc-item .tintuc-home-item .tintuc-title h5{
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
.tintuc-item .tintuc-home-item .tintuc-title a{
    text-decoration: none;
    color: var(--main-dark-blue-color);
    transition: all ease .6s;
    font-weight: 700;
}
.tintuc-item .tintuc-home-item .tintuc-title a:hover,
.tintuc-item .tintuc-home-item .tintuc-title a:focus{
    color: var(--main-red-color);
}

.tintuc-item .tintuc-created time{
    color: #828282;
    margin-bottom: 8px;
}

#block-website-khoitintuctrangchu{
    padding-top: 30px;
    padding-bottom: 65px;
    background-image: url('../images/red-star-background.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 90%;
}
@media (max-width: 992px) {
    .view-id-news.view-display-id-block_7 {
        margin-bottom: 40px;
    }
}
/* Lịch sử hoạt động */
.lshd-item{
    gap: 24px;
    align-self: stretch;
    margin-bottom: 45px;
}

.lshd-item .lshd-info {
    gap: 15px;
    flex: 1 0 0;
}
.lshd-item .lshd-title h5{
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: var(--main-red-color);
    position: relative;
    padding-left: 47px;
    margin-bottom: 0;
}
.lshd-item .lshd-title h5::before{
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../images/red-star-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -18px;
}

.lshd-item .lshd-mota{
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}
.lshd-item .lshd-img img{
    width: 288px;
    height: auto;
    max-width: 100%;
}

/* Menu sidebar */
@media(max-width: 992px){
    #block-website-flexiblemenu{
        display: none;
    }
}
.block-flexiblemenu{
    padding-right: 25px;
}
.children-pages-list.menu-level-0{
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}
.children-pages-list li {
    padding-top: 10px;
    padding-bottom: 10px;
}
.children-pages-list li a {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: var(--main-text-color);
    text-decoration: none;
    transition: all ease .6s;
}

.children-pages-list .active>a, .children-pages-list li a:hover {
    color: var(--main-red-color);
}

.children-pages-list .menu-level-1 > li a {
    padding-left: 30px;
    background-image: url('../images/bl-star-icon.svg');
    background-size: 15px 15px;
    background-position: left center;
    background-repeat: no-repeat;
    transition: all ease .6s;
}
.children-pages-list .menu-level-1 > li a:hover,
.children-pages-list .menu-level-1 > li a:focus {
    background-image: url('../images/red-star-icon.svg');
}
.children-pages-list .menu-level-1 {
    list-style-type: none;
    padding-top: 10px;
    margin-left: 0;
}

/* Trang danh sách tin tức */
.posts-list-item-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding-left: 65px;
}
.posts-list-item-container .post-title {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
}

.posts-list-item-container .post-title a {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: var(--main-dark-blue-color);
    transition: color ease .4s;
    text-decoration: none;
}

.posts-list-item-container .post-title a:hover,
.posts-list-item-container .post-title a:focus{
    color: var(--main-red-color);
}

.posts-list-item-container .post-date {
    color: #bdbdbd;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 10px;
}
h3[data-once='vinno-collapse']{
    padding-bottom: 25px;
    margin-bottom: 0;
}
h3[data-once='vinno-collapse'] .view-group-year{
    padding-left: 0;
    padding-right: 0;
    border-radius: 0 !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    border-top: 1px solid var(--main-dark-blue-color);
    padding-top: 1rem;
    display: flex;
}
h3[data-once='vinno-collapse'] .view-group-year::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('../images/botarrow.svg');
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    transition: transform 0.2s ease-in-out;
}
h3[data-once='vinno-collapse'].active .view-group-year::after {
    /* background-image: url('../images/botarrow.svg'); */
    transform: rotate(-180deg);
}
h3[data-once='vinno-collapse'].active .view-group-year{
    background-color: transparent;
    color: var(--main-red-color);
    transition: all ease .4s;
    border-top-color: var(--main-red-color);
}

h3[data-once='vinno-collapse']:not(:first-of-type){
    margin-top: 25px;
}
.posts-list-item-container .attachment-container{
    flex-shrink: 0;
    width: 45px;
}
.posts-list-item-container .attachment-download-btn{
    width: 24px;
    height: 24px;
    background-image: url('../images/download.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    transition: all ease .4s;
}

.posts-list-item-container .attachment-download-btn:hover,
.posts-list-item-container .attachment-download-btn:focus {
    background-image: url('../images/blue-download.svg');
}

/* Trang trụ sở */
.office-contact-item{
    margin-bottom: 50px;    
}
.office-contact-info-item {
    padding-left: 35px;
    position: relative;
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 25px;
}

.office-contact-info-item.diachi:before {
    background-image: url('../images/address.svg');
}
.office-contact-info-item.sdt:before {
    background-image: url('../images/tel.svg');
}
.office-contact-info-item.email:before {
    background-image: url('../images/email.svg');
}
.office-contact-info-item.web:before {
    background-image: url('../images/website.svg');
}
.office-contact-info-item.fax:before {
    background-image: url('../images/fax.svg');
}

.office-contact-info-item:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.office-contact-item .office-contact-map iframe{
    width: 100%;
}

.office-contact-title.header-title h4{
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    color: var(--main-dark-blue-color);
    border-bottom: 4px solid var(--main-red-color);
    margin-bottom: 20px;
}

/* Trang chi tiết Nhân sự */
h1.member-name{
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    padding: 0;
}

.page-node-type-nhansu .field--name-field-nhansu-thongtin{
    text-align: justify;
    margin-top: 15px;
}

/* Trang chi tiết tin tức */
.text-cat {
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.align-center figcaption{
    text-align: center;
}
.page-node-type-article .post-title .block-text,
.page-node-type-event .post-title .block-text,
.page-node-type-thuchanh .post-title .block-text {
    position: relative;
    padding-bottom: 10px;
    color: var(--main-dark-blue-color);
}
.page-node-type-article h1.post-title,
.page-node-type-event h1.post-title,
.page-node-type-thuchanh h1.post-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 110%;
    /*margin-bottom: 50px;*/
    padding: 0;
}
.page-node-type-article .post-date {
    /*color: #828282;*/
    color: rgba(0, 0, 0, .85);
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 10px;
}

.page-node-type-article .news-content,
.page-node-type-page .field--name-body,
.page-node-type-event .event-scroll-text,
.page-node-type-event .field-event-chitietsukien,
.page-node-type-thuchanh .field--name-field-thuchanh-noidung,
.page-node-type-thuchanh.post-date {
    /*text-align: justify;*/
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%;
}

.page-node-type-article .news-content figure > img,
.page-node-type-page .field--name-body figure > img {
    padding-top: 0;
    padding-bottom: 0;
}

.page-node-type-article .news-content img,
.page-node-type-page .field--name-body img {
    padding-top: 8px;
    padding-bottom: 24px;
}

.banner-phu .field-content img{
    width: 100%;
}

/* Tiêu đề mobile */
.mobile-title {
    margin-bottom: 50px;
}

.mobile-title .block-text {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    color: var(--main-dark-blue-color);
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: .8px;
}
.mobile-title .block-text:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    height: 4px;
    background-color: var(--main-red-color);
    max-width: 100%;
    /* width: 100%; */
}
.page-node-type-page.path-node .field--name-body table{
    width: 100%;
}
.page-node-type-page.path-node .field--name-body table tr td,
.page-node-type-page.path-node .field--name-body table tr th{
    min-width: unset;
}

/* Sự kiện */
.view-id-view_su_kien .div-information .field > span{
    color: #828282;
}
.view-id-view_su_kien .div-information .field > div{
    color: var(--main-dark-blue-color);
    font-weight: bold;
}
.view-id-view_su_kien .div-information .field{
    margin-bottom: 15px;
}
.banner-sukien .banner-image img{
    height: 250px;
    object-fit: cover;
}
/* FaQ */
.path-faq-page .faq-question a{
    position: relative;
    padding-bottom: 10px;
    color: var(--main-dark-blue-color);
    font-weight: bold;
    font-size: 22px;
}

.path-faq-page .node__content .field--name-field-detailed-question .field__label{
    font-weight: bold;
    color: #828282;
    margin-bottom: 8px;
    font-size: 12px;
}
.path-faq-page .node__content .field--name-field-detailed-question .field__item{
    font-weight: bold;
    color: black;
    margin-bottom: 8px;
}

/* Simplenews */
#block-simplenewssubscription {
    position: relative;
}
#edit-mail-wrapper {
    /*position: relative;*/
}

#block-website-simplenewssubscription{
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 16px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    /* max-width: 600px; */
    margin: 20px auto;
}

.pow-newsletter h2,
#block-website-simplenewssubscription h2{
    color: #fff;
    font-family: "SVN-Gilroy Bold";
    font-size: 24px;
    font-weight: 700;
}
#block-website-simplenewssubscription form {
    display: flex;
    flex-direction: column;
}
#block-website-simplenewssubscription form > .field--name-mail{
    order: 1;
}
#block-website-simplenewssubscription form > .form-no-label{
    order: 0;
}
#block-website-simplenewssubscription form > .form-actions{
    order: 2;
    justify-content: flex-start;
    margin-block: 15px !important;
}
#block-website-simplenewssubscription .form-item {
    margin: 0;
}
#block-website-simplenewssubscription .form-email {
    /* background: #2E2E2E; */
    /* color: #fff; */
    /* border-radius: 0; */
    /* border: 0; */
    
}
#block-website-simplenewssubscription .button--primary {
    /*text-indent: -999px;*/
    /* background: #FDCB0C; */
    background-color: var(--main-red-color);
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}
#block-website-simplenewssubscription .button--primary::before {
    content: '→';
}
#block-website-simplenewssubscription .form-actions {
    padding: unset;
    position: unset;
    /*right: 0;*/
    /*top: 0;*/
    border-top: 0px solid #f5f5f5;
    width: auto;
    z-index: 999;
    background-color: transparent;
    margin: 0;
    /*position: absolute;
    right: 0;
    top: 0;*/
}
#block-website-simplenewssubscription .description,
#block-website-simplenewssubscription [for*="edit-mail"] {
    display: none;
}

/* Table ckeditor */
.ck-table-head{
    background-color: #0054a5;
    border-style: none;
    border-width: 0px;
    color: white;
}

.ck-table-head tbody tr:hover, .ck-table-head tbody tr:focus{
    background-color: #0054a5;
}

.ck-table-normal td,
.ck-table-normal th{
    border: 1px solid black;
}

.banner-phu .flexslider .slides img{
    /*height: 339px;*/
    height: 241px;
}
.banner-phu #flexslider-1{
    margin: 0;
}


.sukien_item_ratio img{
    aspect-ratio: 682/409;
}
/* Css end vinno.css */
/* Banner tin tức trang chủ */
.slick-article-banner-home .style_01 .style_thumbnail img{
    /*aspect-ratio: 351/353;*/
    aspect-ratio: 357/359;
    border-radius: var(--vinno-border-radius);
}
.slick-article-banner-home .slick-arrow::before{
    color:rgba(0, 0, 0, 0.65);
}
.slick-article-banner-home .style_01 .style_title{
    /*font-size: 18px;*/
    font-size: 16px;
    font-weight: 700;
    line-height: 130%;
}
@media(max-width: 768px){
    .path-hoat-dong-noi-bat .banner-phu .flexslider .slides img,
    .path-hoat-dong .banner-phu .flexslider .slides img {
        height: 203px;
    }
}
@media screen and (min-width: 576px) {
    .slick-article-banner-home .style_01 .style_thumbnail img{
        aspect-ratio: 680/303;
    }
    .slick-article-banner-home .slick-next{
        right: -35px;
    }
    .slick-article-banner-home .slick-prev{
        left: -35px;
    }
}

/* Khối SK sắp diễn ra trang chủ */
.img-event-near-home{
    aspect-ratio: 176/105;
    height: 100%;
}


/* Khối Banner Quảng cáo */
.view-id-banner_quangcao.view-display-id-block_1 .style_thumbnail img{
    aspect-ratio: 351/209;
}

.view-id-banner_quangcao.view-display-id-block_1 a:hover .style_title div{
    color: var(--light-orange)!important;
}
.kt-arrow{
    flex: 1 0 60px;
    text-align: right;
}
@media(min-width: 395px) and (max-width: 505px){
    .kt-arrow{
        flex: 0 0 auto;
    }
    .kt-title{
        flex: 0 0 230px;
    }
}
@media screen and (min-width: 992px) {
    body:not([class*="page-url-node-add-"]):not([class*="-admin"]):not([class*="-edit"]) .region-pre-content,
    body:not([class*="page-url-node-add-"]):not([class*="-admin"]):not([class*="-edit"]) .region-content,
    body:not([class*="page-url-node-add-"]):not([class*="-admin"]):not([class*="-edit"]) .order-2 footer {
        margin: 0 auto;
        width: var(--content-width, 680px);
    }
    .view-id-banner_quangcao.view-display-id-block_1 .style_thumbnail img{
        aspect-ratio: 681/243;
        /* object-position: top; */
    }
    #block-website-views-block-banner-phu-block-1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}

/* Khối Liệu pháp tâm linh */
.view-id-news.view-display-id-block_14 .rounded-main-img img{
    aspect-ratio: 255/153;
}

/* Khối thực hành Phật Pháp Trang chủ */
/* ========= TERM PARENT (Cấp 0) ========= */
.block-giaophapthuchanhhome ul,
.block-giaophapthuchanhhome li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.block-giaophapthuchanhhome .term-parent {
    /* margin-top: 20px; */
    /* background: #f3f3f3; */
    /* padding: 12px 16px; */
    border-radius: 12px;
    font-weight: 700;
    font-size: 17px;
}

.block-giaophapthuchanhhome .term-parent.depth-0 {
    margin: 10px 0;
}

.block-giaophapthuchanhhome .term-parent > a {
    color: #000;
    text-decoration: none;
}

/* ========= TERM CHILD (Cấp con) ========= */
.block-giaophapthuchanhhome .term-child {
    margin-left: 20px;
    padding: 10px 0 10px 24px;
    position: relative;
    font-size: 16px;
}

.block-giaophapthuchanhhome .term-child a {
    color: #000;
    text-decoration: none;
}

/* Icon tròn đỏ */
.block-giaophapthuchanhhome .term-child:before {
    content: "";
    width: 11px;
    height: 11px;
    background: white;
    border: solid 3px var(--main-color);
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: 15px;
}

/* Dấu chấm "kết nối" phía trên (nếu có nhiều item) */
.block-giaophapthuchanhhome .term-child:not(:first-child):after {
    content: "";
    width: 2px;
    height: 18px;
    /* height: 100%; */
    /* background: #e0e0e0; */
    border-left: dashed 2px var(--lightgrey-15);
    position: absolute;
    left: 3px;
    top: -10px;
}

/* ========= LEVEL 1 WRAPPER ========= */
.block-giaophapthuchanhhome .term-level-1 {
    margin-top: 6px;
}
.block-giaophapthuchanhhome .term-parent > a{
    display: block;
    width: 100%;
}
.block-giaophapthuchanhhome #THPP .nav-item .nav-link{
    background-color: var(--lightgrey)!important;
    color: black;
}
.block-giaophapthuchanhhome #THPP .nav-item .nav-link.active{
    background: var(--orange)!important;
    color: white;
}

/* Lịch tụ tập */
.view-id-view_su_kien.view-display-id-event_tutap_home .header-tab-sapdienra::before{
    content: "";
    width: 11px;
    height: 11px;
    background: var(--orange);
    border-radius: 50%;
    position: absolute;
    left: -0;
    top: 9px;
}

/* Full khối Yêu thương trong hành động */
.nav.nav-ytthd{
    /* z-index: 10; */
    top: 10px;
}
.nav.nav-ytthd .nav-item .nav-link.active{
    /*border-color: var(--orange)!important;*/
    border-color: var(--lighter-orange)!important;
    background-color: white!important;
}
.nav.nav-ytthd .nav-item .nav-link.active div{
    color: black!important;
}
.nav.nav-ytthd .nav-item{
    width: 32%;
}
.ytthd-icon{
    opacity: 0.6;
    height: 100px;
    width: 164px;
    top: -10px;
}

#home, #profile, #contact{
    scroll-margin-top: 150px;
}

/* Khối Sự kiện đã diễn ra Trang chủ */
.view-id-view_su_kien.view-display-id-event_dadienra_home .img-event-dadienra-home{
    aspect-ratio: 355/212;
}

.view-id-view_su_kien.view-display-id-event_dadienra_home .dadienra-content{
    height: 108px;
}

/* Bottom bar */
.region.region-bottom-bar{
    background: white;
}
.region.region-bottom-bar .block-menu.navigation.menu--main{
    padding: 8px 20px;
    border-top: 1px solid #00000026
}
.region.region-bottom-bar .block-menu.navigation.menu--main > ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.region.region-bottom-bar .block-menu.navigation.menu--main > ul li.menu-item{
    list-style-type: none;
    /* text-align: center; */
    font-size: 12px;
    flex: 1 1;
}

.region.region-bottom-bar .block-menu.navigation.menu--main > ul li.menu-item a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--lightgrey-65);
}

.region.region-bottom-bar .block-menu.navigation.menu--main > ul li.menu-item a.is-active{
    color: var(--main-color);
}

.region.region-bottom-bar .block-menu.navigation.menu--main > ul li.menu-item a i{
    margin-right: 0;
    width: unset;
    font-size: 24px;
}

/* Khối Kênh truyền thông */
footer .block-menu.navigation.menu--footer > ul.menu{

    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

footer .block-menu.navigation.menu--footer ul.menu{
    padding: 0;
    margin: 0;
}

footer .block-menu.navigation.menu--footer ul.menu li.menu-item{
    list-style-type: none;
    /* text-align: center; */
    /* font-size: 12px;
    flex: 1 1; */
}


footer .block-menu.navigation.menu--footer > ul.menu > li{
    flex: 0 1 calc((100% - 24px)/2);
}
footer .block-menu.navigation.menu--footer > ul.menu > li.menu-w-100{
    flex: 0 1 100%;
}
footer .block-menu.navigation.menu--footer > ul.menu > li.menu-item > ul.menu > li.menu-item{

}

footer .block-menu.navigation.menu--footer > ul.menu > li > a{
    color: var(--lightgrey-85);
    font-weight: bold;
    font-size: 18px;
    display: block;
    border-bottom: solid 1px rgba(0, 0, 0, 0.065);
    padding-block: 4px;
}

footer .block-menu.navigation.menu--footer > ul.menu > li > ul{
    margin-top: 11px;
}

footer .block-menu.navigation.menu--footer > ul.menu > li > ul > li > a{
    color: var(--lightgrey-85);
    display: block;
    padding-block: 4px;
}

/* Banner phụ */
.banner-phu .field-content img{
    aspect-ratio: 393/467;
}
@media screen and (min-width: 992px) {
    .banner-phu .field-content img{
        aspect-ratio: 680/241;
        object-position: top;
    }

}

.page-node-type-page.path-node #block-website-page-title,
.page-node-type-book.path-node #block-website-page-title {
    height: 0;
}

.page-node-type-page.path-node #block-website-page-title h1.page-title,
.page-node-type-book.path-node #block-website-page-title h1.page-title {
    color: white;
    transform: translateY(-100%);
    text-align: center;
    font-size: 28px;
}

/* Trang lịch sử hình thành */
@media(max-width: 768px){
    .page-node-6583.page-node-type-page #block-website-content{
        margin-top: -12px;
        background: white;
        border-radius: 12px;
        position: relative;
        border-top: solid 5px var(--main-color);
    }
}

/* Khối LSHT */
.view-lshd.view-id-lshd.view-display-id-block_1 .img-lsht img{
    aspect-ratio: 309/195.6;
}

/* TuanPM update 06/12/2025 */
#vinno-menu a.is-active .menu-icon-image {
    display: none;
}
#vinno-menu a.is-active .menu-icon-hover-image {
    display: inline-block !important;
}
@media(min-width: 992px){
    #vinno-menu a:hover .menu-icon-image,
    #vinno-menu a:focus .menu-icon-image,
    #vinno-menu a.is-active .menu-icon-image {
        display: none;
    }
    #vinno-menu a:hover .menu-icon-hover-image,
    #vinno-menu a:focus .menu-icon-hover-image,
    #vinno-menu a.is-active .menu-icon-hover-image {
        display: inline-block !important;
    }
}
/* END */
ul.timeline-list.alternate li.timeline-item .field-content .year-lsht {
    font-weight: 700;
}
ul.timeline-list.alternate::after{
    background-color: transparent!important;
    /*border-left: dotted 3px var(--main-color);*/
    border-left: solid 3px var(--main-color);
    margin-top: 14px;
    opacity: 10%;
}
ul.timeline-list::after {
    height: calc(100% - 14px) !important;
}
ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker {
    right: -6px !important;
    top: 14px !important;
}
ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker {
    left: -9px !important;
    top: 14px !important;
}
ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper .timeline-marker{
    right: -6px !important;
    top: 14px !important;
    border-color: var(--main-color);
    height: 15px;
    width: 15px;
    border-width: 3px;
}
@media screen and (min-width: 767px){
    ul.timeline-list.alternate li.timeline-item:not(:first-child){
        margin-top: -200px;
    }
}
@media screen and (max-width: 767px) {
    ul.timeline-list.alternate::after{
        left: 0;
        transform: translateX(-100%);
    }
    ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper{
        float: right!important;
        padding-left: 1rem;
        width: 100%;
        padding-right: 0!important;
    }
    ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker {
        left: -10px !important;
        top: 14px !important;
    }
    ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper .timeline-marker{
        left: -10px!important;
        right: unset!important;

    }
    ul.timeline-list li.timeline-item{
        margin-bottom: 16px;
    }
    ul.timeline-list.alternate li.timeline-item .field-content .year-lsht{
        text-align: left;
    }
}

/* Khối sự kiện - tin tức liên quan */
.view-id-view_su_kien.view-display-id-event_dadienra_lsht .view-content{
    display: flex;
    flex-direction: column;
    gap: 23px;
}
.view-id-view_su_kien.view-display-id-event_dadienra_lsht .view-content .img-event-dadienra-home{
    aspect-ratio: 618/370.8;
}
.view-id-news.view-display-id-news_embed_event .style_thumbnail img{
    aspect-ratio: 180/108;
    min-height: 100%;
}
/* Tiêu đề 2*/
#block-website-tieudetrang-2{
    height: 0;
}
#block-website-tieudetrang-2 h1.page-title{
    color: white;
    text-align: center;
    font-size: 28px;
}
/* Hoạt động nổi bật + Tin tức */
.path-tin-tuc #block-website-tieudetrang-2 h1.page-title,
.path-gui-tam-nguyen #block-website-tieudetrang-2 h1.page-title,
.path-thuc-hanh #block-website-tieudetrang-2 h1.page-title{
    transform: translateY(calc(-100%));
}
.path-hoat-dong-noi-bat #block-website-tieudetrang-2 h1.page-title,
.path-hoat-dong #block-website-tieudetrang-2 h1.page-title {
    transform: translateY(calc(-100% - 80px));
}

.path-hoat-dong-noi-bat .view-filters,
.path-hoat-dong .view-filters,
.path-tin-tuc .view-filters,
.path-thuc-hanh .view-id-thuchanh.view-display-id-page_1 > .view-filters{
    background: transparent!important;
    border: none;
    padding: unset;
    box-shadow: none;
    margin-top: -24px;
    /* overflow: hidden; */
}
.path-thuc-hanh .view-id-thuchanh.view-display-id-page_1 .view-filters,
.view-id-news.view-display-id-block_4 > .view-filters{
    background: transparent!important;
    border: none;
    padding: unset;
    box-shadow: none;
    margin-bottom: 0;
}
.path-tin-tuc .view-filters form {
    padding: 20px 20px 4px 20px !important;
}
.path-hoat-dong-noi-bat .view-filters form,
.path-hoat-dong .view-filters form,
.path-tin-tuc .view-filters form,
.path-thuc-hanh .view-id-thuchanh.view-display-id-page_1 > .view-filters > form{
    padding: 16px;
    position: relative;
    background: white;
    --bs-border-opacity: 1;
    border-radius: var(--vinno-border-radius) !important;
    border-top: solid 5px var(--main-color);
}


.path-hoat-dong-noi-bat .view-filters .form-item,
.path-hoat-dong-noi-bat .view-filters .form-item ul,
.path-hoat-dong .view-filters .form-item,
.path-hoat-dong .view-filters .form-item ul,
.path-tin-tuc .view-filters .form-item,
.path-tin-tuc .view-filters .form-item ul,
.path-thuc-hanh .view-filters .form-item,
.path-thuc-hanh .view-filters .form-item ul{
    margin-bottom: 0;
}

.path-hoat-dong-noi-bat .view-filters form > .form--inline,
.path-hoat-dong .view-filters form > .form--inline,
.path-tin-tuc .view-filters form > .form--inline,
.path-thuc-hanh .view-filters form > .form--inline{
    flex-direction: column;
}
.path-hoat-dong-noi-bat .view-filters form .js-form-item-field-event-thoigianbatdau-value,
.path-hoat-dong .view-filters form .js-form-item-field-event-thoigianbatdau-value {
    margin-bottom: 8px;
}
.path-hoat-dong-noi-bat .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul,
.path-hoat-dong .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul {
    margin: 0;
    padding: 0;
    display: flex;
    background-color: var(--lightgrey);
    border-radius: 50px;
}
.path-hoat-dong-noi-bat .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul > li,
.path-hoat-dong .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul > li {
    list-style-type: none;
    flex: 1 1;
    text-align: center;

}

.path-hoat-dong-noi-bat .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul > li .bef-link,
.path-hoat-dong .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul > li .bef-link {
    width: 100%;
    height: 100%;
    display: block;
    padding: 8px 20px;
    border-radius: 50px;
    color: var(--lightgrey-85);
}

.path-hoat-dong-noi-bat .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul > li .bef-link.bef-link--selected,
.path-hoat-dong .view-filters form .js-form-item-field-event-thoigianbatdau-value .bef-links > ul > li .bef-link.bef-link--selected {
    background: var(--blue);
    color: white !important;
    font-weight: bold;
}

.path-hoat-dong-noi-bat .js-form-item-title,
.path-hoat-dong .js-form-item-title {
    /*position: absolute;
    top: -75px;
    left: 0;
    width: 100%!important;
    display: flex;
    justify-content: center;
    padding-inline: 20px;*/
    position: absolute;
    top: -75px;
    left: 50%;
    display: flex;
    padding-inline: 20px;
    transform: translateX(-50%);
}
.path-hoat-dong-noi-bat .js-form-item-title input,
.path-hoat-dong .js-form-item-title input {
    max-width: 449px;
    padding: 12px;
}

.path-hoat-dong-noi-bat .js-form-item-title.form-item-title input,
.path-hoat-dong .js-form-item-title.form-item-title input {
    /* position: relative; */
    background-image: url('../images/glass-search.png');
    /* background-size: 18px; */
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
}

/* .path-hoat-dong-noi-bat .js-form-item-title.form-item-title::before {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: calc(50% - 420px / 2);
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #888;
} */

.path-hoat-dong-noi-bat .js-form-item-title.form-item-title input,
.path-hoat-dong .js-form-item-title.form-item-title input {
    /*padding-left: 42px;*/
    padding-left: 58px;
    font-size: 17px;
    margin-top: 0;
}
.path-hoat-dong-noi-bat .js-form-item-title.form-item-title::after,
.path-hoat-dong .js-form-item-title.form-item-title::after {
    content: "";
    position: absolute;
    left: 65px;
    height: 22px;
    width: 1px;
    top: 50%;
    background-color: #00000026;
    transform: translateY(-50%);
}

.path-hoat-dong-noi-bat .view-filters form .js-form-item-theme .bef-links > ul,
.path-hoat-dong .view-filters form .js-form-item-theme .bef-links > ul,
.path-tin-tuc .view-filters form .js-form-item-field-article-loainoidung-target-id .bef-links > ul,
.path-tin-tuc .view-filters form .js-form-item-type .bef-links > ul,
.path-thuc-hanh .view-filters form .js-form-item-type-thuc-hanh .bef-links > ul{
    margin: 0;
    padding: 0;
    display: flex;
    border-bottom: solid 1px var(--lightgrey-15);
    overflow: auto;
}
.path-hoat-dong-noi-bat .view-filters form .js-form-item-theme .bef-links > ul::-webkit-scrollbar,
.path-hoat-dong .view-filters form .js-form-item-theme .bef-links > ul::-webkit-scrollbar,
.path-tin-tuc .view-filters form .js-form-item-field-article-loainoidung-target-id .bef-links > ul::-webkit-scrollbar,
.path-tin-tuc .view-filters form .js-form-item-type .bef-links > ul::-webkit-scrollbar,
.path-thuc-hanh .view-filters form .js-form-item-type-thuc-hanh .bef-links > ul::-webkit-scrollbar {   /* Chrome, Safari */
    display: none;
}
.path-hoat-dong-noi-bat .view-filters form .js-form-item-theme .bef-links > ul > li,
.path-hoat-dong .view-filters form .js-form-item-theme .bef-links > ul > li,
.path-tin-tuc .view-filters form .js-form-item-field-article-loainoidung-target-id .bef-links > ul > li,
.path-tin-tuc .view-filters form .js-form-item-type .bef-links > ul > li,
.path-thuc-hanh .view-filters form .js-form-item-type-thuc-hanh .bef-links > ul > li{
    list-style-type: none;
    flex-shrink: 0;
    /* text-align: center; */

}

.path-hoat-dong-noi-bat .view-filters form .js-form-item-theme .bef-links > ul > li a,
.path-hoat-dong .view-filters form .js-form-item-theme .bef-links > ul > li a,
.path-tin-tuc .view-filters form .js-form-item-field-article-loainoidung-target-id .bef-links > ul > li a,
.path-tin-tuc .view-filters form .js-form-item-type .bef-links > ul > li a,
.path-thuc-hanh .view-filters form .js-form-item-type-thuc-hanh .bef-links > ul > li a{
    padding: 4px 12px 8px 12px;
    border-bottom: solid 2px transparent;
    height: 100%;
    width: 100%;
    display: block;
    color: var(--lightgrey-85);
}

.path-hoat-dong-noi-bat .view-filters form .js-form-item-theme .bef-links > ul > li a.bef-link--selected,
.path-hoat-dong .view-filters form .js-form-item-theme .bef-links > ul > li a.bef-link--selected,
.path-tin-tuc .view-filters form .js-form-item-field-article-loainoidung-target-id .bef-links > ul > li a.bef-link--selected,
.path-tin-tuc .view-filters form .js-form-item-type .bef-links > ul > li a.bef-link--selected,
.path-thuc-hanh .view-filters form .js-form-item-type-thuc-hanh .bef-links > ul > li a.bef-link--selected{
    border-color: var(--blue);
    color: var(--blue);
    font-weight: bold;
}

.path-hoat-dong-noi-bat .view-filters form .js-form-item-theme .bef-links > ul > li a:hover,
.path-hoat-dong .view-filters form .js-form-item-theme .bef-links > ul > li a:hover,
.path-tin-tuc .view-filters form .js-form-item-field-article-loainoidung-target-id .bef-links > ul > li a:hover,
.path-tin-tuc .view-filters form .js-form-item-type .bef-links > ul > li a:hover,
.path-thuc-hanh .view-filters form .js-form-item-type-thuc-hanh .bef-links > ul > li a:hover {
    border-color: var(--blue);
    color: var(--blue)!important;
}

.path-hoat-dong-noi-bat .view-filters form .form-actions,
.path-hoat-dong .view-filters form .form-actions,
.path-tin-tuc .view-filters form .form-actions,
.path-thuc-hanh .view-filters form .form-actions {
    display: none;
}
@media screen and (min-width: 768px){
    .path-hoat-dong-noi-bat .view-filters,
    .path-hoat-dong .view-filters {
        /*padding-inline: 20px!important;*/
    }
    .path-hoat-dong-noi-bat .view-filters form .js-form-item-theme .bef-links > ul > li a,
    .path-hoat-dong .view-filters form .js-form-item-theme .bef-links > ul > li a,
    .path-tin-tuc .view-filters form .js-form-item-field-article-loainoidung-target-id .bef-links > ul > li a,
    .path-tin-tuc .view-filters form .js-form-item-type .bef-links > ul > li a,
    .path-thuc-hanh .view-filters form .js-form-item-type-thuc-hanh .bef-links > ul > li a {
        padding-inline: 32px;
    }
}


/* Trang All tin tức */
.path-tin-tuc .view-id-news .view-content > .news-item .list-news-all .intro-text a,
.view-id-news.view-display-id-p_listcat .view-content > .news-item .list-news-all .intro-text a,
.view-id-news.view-display-id-p_new .view-content > .news-item .list-news-all .intro-text a,
.view-search-content.view-display-id-p_search .view-content > .news-item .list-news-all .intro-text a {
    /*font-size: 18px;*/
    font-size: 17px;
}
.path-tin-tuc .view-id-news .view-content > .news-item .list-news-all .intro-img img,
.view-id-news.view-display-id-p_listcat .view-content > .news-item .list-news-all .intro-img img,
.view-id-news.view-display-id-p_new .view-content > .news-item .list-news-all .intro-img img,
.view-search-content.view-display-id-p_search .view-content > .news-item .list-news-all .intro-img img {
    aspect-ratio: 219/131;
    height: 100%;
}
.path-tin-tuc .view-id-news .view-content,
.view-id-news.view-display-id-p_listcat .view-content,
.view-id-news.view-display-id-p_new .view-content,
.view-search-content.view-display-id-p_search .view-content {
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    gap: 12px;
}
.path-tin-tuc .view-id-news .view-content > .news-item,
.view-id-news.view-display-id-p_listcat .view-content > .news-item,
.view-id-news.view-display-id-p_new .view-content > .news-item,
.view-search-content.view-display-id-p_search .view-content > .news-item {
    flex: 0 0 100%;
}

/* Page Search */
.view-search-content.view-display-id-p_search {
    position: relative;
}
.view-search-content.view-display-id-p_search .page-term-title h1.page-title {
    transform: translateY(calc(-200%));
}
.view-search-content.view-display-id-p_search .view-filters {
    position: absolute;
    top: -140px;
    left: 50%;
    display: flex;
    padding-inline: 20px;
    transform: translateX(-50%);
    background-color: transparent;
    border: 0;
}
.view-search-content.view-display-id-p_search form > div.form--inline {
    flex-wrap: unset;
}
.view-search-content.view-display-id-p_search form > div.form--inline > div.form-item {
    margin-right: 6px;
}
.view-search-content.view-display-id-p_search input#edit-keys {
    min-width: 250px;
}
.view-search-content.view-display-id-p_search input#edit-submit-search-content,
.view-search-content.view-display-id-p_search div#edit-actions {
    margin: 0;
    border-radius: var(--bs-border-radius-pill) !important;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
    /* padding-top: .5rem !important; */
    /* padding-bottom: .5rem !important; */
    background: var(--blue) !important;
    text-align: center;
    box-shadow: none !important;
}
.view-search-content.view-display-id-p_search .view-empty {
    margin-top: 16px;
    text-align: center;
}

@media(max-width: 992px){
    .path-tin-tuc .view-id-news .view-content > .news-item .list-news-all > div.intro-img img,
    .view-id-news.view-display-id-p_listcat .view-content > .news-item .list-news-all > div.intro-img img,
    .view-id-news.view-display-id-p_new .view-content > .news-item .list-news-all > div.intro-img img,
    .view-search-content.view-display-id-p_search .view-content > .news-item .list-news-all > div.intro-img img {
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    .path-tin-tuc .view-id-news .view-content,
    .view-id-news.view-display-id-p_listcat .view-content,
    .view-id-news.view-display-id-p_new .view-content,
    .view-search-content.view-display-id-p_search .view-content {
        padding-inline: 20px;
    }
    .mobile-menu,
    .m-header {
        flex: 0 1 calc(100% / 3) !important;
    }
    .m-search {
        flex: 0 1 calc((100% - 16px) / 3) !important;
        display: flex !important;
        justify-content: flex-end;
        padding-right: 1rem;
    }
    .m-search > a {
        background: rgb(255, 255, 255, 0.75);
        padding: 12px;
        border-radius: 50%;
        color: #292D32;
        height: 40px;
        line-height: 20px;
    }
}
@media(min-width: 992px){
    .path-tin-tuc .view-id-news .view-content > .news-item .list-news-all,
    .view-id-news.view-display-id-p_listcat .view-content > .news-item .list-news-all,
    .view-id-news.view-display-id-block_tinmoinhat .view-content > .news-item .list-news-all,
    .view-id-thuchanh.view-display-id-page_1 .view-content > .news-item .list-news-all,
    .view-id-news.view-display-id-p_new .view-content > .news-item .list-news-all,
    .view-search-content.view-display-id-p_search .view-content > .news-item .list-news-all {
        display: flex;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item:not(.page-0) .list-news-all > div.intro-img img,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) .list-news-all > div.intro-img img,
    .view-id-news .view-content > .news-item:not(.page-0) .list-news-all > div.intro-img img,
    .view-id-news .view-content > .news-item.page-0:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) .list-news-all > div.intro-img img,
    .view-id-news.view-display-id-block_tinmoinhat .view-content > .news-item .list-news-all > div.intro-img img
    /*.view-id-news.view-display-id-p_listcat .view-content > .news-item .list-news-all > div.intro-img img*/ {
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }

    .path-tin-tuc .view-id-news .view-content > .news-item .list-news-all > div.intro-img,
    .view-id-news.view-display-id-p_listcat .view-content > .news-item .list-news-all > div.intro-img,
    .view-id-news.view-display-id-block_tinmoinhat .view-content > .news-item .list-news-all > div.intro-img,
    .view-thuchanh.view-display-id-page_1 .view-content > .news-item .list-news-all > div.intro-img,
    .view-id-news.view-display-id-p_new .view-content > .news-item .list-news-all > div.intro-img,
    .view-search-content.view-display-id-p_search .view-content > .news-item .list-news-all > div.intro-img {
        /*flex: 0 0 30%;*/
        flex: 0 0 32%;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item .list-news-all > div.intro-text,
    .view-id-news.view-display-id-p_listcat .view-content > .news-item .list-news-all > div.intro-text,
    .view-id-news.view-display-id-block_tinmoinhat .view-content > .news-item .list-news-all > div.intro-text,
    .view-thuchanh.view-display-id-page_1 .view-content > .news-item .list-news-all > div.intro-text,
    .view-id-news.view-display-id-p_new .view-content > .news-item .list-news-all > div.intro-text,
    .view-search-content.view-display-id-p_search .view-content > .news-item .list-news-all > div.intro-text {
        /*flex: 0 0 70%;*/
        flex: 0 0 68%;
        padding-block: 12px!important;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all,
    .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all {
        display: flex;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all .intro-img img,
    .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all .intro-img img {
        aspect-ratio: 335/201;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all .intro-text,
    .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all .intro-text {
        padding: 24px!important;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all .intro-text a,
    .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all .intro-text a {
        font-size: 20px;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all > div,
    .view-id-news .view-content > .news-item.page-0:nth-child(1) .list-news-all > div {
        flex: 0 0 50%;
    }

    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(2) .list-news-all,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(3) .list-news-all,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(4) .list-news-all,
    .view-id-news .view-content > .news-item.page-0:nth-child(2) .list-news-all,
    .view-id-news .view-content > .news-item.page-0:nth-child(3) .list-news-all,
    .view-id-news .view-content > .news-item.page-0:nth-child(4) .list-news-all{
        display: block;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(2),
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(3),
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(4),
    .view-id-news .view-content > .news-item.page-0:nth-child(2),
    .view-id-news .view-content > .news-item.page-0:nth-child(3),
    .view-id-news .view-content > .news-item.page-0:nth-child(4){
        flex: 0 0 calc(33.33% - 8px);
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(2) .list-news-all .intro-img img,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(3) .list-news-all .intro-img img,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(4) .list-news-all .intro-img img,
    .view-id-news .view-content > .news-item.page-0:nth-child(2) .list-news-all .intro-img img,
    .view-id-news .view-content > .news-item.page-0:nth-child(3) .list-news-all .intro-img img,
    .view-id-news .view-content > .news-item.page-0:nth-child(4) .list-news-all .intro-img img{
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(2) .list-news-all .intro-text a,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(3) .list-news-all .intro-text a,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(4) .list-news-all .intro-text a,
    .view-id-news .view-content > .news-item.page-0:nth-child(2) .list-news-all .intro-text a,
    .view-id-news .view-content > .news-item.page-0:nth-child(3) .list-news-all .intro-text a,
    .view-id-news .view-content > .news-item.page-0:nth-child(4) .list-news-all .intro-text a{
        font-size: 16px;
    }
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(1) .text-cat,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(2) .text-cat,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(3) .text-cat,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(4) .text-cat,
    .view-id-news .view-content > .news-item.page-0:nth-child(1) .text-cat,
    .view-id-news .view-content > .news-item.page-0:nth-child(2) .text-cat,
    .view-id-news .view-content > .news-item.page-0:nth-child(3) .text-cat,
    .view-id-news .view-content > .news-item.page-0:nth-child(4) .text-cat,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(1) .intro-desc,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(2) .intro-desc,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(3) .intro-desc,
    .path-tin-tuc .view-id-news .view-content > .news-item.page-0:nth-child(4) .intro-desc,
    .view-id-news .view-content > .news-item.page-0:nth-child(1) .intro-desc,
    .view-id-news .view-content > .news-item.page-0:nth-child(2) .intro-desc,
    .view-id-news .view-content > .news-item.page-0:nth-child(3) .intro-desc,
    .view-id-news .view-content > .news-item.page-0:nth-child(4) .intro-desc {
        display: none;
    }
    /* .path-tin-tuc .view-id-news.view-display-id-page_tintuc_all .list-news-all  */
    /* Page search */
    .view-search-content.view-display-id-p_search form > div.form--inline > div.form-item {
        margin-right: 16px;
    }
    .view-search-content.view-display-id-p_search input#edit-keys {
        min-width: 383px;
    }
}

/* Khối tin liên quan */
.view-id-news.view-display-id-related_news .view-content .field-content img{
    aspect-ratio: 353/211.8;
    object-fit: cover;
    width: 100%;
    min-height: 100%;
}
@media screen and (min-width: 992px) {
    .view-id-news.view-display-id-related_news .view-content .field-content img{
        aspect-ratio: 219/131;
        object-fit: cover;
    }
}

/* Pager */
.pager__items.js-pager__items{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pager__items.js-pager__items li{
    padding: 0;
    border: none;
}
.pager__items.js-pager__items li a{
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: var(--lightgrey);
    font-size: 14px;
}

.pager__items.js-pager__items li.pager__item.is-active a{
    background-color: var(--main-color);
    color: white;
}

/*.pager__items.js-pager__items li:first-child:not(.is-active) a,
.pager__items.js-pager__items li:last-child:not(.is-active) a {
    border-radius: 16px;
    width: unset;
}*/

/* Giải pháp - Chia sẻ năng lượng */
.custom-ratio-csnl{
    aspect-ratio: 155/133;
}

.page-url-giai-phap .view-id-banner_phu.view-display-id-block_1 .slides img,
.page-url-thuc-hanh .view-id-banner_phu.view-display-id-block_1 .slides img,
.page-url-thuc-hanh-phap-thoai .view-id-banner_phu.view-display-id-block_1 .slides img{
    /*height: 150px;*/
    height: 241px;
}

/* Form tâm nguyện */
/* .radio-pill-group input{ */
    /* display: none; */
/* } */
.radio-pill-group {
    display: flex;
    gap: 8px;
}

.radio-pill {
    position: relative;
    cursor: pointer;
}

.radio-pill input {
    /* display: none!important; */
}

.radio-pill span {
    transition: 0.2s;
}

.radio-pill input:checked + span {
    background: var(--main-color)!important;
    color: white!important;
}

/* Gửi tâm nguyện */
.path-gui-tam-nguyen .block-system-main-block .form-guitamnguyen{
    margin-top: -24px;
}
@media screen and (min-width: 992px) {
    .path-gui-tam-nguyen .block-system-main-block .form-guitamnguyen .px-76px{
        padding-inline: 76px;
    }
    .view-id-news.view-display-id-block_5 .tintuc-pc-item:first-child .views-field.views-field-nothing .news-pc-box .news-pc-img img {
        min-height: 303px;
    }
    .view-id-news.view-display-id-block_5 .tintuc-pc-item:not(:first-child) .views-field.views-field-nothing .news-pc-title {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        line-height: 130%;
        min-height: 107px;
    }
}
.form-guitamnguyen input.form-control,
.form-guitamnguyen textarea.form-control{
    font-size: 18px;
    padding-block: 0.5rem;
}

/* Popup Tâm nguyện */
.popup-wrap {
    position: fixed;
    inset: 0;
    z-index: 9999;
}

.popup-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
}

.popup-box {
    max-width: 557px;
    border-radius: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.7);
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    opacity: 0;
    transition: all 0.25s ease;
}

.popup-close,
.popup-dky-close {
    right: -16px;
    top: -16px;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-size: 40px;
}
@media(max-width: 992px){
    .popup-close,
    .popup-dky-close {
        /*right: -5px;*/
        right: 10px;
        opacity: .8;
    }
    .search-form,
    ol.search-results {
    	padding-left: 1rem !important;
    	padding-right: 1rem !important;
    }
}



.popup-box.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.popup-bg {
    opacity: 0;
    transition: opacity 0.25s ease;
}

.popup-bg.show {
    opacity: 1;
}

/* Thực hành Phật Pháp */
@media(max-width: 992px){
    .path-thuc-hanh .view-id-thuchanh.view-display-id-page_1 .view-content{
        padding-inline: 20px;
    }
    .event-location {
        gap: 12px;
    }
}

.btn-join-disable{
    background-color: #D9DBE9;
    color: #00000073!important;
}
body a.btn-join-disable{
    background-color: #D9DBE9;
    color: #00000073!important;
}

.view-id-thuchanh.view-display-id-page_1{
    display: flex;
    flex-direction: column;
}

.view-id-thuchanh.view-display-id-page_1 .view-header{
    order: 2;
}

.view-id-thuchanh.view-display-id-page_1 .view-filters,
.view-id-thuchanh.view-display-id-page_1 .view-empty{
    order: 1;
}

.view-id-thuchanh.view-display-id-page_1 .view-content{
    order: 3;
}

/* Nút xem thêm  */
ul.js-pager__items.pager li.pager__item > a{
    background-color: var(--main-color);
}
ul.js-pager__items.pager li.pager__item > a:hover{
    background-color: var(--main-color-hover);
    color: white!important;
}

/* Tab thực hành trang Thực hành */
.view-thuchanh.view-display-id-page_1 .view-empty > div > ul.nav-tabs > li.nav-item > .active{
    background-color: var(--blue);
    color: white!important;
}
/* Filter Thực hành */
.block-tab-thuchanh .view-filters .bef-links > ul{
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    flex-wrap: nowrap;
    overflow: auto;
}
.block-tab-thuchanh .view-filters .bef-links{
    /* margin-bottom: 12px; */
}
.block-tab-thuchanh .view-filters .bef-links > ul > li{
    list-style-type: none;
    /* text-align: center; */
    font-size: 14px;
    flex: 1 0 30%;
    /*max-width: 115px;*/
    max-width: 145px;
    text-align: center;
}
.block-tab-thuchanh .view-filters .bef-links > ul > li a{
    color: var(--lightgrey-85);
    display: block;
    background-color: var(--lightgrey);
    border: solid 1px var(--lightgrey-15);
    border-radius: 4px;
    padding: 8px 12px;
}
.block-tab-thuchanh .view-filters .bef-links > ul > li a.bef-link--selected{
    color: white;
    background-color: var(--main-color);
}
.block-tab-thuchanh .view-filters .bef-links > ul > li a.bef-link--selected:hover{
    color: white!important;
}
.block-tab-thuchanh .view-filters .bef-links > ul::-webkit-scrollbar {   /* Chrome, Safari */
    display: none;
}
.path-thuc-hanh .view-id-news.view-display-id-block_nghiquythuchanh .view-filters,
.path-thuc-hanh .view-id-view_su_kien.view-display-id-block_khoatu_thuchanh .view-filters{
    margin-bottom: 12px;
    margin-top: 0;
}
.path-thuc-hanh .view-id-news.view-display-id-block_nghiquythuchanh .view-filters .bef-links > ul,
.path-thuc-hanh .view-id-view_su_kien.view-display-id-block_khoatu_thuchanh .view-filters .bef-links > ul{
    max-height: 40px;
}
.path-thuc-hanh .view-id-news.view-display-id-block_nghiquythuchanh .view-content,
.path-thuc-hanh .view-id-view_su_kien.view-display-id-block_khoatu_thuchanh .view-content{
    padding-inline: 0;
}
.path-thuc-hanh .view-id-news.view-display-id-block_nghiquythuchanh .view-content .intro-img img{
    aspect-ratio: 353/211;
}
.path-thuc-hanh .view-id-view_su_kien.view-display-id-block_khoatu_thuchanh .view-content .intro-img img{
    aspect-ratio: 353/223;
}
.path-thuc-hanh .view-id-news.view-display-id-block_nghiquythuchanh .js-form-item-title.form-item-title{
    margin-bottom: 12px;
    position: relative;
}
.path-thuc-hanh .view-id-news.view-display-id-block_nghiquythuchanh .js-form-item-title.form-item-title input{
    background-image: url('../images/glass-search.png');
    /* background-size: 18px; */
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
    padding-block: 10px;
}
.path-thuc-hanh .view-id-news.view-display-id-block_nghiquythuchanh .js-form-item-title.form-item-title::after {
    content: "";
    position: absolute;
    left: 42px;        /* giữa icon và text */
    top: 54%;
    transform: translateY(-50%);
    height: 60%;
    width: 1px;
    background-color: #ccc;
    pointer-events: none;
}

/* Khối FaQ sự kiện */
.view-id-faq.view-display-id-block_1 .accordion-item .accordion-header button{
    box-shadow: none;
}
.view-id-faq.view-display-id-block_1 .accordion-item .accordion-header .accordion-button::after{
    scale: 0.6;
}
.view-id-faq.view-display-id-block_1 .accordion-item .accordion-header button:not(.collapsed){
    background-color: var(--lightgrey);
    color: var(--lightgrey-85);
}

.view-id-faq.view-display-id-block_1 .accordion-item{
    background-color: var(--lightgrey);
    border: solid 1px var(--lightgrey-15);
    border-radius: 4px;
    overflow: hidden;
}

.view-id-faq.view-display-id-block_1 .accordion-item .accordion-collapse .accordion-body{
    padding-block: 0;
}

.view-id-faq.view-display-id-block_1 .accordion-item .accordion-collapse .accordion-body .views-field-body{
    padding-left: 24px;
}

.view-id-faq.view-display-id-block_1 .view-content > .accordion{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Form đăng ký sự kiện */
/* Gửi tâm nguyện */
.form-dangky-sukien input.form-control,
.form-dangky-sukien textarea.form-control,
.form-dangky-sukien select.form-select{
    font-size: 18px;
    padding-block: 0.5rem;
}

#toolbar-administration a:hover,
#toolbar-administration a:focus,
a.text-white:hover,
a.text-white:focus
a[id*="edit-field-event-thoigianbatdau-value"]:hover,
a[id*="edit-field-event-thoigianbatdau-value"]:focus {
    color: #fff !important;
}

/* Banner phụ term */
.view-banner-term.view-id-banner_term .fit-img-cover img{
    /*height: 150px;*/
    height: 241px;
}

/* Tiêu đề term */
.page-term-title h1.page-title{
    transform: translateY(calc(-100%));
}
.page-term-title{
    height: 0;
}
.page-term-title h1.page-title{
    color: white;
    text-align: center;
    font-size: 28px;
}

.view-id-news.view-display-id-p_listcat .view-content,
.view-id-thuchanh.view-display-id-p_listcat .view-content,
.view-id-thuchanh.view-display-id-page_2 .view-content,
.view-id-news.view-display-id-p_new .view-content,
.view-search-content.view-display-id-p_search .view-content {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    background: white;
    --bs-border-opacity: 1;
    border-radius: var(--vinno-border-radius) !important;
    border-top: solid 5px var(--main-color);
    margin-top: -24px;
}
.view-id-thuchanh.view-display-id-p_listcat .view-empty,
.view-news.view-display-id-p_listcat .view-empty {
    padding: 1rem 0;
    text-align: center;
}

/* Css Block Pháp thoại Home */
.view-thuchanh.view-display-id-home .more-link > a {
    display: block !important;
    background-color: var(--bs-white) !important;
    text-align: center;
    border-radius: var(--bs-border-radius-pill) !important;
    --bs-text-opacity: 1;
    /*color: rgba(var(--bs-blue), var(--bs-text-opacity)) !important;*/
    color: #01417E !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    font-weight: 700;
}

/* Tin mới Bài thực hành */
.view-id-news.view-display-id-block_tinmoinhat .list-news-all .intro-img img{
    aspect-ratio: 353/211;
}
.rtecenter {
    text-align: center;
}
.pb-10px {
    padding-bottom: 10px !important;
}
@media(max-width: 572px){
    .zalo-text {
        font-size: 19px;
    }
}
@media(max-width: 430px){
    .zalo-text {
        font-size: 16px;
    }
}

/*Khối Hướng tâm trang chủ*/
.view-id-news.view-display-id-block_4{
    display: flex;
    flex-direction: column;
}
.view-id-news.view-display-id-block_4 > .view-filters > form .js-form-item-field-article-nhomvande-target-id{
    width: 100%;
/*    margin-bottom: 16px;*/
    margin-right: 0;
}
.view-id-news.view-display-id-block_4 > .view-filters{
    order: 0;
}
.view-id-news.view-display-id-block_4 > .view-header{
    order: 1;
}
.view-id-news.view-display-id-block_4 > .view-content{
    order: 2;
}
.view-id-news.view-display-id-block_4 > .view-footer{
    order: 3;
}
.block-tab-thuchanh.view-id-news.view-display-id-block_4 > .view-filters .bef-links > ul{
    justify-content: space-between;
    gap: 4px;
}
.block-tab-thuchanh.view-id-news.view-display-id-block_4 > .view-filters .bef-links > ul > li{
    flex: 1 0 auto;
/*    flex: 1 0 calc((100% - 48px) / 5);*/
    max-width: unset;
}
.block-tab-thuchanh.view-id-news.view-display-id-block_4 .huongtam-box blockquote{
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 4px!important;
    margin-top: 4px!important;
}
.block-tab-thuchanh.view-id-news.view-display-id-block_4 .huongtam-box img{
    border-radius: 8px;
}

.block-tab-thuchanh.view-id-news.view-display-id-block_4 > .view-filters .bef-links > ul > li > a{
    font-size: 16px;
}
.view-id-news.view-display-id-block_4 > .view-filters{
    margin-top: 8px;
}
@media(max-width: 720px){
    .view-id-news.view-display-id-block_4 > .view-filters{
        margin-top: 0;
    }
    .view-id-news.view-display-id-block_4 > .view-filters > form .js-form-item-field-article-nhomvande-target-id{
/*        width: 100%;*/
        margin-bottom: 16px;
/*        margin-right: 0;*/
    }
    .view-id-news.view-display-id-block_4 > .view-filters > form .form-actions{
        display: none;
    }
}
/*Khối banner trang chủ - Screen*/
.view-id-news.view-display-id-block_5 .view-content{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item{
    flex: 0 1 calc((100% - 24px) / 3);
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item:first-child{
    flex: 0 1 100%;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item:first-child .views-field.views-field-nothing .news-pc-box{
    display: flex;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item:first-child .views-field.views-field-nothing .news-pc-box .news-pc-img img{
    aspect-ratio: 335 / 303;
    height: 100%;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item:first-child .views-field.views-field-nothing .news-pc-box .news-pc-img{
    flex: 0 1 45%;
}

.view-id-news.view-display-id-block_5 .tintuc-pc-item:first-child .views-field.views-field-nothing .news-pc-box .news-pc-des{
    flex: 0 1 55%;
    padding: 24px!important;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item:first-child .views-field.views-field-nothing .news-pc-box .news-pc-des .news-pc-title a{
    font-size: 24px;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item .views-field.views-field-nothing .news-pc-box .news-pc-des .news-pc-title a{
    color: black;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item:not(:first-child) .news-pc-des .news-pc-desc{
    display: none;
}
.view-id-news.view-display-id-block_5 .tintuc-pc-item:not(:first-child) .views-field.views-field-nothing .news-pc-box .news-pc-img img{
    aspect-ratio: 219 / 219.28;
}

/* Wrapper bọc ngoài để định vị nút */
form#views-exposed-form-news-page-tintuc-giaiphap .scroll-nav-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

/* Container chính của Drupal */
form#views-exposed-form-news-page-tintuc-giaiphap .bef-links-use-ajax {
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none; /* Firefox */
  -webkit-overflow-scrolling: touch;
  width: 100%;
  border-bottom: solid 1px var(--lightgrey-15);
}

form#views-exposed-form-news-page-tintuc-giaiphap .bef-links-use-ajax::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

form#views-exposed-form-news-page-tintuc-giaiphap .bef-links-use-ajax ul {
  display: flex !important;
  flex-wrap: nowrap !important;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: unset;
  border-bottom: 0 !important;
}

/* Style nút bấm */
form#views-exposed-form-news-page-tintuc-giaiphap .scroll-btn {
  background: #fff;
  /*border: 1px solid #ddd;*/
  border: 0px solid #ddd;
  border-radius: 50%;
  /*width: 32px;
  height: 32px;*/
  cursor: pointer;
  /*box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
  display: none; /* Mặc định ẩn, JS sẽ hiện nếu cần */
  flex-shrink: 0;
  z-index: 2;
}

form#views-exposed-form-news-page-tintuc-giaiphap .scroll-btn.left { margin-right: 8px; }
form#views-exposed-form-news-page-tintuc-giaiphap .scroll-btn.right { margin-left: 8px; }
.page-node-type-thuchanh .field--name-field-thuchanh-video {
    margin-bottom: 1rem;
}
#block-website-dangkyphaphoidaibiquanam2026 {
    border-radius: 16px;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 1rem;
}
.view-id-news.view-display-id-p_listcat .intro-desc,
.view-thuchanh.view-display-id-page_1 .intro-desc {
    font-family: Arial;
    font-size: 14px;
    line-height: 130%;
    padding-top: 4px;
}
.view-id-news.view-display-id-p_listcat .view-content > .news-item:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) .intro-img img,
.view-id-thuchanh.view-display-id-page_1 .rounded-news-img img,
.view-id-news.view-display-id-p_new .view-content > .news-item:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) .intro-img img,
.view-search-content.view-display-id-p_search .rounded-news-img img {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    aspect-ratio: 219/131;
}
#views-exposed-form-news-block-nghiquythuchanh .form--inline .form-item {
    margin-right: 0 !important;
}
/* CSS Book */
body.page-node-type-book ul.book-pager {
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0;
    float: left;
    width: 100%;
}
body.page-node-type-book li.book-pager__item.book-pager__item--next {
    float: right;
}
body.page-node-type-thuchanh ul.book-pager,
body.page-node-type-article ul.book-pager {
    display: flex;
    list-style: none;
    gap: 16px;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}
li.book-pager__item.book-pager__item--previous {
    width: calc(45% - 16px);
    text-align: left;
}
li.book-pager__item.book-pager__item--center {
    min-width: 62px;
}
body.page-node-type-thuchanh li.book-pager__item.book-pager__item--next,
body.page-node-type-article li.book-pager__item.book-pager__item--next {
    width: calc(45% - 16px);
    text-align: right;
}
ul.book-pager li {
    /* flex: 0 1 calc((100% - 16px) / 2); */
    background: #F4F6F8;
    border-radius: 12px;
    text-align: center;
    padding: 16px;
}
ul.book-pager li > a {
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    vertical-align: middle;
    color: #000000D9;
}
body.page-node-type-thuchanh nav.book-navigation {
    margin-top: 16px;
}