/* ==================== CSS RESET & BASE ==================== */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:auto;font-size:16px;letter-spacing:-0.081rem;}
/*body{font-family:'PP Object Sans',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:#1a1a1a;line-height:1.6;overflow-x:hidden;font-size:16px;letter-spacing:-0.081rem;overflow-x:hidden;}*/
body{font-family:'Beausite Classic',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:#1a1a1a;line-height:1.6;overflow-x:hidden;font-size:16px;letter-spacing:0rem;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
button{font-family:inherit;cursor:pointer;border:none;outline:none;}
a{text-decoration:none;color:inherit;}
::selection{background:#000;color:#fff;}
::-moz-selection{background:#000;color:#fff;}
::-webkit-selection{background:#000;color:#fff;}

/* ==================== CSS VARIABLES ==================== */
:root{--primary-green:#406A31;--dark-green:#406A31;--cream:#FCF8EB;--black:#000000;--white:#ffffff;--yellow:#f4d35e;--light-yellow:#F8F047;--orange:#d97536;--blue:#1A2E77;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--header-height:80px;--container-width:1170px;--section-padding:5rem;}

/* Layout container */
.container{width:92%;max-width:var(--container-width);margin:0 auto;}

/* Common Button CSS */
.btn{padding:1rem 2rem;background:var(--white);color:var(--black);border-radius:30px;font-weight:700;font-size:1rem;letter-spacing:0px;line-height:1;transition:var(--transition);box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.btn:hover{background:var(--black);color:var(--white);box-shadow:0 6px 20px rgba(0,0,0,0.2);}

/* ==================== FONTS ==================== */
@font-face{font-family:'PP Object Sans';src:url('../fonts/PPObjectSans-Bold.eot');src:url('../fonts/PPObjectSans-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/PPObjectSans-Bold.woff2') format('woff2'),url('../fonts/PPObjectSans-Bold.woff') format('woff'),url('../fonts/PPObjectSans-Bold.ttf') format('truetype'),url('../fonts/PPObjectSans-Bold.svg#PPObjectSans-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'PP Object Sans';src:url('../fonts/PPObjectSans-Regular.eot');src:url('../fonts/PPObjectSans-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/PPObjectSans-Regular.woff2') format('woff2'),url('../fonts/PPObjectSans-Regular.woff') format('woff'),url('../fonts/PPObjectSans-Regular.ttf') format('truetype'),url('../fonts/PPObjectSans-Regular.svg#PPObjectSans-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}

/*@font-face{font-family:'Ugly Dave Alternates';src:url('../fonts/UglyDaveAlternates.eot');src:url('../fonts/UglyDaveAlternates.eot?#iefix') format('embedded-opentype'),url('../fonts/UglyDaveAlternates.woff2') format('woff2'),url('../fonts/UglyDaveAlternates.woff') format('woff'),url('../fonts/UglyDaveAlternates.ttf') format('truetype'),url('../fonts/UglyDaveAlternates.svg#UglyDaveAlternates') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Ugly Dave';src:url('../fonts/UglyDaveRegular.eot');src:url('../fonts/UglyDaveRegular.eot?#iefix') format('embedded-opentype'),url('../fonts/UglyDaveRegular.woff2') format('woff2'),url('../fonts/UglyDaveRegular.woff') format('woff'),url('../fonts/UglyDaveRegular.ttf') format('truetype'),url('../fonts/UglyDaveRegular.svg#UglyDaveRegular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
*/
@font-face{font-family:'Beausite Classic';src:url('../fonts/BeausiteClassic-Medium.eot');src:url('../fonts/BeausiteClassic-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/BeausiteClassic-Medium.woff2') format('woff2'),url('../fonts/BeausiteClassic-Medium.woff') format('woff'),url('../fonts/BeausiteClassic-Medium.ttf') format('truetype'),url('../fonts/BeausiteClassic-Medium.svg#BeausiteClassic-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Beausite Classic';src:url('../fonts/BeausiteClassic-Regular.eot');src:url('../fonts/BeausiteClassic-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/BeausiteClassic-Regular.woff2') format('woff2'),url('../fonts/BeausiteClassic-Regular.woff') format('woff'),url('../fonts/BeausiteClassic-Regular.ttf') format('truetype'),url('../fonts/BeausiteClassic-Regular.svg#BeausiteClassic-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'Beausite Classic';src:url('../fonts/BeausiteClassic-Semibold.eot');src:url('../fonts/BeausiteClassic-Semibold.eot?#iefix') format('embedded-opentype'),url('../fonts/BeausiteClassic-Semibold.woff2') format('woff2'),url('../fonts/BeausiteClassic-Semibold.woff') format('woff'),url('../fonts/BeausiteClassic-Semibold.ttf') format('truetype'),url('../fonts/BeausiteClassic-Semibold.svg#BeausiteClassic-Semibold') format('svg');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Beausite Classic';src:url('../fonts/BeausiteClassic-Bold.eot');src:url('../fonts/BeausiteClassic-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/BeausiteClassic-Bold.woff2') format('woff2'),url('../fonts/BeausiteClassic-Bold.woff') format('woff'),url('../fonts/BeausiteClassic-Bold.ttf') format('truetype'),url('../fonts/BeausiteClassic-Bold.svg#BeausiteClassic-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap;}
@font-face{font-family:'Beausite Classic';src:url('../fonts/BeausiteClassic-Clear.eot');src:url('../fonts/BeausiteClassic-Clear.eot?#iefix') format('embedded-opentype'),url('../fonts/BeausiteClassic-Clear.woff2') format('woff2'),url('../fonts/BeausiteClassic-Clear.woff') format('woff'),url('../fonts/BeausiteClassic-Clear.ttf') format('truetype'),url('../fonts/BeausiteClassic-Clear.svg#BeausiteClassic-Clear') format('svg');font-weight:400;font-style:normal;font-display:swap;}

/* ==================== PAGE COLOR THEME ==================== */
.page-home{background:var(--cream);}
.page-faqs{background:var(--cream);}
.page-product-coconut{background:var(--cream);}
.page-product-oat{background:#0c1d64;}

/* ==================== HEADER STYLES ==================== */
header{position:absolute;top:0;left:0;right:0;z-index:1000;padding:1.4rem 2rem;transition:var(--transition);}
header.sticky{position:fixed;/*background:var(--white);*//*box-shadow:0 2px 20px rgba(0,0,0,0.1);*/transform:translateY(0);padding:0.5rem 1rem;}
header.hidden{transform:translateY(-100%);}
.header-container{max-width:1165px;margin:0 auto;background:var(--cream);border-radius:50px;padding:0rem 2rem 0rem 9rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px rgba(0,0,0,0.08);position:relative;border:1px solid var(--black);}

/*header.sticky .header-container{border-radius:0;box-shadow:none;background:var(--white);}*/
.logo{font-size:1.8rem;font-weight:900;color:var(--black);letter-spacing:0px;}
.logo.logo-desktop{padding:0;}
.logo.logo-desktop img,.logo.logo-mobile img{width:85px;}
.header-container nav{width:88%;}
nav ul{display:flex;justify-content:space-between;list-style:none;gap:2.5rem;align-items:center;}
nav ul li{line-height:1em;position:relative;padding:1rem 0;}
nav a{font-size:1rem;font-weight:bold;color:var(--black);transition:var(--transition);position:relative;letter-spacing:0px;}
nav a:hover,nav a.active,nav a:focus{color:#616161;}
nav ul ul.submenu{flex-direction:column;gap:0;position:absolute;top:100%;left:0;min-width:220px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.12);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:99;padding:30px 15px;border-radius:10px;}
nav ul li.has-submenu:hover ul.submenu{opacity:1;visibility:visible;transform:translateY(0);}
.submenu li a{padding:0px 16px;white-space:nowrap;}

/* Arrow */
.submenu-arrow{font-size:18px;line-height:1;}

/*nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-green);transition:var(--transition);}*/

/*nav a:hover::after{width:100%;}*/
.lang-dropdown{position:absolute;right:30px;display:flex;align-items:center;gap:0.3rem;cursor:pointer;width:30px;height:30px;}
.lang-dropdown::after{content:'';position:absolute;top:50%;left:50%;width:8px; /* Size of the arrow lines */height:8px;border-right:1px solid #000; /* Color and thickness */border-bottom:1px solid #000;transform:translate(-50%,-50%) rotate(45deg); /* Rotate to form arrow */transition:var(--transition);}
.lang-dropdown ul{position:absolute;top:30px;right:0;width:100px;padding:1.25rem;background:var(--white);visibility:hidden;opacity:0;list-style:none;transform:translateY(-10px);transition:var(--transition);box-shadow:0 2px 20px rgba(0,0,0,0.1);border-radius:10px;}
.lang-dropdown ul li{font-size:1rem;font-weight:bold;color:var(--black);}
.lang-dropdown ul li a{display:inline-block;color:var(--black);font-size:1rem;font-weight:bold;position:relative;}
.lang-dropdown ul li a:before{content:"";display:inline-block;width:5px;height:5px;border-radius:10px;background:var(--primary-green);margin-right:10px;vertical-align:middle;}
.lang-dropdown:hover ul{visibility:visible;opacity:1;transform:translateY(0px);}
.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;}
.mobile-menu-toggle span{width:25px;height:3px;background:var(--black);transition:var(--transition);border-radius:2px;}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px);}

/* ==================== HERO SECTION ==================== */
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:15;}
.hero-slider{width:100%;height:100%;position:relative;}
.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;}
.hero-slide.active{opacity:1;position:relative;}
.circle-bg{position:absolute;bottom:0px;right:0px;width:5px;height:5px;/*background-color: #000;*/border-radius:50%;transform:scale(0);transform-origin:center;transition:transform 8s ease;z-index:-1;}
.hero-slide.active .circle-bg{transform:scale(2500);background-color:var(--bg);}

/*.hero-content{position: relative;z-index: 2;}*/
.hero-content h1{font-size:clamp(3rem,7vw,6.125rem);font-weight:900;color:var(--white);margin-bottom:0rem;letter-spacing:0px;text-transform:lowercase;line-height:1em;display:flex;/*align-items:center;*/justify-content:center;gap:15px;}
.hero-content h1 img{height:5rem;}
.hero-content p{font-size:clamp(1.5rem,2vw,1.5rem);color:rgba(255,255,255,0.9);margin-bottom:3rem;/*font-family:'Ugly Dave';*/font-family:'Beausite Classic';font-weight:400;letter-spacing:0px;}
.hero-home .hero-slide:first-child .hero-content h1{color: #000;}
.hero-home .hero-slide:first-child .hero-content p{color: #000;}
.hero-product{/*max-width:400px;*/ margin:2rem auto 0;animation:float 3s ease-in-out infinite;}
.hero-product img{margin:auto;height:25rem;object-fit:contain;object-position:center;transform:scale(0.8);opacity:0;transition:transform 1.5s ease,opacity 1.5s ease;}
.hero-slide.active .hero-product img{transform:scale(1);opacity:1;}
@keyframes float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-20px);}
}
.slider-nav{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;gap:1rem;z-index:10;}
.slider-dot{width:0.75rem;height:0.75rem;border-radius:50%;background:rgba(255,255,255,0.4);/*border:2px solid var(--white);*/cursor:pointer;transition:var(--transition);}
.slider-dot.active{background:var(--white);width:2.5rem;border-radius:6px;}

/* ==================== VALUE PROPOSITION ==================== */
.value-section{background:var(--cream);padding:6.25rem 1rem 3.125rem;text-align:center;}
.value-section h3{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:1rem;color:var(--black);line-height:1.8;}

/* ==================== EXPLORE SECTION ==================== */
.explore-title{font-size:48px;font-weight:700;color:#000;margin-bottom:50px;}
.products{display:flex;align-items:flex-end;justify-content:center;gap:1rem;}
.product-item{position:relative;width:13.75rem;text-align:center;transition:all 0.3s ease;}
.product-image{position:relative;width:100%;overflow:hidden;}
.product-image img{/*width:100%;*/display:block;transition:opacity 0.4s ease;margin:0 auto 1rem;}
.product-image .img-hover,.product-preview-item .img-hover{position:absolute;top:0;left:50%;opacity:0;margin:auto;transform:translateX(-50%);}
.product-btn{display:inline-flex;justify-content:space-between;align-items:center;gap:0 1.125rem;/*margin:0 auto;*/padding:0.625rem 1.25rem 0.625rem;background:transparent;border:1px solid var(--black);border-radius:10px;font-size:0.875rem;/*font-size: 1rem;*/font-weight:700;color:var(--black);transition:var(--transition);cursor:pointer;visibility:hidden;opacity:0;/*position:absolute;bottom:-50px;left:0;*/letter-spacing:0px;}
.product-item:hover{cursor:pointer;}
.product-item:hover .product-btn{opacity:1;transform:translateY(0);visibility:visible;}
.product-item:hover .img-default{opacity:0;}
.product-item:hover .img-hover{opacity:1;}
.product-btn:hover{background:var(--black);color:var(--white);transform:scale(1.05);}
.product-btn:hover .button-arrow-icon{border-color:var(--white);}
.product-btn:hover .button-arrow-icon::after{background:var(--white);}
.explore-section{background:var(--cream);padding:3.125rem 2rem 0;position:relative;}
.explore-section:after{content:"";position:absolute;bottom:3.9rem;left:0;width:100%;height:1px;background:var(--black);}
.explore-section h2{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;text-align:center;margin-bottom:3.75rem;color:var(--black);}
.explore-block{overflow-x:auto;overflow-y:hidden;}
.products-preview{max-width:900px;margin:0 auto;cursor:pointer; /*display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));*/display:flex;gap:3rem;align-items:end;}
.product-preview-item{text-align:center;transition:var(--transition);}
.product-preview-item:hover{transform:translateY(-10px);}
.product-preview-item img{margin:0 0 15px;/*filter:drop-shadow(0 10px 20px rgba(0,0,0,0.15));*/}
.view-product-btn{display:flex;justify-content:space-between;align-items:center;gap:0 1.125rem;margin:0 auto;padding:0.625rem 0.938rem 0.625rem 1.25rem;background:transparent;border:1px solid var(--black);border-radius:10px;font-size:0.625rem;/*font-size: 1rem;*/font-weight:700;color:var(--black);transition:var(--transition);cursor:pointer;visibility:hidden;opacity:0;position:absolute;bottom:-50px;left:0;letter-spacing:0px;}
.view-product-btn:hover{background:var(--black);color:var(--white);transform:scale(1.05);}
.product-preview-item:hover .view-product-btn{visibility:visible;opacity:1;}
.button-arrow-icon{display:block;width:1rem;height:1rem;border-top:2px solid #000;border-left:2px solid #000;position:relative;transform:rotate(135deg);}
.button-arrow-icon:after{content:"";display:block;width:0.125rem;height:1.375rem;background-color:black;transform:rotate(-45deg) translate(0.438rem,0.125rem);transition:var(--transition);}
.view-product-btn:hover .button-arrow-icon{border-color:var(--white);}
.view-product-btn:hover .button-arrow-icon::after{background:var(--white);}

/* ==================== PRODUCT CARDS ==================== */
.products-sec{padding:8.75rem 1rem 8rem;background:var(--cream);}
.products-sec .container{max-width:1250px;}
.products-grid{display:flex;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.625rem;max-width:1400px;margin:0 auto;}
.product-card{border-radius:30px;padding:0rem;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:var(--transition);}

/*.product-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;transition:var(--transition);z-index:0;}*/

/*.product-card:hover::before{transform:scale(1.05);}*/
.product-card > *{position:relative;z-index:1;overflow:hidden;}
.product-card.yellow{background-color:#FDB913;}
.product-card.orange{background-color:#AD5412;}
.product-card.blue{background-color:#1D3080;}
.product-card.green{background-color:#406A31;}
.product-card-image img{transform:scale(1);transition:var(--transition);position:relative;width:100%;height:100%;object-fit:cover;object-position:center top;min-height:380px;}
.product-card:hover .product-card-image img{transform:scale(1.1) rotate(3deg);}
.product-details-btn{padding:1rem 2rem;background:var(--white);color:var(--black);border-radius:30px;font-weight:700;font-size:1rem;letter-spacing:0px;line-height:1;transition:var(--transition);box-shadow:0 4px 15px rgba(0,0,0,0.1);position:absolute;bottom:0;left:50%;width:80%;transform:translateX(-50%);margin-bottom:2rem;display:block;}
.video-card:nth-child(1) .btn{color:#FDB913;}
.video-card:nth-child(2) .btn{color:#AD5412;}
.video-card:nth-child(3) .btn{color:#1D3080;}
.video-card:nth-child(4) .btn{color:#406A31;}
.product-card:hover .btn{background:var(--black);color:var(--white);box-shadow:0 6px 20px rgba(0,0,0,0.2);}

/* VIDEO */
.video-card{position:relative;overflow:hidden;border-radius:2.5rem;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,0.08);text-align:center;}
.video-card video,.video-card img{width:100%;height:100%;min-height:25rem;object-fit:cover;display:block;}
.video-card img{position:absolute;top:0;left:0;transition:opacity 0.5s ease;z-index:2;}
.video-card video{opacity:0;transition:opacity 0.5s ease;}
.video-card.loaded video{opacity:1;}
.video-card.loaded img{opacity:0;}
.video-card .btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;color:#1a1a1a;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:all 0.3s ease;z-index:3;width:80%;}
.video-card .btn:hover{background:#1a1a1a;color:#fff;}

/* ==================== FAQ SECTION ==================== */
.faq-section{background:#F5F0E0;padding:6.25rem 2rem 10rem;text-align:center;border-radius:3.75rem;}
.faq-section h2{font-size:clamp(3rem,6vw,3.625rem);font-weight:900;margin-bottom:2.118rem;color:var(--black);line-height:1em;}
.faq-section p{max-width:720px;margin:0 auto 2.75rem;font-size:clamp(1.5rem,4vw,1.7rem);font-weight:700;color:var(--black);line-height:1.7;}
.faq-btn{padding:1rem 5rem;background:var(--black);color:var(--white);border-radius:50px;font-weight:700;font-size:1.4rem;transition:var(--transition);box-shadow:0 4px 20px rgba(0,0,0,0.2);letter-spacing:0px;}
.faq-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,0.3);opacity:0.9;}

/* ==================== CONTACT SECTION ==================== */
.contact-section{padding:0;margin-top:-60px;position:relative;z-index:10;}
.page-faqs .contact-section{margin-top:0px;}
.contact-container{margin:0 -2px;background:#FCF8EB;border-radius:2.5rem;border:2px solid #000;padding:5.5rem 5.5rem 4rem;box-shadow:0 10px 40px rgba(0,0,0,0.1);display:grid;grid-template-columns:1.8fr 1.2fr;gap:4rem;}
.contact-info{width:100%;}
.contact-info h2{font-size:clamp(3rem,5vw,3rem);font-weight:900;margin-bottom:0rem;line-height:1.2em;color:var(--black);}
.contact-info p{color:#000;font-size:1.1rem;letter-spacing:0px;}
.contact-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;letter-spacing:0px;}
.form-input{padding:1.2rem 1rem 5px 0px;border:none;border-bottom:1px solid #000;background:transparent;font-size:1.25rem;font-family:inherit;transition:var(--transition);color:#000;letter-spacing:0px;}
select.form-input{font-size: 14px;}
.form-input:focus{outline:none;border-bottom-color:var(--primary-green);}
.form-input::placeholder{color:#00000099;font-size:0.875rem;letter-spacing:0px;font-weight:400;}
.contact-form .form-input.last-child{margin-bottom:1rem;}
textarea.form-input{resize:vertical;min-height:100px;}
.submit-btn{padding:1rem;background:var(--black);color:var(--white);border-radius:50px;font-weight:700;font-size:1.5rem;transition:var(--transition);box-shadow:0 4px 20px rgba(0,0,0,0.2);}
.submit-btn:hover{/*background:var(--primary-green);*/transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,0,0,0.3);opacity:0.9;}

/* ==================== FOOTER ==================== */
footer{background:var(--cream);padding:2.5rem 4.375rem;text-align:center;/*border-top:1px solid rgba(0,0,0,0.1);*/}
.footer-content{margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#000;}
.footer-content p.copyright-text{font-family:Beausite Classic;font-weight:normal;font-size:1rem;line-height:1.25em;letter-spacing:0px;}
.footer-links{display:flex;gap:1rem;}
.footer-links a{color:#000;transition:var(--transition);font-family:Beausite Classic;font-weight:normal;font-size:1rem;line-height:1.25em;letter-spacing:0px;position:relative;}
.footer-links a:after{content:"";position:absolute;top:2px;right:-0.625rem;width:1px;height:1.125rem;background:#000;}
.footer-links a:hover{color:var(--primary-green);}
.footer-links a:last-child:after{display:none;}

/* ==================== INNER PAGE CSS ==================== */

/* ==================== PRODUCT OAT ==================== */

/* ---------- Banner Section ---------- */
.banner{width:100%;background-color:#0c1d64;padding:10rem 1rem 5rem;box-sizing:border-box;}
.banner-inner{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4rem;max-width:var(--max-width);margin:0 auto;/*flex-wrap:wrap;*/}
.banner-left,.banner-right{/*flex:1 1 45%;*/text-align:center;}
.banner-left img,.banner-right img{width:100%;height:auto;max-width:43.75rem;border-radius:1rem;display:block;margin:0 auto;}

/* ---------- Product Story Section ---------- */
.video-section{padding:5rem 2rem;}
.product-story{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;/*gap:4rem;*/max-width:50rem;margin:0 auto;}
.video-card.story-video{position:relative;overflow:visible;border-radius:1.5rem;background-color:#0c1d64;opacity:0;transform:translateY(2rem);transition:opacity 0.8s ease,transform 0.8s ease;box-shadow:unset;}
.story-video.loaded{opacity:1;transform:translateY(0);}
.video-card.story-video video{width:100%;height:auto;min-height:unset;display:block;border-radius:1.5rem;margin-bottom:8rem;}
.video-card.story-video:first-child video{margin-bottom: 4rem;}
/*.video-card.story-video:nth-child(2) video{margin-top: -4rem;}*/
.video-card.story-video:nth-child(3) video{margin-bottom:4rem;}
.video-card.story-video:nth-child(4) video{margin-top:-4rem;}
.video-card.story-video:nth-child(5) video{transform: scaleX(1.04);transform-origin: right;}
.video-card.story-video:nth-child(6) video{margin-bottom: 2rem;}
.video-card.story-video:last-child video{margin-bottom: 3rem;}


/* ---------- CTA Section ---------- */
.cta-section{text-align:center;padding:5rem 2rem 10rem;background-color:var(--white);color:var(--blue);position:relative;}
.cta-section h2{font-family: 'Beausite Classic';font-weight:400;font-size:4rem;line-height:1em;letter-spacing:0;text-align:center;text-transform:uppercase;margin-bottom:2.5rem;}
.cta-section p{font-size:1.375rem;margin-bottom:2rem;}
.cta-section a{display:inline-block;background-color:var(--blue);color:var(--white);transition:var(--transition);}
.cta-section a:hover{background-color:var(--black);}
.cta-bottom-img{position:absolute;bottom:60px;left:0;width:24.25rem;height:21.75rem;}

/* Contact Form */
.page-product-oat .contact-section{overflow:hidden;margin-top:0;}
.page-product-oat .contact-container{background-color:var(--blue);border-color:var(--white);}
.page-product-oat .contact-info h2{color:var(--white);}
.page-product-oat .contact-info h2,.page-product-oat .contact-info p,.page-product-oat .footer-content,.page-product-oat .footer-links a,.page-product-oat .form-input{color:var(--white);}
.page-product-oat .form-input{border-color:var(--white);}
.page-product-oat select.form-input{ font-size: 14px; }
.page-product-oat select.form-input option{ color:var(--black); }
.page-product-oat .form-input::placeholder{color:var(--white);}
.page-product-oat .footer-links a:after/*,.page-product-oat .submit-btn*/{background-color:var(--white);}

/*.page-product-oat .submit-btn{color:var(--dark-green);}*/
.page-product-oat footer{background:transparent;}

/* ==================== FAQS PAGE ==================== */

/*.page-faqs .header-container{border:1px solid #e0d8c5;}*/
.faq-page-section{padding:4rem 1rem;}
.faq-wrapper{max-width:1140px;margin:0 auto;padding:40px 20px;}
.faq-title{padding:4rem 0;border-bottom:1px solid var(--black);}
.faq-title h1{text-align:center;font-size:3rem;font-weight:bold;margin-bottom:40px;line-height:1.2em;}
.faq-block{padding:4.5rem 4rem;border-bottom:1px solid var(--black);}
.faq-block:last-child{border-bottom:0;}
.faq-block h2{font-size:2.25rem;margin-bottom:1.625rem;font-weight:bold;}
.faq-item{background:#F6F0E0;border-radius:50px;margin-bottom:12px;overflow:hidden;border:1px solid #e0d8c5;}
.faq-question{padding:0.938rem 1.25rem 0.938rem 2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.125rem;font-weight:bold;letter-spacing:0px;transition:var(--transition);}
.faq-question span{display:block;}
.faq-question span:first-child{width:90%;}
.faq-question:hover,.faq-item.active{background:var(--black);color:var(--white);}
.faq-answer{display:none;padding:1rem 2rem;font-size:1rem;color:var(--black);border-top:1px solid #e0d8c5;background:var(--cream);letter-spacing:0px;}
.faq-icon{width:48px;height:48px;border-radius:50%;border:1px solid var(--black);display:inline-flex!important;align-items:center;justify-content:center;font-size:24px;font-weight:bold;line-height:1;transition:transform 0.3s;padding-top:4px;}
.faq-item.active .faq-icon{content:"-"}
.faq-question:hover .faq-icon,.faq-item.active .faq-icon{border-color:var(--white);}

/* ==================== PRODUCT COCONUT PAGE ==================== */

/* Section 2 */
section.coconut-intro{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto;padding:6rem 5rem;background:var(--bg-color);position:relative;overflow:hidden;}
.intro-text{flex-basis:40rem;padding-right:3rem;}
.intro-text h2{font-size:3rem;line-height:0.85em;margin:0 0 1.5rem;font-family: 'Beausite Classic';font-weight:bold;letter-spacing:0em;text-transform:uppercase;color:var(--primary-green);display:inline-flex;padding:1.5rem 3.125rem 1.5rem 5.625rem;background-color:var(--white);border-radius:8.125rem;position:relative;}
.intro-text h2 .monkey-hand{position:absolute;top:50%;left:-5rem;transform:translateX(-60px) translateY(-50%);animation:slideInLeft 1.2s ease-out forwards;}
.intro-text h2 .monkey-hand img{display:block;}
.intro-text p{font-size:1.5rem;line-height:1.58em;margin:0;color:var(--primary-green);}
.intro-hand{flex-basis:40%;display:flex;align-items:center;justify-content:center;position:relative;}
.intro-hand img{width:auto;height:auto;transform:translateX(60px);opacity:0;animation:slideInRight 1.2s ease-out forwards;}
@keyframes slideInLeft{
  from{transform:translateX(-60px) translateY(-50%);opacity:0;}
  to{transform:translateX(0) translateY(-50%);opacity:1;}
}
@keyframes slideInRight{
  from{transform:translateX(60px);opacity:0;}
  to{transform:translateX(0);opacity:1;}
}
@media (max-width:768px){
  section.coconut-intro{flex-direction:column-reverse;text-align:center;padding:4rem 1.5rem;}
  .intro-text{padding-right:0;}
  .intro-text h2{font-size:2.8rem;margin-bottom:1rem;}
  .intro-text p{font-size:1rem;margin:0 auto;}
  .intro-hand img{max-width:14rem;animation-delay:0.3s;}
}

/* Section 3 */
.coconut-tree-sec{position:relative;}
.coconut-sky-img img{width:100%;}
.view-coconut-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:5rem 12rem;}

/*.coconut-tree-headings h2{font-size: 2rem;line-height: 1.34em;letter-spacing: -0.012em;text-transform: uppercase;color: var(--white);text-align: center;position: relative;}*/

/*.coconut-tree-headings h2:after{content: ""; display: inline-block;width: 100%;}
.coconut-tree-headings.coconut-text-left:first-child h2:after{background: url(../images/coconut-tree-heading-1-bg.svg) no-repeat center;}*/
.coconut-text-left{flex-basis:50%;}
.coconut-text-right{flex-basis:50%;}
.coconut-tree-text-top{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem;}
.coconut-tree-text-top .coconut-tree-text-img img{width:536px;margin-bottom: -20px;}
.coconut-tree-text-top .coconut-tree-arrow{padding-left:12rem;}
.coconut-tree-text-top .coconut-tree-arrow img{width:auto;}
.coconut-tree-text-bottom{display:flex;flex-direction:column;align-items:flex-end;padding-top:4rem;}
.coconut-tree-text-bottom .coconut-tree-text-img{order:2;}
.coconut-tree-text-bottom .coconut-tree-text-img img{width:380px;}
.coconut-tree-text-bottom .coconut-tree-arrow img{height:70px;transform: rotate(-30deg);}
.coconut-tree-text-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-top:3rem;}
.coconut-tree-text-right .coconut-tree-text-img{position:relative;z-index:1;}
.coconut-tree-text-right .coconut-tree-text-img img{width:400px;}
.coconut-tree-text-right .coconut-tree-arrow{padding-right:8rem;position:relative;z-index:2;}
.coconut-tree-text-right .coconut-tree-arrow img{margin-bottom:-1rem;}

/* Yellow Sticker */
.sticker-wrap{position:relative;/*display:flex;justify-content:center;align-items:center;*/}
.sticker{position:absolute;bottom:-7.313rem;right:20rem;width:14.625rem;height:14.625rem;stroke:#3e6530;stroke-width:1px;background-color:var(--light-yellow);border-radius:50%;padding:0.5rem;transform:rotate(24deg);}
.sticker-text{width:100%;height:100%;animation:rotateText 20s linear infinite;transform-origin:center;}
.sticker text{font-size:2rem;font-weight:bold;letter-spacing:-0.06rem;fill:var(--primary-green);}
@keyframes rotateText{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.sticker-hand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.375rem;height:auto;z-index:2;}

/* Nobo Coconut Milk Features Section */
.coconut-feature-sec{padding:7.5rem 6.25rem 12.5rem;position:relative;}
.feature-wrap{display:flex;flex-direction:column;}
.feature-box-block{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem 25rem;align-items:stretch;}
.feature-box{color:var(--primary-green);font-size:1.25rem;line-height:1.2em;padding:1.5rem 2rem;margin-bottom:1.5rem;border-radius:1rem;text-align:center;text-align:center;display:flex;justify-content:center;flex-direction:column;flex-basis:30%;gap:1.5rem;align-items:center;height:100%;}
.feature-box img{width:8.75rem;margin:0 auto;}
.feature-box:nth-child(2){/*padding-top: 6.25rem;*//*margin-top: 6rem;*/}
.feature-box:nth-child(4){/*margin-top: 6rem;*/}
.feature-box p{max-width:16.25rem;letter-spacing:0px;}
.coconut-milk-center-img{width:22rem;height:auto;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%);z-index:1;}
.coconut-wonderful-monkey-img{position:absolute;bottom:10%;right:30%;transform:rotate(14deg);width:16.563rem;}

/* Nobo Recipes Section */
.recipes-section{padding:0 0 7.625rem;position:relative;}
.recipes-section .intro-text{padding-left:5rem;margin-bottom:3rem;}
.recipes-section .intro-text h2{transform:rotate(350deg);}
.recipes-section .intro-text h2 .monkey-hand{transform:translateX(-5px) translateY(-50%) rotate(10deg)!important;}
.recipes-slider-wrap{overflow:hidden;}
.recipes-slider{display:flex;transition:transform 0.5s ease;gap:2rem;}
.recipes-item{/*flex:0 0 38.563rem;display:flex;justify-content:center;align-items:center;*/transition:all 0.4s ease;}
.recipes-item img{transition:all 0.8s ease;width:calc(100% - 30px);border:0.375rem solid var(--primary-green);border-radius:200px;margin:0 15px;}
.recipes-item.slick-center img{border-radius:100px;}

/*.recipes-slider-dots{display:flex;justify-content:center;gap:8px;margin-top:15px;}
.recipes-slider-dots span.dot{width:10px;height:10px;border-radius:50%;border:none;background:#ccc;cursor:pointer;transition:all 0.3s ease;}
.recipes-slider-dots span.dot.active{background:#333;transform:scale(1.2);}*/
.recipes-slider.slick-dotted.slick-slider{padding-bottom:30px;}
.recipes-slider .slick-dots li button:before{font-size:15px;}
.monkey-head{display:flex;justify-content:flex-end;position:absolute;right:0;bottom:-1.875rem;z-index:12;}
.monkey-head img{width:22.188rem;}

/* CTA Section */
.page-product-coconut .cta-section{background-color:#F4EDD3;color:var(--primary-green);padding:6.25rem 2rem 10rem;}
.page-product-coconut .cta-section a{background-color:var(--primary-green);}

/* Contact Form Section */
.page-product-coconut .contact-section{overflow:hidden;}
.page-product-coconut .contact-container{background-color:var(--primary-green);border-color:var(--black);}
.page-product-coconut .contact-info h2,.page-product-coconut .contact-info p,.page-product-coconut .form-input{color:var(--white);}
.page-product-coconut .form-input{border-color:var(--white);}
.page-product-coconut .form-input::placeholder{color:var(--white);}
.page-product-coconut .submit-btn{background-color:var(--light-yellow);}
.page-product-coconut .submit-btn{color:var(--dark-green);}
.page-product-coconut footer{background:transparent;}

/* ==================== PRODUCT SOY/ALMOND PAGE ==================== */

/* Hero banner */
.soy-main-banner img{width:100%;max-width:100%;display:block;min-height:400px;object-fit:cover;object-position:center;}
.nobo-soy-hero{display: none; padding:6rem 1.5rem 0rem;/*background: url(../images/soy-almond-banner-bg.jpg) no-repeat 0 22%;*/background-color:#D5CFC6; /*background-size: cover;*/position:relative;z-index:10;}
.nobo-soy-hero:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:150px;background-color:#EFECE7;z-index:-1;filter:blur(1px);-webkit-filter:blur(1px);box-shadow:0px -8px 10px rgb(0 0 0 / 4%);}
.nobo-soy-hero-inner{display:flex;justify-content:space-between;align-items:center;max-width:90%;margin:0 auto;}
.soy-hero-left{width:35%;}
.soy-hero-left img{display:block;width:700px;}
.soy-hero-right{width:65%}
.soy-hero-right h1{display:flex;align-items:flex-end;line-height:1em;text-transform:uppercase;font-size:70px;font-weight:bold;color:var(--black);margin-bottom:30px;}
.soy-hero-right h1 .nobo-black-logo{padding:0 15px 0 0;}
.soy-hero-right h1 .nobo-black-logo img{display:block;width:580px;}
.soy-hero-right h1 .soy-banner-text{width:70%;padding:0 0 0 15px;}
.soy-hero-right p{font-size:22px;color:var(--black);letter-spacing:0px;text-transform:uppercase;}

/* Soy Products info */
.soy-product-info{}
.soy-background{background-color:#D5CFC6;position:relative;z-index:10;}
.soy-background:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100px;background-color:#EFECE7;z-index:-1;filter:blur(1px);-webkit-filter:blur(1px);box-shadow:0px -8px 10px rgb(0 0 0 / 4%);}
.border-bottom-black{border-bottom:3px solid rgb(0 0 0 / 60%);}
.soy-info-block{display:flex;justify-content:space-between;max-width:80%;margin:auto;}
.inner-text-box{max-width:555px;}
.soy-text{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;text-align:center;padding:0 50px 0 100px;width:50%}
.soy-text h2{font-size:44px;color:var(--black);margin-bottom:30px;line-height:1.2em;}
.soy-text p{font-size:22px;color:var(--black);letter-spacing:0px;line-height:1.6em;}
.soy-img{padding-top:40px;width:50%;display:flex;flex-direction:column;align-items:center;}
.soy-img img{display:block;width:430px;}

/* Soy Products Slider */
.our-soy-products{padding:2.5rem;background:url(../images/soy-almond-our-products-bg.webp) no-repeat center;background-size:cover;}
.soy-product-slider h2{text-align:center;font-size:55px;margin-bottom:50px;text-transform:uppercase;line-height:1.2em;}
.nobo-soy-products-info{background-color:var(--white);padding:4rem 4rem 0;position:relative;}
.soy-slider-block{display:flex;justify-content:space-between;border:1px solid var(--black);width:calc(100% - 2px);}
.soy-slider-img{width:50%;border-right:1px solid var(--black);text-align:center;display:flex;justify-content:space-between;flex-direction:column;}
.soy-slider-img img{width:380px;display:block;margin:auto;}
.soy-img-block{padding:2rem;}
.soy-img-text{display:flex;align-items:center;justify-content:space-between;text-align:center;}
.soy-img-text span{display:block;padding:0.625rem;width:50%;text-align:center;border-top:1px solid var(--black);font-size:28px;font-weight:500;letter-spacing:0px;}
.soy-img-text span:not(:last-child){border-right:1px solid var(--black);}
.soy-slider-text{width:50%;}
.soy-slider-text h3{font-size:40px;padding:2rem;font-weight:bold;text-align:center;}
.soy-slider-text ul{margin:0;padding:0 2.5rem;text-align:center;border-top:1px solid var(--black);}
.soy-slider-text ul li{text-align:center;list-style:none;padding:2rem;}
.soy-slider-text ul li:not(:last-child),.soy-slider-text ul li:only-child{border-bottom:2px dashed #a5a5a5;}
.soy-slider-text ul li span{display:block;font-size:24px;color:#1a1a1a;line-height:1.3em;}
.soy-slider-text ul li span strong{display:block;color:var(--black);margin-bottom:5px;}

/* slider arrows */
.soy-product-slider .slick-arrow{width:50px;height:50px;background:rgb(0 0 0 / 60%);position:absolute;top:40%;border-radius:100%;color:#fff;cursor:pointer;transition:var(--transition);}
.soy-product-slider .slick-arrow:hover{background-color:var(--black);}
.soy-product-slider .slick-arrow.nobo-prev{left:6%;}
.soy-product-slider .slick-arrow.nobo-next{right:6%;}
.soy-product-slider .slick-arrow:before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border:solid #fff;border-width:0 3px 3px 0;}
.soy-product-slider .slick-arrow.nobo-prev:before{top:16px;left:18px;transform:rotate(135deg);}
.soy-product-slider .slick-arrow.nobo-next:before{top:16px;left:unset;right:20px;transform:rotate(-45deg);}

/* Slider Dots */
.soy-slider .slick-dots{bottom:-30px;}
.soy-slider .slick-dots li button:before{font-size:12px;}

/* Soy Products Features */
.soy-products-features{padding:4rem 0;}
.soy-products-features .features-wrap{display:flex;justify-content:space-between;align-items:center;}
.soy-feature-block{width:25%;text-align:center;}
.soy-feature-block img{display:block;width:200px;margin:auto;}

/* Soy Manufacturing Machine */
.machine-block-img{text-align:center;}
.machine-block-img img{width:100%;display:block;}

/* Soy text verticle slider */
.soytext-slider{background:#cbd6d7;padding:0rem 1.5rem;position:relative;z-index:2;}
.soytext-slider:after{content:"";position:absolute;left:0;top:-5px;width:100%;height:10px;background-color:#cbd6d7;z-index:1;filter:blur(5px);-webkit-filter:blur(5px);}
.soytext-slider .container{max-width:80%;margin:0 auto;}
.soytext-slider .slick-dotted.slick-slider{margin-bottom:0;}
.soy-text-item{position:relative;}
.soy-text-item .s-text-wrap{display:flex;justify-content:space-between;align-items:center;text-align:center;padding:0;/*min-height:260px;*/ min-height:500px; }
.s-text-wrap h2{width:30%;padding:0;font-size:36px;font-weight:bold;line-height:1.2;}
.s-text-wrap p{width:40%;padding:0 4rem;font-size:20px;font-weight:normal;letter-spacing:0px;}

/* Dots */
.soy-specification-slider .slick-dots{width:auto;bottom:unset;top:0;right:0;/*transform: translateY(-50%);*/display:flex;flex-direction:column;height:100%;justify-content:center;}
.soy-specification-slider .slick-dots li{height:auto;}
.soy-specification-slider .slick-dots li button{padding:0;width:10px;height:40px;transition:var(--transition);}
.soy-specification-slider .slick-dots li button:before{content:"";padding:0;width:5px;height:100%;border-radius:10px;background:#ffffff;transition:var(--transition);}

/* Soy Best Served Chilled */
.best-served-chilled{padding:4rem 1.3rem;background-color:var(--cream);}
.served-block{display:flex;justify-content:space-between;align-items:center;}
.served-img{width:20%;}
.served-text{width:80%;padding-left:3rem;}
.served-text p{font-size:24px;color:var(--black);letter-spacing:0px;}

/* Soy CTA */
.soy-cta{padding:6rem 1.3rem 10rem;background:url(../images/soy-almond-our-products-bg.webp) no-repeat center;background-size:cover;text-align:center;}
.soy-cta h2{font-size:42px;letter-spacing:0px;font-weight:bold;line-height:1.2em;display:flex;justify-content:center;align-items:baseline;}
.soy-cta h2 img{width:150px;display:block;margin-left:20px;}
.soy-cta p{font-size:22px;margin-bottom:60px;margin-top:10px;letter-spacing:0px;}

/* ==================== ACCESSIBILITY ==================== */
*:focus-visible{outline:0px solid var(--primary-green);outline-offset:0px;}

/* ==================== LOADING ANIMATION ==================== */
@keyframes fadeIn{
  from{opacity:0;transform:translateY(20px);}
  to{opacity:1;transform:translateY(0);}
}
.fade-in{animation:fadeIn 0.6s ease-out forwards;}

/******************************************************************/

/* ==================== RESPONSIVE CSS ==================== */
@media (max-width:1500px){
  .view-coconut-text{padding:5rem;}
  .recipes-item img{border-width:0.25rem;margin:0 8px;width:calc(100% - 16px)}
  .recipes-item.slick-center img{border-radius:50px;}
  .monkey-head img{width:16.188rem;}
  .hero-slide{top:20px;}
  .hero-product img{height:18rem;}
  .soy-hero-right p{font-size:20px;}
  .nobo-soy-hero:after{height:100px;}
  .soy-info-block{max-width:100%;}
  .soy-product-slider .slick-arrow.nobo-next{right:2%;}
  .soy-product-slider .slick-arrow.nobo-prev{left:2%;}
  .soytext-slider .container{max-width:100%;}
  .s-text-wrap h2{width:33%;}
  .s-text-wrap p{width:55%;}
}
@media (max-width:1364px){
  .soy-hero-right h1{font-size:60px;margin-bottom:20px;}
  .soy-hero-right h1 .nobo-black-logo{padding:0 10px 0 0;}
  .soy-hero-right h1 .nobo-black-logo img{width:550px;}
  .soy-hero-right h1 .soy-banner-text{width:80%;padding:0 0 0 10px}
  .soy-hero-right p{font-size:18px;}
  .soy-text p,.soy-slider-text ul li span{font-size:20px;}
  .soy-product-slider h2{font-size:50px;}
  .soy-slider-text h3{font-size:34px;padding:1rem;}
  .soy-img-text span{font-size:22px;}
  .soy-slider-img img{width:100%;}
  .served-text p{font-size:20px;}
}
@media (max-width:1200px){
  .hero-slide{top:0;}

  /*.hero-product img{height:20rem;}*/
  .cta-section{padding:5rem 2rem 6rem;}
  .cta-bottom-img{position:static;margin:30px auto -100px;}
  section.coconut-intro{padding:5rem;}
  .intro-text{flex-basis:60%;}
  .intro-text h2{font-size:3rem;padding:1.5rem 3.125rem 1.5rem 3.625rem;}
  .intro-text p{font-size:1.375rem;}
  .intro-text h2 .monkey-hand img{width:80%;}
  .view-coconut-text{padding:2rem}
  .coconut-tree-text-top{margin-bottom:0;}
  .coconut-tree-text-top .coconut-tree-arrow img{width:50px;}
  .coconut-tree-text-top .coconut-tree-text-img img{width:366px;}
  .coconut-tree-text-bottom .coconut-tree-text-img img{width:280px;}
  .coconut-tree-text-right .coconut-tree-arrow{padding-right:5rem;}
  .coconut-tree-text-right .coconut-tree-text-img img{width:250px;}
  .sticker{width:10.625rem;height:10.625rem;right:10rem;bottom:-5.313rem;padding:0.3rem;}
  .sticker-hand{width:2.375rem;}
  .coconut-feature-sec{padding:7.5rem 1.25rem 12.5rem;}
  .coconut-milk-center-img{width:15rem;}
  .feature-box-block{gap:3rem 20rem;}
  .feature-box{padding:0;}
  .feature-box img{width:6.75rem;}
  .recipes-item{flex:0 0 28.563rem;}
  .monkey-head img{width:18.188rem;}
  .soy-hero-right h1{font-size:3rem;}
  .soy-hero-right p{font-size:14px;}
  .nobo-soy-hero:after, .soy-background:after{height:3.8rem;}
  .soy-img img{width: 65%;}
  .soy-text{padding:0 3.125rem;}
  .inner-text-box{max-width:100%;}
  .soy-text h2{font-size:2.25rem;margin-bottom:20px;}
  .soy-text p,.soy-slider-text ul li span{font-size:18px;}
  .our-soy-products{padding:1.5rem;}
  .nobo-soy-products-info{padding:2rem 2rem 0;}
  .soy-product-slider h2{font-size:2.5rem;margin-bottom:1.75rem;}
  .soy-slider-text h3{font-size:1.775rem;}
  .soy-slider-text ul{padding:0 1rem;}
  .soy-feature-block img{width:10rem;}
  .soytext-slider .container{width:100%;}
  .s-text-wrap h2{font-size:2rem;}
  .s-text-wrap p{font-size:1.1rem;}
  .best-served-chilled{padding:3rem 1.3rem;}
  .served-text{padding-left:2rem;}
  .served-text p{font-size:1rem;}
  .soy-cta{padding:4rem 1.3rem 8rem;}
  .soy-cta h2{font-size:2.225rem;}
  .soy-cta h2 img{margin-left:1rem;width:8.5rem;}
  .soy-cta p{font-size:1.1rem;margin-bottom:3rem;}
  .soy-product-slider .slick-arrow{width:40px;height:40px;}
  .soy-product-slider .slick-arrow:before{width:10px;height:10px;}
  .soy-product-slider .slick-arrow.nobo-next:before{top:14px;right:16px;}
  .soy-product-slider .slick-arrow.nobo-prev:before{top:14px;left:15px;}
}
@media (max-width:1024px){
  :root{font-size:80%;}
  html{font-size:80%;}
  .hero{min-height: 110vh;}
  .hero-product img{height:18rem;}
  .hero-content h1 img{height:4rem;}
  .video-card video,.video-card img{min-height:18rem;}
  .video-card.story-video video,.video-card.story-video img{min-height:unset;}
  .contact-container{grid-template-columns:1fr;gap:2rem;/*padding:3rem 2rem;*/}
  .products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
  .soy-text-item .s-text-wrap{min-height: 300px;}
}
@media (max-width:991px){
  :root{--header-height:80px;font-size:12px;}
  .has-submenu .submenu{position:static;box-shadow:none;transform:none;opacity:1;visibility:visible;display:none;}
  .has-submenu.active .submenu{display:block;}
  .hero{min-height:80vh;}
  .hero-slide{padding-top:8rem;}
  .product-btn{font-size:0.8rem;}
  .form-input::placeholder{font-size:1rem;}
  .faq-question,.faq-answer{font-size:1.25rem;letter-spacing:0;}
  .faq-question span:first-child{width:90%;}
  .intro-hand{flex-basis:30%;}
  .intro-text h2 .monkey-hand img{width:65%;}
  .coconut-tree-text-top .coconut-tree-text-img img{margin-bottom:-30px;}
  .coconut-tree-text-bottom .coconut-tree-arrow img{height:60px;}
  .coconut-tree-text-right .coconut-tree-arrow img{width:150px;}
  .sticker text{font-size:2.6rem;}
  .cta-bottom-img{margin:30px auto -70px;}
  .soy-hero-right h1{font-size:2rem;}
  .soy-hero-right h1 .nobo-black-logo img{width:30.5rem;}
  .soy-text{padding:0 2rem;}
  .soy-text p,.soy-slider-text ul li span{font-size:1.25rem;}
  .soy-img-text span{font-size:1.625rem;}
  .soy-product-slider .slick-arrow.nobo-next{right:5px;}
  .soy-product-slider .slick-arrow.nobo-prev{left:5px;}
}
@media (max-width:768px){
  html{font-size:70%;}
  .header-container{padding:0.75rem 1.5rem;}
  .header-container nav{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:var(--white);box-shadow:-5px 0 20px rgba(0,0,0,0.1);transition:var(--transition);z-index:999;padding:6rem 2rem 2rem;}
  nav.active{right:0;}
  nav ul{flex-direction:column;align-items:flex-start;gap:1.5rem;}
  nav .logo-desktop{order:-1;}
  nav a{font-size:1.2rem;}
  .mobile-menu-toggle{display:flex;z-index:1001;}
  .logo-mobile{display:inline-block!important;}
  .lang-dropdown{position:relative;right:0;}
  .lang-dropdown ul{width:100px;left:unset;right:0;}
  .value-section{padding:5rem 1rem 1rem;}
  .value-section h3{line-height:1.5em;}
  .value-section h3 br{/*display: none;*/}
  .products-preview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;}
  .products-grid{grid-template-columns:1fr;/*padding:2rem 1rem;*/}
  .footer-content{flex-direction:column;gap:2rem;}
  .footer-links{gap:1rem;text-align:center;}

  /* Inner Page CSS */
  .banner-inner{flex-direction:column;gap:2rem;}
  .banner-left,.banner-right{flex:1 1 100%;}

  /*.banner{padding:3rem 1.5rem;}*/
  .product-oat-story{gap:2.5rem;}
  .faq-item{border-radius:20px;}
}
@media (max-width:767px){
  :root{--header-height:80px;font-size:16px;}
  html{font-size:90%;}
  header{padding:1.25rem 0.625rem;}

  /*header.sticky .header-container{padding: 0.6rem 0.5rem;}*/
  .lang-dropdown{width:22px;}
  .lang-dropdown::after{width:10px;height:10px;border-width:2px;}
  .hero-content h1{flex-direction:column;}
  .products-grid{flex-wrap:wrap;}
  .explore-section h2{margin-bottom:1.75rem;}
  .products-sec .products-grid .video-card{border-radius: 1.5rem;flex-basis:calc(50% - 4px);}
  .products{width:900px;justify-content:flex-start;}
  .product-btn{visibility:visible;opacity:1;}
  .products-grid{gap:16px 8px;}
  .video-card .btn{font-size:0.775rem;padding:0.588rem 1rem;}
  .faq-block{padding:2rem;}
  .faq-icon{width:35px;height:35px;}
  .faq-question,.faq-answer{padding:1.25rem;}
  .recipes-item img{border-width:0.188rem;margin:0 4px;width:calc(100% - 8px);}
  .cta-bottom-img{margin:30px auto -100px;}
  .recipes-slider .slick-dots li button:before{font-size:10px;}
  .nobo-soy-hero{padding:5rem 1rem;}
  .nobo-soy-hero-inner{flex-direction:column;gap:1rem;max-width:100%;}
  .soy-hero-left{width:75%;}
  .soy-hero-right{width:100%;text-align:center;}
  .soy-hero-right h1{gap:1rem;justify-content:center;}
  .nobo-soy-hero:after{height:48%;}
  .soy-hero-right h1 .nobo-black-logo{padding:0;}
  .soy-hero-right h1 .nobo-black-logo img{width:10rem;}
  .soy-hero-right h1 .soy-banner-text{width:auto;padding:0;}
  .soy-background{padding:3rem 1rem 0;}
  .soy-info-block{flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
  .soy-text{width:100%;padding:0;}
  .soy-text h2{font-size:2rem;}
  .soy-text p,.soy-slider-text ul li span{font-size:1rem;}
  .soy-img{width:100%;/*margin-left:40px;*/display:block;}
  .soy-img img{margin:auto;}
  .our-soy-products{padding:0;margin-top:3rem;}
  .nobo-soy-products-info{padding:1rem;}
  .soy-product-slider h2{font-size:2rem;margin-bottom:1rem;margin-top:1rem;}
  .soy-product-slider.container{padding:0;}
  .soy-slider-block{flex-direction:column;align-items:center;justify-content:center;}
  .soy-slider-img{width:100%;border-right:0;}
  .soy-slider-text{width:100%;}
  .soy-slider-text ul li,.soy-img-block{padding:1rem;}
  .soy-img-text span{font-size:1rem;border-bottom:1px solid var(--black);}
  .soy-products-features .features-wrap{flex-wrap:wrap;}
  .soy-products-features{padding:2rem 0;}
  .soy-feature-block{width:50%;}
  .soytext-slider{padding:0;}
  .soy-text-item .s-text-wrap{flex-direction:column;justify-content:center;text-align:center;gap:1rem;padding:0 1.5rem;}
  .s-text-wrap h2{width:100%;padding:0;font-size:1.75rem;}
  .s-text-wrap h2 br{display:none;}
  .s-text-wrap p{width:100%;padding:0;font-size:0.875rem;}
  .soy-specification-slider .slick-dots li{width:auto;}
  .best-served-chilled{padding:3rem 0rem;}
  .served-block{flex-direction:column;justify-content:center;align-items:center;gap:1rem;}
  .served-img{width:100%;}
  .served-img img{width:8rem;margin:auto;}
  .served-text{width:100%;padding:0;text-align:center;}
  .served-text p{font-size:0.875rem;}
  .soy-cta h2{font-size:2rem;flex-direction:column;justify-content:center;align-items:center;}
  .soy-cta p{font-size:1rem;}
  .soy-cta .faq-btn{font-size:1.2rem;}
}
@media (max-width:480px){

  /*html{font-size:80%;}*/
  .container{width:100%;padding:0 1rem;}

  /*.header-container{padding:0.6rem 0rem;}*/
  .hero{min-height:100vh;padding-bottom:4rem;}
  .hero-slide{padding-top:2rem;padding-bottom:0;}
  .hero-content h1{font-size:2.4rem;margin-bottom:1.2rem;}
  .hero-content h1 img{height:3.5rem;}
  .hero-content p{line-height:1.3;font-size: 18px;}
  .hero-product{margin-top: 5rem;}
  .hero-product img{/*height:25rem;*/ height: auto;}
  .hero-slide .hero-product img{transform:scale(1.6);}
  .hero-slide.active .hero-product img{transform:scale(1.3);}
  .slider-nav{bottom:5rem;}
  .value-section{padding:5rem 1rem;border-radius:30px;position:relative;z-index:20;margin-top:-50px;}
  .explore-section{padding:3rem 1rem;}
  .explore-section:after{bottom:6.75rem;}
  .products-sec{padding:5rem 0rem 6rem;}
  .faq-section{padding:5rem 1.8rem 10rem;}
  .contact-section{/*padding:3rem 1rem;*/}
  .contact-container{padding:5rem 2.5rem;}
  .video-card video,.video-card img{min-height:15.625rem;}
  .video-card.story-video video,.video-card.story-video img{min-height:unset;}
  .video-section{padding:0 0rem 5rem;}
  .video-card.story-video video{margin-bottom: 4rem;}
  .video-card.story-video:first-child video{margin-bottom: 2rem;}
  /*.video-card.story-video:nth-child(2) video{margin-top: 4rem;}*/
  .video-card.story-video:nth-child(3) video{margin-bottom:0rem;}
  .video-card.story-video:nth-child(4) video{margin-bottom:3.2rem;margin-top: 0;}
  .video-card.story-video:nth-child(5) video{margin-bottom: 4rem;}
  .video-card.story-video:nth-child(6) video{margin-bottom: 1.25rem;}
  .video-card.story-video:last-child video{margin-bottom: 0rem;}


  /*.product-story{gap: 2rem;}*/
  .story-video:nth-child(5) video{transform:scaleX(1.0);}
  .cta-bottom-img{height:auto;width:auto;}
  .cta-section h2{font-size:2.75rem;margin-bottom:1rem;}
  .faq-block{padding:2rem 0;}
  .faq-block h2{text-align:center;font-size:2rem;line-height:1.5em;}
  .faq-question,.faq-answer{font-size:1rem;}
  .faq-question span:first-child{width:80%;}
  footer{padding:2.5rem;}
  .footer-content p.copyright-text{line-height:1.5em;font-size:1rem;}
  .footer-links a{font-size:1rem;}
  .faq-btn{padding:1rem 4rem;}
  .page-product-coconut .hero-slide.active .hero-product img{/*transform: scale(1.8);*/}
  section.coconut-intro{padding:5rem 1rem;gap:2rem;}
  .intro-text h2{font-size:2.2rem;margin-bottom:2rem;line-height:1.1;padding:1rem 3.125rem 1rem 3.625rem;}
  .intro-text h2 .monkey-hand{left:-2rem;}
  .intro-text h2 .monkey-hand img{width:60%;}
  .coconut-text-left{flex-basis:100%;}
  .coconut-text-right{/*display:none;*/}
  .coconut-sky-img img{height:700px;object-fit:cover;object-position:-550px 0px;}
  .coconut-tree-text-top .coconut-tree-arrow img{height:150px;width:auto;transform:scaleX(-1) rotate(40deg);}
  .view-coconut-text{padding:3rem 0 0;align-items:flex-start;flex-direction: column;}
  .coconut-tree-text-top .coconut-tree-text-img img{width:80%;margin: auto auto -20px;}
  .coconut-tree-text-top .coconut-tree-arrow{padding-left:5rem;}
  .coconut-tree-text-bottom{align-items:center;flex-direction:column-reverse;padding-top:2rem;}
  .coconut-tree-text-bottom .coconut-tree-arrow img{height:50px;transform:rotate(140deg);}
  .coconut-tree-text-bottom .coconut-tree-text-img img{width: 65%;transform: rotate(-10deg);}
  .coconut-tree-text-right{flex-direction: column-reverse;padding-top: 0;}
  .coconut-tree-text-right .coconut-tree-text-img img{width: 65%;margin: auto;}
  .coconut-tree-text-right .coconut-tree-arrow{padding-right: 4rem;margin-top: -10px;}
  .coconut-tree-text-right .coconut-tree-arrow img{width: 110px;transform: scale(-1);}
  .sticker{right:0rem;left: 50%;transform: translateX(-50%);width: 8.625rem;height: 8.625rem;}
  .sticker text{font-size:1.97rem;}
  .sticker-hand{width: 2rem;}
  .coconut-milk-center-img{top:15%;width: 12rem;}
  .coconut-feature-sec{padding-top:35rem;}
  .feature-box-block{gap:1rem 3rem;justify-content:center;}
  .feature-box{flex-basis:calc(50% - 2rem);font-size:1.125rem;gap:1rem;}
  .feature-box p{max-width:unset;font-size: 16px;}
  .coconut-feature-sec{padding-bottom:20rem;}
  .coconut-wonderful-monkey-img{bottom:3%;right:50%;transform:rotate(4deg) translateX(50%);}
  .recipes-section .intro-text{padding-left:2rem;}
  .recipes-item{flex:0 0 22rem;}
  .monkey-head{bottom:-4rem;}
  .monkey-head img{width:15rem;}
}
@media (max-width:370px){
  .soy-hero-right h1{font-size:24px;}
  .soy-hero-right h1 .nobo-black-logo img{width:8rem;}
}