/* thiện 9/4/2025 */

.header-nav .menu-nav>.menu-list>.menu-item>.menu-link {
    --f-sz: 1.8rem;
}

.footer-item .txt {
    font-weight: 300;
}

.hintro-bdy .mona-content p {
    --f-sz: clamp(1.6rem, calc(1.2rem + 0.5vw), 2rem);
    color: #15191E;
}

.hintro-in .number {
    font-weight: 700 !important;
}

.mona-content .wp-caption {
    max-width: 100% !important;
}

.hintro .hintro-bg {
    transform: translateY(1%);
}

.footer-inner .list .item {
    width: fit-content;
}

.hpartn-wr .title p {
    text-wrap: pretty;
}

.abInfo-des-inner .mona-content li,
.abInfo-des-inner .mona-content p {
    font-weight: 450;
}

.abintro-head .mona-content strong {
    display: block;
    line-height: 160%;
}

.abintro-head .mona-content p,
.abhis-des .mona-content p {
    font-weight: 500;
}

.absec-des .inner .number {
    font-style: italic;
}

.hpartn .title .txt {
    font-weight: 450;
}

.proceIn-item {
    padding: 0 !important;
}

.proces-inner:nth-child(7n+4) .proces-des .number {
    color: #FFEFDA !important;
}

.proces-des-inner .txt {
    text-wrap: pretty;
}

.newsdt-inner .social {
    top: var(--size-hd) !important;
}

.card-repice {
    justify-content: center;
}

.ctact-item .des {
    height: 100%;
}

.ctact-item .icon {
    flex-shrink: 0;
}

.filter-link {
    text-transform: uppercase;
}

@media screen and (min-width: 801px) and (min-width: 801px) {
    .abhis-slider .swiper-slide {
        height: 100% !important;
    }
}

@media (min-width: 1201px) {
    .newsbn-des {
        justify-content: space-between !important;
        align-items: flex-end !important;
    }
}

@media (min-width: 2000px) {
    .proces-inner:nth-child(7n+3) .proces-decor .decor {
        width: 25% !important;
        z-index: -1 !important;
    }
}

@media (max-width: 767px) {
    .pductdt-slider .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
        background-color: #ccc;
    }
}

@media (max-width: 575px) {
    .abhis-item:before {
        display: none;
    }

    .abhis-slider:after {
        position: absolute;
        content: '';
        width: 1.8rem;
        height: 1.8rem;
        background-color: var(--color-white);
        border-radius: 100%;
        left: 50%;
        bottom: 0;
        transform: translate(0, 0);
        transition: all .5s ease;
    }

    .title-pri br {
        display: none;
    }

    .proceIn-item .tt {
        text-wrap: pretty;
    }

    .pductdt-dcor {
        display: none;
    }
}

/* .header-nav .menu-nav>.menu-list>.menu-item.current_page_parent>.menu-link {
    color: var(--color-text);
}

.header-nav .menu-nav>.menu-list>.menu-item.current_page_parent>.menu-link::before {
    width: 0;
}

.header-nav .menu-nav>.menu-list>.menu-item.current_page_ancestor>.menu-link,
.header-nav .menu-nav>.menu-list>.menu-item.current-menu-item>.menu-link {
    color: var(--color-pri);
}

.header-nav .menu-nav>.menu-list>.menu-item.current_page_ancestor>.menu-link:before {
    width: 100%;
} */

.newssrl-slider .swiper-prev {
    left: calc(-1 * var(--wbtn) - 1rem) !important;
}

.newssrl-slider .swiper-next {
    right: calc(-1 * var(--wbtn) - 1rem) !important;
}

@media (max-width: 800px) {
    .abhis-bdy .abhis-slider .swiper-slide {
        height: 100% !important;
    }
}

