.sec-herobanner {padding: 25px 0 68px;}
.sec-herobanner .item-link{display: block;}
.sec-herobanner .swiper{border-radius: 10px;}
.sec-herobanner figure.cover img{border-radius: 10px;}
.sec-herobanner #herobanner-lg figure.cover{padding-bottom: 48.1%;}
.sec-herobanner #herobanner-sm figure.cover{padding-bottom: 100%;}
.sec-herobanner #herobanner-lg .action{position: absolute; width: 250px; height: 10px; left: 20%; bottom: 20px; transform: translateX(-20%); z-index: 1;}
.sec-herobanner #herobanner-lg .swiper-pagination {left: 0; bottom: 0;}
.sec-herobanner #herobanner-sm .action{position: absolute; width: 150px; height: 10px; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 1;}
.sec-herobanner #herobanner-sm .swiper-pagination {left: 50%; bottom: 0;}

.sec-productCate{overflow: hidden;}
/* .sec-productCate .block-content-product{overflow: hidden;} */
.sec-productCate .block-title{display: flex; justify-content: space-between; padding-bottom: 30px;}
.sec-productCate .menu .item-list{margin: 0 -16.5px;}
.sec-productCate .menu .item-list > li{padding: 0 16.5px;}
.sec-productCate .menu .link{display: inline-block; position: relative; font-size: var(--font-h4); line-height: 1.3em; font-family: var(--font_Helvethaica_Med); transition: var(--transition-300);}
.sec-productCate .menu .link:before{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) scaleX(0); width: calc(100% - 25px); height: 3px; background-color: var(--color_primary); border-radius: 100px; transition: var(--transition-300);}

.sec-productCate .menu .link.active,
.sec-productCate .menu .link.active:hover,
.sec-productCate .menu .link:hover{color: var(--color_primary);}
.sec-productCate .menu .link.active:before,
.sec-productCate .menu .link.active:hover:before,
.sec-productCate .menu .link:hover:before{transform: translateX(-50%) scaleX(1);}

.sec-productCate .block-detail{position: relative; background-image: url(../../images/background/bg_product_category.png); background-repeat: no-repeat; background-size: cover;}
.sec-productCate .block-detail .ele-1{left: 0; bottom: 10px; padding-right: 55%; z-index: 1;}
.sec-allproduct .block-allproduct,
.sec-productCate .block-content-product{width: 100%; max-width: calc(100% - 650px); margin: 0 0 0 auto; position: relative;}
.sec-productCate .block-content-product .content-product{display: none; transform: translateY(50px);}
.sec-productCate .block-content-product .content-product.active{display: block;}

.sec-productCate .swiper{overflow: inherit;}
/* .sec-productCate .swiper-wrapper{min-height: 500px;} */
.sec-productCate .swiper-wrapper{height: 500px;}
.sec-productCate .swiper-wrapper .swiper-slide{padding: 0 15px; transition: var(--transition-300);}
.sec-productCate .swiper-wrapper .swiper-slide{opacity: 0;  pointer-events: none; transition: all 300ms;}
.sec-productCate .swiper-slide, .sec-productCate .swiper-slide.swiper-slide-prev{opacity: 0.6;}
.sec-productCate .swiper-slide.swiper-slide-active, 
.sec-productCate .swiper-slide.swiper-slide.swiper-slide-next, 
.sec-productCate .swiper-slide.swiper-slide.swiper-slide-next + .swiper-slide,
.sec-productCate .swiper-slide.swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide{opacity: 1; pointer-events: auto; transition: all 300ms;}
.sec-productCate .swiper .action{margin-top: -20px; position: relative; top: -50px;}
.sec-productCate .block-allproduct{width: fit-content; margin: 0 auto;}

.sec-allproduct {padding: 20px 0 80px;}
.sec-allproduct .block-allproduct .action{margin: 0 auto; width: fit-content;}


.sec-foodcontact{position: relative;  z-index: 0; margin-top: 250px; padding-bottom: 60px; transition: var(--transition-300);}
.sec-foodcontact:before{
    content: ''; position: absolute; top: -240px; left: 0;
    width: calc(100% / 2); height: 450px;
    border-radius: 0 300px 300px 0;
    background-color: var(--color_light); 
    z-index: -1;
}
.sec-foodcontact:after{
    content: ''; position: absolute; top: -150px; right: 0;
    width: calc(100% / 2); height: 450px;
    border-radius: 153px 0 0 300px;
    z-index: -1;
    transition: var(--transition-300);
}
.sec-foodcontact.active-choice,
.sec-foodcontact.active-choice:after{background-color: var(--color_primary);}

