.testimonials .banner{flex-direction:column;justify-content:center;display:flex;position:relative}.testimonials .banner .content{width:78vw;position:absolute;bottom:0}.testimonials .banner .hero{width:100vw;height:100vh;min-width:100vsw}.testimonials .banner .content .store{z-index:999;position:absolute;bottom:0;left:8vw}.testimonials .banner .content .store img{height:80vh}.testimonials .banner .content .description{opacity:.75;text-align:justify;border-radius:10px;max-width:78vw;margin-bottom:74px;padding-top:32px;padding-bottom:50px;position:relative;left:11vw}.testimonials .banner .content .description .title{font-size:60px;font-family:var(--subtitle-font-name);color:#f8ae42;text-align:left;margin-bottom:15px;margin-left:25vw;font-weight:400;line-height:1.1;position:relative}.testimonials .banner .content .description .desc{color:#fff;margin-left:25vw;font-weight:400}.testimonials .banner .content .description .purchase{color:#f8ae42;font-size:20px;font-family:var(--subtitle-font-name);background-color:#1d1d1b;border-radius:10px;padding:4px 25px;position:absolute;top:-21px;right:48px;opacity:1!important}.henk .banner .content .description .title{color:#1d1d1b}.henk .banner .content .description .desc{color:#1d1d1b;max-width:46vw}.mekong-cocoa .banner .content .description .desc,.ganafarm .banner .content .description .desc,.mark-and-milk .banner .content .description .desc{max-width:46vw}.ganafarm .banner .content .description{background-color:#341a0c}.mark-and-milk .banner .content .description{background-color:#be2735}.henk .banner .content .description{background-color:#f8ae42}.mekong-cocoa .banner .content .description{background-color:#1d1d1b}.slick-next{width:48px!important;height:48px!important;right:68px!important}.slick-prev{z-index:999;width:48px!important;height:48px!important;left:68px!important}.slick-next:before,.slick-prev:before{font-size:48px!important}.homepage-mekong .banner .content{position:absolute;top:20%}.homepage-mekong .banner .content .store{z-index:999;position:absolute;bottom:0;left:8%}.homepage-mekong .banner .content .description{opacity:.75;text-align:justify;border-radius:10px;margin-bottom:74px;padding-top:32px;padding-bottom:50px;position:relative}.homepage-mekong .banner .content .description .title{font-size:48px;font-family:var(--subtitle-font-name);color:#1d1d1b;height:auto;margin-bottom:0;font-weight:500}.homepage-mekong .banner .content .description .desc{color:#1d1d1b;width:44%;margin-bottom:16px;font-weight:400}.homepage-mekong .banner .content .description .sub-title{color:#f8ae42;margin-left:25vw;font-family:montecatini;font-size:28px;font-weight:400}.slick-dots{bottom:6px!important}.testimonials.slick-track{height:100vh}.homepage-hero .store img{display:none}@media screen and (max-width:1199px){.store{display:none}.homepage-mekong .banner .content .store{justify-content:center;width:100%;display:flex;left:0}.homepage-mekong .banner .content .store img{height:42vh;left:50%}.homepage-mekong .banner .content{justify-content:center;width:100vw;padding:90px 40px;display:flex;top:0}.homepage-mekong .banner .content .description{padding-top:0;left:0}.homepage-mekong .banner .content .description .title{text-align:center;height:auto;margin-bottom:0;margin-left:0;font-size:24px}.homepage-mekong .banner .content .description .desc{width:100%;margin-bottom:12px;margin-left:0;font-size:13px}.homepage-mekong .banner .content .description .sub-title{color:#1d1d1b;text-align:center;margin-left:0;font-size:14px}.homepage__banner .banner .content{width:100vw;padding:0 28px;position:absolute}.homepage__banner .banner .content .description{opacity:.75;text-align:justify;max-width:auto;border-radius:10px;max-width:100vw;margin-bottom:64px;padding:18px;position:relative;left:0}.ganafarm .banner .content .description .title,.mekong-cocoa .banner .content .description .title,.mark-and-milk .banner .content .description .title{text-align:center;color:#f8ae42;height:auto;margin-bottom:0;margin-left:0;font-size:24px;font-weight:500;position:relative}.henk .banner .content .description .title{text-align:center;height:auto;margin-bottom:0;margin-left:0;font-size:24px;font-weight:500;position:relative}.homepage__banner .banner .content .description .desc{max-width:100vw;margin-left:0;font-size:13px}.homepage__banner .banner .content .description a{justify-content:center;width:100%;display:flex}.testimonials .banner .content .description .purchase{color:#f8ae42;font-size:16px;font-family:var(--subtitle-font-name);background-color:#1d1d1b;border-radius:10px;padding:4px 25px;position:absolute;top:auto;bottom:-32px;right:auto;opacity:1!important}}@media screen and (max-width:1199px) and (min-width:1024px){.homepage-mekong .banner .content{padding-top:120px}.homepage-mekong .banner .content .description .desc{font-size:18px}.homepage-mekong .banner .content .description .title{font-size:32px}.homepage-mekong .banner .content .description .sub-title{color:#f8ae42;font-size:24px}.homepage__banner .banner .content .description{margin-bottom:64px}.homepage__banner .banner .content{padding:0 50px}.homepage__banner .banner .content .description .title{font-size:32px}.homepage__banner .banner .content .description .desc{font-size:15px}}@media screen and (max-width:539px) and (min-width:400px){.homepage-mekong .banner .content .description .desc{font-size:14px}.homepage-mekong .banner .content .description .title{font-size:28px}.homepage-mekong .banner .content .description .sub-title{font-size:20px}}@media screen and (max-width:767px) and (min-width:540px){.homepage-mekong .banner .content .description .desc{font-size:16px}.homepage-mekong .banner .content .description .title{font-size:32px}.homepage-mekong .banner .content .description .sub-title{font-size:24px}.homepage__banner .banner .content .description{margin-bottom:64px}.homepage__banner .banner .content{padding:0 50px}.homepage__banner .banner .content .description .title{font-size:32px}.homepage__banner .banner .content .description .desc{font-size:12px}}@media screen and (max-width:1023px) and (min-width:768px){.homepage-mekong .banner .content .description .desc{font-size:18px}.homepage-mekong .banner .content .description .title{font-size:36px}.homepage-mekong .banner .content .description .sub-title{font-size:24px}.homepage__banner .banner .content .description{margin-bottom:64px}.homepage__banner .banner .content{padding:0 50px}.homepage__banner .banner .content .description .title{font-size:32px}.homepage__banner .banner .content .description .desc{font-size:14px}}@media screen and (min-width:1200px) and (max-width:1399px){.homepage-mekong .banner .content{gap:100px;padding:150px 150px 0 100px;top:0}.homepage-mekong .banner .content .description .desc{width:100%;margin-bottom:32px;margin-left:0;font-size:18px}.homepage-mekong .banner .content .description .title{height:auto;margin-bottom:0;margin-left:0;font-size:36px}.homepage-mekong .banner .content .description .sub-title{color:#f8ae42;margin-left:0;font-size:28px}.homepage-mekong .banner .content .store{position:relative;left:0}.homepage-mekong .banner .content .store img{height:100%}.homepage-mekong .banner .content{width:100vw;height:100vh;display:flex}.homepage-mekong .banner .content .description{margin-bottom:0;padding:0;left:0}.homepage-mekong .banner .content .description .desc__detail{flex-direction:column;display:flex}}
.hero__subtitle img{width:2.3rem;height:2.3rem}.hero__content h1{color:var(--heading-color);margin-top:1rem;margin-bottom:2rem;font-size:3.2rem;font-weight:600}.hero__content h1 .hightlight{color:var(--secondary-color)}.hero__content p{color:var(--text-color);font-size:1.1rem;line-height:2rem}.hero__img-box img,.hero__img-box video{border:1px solid var(--secondary-color);object-fit:cover;border-radius:20px;width:100%;height:350px}.hero__content{padding-top:3.5rem}.hero__img-box{padding-top:2rem}.services__subtitle{color:#ee6e6e;font-size:2.2rem;font-weight:500;font-family:var(--subtitle-font-name)}.services__title{font-size:2.5rem;font-weight:500}.featured__product-title{font-size:2.3rem;font-weight:500}.experience__content h2{margin-top:1rem;font-size:2.5rem;font-weight:500}.experience__content p{color:var(--text-color);margin-top:1rem;font-size:1.1rem}.counter__wrapper{margin-top:2.5rem}.counter__box span{background:var(--primary-color);color:#fff;border-radius:10px 5px;justify-content:center;align-items:center;width:70px;height:70px;margin:auto;font-size:1.6rem;font-weight:600;display:flex}.counter__box h6{color:var(--text-color);margin-top:.7rem;font-size:1.1rem}.experience__img img{width:90%}.gallery__title{margin-top:1rem;margin-bottom:2.5rem;font-size:2.3rem}.masonry__img{transition:all .3s}.masonry__img:hover{transform:scale(1.1)}.testimonial__title{margin-top:1rem;font-size:2.3rem}.about_mekong{gap:82px;padding:130px 90px 130px 100px}.about_mekong h2{font-family:var(--subtitle-font-name);color:#fbb042;margin-bottom:1.75rem;font-size:48px;font-weight:900}.about_mekong p{color:#fff;text-align:justify;margin-bottom:27px;font-size:16px;font-weight:400;line-height:32px}.about_mekong button{background-color:#fbb042;border:none;border-radius:10px;padding:24px 93px 24px 94px;font-size:20px;font-weight:800}.present_product{padding-top:84px!important;padding-bottom:84px!important}.present_product .title{text-align:center;font-size:96px;font-family:var(--subtitle-font-name);color:#fbb042;margin-bottom:0}.present_product .content__title{margin-bottom:58px}.present_product .content__title p{text-align:center;max-width:60%;margin:0 auto;font-size:16px}.present_product .list_category{justify-content:space-around;display:flex}.present_product .list_category .category{border:1px solid #ccc;max-width:300px;padding:0;position:relative}.present_product .list_category .category img{bottom:none;border-radius:0;width:100%;display:block}.present_product .list_category .category .desc{text-align:center;padding-top:54px;padding-bottom:34px}.present_product .list_category .category .desc h5{color:#1d1d1b;font-size:24px;font-weight:400}.present_product .list_category .category .desc h4{color:#1d1d1b;font-size:20px;font-weight:800}.present_product .list_category .category .desc p{color:#1d1d1b;letter-spacing:-.2px;margin-bottom:30px;padding:0 30px;font-size:16px;font-weight:400;line-height:2rem}.present_product .list_category .category .desc a{color:#1d1d1b;font-size:16px;font-weight:400;text-decoration:none}.present_product .list_category .category .desc a:hover{cursor:pointer;color:#f8ae42}.brand-logos{background-color:#000;justify-content:center;align-items:center;gap:76px;width:100%;height:116px;display:flex}.card-dot{z-index:3;background-color:var(--dot-color,#f8ae42);border-radius:50%;width:45px;height:45px;position:absolute;bottom:49%;left:50%;transform:translate(-50%)translateY(50%)}.home-page{overflow-x:hidden}.home-page .about_mekong img{width:100%}.home__banner .slick-list{height:100vh}@media screen and (max-width:899px){.present_product .content__title{margin-bottom:28px}.about_mekong{flex-direction:column;gap:36px;display:flex;padding:50px 44px!important}.about_mekong_img{justify-content:center;align-items:center;max-width:100%;display:flex}.about_mekong_content h2{text-align:center;margin-bottom:26px;font-size:24px;font-weight:400;display:flex}.about_mekong_content p{font-size:12px}.about_mekong button{text-transform:uppercase;padding:10px 30px;font-size:16px;font-weight:700}.about_mekong_content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.present_product .title{padding:0 40px;font-size:36px}.present_product{padding:28px 0 50px!important}.present_product .list_category{justify-content:center}.brand-logos{flex-wrap:wrap;justify-content:center;gap:40px;height:auto;padding:24px 50px}.brand-logos img{width:30%}.slick-arrow{display:none!important}.list_category .slick-dots{bottom:-28px!important}.list_category .category{max-width:300px}.list_category .slick-initialized .slick-slide{justify-content:center;display:flex}.present_product .slick-list{height:auto}.list_category .slick-initialized .slick-track{gap:25px;display:flex}.present_product .content__title p{max-width:100%;font-size:12px}}@media screen and (max-width:1023px) and (min-width:900px){.about_mekong_content p{font-size:16px}.present_product .content__title h2{font-size:64px}.about_mekong_content h2{font-size:36px}.about_mekong_content p{margin-bottom:16px;font-size:14px}.about_mekong button{padding:16px 64px;font-size:16px}.present_product .content__title p{color:#1d1d1b;margin-bottom:24px;padding:0 44px;font-size:16px}.list_category .slick-initialized .slick-slide{justify-content:center;display:flex}.about_mekong{align-items:center;gap:30px}.about_mekong img{width:100%}.about_mekong_content h2{text-align:center;margin-bottom:16px}.about_mekong{padding:50px 44px!important}}@media screen and (max-width:899px) and (min-width:768px){.about_mekong_content h2{font-size:36px}.about_mekong_content p{font-size:16px}.about_mekong button{padding:16px 64px;font-size:20px}.brand-logos img{width:auto}.present_product .content__title .title{font-size:48px}.present_product .content__title p{color:#1d1d1b;padding:0 44px;font-size:16px}}@media screen and (max-width:767px) and (min-width:540px){.about_mekong_content h2{font-size:36px}.about_mekong_content p{font-size:16px}.about_mekong button{padding:16px 64px;font-size:20px}.brand-logos{gap:60px}.brand-logos img{width:28%}.present_product .content__title p{color:#1d1d1b;padding:0 44px;font-size:16px}}@media screen and (max-width:539px){.list_category .slick-initialized .slick-track{gap:0}.present_product .content__title p{color:#1d1d1b;padding:0 44px;font-size:14px;display:none}.present_product .content__title{margin-bottom:28px}.about_mekong_content p{font-size:14px}}@media screen and (max-width:1139px) and (min-width:1024px){.present_product .content__title h2{font-size:64px}.list_category .slick-initialized .slick-track{gap:62px}.about_mekong_content h2{font-size:26px}.about_mekong_content p{font-size:14px}.about_mekong button{padding:16px 64px;font-size:16px}.present_product .content__title p{color:#1d1d1b;margin-bottom:24px;padding:0 44px;font-size:16px}.list_category .slick-initialized .slick-slide{justify-content:center;display:flex}.about_mekong{align-items:center;gap:30px}.about_mekong img{width:100%}.about_mekong_content h2{text-align:center;margin-bottom:24px}}@media screen and (max-width:1279px) and (min-width:1140px){.list_category .slick-initialized .slick-track{gap:62px}.about_mekong_content h2{font-size:36px}.about_mekong_content p{font-size:14px}.about_mekong button{padding:16px 64px;font-size:18px}.present_product .content__title h2{font-size:64px}.present_product .content__title p{color:#1d1d1b;margin-bottom:18px;padding:0 44px;font-size:16px}.list_category .slick-initialized .slick-slide{justify-content:center;display:flex}.about_mekong{align-items:center;gap:30px}.about_mekong_content h2{text-align:center;margin-bottom:18px}}@media screen and (min-width:1280px) and (max-width:1399px){.about_mekong_content h2{font-size:48px}.about_mekong_content p{font-size:16px}.about_mekong button{padding:16px 64px;font-size:20px}.present_product .content__title .title{font-size:64px}.present_product .content__title p{color:#1d1d1b;padding:0 44px;font-size:16px}.list_category .slick-initialized .slick-slide{justify-content:center;display:flex}.about_mekong{align-items:center;gap:30px}.about_mekong img{width:100%}.about_mekong_content h2{text-align:center}}.list_category .slick-dots{bottom:-28px!important}