@media (max-width: 400px) {
    .newsbn-head {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .newsbn-head .title .decor {
        margin: 1.6rem auto;
    }

    .newsbn-bdy .newsbn-head .swiper-gr {
        margin-left: 0;
    }
}

/* Quhu 17/04/2025 */
.hintro-decor img {
    display: none !important;
}

.hintro-decor {
    background-image: url("../assets/images/decor3.png");
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(780/3559*100vw);
}

@media screen and (min-width: 1300px) {

    .abintro-img-inner .logo {
        transform: translate(11%, 0) !important;
        margin-right: -13rem !important;
    }
}

@media screen and (min-width: 1200px) {
    .hpduct-slider .swiper-slide-active .pduct-inner .pduct-img {
        opacity: 1;
        transition: 0.4s !important;
    }

    .hpduct-slider .swiper-slide-active .pduct-inner:hover .pduct-img {
        opacity: 1;
        transform: translateY(-1rem) !important;
    }

    .nws-slider .swiper .swiper-slide .card-tt:hover {
        text-decoration: none !important;
        color: #15191E !important;
    }


}

.title-pri {
    line-height: 1.2;
}

.title-pri.t-ctext {
    text-shadow: 3px 2px 4px #e6a432;
}

.txt-spl .word {
    overflow: visible !important;
    line-height: 1.2 !important;
}

.header-nav .menu-nav>.menu-list>.menu-item>.menu-link:before {
    max-width: 9.4rem;
}

@media screen and (min-width: 801px) {
    .pductdt-col:nth-child(1) {
        width: 50% !important;
    }

    .pductdt-col:nth-child(2) {
        width: 50% !important;
    }
}

.pductdt-des {
    padding-top: 0 !important;
    gap: 1rem !important;
}

.pductrl-gr {
    opacity: 0;
    transition: 0.4s;
}

.swiper-slide-active .pductrl-item .pductrl-gr {
    opacity: 1;
}

.cookin-des .tt {
    line-height: 1.2;
}

.nws .nws-bdy {
    position: relative;
}

.nws .nws-bdy .tabPanel {
    display: block !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: 0.8s;
    opacity: 0;
}

.nws .nws-bdy .tabPanel.open {
    position: static;
    opacity: 1;
}

.header-nav .menu-item>.menu-list {
    min-width: 20rem;
}

.hproce-slider .btn-main {
    margin: 0 auto;
    margin-top: 3.2rem;
}

.sidebar-bottom-left {
    position: fixed;
    left: 1rem;
    bottom: 1rem;

    z-index: 2;
}

.sidebar-bottom-left-inner {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sidebar-bottom-left-item {
    border: 0.2rem solid var(--color-pri);
    background-color: white;
    color: var(--color-pri);
    font-weight: 700;
    height: 4rem;
    border-radius: 1rem;

    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    transition: 0.4s;
}

.sidebar-bottom-left:hover {
    background-color: var(--color-pri);
    color: white;
}

.ctfrm-head {
    text-align: center;
    margin-bottom: 2.4rem;
    font-weight: 700;
}

.abset-des-middle .mona-content {
    padding: 2.4rem;
    background-color: var(--color-bg-4);
    border-radius: var(--dist20);
}

.abset-des-middle .mona-content p {
    color: #15191E;
}

.filter-slider .swiper-slide {
    padding: 0 0.25rem;
}

.ctact-it .txt {
    text-decoration: none !important;
}

.ctact-ls.dflex {
    gap: 0 !important;
}

.ctact-it {
    padding: 1rem 0 !important;
}

.ctact-item {
    gap: 2rem !important;
}

.title-pri {
    overflow: visible;
    margin-bottom: 1rem;
}

.txt-spl.is-inview .char {
    animation: txtUpRemake 1s cubic-bezier(.65, 0, .35, 1) both !important;
}

@keyframes txtUpRemake {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0%);
        opacity: 1;
    }

}

.hpduct-slider .swiper-slide:not(.swiper-slide-active) .pduct {
    opacity: 1 !important;
}

.abintro-dcor img {
    width: 100%;
}

.abintro-bdy .mona-content {
    max-width: 45rem;
}

.banner-bot{
    bottom: -.1rem !important;
}
.hproce-vapour{
    pointer-events: none;
}
@media screen and (min-width:1300px) {
    .hpduct.pd-sec {
        padding: 13rem 0 12rem;
    }
    .hintro.pd-cus {
        padding: 15rem 0 24rem;
    }
    .hintro .hintro-bg {
        transform: translateY(3%);
    }
}