.sec-foodcontact.active-chill,
.sec-foodcontact.active-chill:after{background-color: var(--color_darkgreen);}

.sec-foodcontact.active-bio,
.sec-foodcontact.active-bio:after{background-color: var(--color_green);}
.sec-foodcontact.active-daily,
.sec-foodcontact.active-daily:after{background-color: var(--color_brown);}

.sec-foodcontact .block-content{position: relative; top: -220px; max-width: 360px;}
.sec-foodcontact .block{max-width: 460px; transition: var(--transition-300);}
.sec-foodcontact div.contain{max-width: 300px; margin: 0 auto;}
.sec-foodcontact div.contain.image-svg{position: relative; width: fit-content; min-height: 176px; display: none;}
.sec-foodcontact div.contain.image-svg.active{display: flex; align-items: center; justify-content: center;}
.sec-foodcontact div.contain.image-svg svg{max-width: 300px;}
.sec-foodcontact .text{font-family: var(--font_Helvethaica_Med); font-size: var(--font-h1); text-align: center; padding-bottom: 40px;}
.sec-foodcontact .sub-text{font-family: var(--font_Helvethaica_Bold); font-size: 76px; text-align: center; padding-top: 15px; animation: text-color 1s linear forwards; transition: var(--transition-300);}

.sec-foodcontact.active-choice .block .sub-text{color: var(--color_primary);}
.sec-foodcontact.active-chill .block .sub-text{color: var(--color_darkgreen);}
.sec-foodcontact.active-bio .block .sub-text{color: var(--color_green);}
.sec-foodcontact.active-daily .block .sub-text{color: var(--color_brown);}

.sec-foodcontact .action{width: fit-content; margin: 40px auto 0;}
.sec-foodcontact .block-element{position: absolute; width: 450px; top: -150px; left: 47%; transform: translate(-50%, 0); transition: var(--transition-300);}
.sec-foodcontact .block-element figure.contain{padding-bottom: 100%; transform: scale(0) translate(80px, -60px); opacity: 0; pointer-events: none; transform-origin: 100% 0; transition: all 500ms;}
.sec-foodcontact .block-element.active figure.contain{transform: scale(1) translate(0, 0); opacity: 1; pointer-events: auto;}
.sec-foodcontact .box-image{position: relative;}
.sec-foodcontact .link-detail{
    position: absolute; 
    top: 0; left: 50%; 
    transform: scale(0) translate(-50%, 0);
    font-size: var(--font-md); color: var(--color_secondary);
    padding: 10px;
    min-width: 48px;
    background-color: var(--color_light); 
    display: flex; align-items: center; justify-content: center;
    border-radius: 50px;
    box-shadow: 0px 4px 4px rgba(14, 88, 196, 0.33);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: transform 400ms 200ms ease;
}
.sec-foodcontact .link-detail.chill{color: var(--color_darkgreen);}
.sec-foodcontact .link-detail.bio{color: var(--color_green);}
.sec-foodcontact .link-detail.daily{color: var(--color_brown);}

.sec-foodcontact .link-detail.active{pointer-events: inherit; transform: scale(1) translate(-50%, 0); opacity: 1;}
.sec-foodcontact .link-detail span{transform: scaleX(0); visibility: hidden; max-width: 0; transform-origin: 0 100%; transition: max-width 400ms ease, transform 300ms 150ms ease;}
.sec-foodcontact .link-detail:hover span{transform: scaleX(1); max-width: 4em; visibility: visible;}
.sec-foodcontact .link-detail .icon{background-color: var(--color_secondary); margin-right: 0; transition: var(--transition-300);}
.sec-foodcontact .link-detail.chill .icon{background-color: var(--color_darkgreen);}
.sec-foodcontact .link-detail.bio .icon{background-color: var(--color_green);}
.sec-foodcontact .link-detail.daily .icon{background-color: var(--color_brown);}
.sec-foodcontact .link-detail:hover .icon{margin-right: 7px;}

.sec-foodcontact .foodcontact-menu{position: relative; margin-top: -270px; right: -60px;}
.sec-foodcontact .foodcontact-menu .item-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}

.sec-foodcontact .foodcontact-menu .block-link{position: relative; padding: 25px 16px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 10px; background-color: rgba(255, 255, 255, 0); backdrop-filter: blur(0); transition: var(--transition-300);}
.sec-foodcontact .foodcontact-menu .link.active .block-link,
.sec-foodcontact .foodcontact-menu .link:hover .block-link{border: 1px solid #eee; background-color: rgba(255, 255, 255, .6); backdrop-filter: blur(7px);}

.sec-foodcontact .foodcontact-menu .bubble-image{position: absolute; top: 25px; right: 16px; z-index: 1; transition: var(--transition-300);}
.sec-foodcontact .foodcontact-menu .bubble-image img{width: 80px;}
.sec-foodcontact .foodcontact-menu .link.active .bubble-image,
.sec-foodcontact .foodcontact-menu .link:hover .bubble-image{top: 15px;}

.sec-foodcontact .foodcontact-menu div.contain{width: 200px; transition: var(--transition-300);}
.sec-foodcontact .foodcontact-menu .link.active div.contain,
.sec-foodcontact .foodcontact-menu .link:hover div.contain{transform: scale(1.1);}

.sec-foodcontact .foodcontact-menu .text-name{color: var(--color_light); font-size: var(--font-h4); font-family: var(--font_Helvethaica_Med); text-align: center; margin-top: -10px; transition: var(--transition-300);}
.sec-foodcontact .foodcontact-menu .link[data-btn="active-choice"].active .text-name,
.sec-foodcontact .foodcontact-menu .link[data-btn="active-choice"]:hover .text-name{color: var(--color_primary);}
.sec-foodcontact .foodcontact-menu .link[data-btn="active-chill"].active .text-name,
.sec-foodcontact .foodcontact-menu .link[data-btn="active-chill"]:hover .text-name{color: var(--color_darkgreen);}
.sec-foodcontact .foodcontact-menu .link[data-btn="active-bio"].active .text-name,
.sec-foodcontact .foodcontact-menu .link[data-btn="active-bio"]:hover .text-name{color: var(--color_green);}
.sec-foodcontact .foodcontact-menu .link[data-btn="active-daily"].active .text-name,
.sec-foodcontact .foodcontact-menu .link[data-btn="active-daily"]:hover .text-name{color: var(--color_brown);}

.sec-foodcontact .accordion{margin-top: -50px;}
.sec-foodcontact .accordion .accordion-item{display: none;}
.sec-foodcontact .accordion .accordion-item.active{display: block;}
.sec-foodcontact .accordion .content-body{position: relative;}
.sec-foodcontact .accordion .content-body .ele-table{bottom: -50px; left: 0; transform: scale(1.1);}
.sec-foodcontact .accordion .content-body .ele-person{top: 70px; right: 40%; max-width: 550px; transform: translate(50%, 0);}
.sec-foodcontact .accordion .content-body .head-topic{font-size: 70px; line-height: 0.8em; font-family: var(--font_Helvethaica_Bold); color: var(--color_light);}
.sec-foodcontact .accordion .content-body .head-topic .text-small{font-size: 80%;}
.sec-foodcontact .accordion .content-body .block-link{margin-top: 50px;}
.sec-foodcontact .accordion .btn-typeprod{overflow: hidden; margin: 0 auto;}
.sec-foodcontact .en.accordion .btn-typeprod{width: 9rem; transition: all 0.4s ease-in-out;}
.sec-foodcontact .en.accordion .btn-typeprod.active{width: 230px;}
.sec-foodcontact .accordion .btn-typeprod .data-text{position: relative; display: inline-block; transform: translateY(0%); width: auto; transition: all 0.4s ease-in-out;}
.sec-foodcontact .accordion .btn-typeprod .data-text:before{
    content: attr(data-name);
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    text-align: center;
    transform: translateY(120%);
    width: fit-content;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
.sec-foodcontact .accordion .btn-typeprod.active .data-text{transform: translateY(-110%);}
.sec-foodcontact .en.accordion .btn-typeprod.active .data-text{width: 170px;}
.sec-foodcontact .accordion .btn-typeprod.active .data-text:before{transform: translateY(110%);}

.sec-foodcontact .accordion .accordion-content{display: none; margin-top: 40px;}
.sec-foodcontact .accordion-content .swiper{transform: translateY(90px);}
.sec-foodcontact .accordion-content .swiper .action{position: relative; top: -45px;}
.sec-foodcontact .accordion-content .swiper-wrapper{height: 430px;}
.sec-foodcontact .accordion-content .item-card:hover .box{backdrop-filter: blur(0);}
.sec-foodcontact .accordion-content .item-card:hover .box:before{filter: inherit;}
.sec-foodcontact .accordion-content .item-card:hover:hover .box{
    background-color: rgba(255, 255, 255, .6);
    backdrop-filter: blur(7px);
}
.sec-foodcontact .accordion-content .item-card.festchoice .box:before{background-image: url(../../images/static/bg-festchoice.svg);}
.sec-foodcontact .accordion-content .item-card.festchill .box:before{background-image: url(../../images/static/bg-festchill.svg);}
.sec-foodcontact .accordion-content .item-card.festbio .box:before{background-image: url(../../images/static/bg-festbio.svg);}
.sec-foodcontact .accordion-content .item-card.festdaily .box:before{background-image: url(../../images/static/bg-festdaily.svg);}
.sec-foodcontact .accordion-content .item-card:hover .title{color: var(--color_dark);}
.sec-foodcontact .accordion-content .item-card .key-product{color: #5f5b5b;}
.sec-foodcontact .accordion-content .item-card.festchoice .view-more{color: var(--color_primary);}
.sec-foodcontact .accordion-content .item-card.festchill .view-more{color: var(--color_darkgreen);}
.sec-foodcontact .accordion-content .item-card.festbio .view-more{color: var(--color_green);}
.sec-foodcontact .accordion-content .item-card.festdaily .view-more{color: var(--color_brown);}

.sec-foodcontact .accordion-content .swiper-button-prev, .swiper-rtl .swiper-button-next,
.sec-foodcontact .accordion-content .swiper-button-next, .swiper-rtl .swiper-button-prev{top: 75%;}
.sec-foodcontact .accordion-content .swiper-button-prev, .swiper-rtl .swiper-button-next{left: -50px;}
.sec-foodcontact .accordion-content .swiper-button-next, .swiper-rtl .swiper-button-prev{right: -50px;}

.sec-foodcontact svg path {
    stroke-width: 3;
    stroke-dasharray: 2200; 
    stroke-dashoffset: 2200;
    animation: dash 3.2s ease-in-out forwards;
}
.sec-foodcontact.active-choice svg path{fill: var(--color_primary); stroke: var(--color_primary);}
.sec-foodcontact.active-chill svg path{fill: var(--color_darkgreen); stroke: var(--color_darkgreen);}
.sec-foodcontact.active-bio svg path{fill: var(--color_green); stroke: var(--color_green);}
.sec-foodcontact.active-daily svg path{fill: var(--color_brown); stroke: var(--color_brown);}

.remodal .block-in{display: flex; min-height: 400px; width: 100%;}
.remodal .block-in-content{padding: 20px 20px 0; position: relative;}
.remodal .block-in-content:first-child{flex: 0 0 25%;}
.remodal .block-in-content:last-child{flex: 0 0 75%; padding: 70px 20px 20px 10em; text-align: left;}
.remodal .block-in-content:first-child:before{
    content: '';
    position: absolute; bottom: 0; left: 0;
    width: 402px; height: 128px;
    background-image: url(../../images/background/remodal-ele-table.png);
    background-repeat: no-repeat; background-size: contain;
}
.remodal .block-title{margin: 40px 0 280px;}
.remodal .block-title figure.contain{width: auto; min-height: 100px;}
.remodal .block-title figure.contain img{filter: brightness(0) invert(1);}
.remodal .block-title .sub-text{font-size: var(--font-h2); font-family: var(--font_Helvethaica_Med); margin-top: 20px;}
.remodal .ele-1{bottom: -80px; right: -110px; transform: scale(0.9);}
.remodal .title{font-size: var(--font-h2); font-family: var(--font_Helvethaica_Med);}
.remodal .item-list{flex-wrap: wrap; margin: 34px 0 0;}
.remodal .item-list > li{flex: 0 0 calc(100% / 1);  margin-bottom: 8px;}
.remodal .block-card{display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; border: none; overflow: inherit;}
.remodal .block-card:hover{box-shadow: inherit;}
.remodal .block-card .block-image{
    --size: 64px; width: var(--size); height: var(--size); 
    position: relative;
    display: flex; align-items: center; justify-content: center;
    background-color: var(--color_light); 
    border-radius: 50%; 
    box-shadow: 0px 4px 4px rgba(14, 88, 196, 0.33);
}
.remodal .block-card .block-image:before{
    --size: 56.26px;
    content: '';
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: var(--size); height: var(--size);
    border-radius: 50%; border: 1px solid var(--color_primary);
}
.remodal .block-card .block-image.choice:before{border-color: var(--color_primary);}
.remodal .block-card .block-image.daily:before{border-color: var(--color_brown);}
.remodal .block-card .block-image.bio:before{border-color: var(--color_green);}
.remodal .block-card .block-image.chill:before{border-color: var(--color_darkgreen);}
.remodal .block-card .block-image img{--size: 34px; width: var(--size); height: var(--size);}
.remodal .block-card .desc{line-height: 1.2em; font-size: var(--font-h5);}

.sec-video{position: relative; padding: 80px 0; z-index: 0; overflow: hidden;}
.sec-video::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: url(../../images/background/bg_secvideo.png); background-repeat: no-repeat; background-size: cover; opacity: 0.7; z-index: -1; background-blend-mode: hard-light;}
.sec-video .bg-icon .icon{transform: scaleY(1) rotate(90deg) translate(-50%, 50%);}
.sec-video .block-thumb-yt{
    display: flex; align-items: center; justify-content: center;
    max-width: 870px; 
    height: 522px; 
    margin: 0 auto; 
    background-image: url(../../images/static/sec-video-thumb-yt.png); background-repeat: no-repeat; background-size: cover; 
    border-radius: 30px; overflow: hidden;
}
.sec-video .block-thumb-yt .content{text-align: center;}
.sec-video .block-thumb-yt .title{font-size: 88px; font-family: var(--font_Helvethaica_Med); color: var(--color_light); line-height: 1.1em;}
.sec-video .block-thumb-yt .sub-title{font-size: var(--font-h2); font-family: var(--font_Helvethaica_Med); color: var(--color_light); line-height: 1.1em;}
.sec-video .block-thumb-yt .action{margin: 15px auto 0; width: fit-content;}

.remodal.remodal-popup.remodal-video{position: relative; max-width: 100%; min-height: 100vh; padding: 50px 85px; margin: 0; background-color: rgba(0, 0, 0, 0); border-radius: 0; pointer-events: none; overflow: inherit;}
.remodal.remodal-popup.remodal-video:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #CFCFCF 0%, #DDDFDF 100%);}
.remodal.remodal-popup.remodal-video .popup_in{position: relative; max-width: 870px; min-height: 522px; margin: 0 auto;}
.remodal.remodal-popup.remodal-video .remodal-close{top: inherit; bottom: -70px; right: 50%; background-color: var(--color_primary); transform: translate(50%, 0); pointer-events: auto;}
.remodal.remodal-popup.remodal-video .iframe-container{width: 100%; padding-bottom: 60%; pointer-events: auto; border-radius: 30px; overflow: hidden;}

.sec-story{padding: 90px 0 0;}
.sec-story .d-flex{align-items: center; justify-content: center;}
.sec-story .block-text .title{text-align: center; font-size: var(--font-h1); font-family: var(--font_Helvethaica_Bold); line-height: 1em;}
.sec-story .block-text .action{margin-top: 30px;}
.sec-story .block-card .item-list{flex-wrap: wrap; margin: 0 -10px;}
.sec-story .item-list > li{flex: 0 0 calc(100% / 2); padding: 0 10px 20px;}
.sec-story .story-item-card{
    display: inline-block; position: relative;
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
    width: 100%;
    height: 230px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
    background-size: cover; background-repeat: no-repeat;
    z-index: 0;
}
.sec-story .story-item-card:before{
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    z-index: -1;
    opacity: 0;
    transition: var(--transition-300);
}
.sec-story .block-card{border: none;}
.sec-story .block-card:hover{box-shadow: none;}
.sec-story .block-card li:first-child{margin-top: 70px;}
.sec-story .block-card li:last-child{margin-top: -70px;}
.sec-story .block-card li:nth-child(1) .story-item-card{background-image: url(../../images/background/sec_story_bg_green.png);}
.sec-story .block-card li:nth-child(1) .story-item-card:hover:before{background-color: #6D5A4D; opacity: 0.8;}

.sec-story .block-card li:nth-child(2) .story-item-card{background-image: url(../../images/background/sec_story_bg_blue.png);}
.sec-story .block-card li:nth-child(2) .story-item-card:hover:before{background-color: #F8BE00; opacity: 0.8;}

.sec-story .block-card li:nth-child(3) .story-item-card{background-image: url(../../images/background/sec_story_bg_brown.png);}
.sec-story .block-card li:nth-child(3) .story-item-card:hover:before{background-color: #F66B5E; opacity: 0.8;}

.sec-story .block-card li:nth-child(4) .story-item-card{background-image: url(../../images/background/sec_story_bg_yellow.png);}
.sec-story .block-card li:nth-child(4) .story-item-card:hover:before{background-color: #92B558; opacity: 0.8;}

.sec-story .story-item-card .block-text{color: var(--color_light); height: fit-content; transition: var(--transition-300);}
.sec-story .story-item-card .title{text-align: left; font-size: var(--font-h2); font-family: var(--font_Helvethaica_Med); line-height: 0.7em;}
.sec-story .story-item-card .text-small{font-size: 80%;}
.sec-story .story-item-card .desc{font-size: var(--font-h5); margin-top: 7px;}
.sec-story .story-item-card .action{max-height: 0; transform: translateY(10px); transition: max-height 300ms ease, transform 300ms 200ms ease; overflow: hidden;}
.sec-story .story-item-card:hover .action{max-height: 45px; transform: translateY(0); opacity: 1;}

.sec-innovation{padding: 50px 0 0; position: relative; background-color: var(--color_primary); z-index: 0;}
.sec-innovation .pas{pointer-events: none;}
.sec-innovation .ele-1{top: -244px; left: -100px; padding-right: 81.7%; z-index: -1;}
.sec-innovation .ele-2{top: -140px; right: -50px; padding-left: 90.2%; z-index: 1;}
.sec-innovation .ele-3{bottom: -120px; right: -240px; padding-left: 81.6%; z-index: 1;}
.custom-shape-top-till {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    background-color: var(--color_primary);
    transform: scaleX(-1);
    pointer-events: none;
}
.custom-shape-bottom-till {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    background-color: rgba(160, 160, 160, 0.1);
    transform: scaleX(-1);
    pointer-events: none;
    z-index: -1;
}
.custom-shape-bottom-till .shape-fill {
    fill: var(--color_primary);
}

.sec-innovation .block-text{color: var(--color_light);}
.sec-innovation .block-text .title{font-size: var(--font-h1); font-family: var(--font_Helvethaica_Bold); line-height: 1.1em;}
.sec-innovation .block-text .desc{font-size: var(--font-h4); line-height: 1.2em;}
.sec-innovation .block-text .action{margin-top: 35px;}
.sec-innovation .d-flex{align-items: center; justify-content: center;}

.block-before-after .background-img {
    background-image: url(../../images/static/box-before.png);
}
.block-before-after .foreground-img {
    background-image: url(../../images/static/box-after.png);
    width: 50%;
}

.sec-standard{position: relative; padding-bottom: 60px; background-image: url(../../images/background/bg_line.png); background-repeat: no-repeat; background-size: cover; z-index: 0; overflow: hidden;}
.sec-standard:before{
    content: ''; position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    background-color: rgba(160, 160, 160, 0.1);
    z-index: -1;
}
.sec-standard .title{font-size: var(--font-h1); font-family: var(--font_Helvethaica_Med); color: var(--color_primary); text-align: center; line-height: 1em;}
.sec-standard .block-slide{position: relative; margin-top: 30px;}
.sec-standard #swiper-iso{max-width: 990px; margin: 0 auto; overflow: inherit;}
.sec-standard #swiper-iso .swiper-slide{opacity: 0; pointer-events: none; transition: var(--transition-300);}
.sec-standard #swiper-iso .swiper-slide.swiper-slide-next,
.sec-standard #swiper-iso .swiper-slide.swiper-slide-next +  .swiper-slide,
.sec-standard #swiper-iso .swiper-slide.swiper-slide-active{opacity: 1; pointer-events: auto;}
.sec-standard .swiper-wrapper{height: auto;}
.sec-standard .iso-item-card{display: block; padding: 20px; background-color: var(--color_light); border-radius: 10px; box-shadow: 0px 4px 4px rgba(14, 88, 196, 0); transition: var(--transition-300);}
.sec-standard .iso-item-card:hover{box-shadow: 0px 4px 4px rgba(14, 88, 196, 0.33);}
.sec-standard .iso-item-card figure.contain{padding-bottom: 35%; transform: scale(1); transition: var(--transition-300);}
.sec-standard .iso-item-card:hover figure.contain{transform: scale(1.2);}
.sec-standard .action{position: relative; margin-top: 50px;}

@keyframes dash {
    0% {
        stroke-dashoffset: 2200;
        fill:rgba(0, 0, 0, 0);
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke: var(--color_none);
    }
}
@media(min-width: 1991px) and (max-width: 2400px){
    .item-card figure.contain{padding-bottom: 56%;}
}
@media(max-width: 1440px){
    .sec-productCate .swiper-wrapper{height: 450px;}
}
@media(max-width: 1366px){
    .sec-foodcontact .sub-text{font-size: 55px;}
    .sec-foodcontact .foodcontact-menu{right: 0;}
    .sec-foodcontact .foodcontact-menu .item-grid{gap: 10px;}
    .sec-foodcontact .foodcontact-menu div.contain{width: 160px;}
    .sec-foodcontact .foodcontact-menu .bubble-image img{width: 60px;}
    .sec-foodcontact .foodcontact-menu .link.active div.contain, .sec-foodcontact .foodcontact-menu .link:hover div.contain{transform: scale(1.1);}
    .sec-foodcontact .block-element{width: 280px; top: -140px;}
    .sec-foodcontact .link-detail{top: -20px;}
    .sec-innovation .ele-1{top: -204px;}
    .sec-innovation .ele-2{top: -110px;}

    .block-before-after{max-width: 470px; height: 280px;}
    .block-before-after .img{background-size: 470px 100%;}
}
@media(max-width: 1199px){
    .sec-foodcontact .sub-text{font-size: 55px;}
    .sec-foodcontact .foodcontact-menu{right: 0;}
    .sec-foodcontact .foodcontact-menu .item-grid{gap: 10px;}
    .sec-foodcontact .foodcontact-menu div.contain{width: 160px;}
    .sec-foodcontact .foodcontact-menu .bubble-image img{width: 60px;}
    .sec-foodcontact .foodcontact-menu .link.active div.contain, .sec-foodcontact .foodcontact-menu .link:hover div.contain{transform: scale(1.1);}
    .sec-foodcontact .block-element{width: 280px; top: -140px;}
    .sec-foodcontact .link-detail{top: -20px;}

    .sec-allproduct .block-allproduct, .sec-productCate .block-content-product{max-width: calc(100% - 410px);}
    .sec-productCate .swiper .action{margin: 0; position: relative; top: -80px; height: 10px;}
    .sec-productCate .swiper-wrapper{height: 420px;}
    .sec-foodcontact .accordion{margin-top: -120px;}
    .sec-foodcontact .accordion .content-body .ele-table{bottom: -52px;}
    .sec-foodcontact .accordion .content-body .ele-person{top: 140px;}
    .sec-foodcontact .accordion-content .swiper{transform: translateY(200px);}
    .sec-foodcontact .accordion-content .swiper-button-prev, .swiper-rtl .swiper-button-next{left: -30px;}
    .sec-foodcontact .accordion-content .swiper-button-next, .swiper-rtl .swiper-button-prev{right: -30px;}
    .sec-foodcontact .accordion-content .swiper .action{top: -155px;}
    .sec-foodcontact .accordion .content-body .head-topic{font-size: 62px;}

    .sec-innovation .ele-1{top: -154px;}
    .sec-innovation .ele-2{top: -100px; padding-left: 94.2%;}
    .block-before-after .img{background-size: 450px 100%;}

    .sec-standard .swiper-button{display: none;}

    .sec-story .story-item-card{padding: 20px; height: 200px;}

    .sec-productCate .block-detail{background-position: 0 -50px;}
}
@media(max-width: 991px){
    .sec-herobanner{padding: 25px 0 15px; max-width: 600px; margin: 0 auto;}
    .sec-herobanner .swiper{margin-bottom: 20px;}
    .sec-herobanner .swiper-wrapper{height: auto;}
    .sec-herobanner .swiper-pagination.pagination-light .swiper-pagination-bullet{background-color: var(--color_primary);}
    .sec-herobanner #herobanner-lg .action{width: 100%; left: inherit; transform: inherit; position: static; margin-top: 20px;}
    .sec-herobanner #herobanner-lg .swiper-pagination{left: 50%;} 
    .sec-herobanner #herobanner-sm .action{position: static; margin-top: 20px; transform: inherit;}
 
    .sec-productCate .block-title{flex-direction: column; padding-bottom: 20px;}
    .sec-productCate .menu{margin-top: 20px;}
    .sec-productCate .swiper-wrapper{height: 380px;}
    .sec-productCate .swiper .action{top: -50px;}
    .sec-allproduct{padding: 30px 0;}

    .sec-foodcontact:before{top: -240px; --size: 330px; width: 100%; height: var(--size); border-radius: 50%;}
    .sec-foodcontact:after{display: none;}
    .sec-foodcontact .block-content{margin: 0 auto;}
    .sec-foodcontact .row > div:nth-child(1){order: 1;}
    .sec-foodcontact .row > div:nth-child(2){order: 3;}
    .sec-foodcontact .row > div:nth-child(3){order: 2;}
    .sec-foodcontact .foodcontact-menu{margin-top: -180px;}
    .sec-foodcontact .foodcontact-menu .block-link{padding: 25px 0;}
    .sec-foodcontact .accordion{margin-top: 240px;}
    .sec-foodcontact .block-element{top: -30px;}
    .sec-foodcontact .link-detail{top: 80px;}
    .sec-foodcontact .accordion-content .swiper-button-next, .swiper-rtl .swiper-button-prev,
    .sec-foodcontact .accordion-content .swiper-button-prev, .swiper-rtl .swiper-button-next{display: none;}
    .sec-foodcontact .accordion .content-body .ele-person{display: none;}
    .sec-foodcontact .accordion .content-body .ele-table{display: none;}
    .sec-foodcontact .accordion-content .swiper{transform: translateY(0); margin-top: 20px;}
    .sec-foodcontact .accordion .content-body .block-link{margin-top: 20px;}
    .sec-foodcontact .accordion-content .swiper-wrapper{height: auto;}
    .sec-foodcontact .accordion-content .swiper .action{top: 0;}
    .remodal .block-in-content:last-child{padding: 30px 20px 10px 10em;}
    .remodal .block-in-content:first-child:before{height: 98px;}
    .remodal .block-in-content .ele-1 img{max-width: 290px;}
    
    .sec-story .block-text .action{margin: 10px 0;}
    .sec-innovation .ele-2{top: -70px; padding-left: 91.2%; z-index: -1;}
    .sec-innovation .ele-3{display: none;}
    .block-before-after{max-width: 445px;}
    .sec-innovation .block-text .action{margin: 15px 0 20px;}

    .sec-productCate .block-detail{background-position: inherit;}

    .en.sec-foodcontact .action{margin: 10px auto 0;}

}
@media(max-width: 767px){

    .sec-productCate .menu .item-list{flex-wrap: wrap; justify-content: center; margin: 0 -7.5px; text-align: center;}
    .sec-productCate .menu .item-list > li{flex: 0 0 calc(100% / 3); padding: 0 7.5px; margin-bottom: 10px;}
    .sec-productCate .block-detail .ele-1{display: none;}
    .sec-allproduct .block-allproduct, .sec-productCate .block-content-product{max-width: 100%;}
    

    .sec-foodcontact{padding-bottom: 30px;}
    .sec-foodcontact:before{top: -240px; --size: 330px; width: 100%; height: var(--size); border-radius: 50%;}


    .remodal .block-in{flex-wrap: wrap;}
    .remodal .block-in-content:first-child{flex: 0 0 100%;}
    .remodal .block-in-content:last-child{flex: 0 0 100%; padding: 70px 20px 20px;}
    .remodal .block-title{margin: 40px 0 100px;}
    .remodal .ele-1{display: none;}
    .remodal .block-in-content:first-child:before{width: 292px; height: 88px;}

    .sec-video{padding: 15px 0;}
    .sec-video .block-thumb-yt .title{font-size: 48px;}
    
    .remodal.remodal-popup.remodal-video{padding: 270px 15px;}
    .remodal.remodal-popup.remodal-video .popup_in{min-height: 222px;}
    .remodal.remodal-popup.remodal-video .iframe-container{border-radius: 10px;}

    .sec-story{padding: 30px 0 0;}
    .sec-story .block-card li:first-child,
    .sec-story .block-card li:last-child{margin: 0;}
    .sec-story .item-list > li{flex: 0 0 100%; padding: 10px 10px;}
    .sec-story .block-text .action{margin: 10px 0;}
    
    .sec-innovation .ele-1{top: -84px;}
    .sec-innovation .ele-2{top: -40px; padding-left: 85.2%; z-index: -1;}
    .block-before-after{height: 250px; max-width: 358px;}
    .block-before-after .img{background-size: 359px 100%;}

    .sec-standard{padding-bottom: 30px;}
    .sec-standard #swiper-iso .swiper-slide{opacity: 1; pointer-events: auto;}
}
@media(max-width: 575px){
    .sec-productCate .block-detail{background-image: url(../../images/background/bg_product_category_mobile.png);}

    .sec-productCate .swiper-wrapper .swiper-slide{opacity: 1; pointer-events: auto;}

}
@media(max-width: 375px){
    .fest-header .bottom-header .menu-list > li{margin-bottom: 8px;}
    .fest-header .menu-list > li .dropdown .dropdown-list .link-item img{max-width: 50px; margin: 0 auto;}
    .fest-header .menu-list > li:hover .dropdown .dropdown-list{max-height: 5em;}
}