/*  */
.mona-content span {
    font-weight: 400;
    color: #15191E;
}
.hpduct-slider .swiper-prev,
.hpduct-slider .swiper-next {
    display: flex !important; 
}
.pduct-tt {
    -webkit-line-clamp: 2 !important;
}
.term-cong-thuc-mon-ngon .banner-tt {
    max-width: 30rem;
}
.header-lg-drop .header-lg-it{
    padding: .8rem;
}
.abInfo-img{
    margin-bottom: 1.6rem;
}
@media screen and (min-width: 1200px) {
    .hpduct-slider .swiper-slide .pduct-inner:hover .pduct-img {
        opacity: 1;
        transform: translateY(-1rem) !important;
    }
}
.filter-slider.pri .filter-link:not(:hover):not(.active) {
    color: black;
}


@media screen and (max-width: 500px) {
    .hpartn-slider .swiper-slide {
        width: calc(100% / 4) !important;
    }
} 
@media screen and (max-width: 1200px) {
    .proces-inner:nth-child(2) .proces-decor .decor {
        display: block !important;
        opacity: 0.3;
        width: auto !important;
    }
} 
.sec-ctfrm  {
    position: relative;
    overflow: hidden;
}
.ctact-it .inner {
    padding: 1rem;
}
.ctact-head .head {
    flex-direction: row !important;
}
.cookin-des {
    padding-bottom: 0rem !important;
}
@media screen and (min-width: 701px) {
    .on-mb {
        display: none !important;
    }

}
@media screen and (max-width: 700px) {
    .on-pc .inner{
        display: none !important;
    }
    .on-mobile .inner{
        margin-bottom: 1rem;
    }
    .hintro .hintro-bg{
        bottom: auto;
        top: 30%;
    }
    .hproce-inner .vapour span{
        background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgb(255 255 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
    }
    .cookin-img{
        transform: translateY(0);
    }
}
.on-mb .title {
    display: none !important;
}

@media screen and (max-width: 800px) {
    .abhis {
        padding-top: 0 !important;
    }
    .abhis-bg {
        background-color: transparent !important;
        height: 8rem !important;
        top: 5rem !important;
    }
    .abhis-bg img {
        object-position: top !important;
    }
    .abhis-decor .decor:nth-child(1) {
        position: static;
        margin-bottom: -8rem;
    }
    .abhis-decor + .container {
        background-color: var(--color-pri);
    }
    .abhis-decor .decor:nth-child(2){
        display: none;
    }
    .abhis{
        padding-bottom: 0 !important;
    }
    .absec{
        mask-image: unset !important;
        clip-path: inset(0 0 0 0);
    }

} 
@media screen and (max-width: 700px) {
    .abhis-bg {
        top: 4rem !important;
    }
    .proceIn-bdy{
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 600px) {
    .abhis-bg {
        top: 3rem !important;
    }
    .header-lg>.header-lg-it{
        height: 3.6rem;
    }
}
@media screen and (max-width:600px) {
    .proces-decor .decor {
        display: block
    }
    .proces-inner:nth-child(7n) .proces-decor .decor:nth-child(1),
    .proces-inner:nth-child(7n+6) .proces-decor .decor,
    .proces-inner:nth-child(7n+4) .proces-decor .decor:nth-child(1),
    .proces-inner:nth-child(7n+3) .proces-decor .decor,
    .proces-inner:nth-child(7n+1) .proces-decor .decor{
        bottom: auto !important;
        right: auto !important;
        left: 50% !important;
        top: 50% !important;
        width: 80% !important;
        transform: translate(-50%, -50%) !important;
    }
    .proces-inner:nth-child(7n+4) .proces-decor .decor:nth-child(1){
        height: auto !important;
    }
    .proces-inner:nth-child(7n) .proces-decor .decor:nth-child(2),
    .proces-inner:nth-child(7n+4) .proces-decor .decor:nth-child(2){
        display: none !important;
    }
    .proces-inner:nth-child(7n+5) .proces-decor .decor{
        transform: translate(0,0) !important;
        bottom: 5% !important;
    }
}
@media screen and (max-width: 370px) {
    .abhis-bg {
        top: 2rem !important;
    }
}
@media screen and (max-width: 500px) {
    .abhis-decor .decor:nth-child(1) {
        margin-bottom: -6rem;
    }
}