:root{
 --primary-green:#396A49;
 --primary-yellow:#FFF12D;
 --text-dark:#333;
 --text-gray:#666;
 --text-light:#999;
 --border-color:#E2E2E2;
 --bg-light:#F4F8EA;
 --bg-white:#FFF;
 --bs-border-radius-lg:1.5rem;
}
@font-face{
 font-family:'Gilroy';
 src:url('../fonts/Gilroy-Regular.ttf') format('truetype');
 font-weight:400;
 font-style:normal;
}
@font-face{
 font-family:'Gilroy';
 src:url('../fonts/Gilroy-Medium.ttf') format('truetype');
 font-weight:500;
 font-style:normal;
}
@font-face{
 font-family:'Gilroy';
 src:url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
 font-weight:600;
 font-style:normal;
}
@font-face{
 font-family:'Gilroy';
 src:url('../fonts/Gilroy-Bold.ttf') format('truetype');
 font-weight:700;
 font-style:normal;
}
@font-face{
 font-family:'Gilroy-Medium',;
 src:url('../fonts/Gilroy-Medium.ttf') format('truetype');
 font-weight:400;
 font-style:normal;
}
body{
 font-family:'Gilroy','Poppins',-apple-system,Roboto,Helvetica,sans-serif;
 color:var(--text-dark);
 line-height:1.6;
}
.layout-boxed body,.layout-boxed html,.page-wrapper,body,html{
 height:100%}
.page-wrapper,body{
 overflow-x:hidden;
 overflow-y:auto;
}
p{
 font-size:20px;
}
a{
 color:#333;
 text-decoration:none;
 font-weight:500;
}
.gap-3{
 gap:0.75rem !important;
}
.container{
 width:auto;
 margin-right:auto;
 margin-left:auto;
 padding-right:0px;
 padding-left:0px;
}
.main-nav{
 position:relative;
 padding-top:16px;
}
.main-nav::before{
 content:"";
 position:absolute;
 top:0;
 left:50%;
 width:100vw;
 height:1px;
 background-color:#E2E2E2;
 transform:translateX(-50%);
}
@media (min-width:576px){
 .container{
 max-width:540px;
}
 .hero-subtitle{
 font-size:20px !important;
}
}
@media (min-width:768px){
 .container{
 max-width:720px;
}
 .section-note{
 margin:0px !important;
}
 .hero-subtitle{
 font-size:26px !important;
}
 .border-md-end{
 border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
}
@media (min-width:992px){
 .container{
 max-width:975px;
}
 .section-note{
 margin:0px 80px !important;
}
 .fw-400{
 font-weight:200 !important;
}
 .hero-subtitle{
 font-size:30px !important;
}
}
@media (min-width:1200px){
 .container{
 max-width:1190px;
}
 .section-note{
 margin:0px 120px !important;
}
 .fw-400{
 font-weight:300 !important;
}
 .hero-subtitle{
 font-size:38px !important;
}
}
@media (min-width:1400px){
 .container{
 max-width:1400px;
}
}
.fw-400{
 font-weight:400 !important;
}
.ff-medium{
 font-weight:400;
 font-family:'Gilroy-Medium','Gilroy','Poppins',-apple-system;
}
.logo{
 max-width:300px;
 height:auto;
}
.home-hero{
 padding-top:60px;
 padding-bottom:60px;
}
.hero-left{
 padding-right:20px;
}
.hero-badge{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:8px 16px;
 border-radius:9999px;
 font-size:0.85rem;
 margin-bottom:20px;
 border:1px solid #FFFCD5;
 background:#FFFCD5;
}
.hero-badge strong{
 font-weight:500;
}
.hero-main-title{
 font-size:3.7rem;
 font-weight:500;
 line-height:normal;
 margin-bottom:18px;
}
.hero-main-title .grape-nuts,
.section-title .grape-nuts,
.testimonial-title .grape-nuts,
.cta-title .grape-nuts{
 font-size:3.7rem;
}
.hero-desc{
 font-size:1.2rem;
 color:#666;
 margin-bottom:24px;
 max-width:100%;
}
.hero-start-btn{
 padding:12px 32px !important;
 border-radius:4px;
 font-weight:500;
}
.hero-status{
 display:flex;
 align-items:center;
 gap:10px;
 margin-top:20px;
}
.status-dot{
 width:12px;
 height:12px;
 border-radius:50%;
}
.dot-1{background:#A6C84C}
.dot-2{background:#FFF12D}
.dot-3{background:var(--Rectangle-1,#396A49)}
.status-line{
 display:flex;
 width:32px;
 height:2px;
 align-items:flex-start;
 border-radius:30px;
}
.line-1{background:linear-gradient(90deg,#A6C84C 0%,rgba(0,0,0,0.00) 100%)}
.line-2{background:linear-gradient(90deg,#FFF12D 0%,rgba(0,0,0,0.00) 100%)}
.status-text{
 font-family:'Grape Nuts',cursive;
 font-size:1.3rem;
 color:#666;
}
.hero-slider{
 display:flex;
 gap:10px;
 position:relative;
 overflow:hidden;
}
.hero-slider::before{
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:60px;
 z-index:1;
 pointer-events:none;
 background:linear-gradient(
 to top,
 rgba(255,255,255,0) 0%,
 rgba(255,255,255,0.5) 50%,
 rgba(255,255,255,1) 100% 
 );
}
.hero-slider::after{
 content:"";
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:60px;
 pointer-events:none;
 background:linear-gradient(
 to bottom,
 rgba(255,255,255,0) 0%,
 rgba(255,255,255,0.6) 40%,
 rgba(255,255,255,0.9) 70%,
 rgba(255,255,255,1) 100% 
 );
}
.slider-column{
 width:45%;
 height:520px;
 overflow:hidden;
 position:relative;
}
.slider-track{
 display:flex;
 flex-direction:column;
 height:200%;
 will-change:transform;
 backface-visibility:hidden;
 transform-style:preserve-3d;
}
.slider-item{
 position:relative;
 margin-bottom:16px;
 flex-shrink:0;
}
.slider-item img{
 width:95%;
 border-radius:24px;
}
@keyframes slideUpInfinite{
 from{
 transform:translate3d(0,0,0);
}
 to{
 transform:translate3d(0,-50%,0);
}
}
.slide-up-column .slider-track{
 animation:slideUpInfinite 18s linear infinite;
}
@keyframes slideDownInfinite{
 from{
 transform:translate3d(0,-50%,0);
}
 to{
 transform:translate3d(0,0,0);
}
}
.slide-down-column .slider-track{
 animation:slideDownInfinite 18s linear infinite;
}
.slider-column:hover .slider-track{
 animation-play-state:paused !important;
}
@media (max-width:992px){
 .hero-left{
 padding-left:16px;
 padding-right:16px;
 margin-bottom:10px;
}
 .hero-main-title{
 text-align:center;
}
 .hero-main-title .grape-nuts,
 .section-title .grape-nuts,
 .testimonial-title .grape-nuts,
 .cta-title .grape-nuts{
 font-size:3.2rem;
}
}
@media (max-width:576px){
 .main-nav::before{
 content:none;
}
 .hero-badge{
 font-size:0.75rem;
 display:flex;
 justify-content:center;
 text-align:center;
 width:90%;
 margin:0 auto 10px auto;
}
 .hero-main-title{
 text-align:center;
 font-size:2.2rem;
}
 .hero-main-title .grape-nuts,
 .section-title .grape-nuts,
 .testimonial-title .grape-nuts,
 .cta-title .grape-nuts{
 font-size:2.2rem;
}
 .hero-slider{
 gap:13px;
}
 .slider-column{
 width:47%;
 height:368.829px;
}
 .hero-desc{
 font-size:1.1rem;
}
 .status-dot{
 width:8px;
 height:8px;
}
 .status-text{
 font-size:1.1rem;
}
 .img-fluid{
 max-width:100% !important;
}
 p{
 font-size:1.1rem;
}
 .cta-description{
 font-size:1rem !important;
}
 .section-description{
 font-size:1rem !important;
}
 .section-note{
 margin:0px !important;
 border-radius:12px !important;
}
}
.hero-section{
 padding:32px;
 border-radius:24px;
 background-color:lightgray;
 background-size:cover;
 background-repeat:no-repeat;
 background-position:center;
 min-height:250px;
 display:flex;
 align-items:center;
 justify-content:center;
 height:189px;
}
.hero-content{
 display:flex;
 flex:1;
 height:200px;
 padding:24px 32px;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 gap:24px;
 flex-shrink:0;
 align-self:stretch;
 border-radius:24px;
 border:1px solid rgba(255,255,255,0.32);
 backdrop-filter:blur(7px);
 text-align:center;
 max-width:100%;
}
.hero-title{
 font-size:60px;
 font-weight:500;
 color:var(--bg-white);
 margin-bottom:.2rem;
 line-height:1;
 font-weight:500;
}
.hero-subtitle{
 font-size:42px;
 color:var(--bg-white);
 line-height:1.2;
 font-weight:400;
}
.highlight-text{
 font-family:'Grape Nuts',cursive;
 font-size:52px;
 color:#FFD166;
 font-size:3.0rem;
 line-height:1;
}
.intro-section{
 position:relative;
 background-color:#ffffff;
 overflow:hidden;
}
.intro-section::before{
 content:"";
 position:absolute;
 transform:rotate(356deg);
 top:-8%;
 left:-35%;
 width:100%;
 height:100%;
 background:url("../images/arrow-left.svg");
 background-repeat:no-repeat;
 background-position:left center;
 background-size:1120px;
 pointer-events:none;
 z-index:0;
}
.intro-section::after{
 content:"";
 position:absolute;
 bottom:-19%;
 right:-39%;
 width:100%;
 height:100%;
 background-image:url("../images/arrow-right.svg");
 background-repeat:no-repeat;
 background-position:right center;
 background-size:1312px;
 pointer-events:none;
 z-index:0;
}
.intro-section > .container{
 position:relative;
 z-index:1;
}
.grape-nuts{
 font-family:'Grape Nuts',cursive;
 font-size:3rem;
 background:linear-gradient(126deg,#396A49 15.03%,#FFF12D 111.97%);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 background-clip:text;
 display:inline-block;
}
.img-fluid{
 max-width:85%;
}
.section-note{
 display:flex;
 padding:16px 24px;
 margin:0px 220px;
 justify-content:center;
 align-items:center;
 gap:12px;
 border-radius:9999px;
 background:#F6FFE0;
}
.testimonial-title{
 font-size:3.2rem;
 font-weight:500;
}
.testimonial-slider{
 overflow:hidden;
}
.testimonial-slider::before{
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:190px;
 height:100%;
 z-index:2;
 pointer-events:none;
 background:linear-gradient( to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 100% );
}
.testimonial-slider::after{
 content:"";
 position:absolute;
 top:0;
 right:0;
 width:190px;
 height:100%;
 z-index:2;
 pointer-events:none;
 background:linear-gradient( to left,rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 30%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0) 100% );
}
@media (max-width:768px){
 .testimonial-slider::before,
 .testimonial-slider::after{
 width:40px;
}
 .testimonial-card{
 width:500px !important;
}
 .feature-description{
 width:80%;
}
}
@media (max-width:576px){
 .testimonial-slider::before,
 .testimonial-slider::after{
 width:20px !important;
}
 .testimonial-card{
 width:350px !important;
 margin-bottom:30px !important
}
 .testimonial-title{
 width:95%;
 font-size:2rem !important;
}
 .testimonial-name{
 font-size:1.5rem !important;
}
 .testimonial-text{
 font-size:1rem !important;
}
 .testimonial-stars{
 font-size:1.7rem;
}
 .payment-card{
 border:1px solid #E2E2E2 !important;
 box-shadow:none !important;
 border-radius:16px !important;
}
}
@media (max-width:375px){
 .testimonial-card{
 width:320px !important;
}
}
@media (max-width:320px){
 .testimonial-card{
 width:280px !important;
}
 .nav-pills .nav-link{
 font-size:13px;
}
 .nav-pills .nav-link.active{
 font-size:14px !important;
}
}
.testimonial-slider .slick-slide{
 padding:20px;
 transition:0.3s ease;
}
.slick-slide{
 opacity:0.3;
 transform:scale(0.92);
}
.slick-center{
 opacity:1 !important;
 transform:scale(1.07);
 box-shadow:0 8px 10px -6px rgba(37,37,37,0.10),0 20px 25px -5px rgba(37,37,37,0.10) !important;
}
.testimonial-static .testimonial-card{
 width:auto !important;
 max-width:none !important;
 display:flex;
 flex-direction:column;
 opacity:1;
 transform:none;
 padding:28px;
}
.testimonial-static .testimonial-text{
 margin-bottom:0;
}
@media (max-width:576px){
 .testimonial-static .testimonial-card{
 width:auto !important;
 margin-bottom:0 !important;
 padding:22px;
}
}
.testimonial-card{
 width:700px;
 background:#fff;
 border-radius:28px;
 padding:32px;
 box-shadow:0 8px 10px -6px rgba(37,37,37,0.10),0 20px 25px -5px rgba(37,37,37,0.10);
}
.testimonial-img{
 width:58px;
 height:58px;
 border-radius:50%;
 object-fit:cover;
}
.testimonial-name{
 font-size:36px;
 font-weight:500;
}
.testimonial-role{
 color:#777;
 font-size:0.9rem;
}
.testimonial-stars{
 color:#FFC700;
 font-size:2rem;
 letter-spacing:2px;
}
.testimonial-text{
 font-size:1.3rem;
 color:#666;
 line-height:34px;
}
.slick-slider.slick-dotted{
 margin-bottom:0 !important;
}
.testimonial-nav{
 display:flex;
 align-items:center;
 justify-content:center;
 max-width:360px;
 margin:0px auto 0;
}
.testimonial-dots .slick-dots{
 position:static;
 display:flex;
 justify-content:center;
 gap:8px;
 margin:0;
 padding:0;
}
.testimonial-dots .slick-dots li{
 margin:0;
}
.testimonial-dots .slick-dots li button:before{
 color:#ccc !important;
 font-size:14px !important;
 opacity:1;
}
.testimonial-dots .slick-dots li.slick-active button:before{
 color:var(--Rectangle-4,#FFF12D) !important;
}
.testimonial-nav .slick-arrow{
 position:relative;
 left:0px;
 width:50px;
 height:50px;
 background:transparent;
 align-items:center;
 cursor:pointer;
 transition:0.3s ease;
}
.testimonial-prev,
.testimonial-next{
 display:flex;
 width:48px;
 height:48px;
 padding:1px;
 align-items:center;
 justify-content:center;
 border-radius:9999px;
 border:1px solid var(--Rectangle-6,#EEE);
 background:var(--Rectangle-7,#FFF);
 margin:0px 16px;
 background-repeat:no-repeat;
 background-position:center;
 background-size:20px;
}
.slick-prev:before,
.slick-next:before{
 content:none !important;
}
.testimonial-next{
 background-image:url("../images/slick-arrow-right.svg");
}
.testimonial-prev{
 background-image:url("../images/slick-arrow-left.svg");
}
.testimonial-nav .slick-arrow:hover{
 border-color:#adb5bd;
}
.testimonial-nav .slick-arrow:before{
 font-size:1.2rem;
 color:#333;
}
.mp-intro-title{
 font-size:52px;
 font-weight:500;
 line-height:63px;
 color:#333;
}
.mp-intro-title .grape-nuts{
 font-size:52px;
 line-height:63px;
}
.mp-intro-text{
 font-size:20px;
 font-weight:500;
 line-height:34px;
 color:#666;
}
.mp-panel{
 background:#F4F8EA;
 border-radius:24px;
}
.mp-panel-title{
 font-size:36px;
 font-weight:500;
 line-height:44px;
 color:#111726;
}
.mp-panel-text{
 font-size:18px;
 line-height:28px;
 color:#666;
}
.mp-card{
 border-radius:24px;
}
.mp-card-standard{
 background:#FFF;
 border:2px solid #E2E2E2;
}
.mp-card-premium{
 background:#F8ED5B;
 border:2px solid #F8ED5B;
}
.mp-card-icon{
 width:48px;
 height:48px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:8px;
 margin-bottom:24px;
}
.mp-icon-standard{
 background:rgba(166,200,76,0.12);
}
.mp-icon-premium{
 background:#FFF;
}
.mp-card-title{
 font-size:24px;
 font-weight:500;
 line-height:29px;
 color:#333;
}
.mp-card-sub{
 font-size:16px;
 line-height:28px;
 color:#666;
}
.mp-card-sub-dark{
 color:#333;
}
.mp-divider{
 margin:24px 0;
 border:0;
 border-top:1px solid #E2E2E2;
 opacity:1;
}
.mp-divider-premium{
 border-top-color:#E4D610;
}
.mp-list{
 list-style:none;
 padding:0;
 margin:0;
}
.mp-list li{
 position:relative;
 padding-left:31px;
 margin-bottom:12px;
 font-size:16px;
 line-height:24px;
 color:#666;
}
.mp-list li::before{
 content:"";
 position:absolute;
 left:0;
 top:6px;
 width:19px;
 height:12px;
 background-repeat:no-repeat;
 background-position:center;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 5L5 9L13 1' stroke='%23396A49' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mp-list-dark li{
 color:#333 !important;
}
.mp-list-dark li::before{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 5L5 9L13 1' stroke='%23252525' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mp-btn{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 min-height:46px;
 padding:12px 32px;
 border-radius:8px;
 font-size:16px;
 font-weight:500;
 line-height:19px;
 text-decoration:none;
 transition:background-color 0.3s ease,color 0.3s ease;
}
.mp-btn svg{
 flex:0 0 auto;
}
.mp-btn-standard{
 border:1px solid #FFF12D;
 background:transparent;
 color:#252525;
}
.mp-btn-standard:hover{
 background:#FFF12D;
 color:#252525;
}
.mp-btn-premium{
 border:1px solid #333;
 background:#333;
 color:#FFF;
}
.mp-btn-premium:hover{
 background:#252525;
 color:#FFF;
}
@media (max-width:991.98px){
 .mp-intro-title,
 .mp-intro-title .grape-nuts{
 font-size:36px;
 line-height:44px;
}
 .mp-panel-title,
 .mp-section-title{
 font-size:28px;
 line-height:36px;
}
}
@media (max-width:575.98px){
 .mp-intro-title,
 .mp-intro-title .grape-nuts{
 font-size:30px;
 line-height:38px;
}
}
.coverage-wrapper{
 background:#F4F8EA;
 border-radius:24px;
}
.coverage-head{
 padding-bottom:42px;
}
.coverage-eyebrow{
 display:flex;
 align-items:center;
 gap:10px;
 margin-bottom:16px;
}
.coverage-eyebrow-line{
 flex:0 0 32px;
 width:32px;
 height:3px;
 border-radius:9999px;
 background:linear-gradient(126deg,#396A49 15.03%,#FFF12D 111.97%);
}
.coverage-eyebrow-text{
 font-size:12px;
 font-weight:500;
 line-height:16px;
 letter-spacing:1.2px;
 background:linear-gradient(126deg,#396A49 15.03%,#FFF12D 111.97%);
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 color:#396A49;
}
.coverage-title{
 font-size:48px;
 font-weight:600;
 line-height:48px;
 color:#252525;
}
.coverage-underline{
 position:relative;
 display:block;
 width:-webkit-fit-content;
 width:fit-content;
 max-width:100%;
 padding-right:71px;
 margin-top:5px;
 padding-bottom:10px;
}
.coverage-underline::after{
 content:"";
 position:absolute;
 left:0;
 right:0;
 bottom:0;
 height:5px;
 border-radius:9999px;
 background:#FFF12D;
}
.coverage-lead{
 max-width:432px;
 font-size:16px;
 font-weight:500;
 line-height:24px;
 color:#666;
 text-align:right;
}
.coverage-card{
 position:relative;
 background:#FFF;
 border-radius:16px;
 overflow:hidden;
 transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.coverage-card:hover{
 transform:translateY(-5px);
 box-shadow:0 10px 20px rgba(0,0,0,0.08);
}
.coverage-card-head{
 display:flex;
 align-items:center;
 gap:12px;
}
.coverage-card-icon{
 flex:0 0 44px;
 width:44px;
 height:44px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 border-radius:12px;
}
.coverage-card-icon img{
 width:24px;
 height:24px;
 object-fit:contain;
}
.coverage-icon-emoji{
 font-size:24px;
 line-height:1;
 font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
.coverage-icon-veg{
 background:#ECFDF5;
}
.coverage-icon-fruit{
 background:#F5F2FF;
}
.coverage-icon-specialty{
 background:#FFF6EC;
}
.coverage-card-title{
 font-size:1.125rem;
 font-weight:500;
 color:#252525;
}
.coverage-card-label{
 font-size:0.75rem;
 font-weight:500;
 color:#666;
}
.coverage-list{
 list-style:none;
 padding:0;
 margin:0;
}
.coverage-list li{
 position:relative;
 padding-left:16px;
 margin-bottom:9px;
 font-size:0.875rem;
 font-weight:500;
 line-height:1.35;
 color:#252525;
}
.coverage-list li::before{
 content:"";
 position:absolute;
 left:0;
 top:7px;
 width:5px;
 height:5px;
 border-radius:9999px;
 background:#9CA2AF;
}
.coverage-note{
 color:#9CA2AF;
 font-weight:500;
}
.coverage-btn{
 display:flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 min-height:52px;
 border-radius:8px;
 font-size:0.875rem;
 font-weight:500;
 color:#252525;
}
.sample-btn{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:9px 16px;
 border:1px solid var(--primary-green);
 border-radius:8px;
 background:transparent;
 color:var(--primary-green);
 font-size:0.8125rem;
 font-weight:600;
 line-height:1.2;
 text-decoration:none;
 transition:background-color 0.25s ease,color 0.25s ease,box-shadow 0.25s ease;
}
.sample-btn svg{
 flex-shrink:0;
 transition:transform 0.25s ease;
}
.feature-card-link{
 color:inherit;
 text-decoration:none;
 cursor:pointer;
}
.feature-card-link:hover,
.feature-card-link:focus-visible{
 color:inherit;
}
.feature-card-link:focus-visible{
 outline:2px solid var(--primary-green);
 outline-offset:3px;
}
.feature-card-link:hover .sample-btn,
.feature-card-link:focus-visible .sample-btn{
 background:var(--primary-green);
 color:#FFF;
 box-shadow:0 4px 12px rgba(57,106,73,0.25);
}
.feature-card-link:hover .sample-btn svg{
 transform:translateX(2px);
}
.commodity-more-wrap{
 margin-top:18px;
}
.commodity-more{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:10px 22px;
 border:1px solid var(--primary-green);
 border-radius:999px;
 background:transparent;
 color:var(--primary-green);
 font-size:0.9375rem;
 font-weight:600;
 line-height:1.2;
 cursor:pointer;
 transition:background-color 0.25s ease,color 0.25s ease,box-shadow 0.25s ease;
}
.commodity-more::after{
 content:"";
 width:8px;
 height:8px;
 border-right:2px solid currentColor;
 border-bottom:2px solid currentColor;
 transform:translateY(-2px) rotate(45deg);
 transition:transform 0.25s ease;
}
.commodity-more[aria-expanded="true"]::after{
 transform:translateY(1px) rotate(-135deg);
}
.commodity-more:hover,
.commodity-more:focus-visible{
 background:var(--primary-green);
 color:#FFF;
 box-shadow:0 4px 12px rgba(57,106,73,0.25);
}
.commodity-more:focus-visible{
 outline:2px solid var(--primary-green);
 outline-offset:3px;
}
@media (max-width:575.98px){
 .commodity-more{
 padding:9px 18px;
 font-size:0.875rem;
}
}
.report-type{
 padding:24px;
 border:1px solid var(--border-color);
 border-radius:12px;
 background:#FFF;
 transition:border-color 0.25s ease,box-shadow 0.25s ease;
}
.report-type:hover{
 border-color:var(--primary-green);
 box-shadow:0 6px 18px rgba(57,106,73,0.10);
}
.report-type-title{
 color:var(--text-dark);
}
.commodity-grid-start{
 justify-content:flex-start;
}
.commodity-grid{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:10px;
 margin:0;
 padding:0;
}
.commodity-chip{
 padding:8px 18px;
 border:1px solid var(--border-color);
 border-radius:999px;
 background:var(--bg-light);
 color:var(--text-dark);
 font-size:0.9375rem;
 font-weight:500;
 line-height:1.2;
 transition:border-color 0.25s ease,background-color 0.25s ease;
}
.commodity-chip:hover{
 border-color:var(--primary-green);
 background:#FFF;
}
@media (max-width:575.98px){
 .commodity-chip{
 padding:6px 14px;
 font-size:0.875rem;
}
}
.coverage-pills{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
}
.coverage-pill{
 display:inline-flex;
 align-items:center;
 gap:4px;
 padding:4px 10px;
 border:1px solid #F2F4F5;
 border-radius:9999px;
 background:#F9FAFA;
 font-size:11px;
 font-weight:500;
 line-height:16px;
 letter-spacing:0;
 color:#6A7280;
}
.coverage-pill i{
 color:#396A49;
 font-size:0.75rem;
}
.coverage-pill svg{
 flex:0 0 auto;
}
@media (max-width:991.98px){
 .coverage-head{
 padding-bottom:28px;
}
 .coverage-title{
 font-size:36px;
 line-height:40px;
}
 .coverage-underline{
 padding-right:40px;
}
 .coverage-lead{
 text-align:left;
}
}
@media (max-width:575.98px){
 .coverage-title{
 font-size:30px;
 line-height:34px;
}
 .coverage-underline{
 padding-right:24px;
}
}
.feature-card{
 transition:transform 0.3s ease,box-shadow 0.3s ease;
 border-radius:12px;
 background:linear-gradient(180deg,#EEE 0%,#FFF 100%);
}
.feature-card:hover{
 transform:translateY(-5px);
 box-shadow:0 10px 20px rgba(0,0,0,0.1) !important;
}
.feature-icon{
 width:48px;
 height:48px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:8px;
 background:var(--Rectangle-7,#FFF);
}
.feature-title{
 font-size:1.125rem;
}
.feature-description{
 font-size:0.875rem;
}
.cta-section{
 background-color:white;
}
.cta-content{
 backdrop-filter:blur(10px);
 background:#FFFCD5;
 box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);
 transition:transform 0.3s ease,box-shadow 0.3s ease;
}
.cta-title{
 font-weight:500;
}
.cta-button{
 position:relative;
 z-index:10;
}
.pricing-section{
 background:white;
}
.pricing-container{
 padding:32px 42px;
 gap:24px;
 flex:1 0 0;
 background:#F4F8EA;
}
.nav-pills{
 display:flex;
 padding:6px;
 justify-self:center;
 align-items:center;
 gap:6px;
 border-radius:8px;
 border:1px solid #E2E2E2;
 background:#FFF;
 max-width:fit-content;
}
.nav-pills .nav-link{
 font-family:Poppins;
 display:flex;
 min-width:160px;
 padding:10px 12px;
 justify-content:center;
 align-items:center;
 gap:10px;
 border-radius:8px;
 font-weight:400;
 color:#666 !important;
 background-color:#FFFF;
 position:relative;
 transition:all 0.3s ease;
}
.nav-pills .nav-link.active{
 background:var(--Rectangle-4,#FFF12D);
 border-color:var(--Rectangle-4,#FFF12D);
 box-shadow:2px 2px 22px 0 rgba(51,51,51,0.15);
 color:#333 !important;
 font-size:16px;
 font-style:normal;
 font-weight:500;
 -webkit-text-fill-color:#333;
}
.tab-content-wrapper{
 display:flex;
 align-items:center;
 gap:10px;
 flex-wrap:nowrap;
}
.tab-text{
 display:flex;
 white-space:nowrap;
}
.save-20-badge{
 display:flex;
 background:var(--Foundation-Green-G50,#EDF8E8);
 padding:4px 10px;
 border-radius:6px;
 line-height:1;
 white-space:nowrap;
 letter-spacing:0.2px;
 position:relative;
 color:var(--Foundation-Green-G500,#306F11);
 font-size:1rem;
 font-weight:400;
}
.pricing-card{
 border:1px solid var(--border-color);
 border-radius:16px;
 background:#FFF;
 transition:all 0.3s ease;
}
.pricing-card:hover{
 transform:translateY(-6px);
 box-shadow:0 12px 28px rgba(0,0,0,0.1);
}
.pricing-title{
 margin:6px 0 0 0;
 font-size:1.4rem;
 font-weight:500;
 color:var(--text-dark);
}
.price{
 font-size:2.4rem;
 font-weight:400;
 margin:-4px 0 0 0;
}
.price-unit{
 font-size:1rem;
 color:var(--text-gray);
}
.pricing-features{
 list-style:none;
 padding:0;
 margin:10px 0;
 text-align:left !important;
}
.pricing-features li{
 position:relative;
 padding-left:28px;
 padding-top:6px;
 padding-bottom:6px;
 font-size:0.95rem;
 color:var(--text-gray);
}
.pricing-features li::before{
 content:"";
 position:absolute;
 left:0;
 top:6px;
 width:18px;
 height:18px;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18' fill='none'><path d='M7.78501 11.3851L14.685 4.48514L15.735 5.55014L7.78501 13.5151L3.01501 8.73014L4.06501 7.68014L7.78501 11.3851Z' fill='url(%23paint0_linear_179_2323)'/><defs><linearGradient id='paint0_linear_179_2323' x1='4.87542' y1='12.1068' x2='15.2716' y2='1.46429' gradientUnits='userSpaceOnUse'><stop stop-color='%23396A49'/><stop offset='1' stop-color='%23FFF12D'/></linearGradient></defs></svg>");
 background-size:contain;
 background-repeat:no-repeat;
}
.pricing-card.featured{
 border-radius:24px;
 border:3px solid var(--Rectangle-3,#A6C84C);
 background:#FFF;
 position:relative;
}
.best-value{
 display:flex;
 background:var(--Rectangle-3,#A6C84C);
 box-shadow:0 4px 6px -4px rgba(0,0,0,0.10),0 10px 15px -3px rgba(0,0,0,0.10);
 color:#fff;
 border-radius:9999px;
 position:absolute;
 left:50%;
 transform:translate(-50%,-129%);
 width:103.625px;
 height:33px;
 padding:8px 16px;
 justify-content:center;
 align-items:center;
 font-size:0.85rem;
 font-weight:500;
}
.savings{
 color:var(--Rectangle-2,#6EAD51);
 font-weight:400;
 font-size:24px;
 text-align:center;
 font-style:normal;
 font-weight:400;
 line-height:40px;
 margin:-10px 0 5px 0;
}
.savings-text{
 font-size:1rem;
}
.btn-outline-success{
 border-radius:8px;
 border:1px solid var(--Rectangle-4,#FFF12D);
 color:#252525 !important;
}
.btn-outline-success:hover{
 background:var(--primary-yellow);
 color:#252525;
 border-color:var(--primary-yellow);
}
.payment-section{
 background-color:#fff;
}
.payment-card{
 display:flex;
 padding:24px 16px;
 flex-direction:column;
 align-items:center;
 gap:16px;
 flex:1 0 0;
 align-self:stretch;
 border-radius:16px;
 border:1px solid #FFF;
}
.payment-icon{
 width:48px;
 height:48px;
 margin:0 auto;
 border-radius:8px;
}
.payment-title{
 font-size:1.5rem;
 font-weight:400;
}
.payment-desc{
 font-size:0.9rem;
}
.payment-logos svg{
 height:24px;
 width:25px;
}
.payment-label{
 font-size:0.85rem;
 color:#555;
 font-weight:500;
}
@media (max-width:576px){
 .payment-card{
 padding:1.5rem;
}
 .nav-pills .nav-link{
 min-width:fit-content;
}
 .action-button{
 width:100% !important;
}
}
.action-button{
 border-radius:8px !important;
}
.history-card{
 background:#F6FFE9;
}
.history-image-wrapper{
 position:relative;
 display:inline-block;
}
.history-img{
 border-radius:16px;
 width:100%;
 max-width:100% !important;
 height:auto;
}
.history-list{
 list-style:none;
 padding-left:0;
 margin:0;
 counter-reset:section;
}
.history-list li{
 position:relative;
 padding-left:45px;
 margin-bottom:18px;
 font-size:1.125rem;
 color:#555;
 line-height:1.82813rem;
}
.history-list li::before{
 content:counter(section);
 counter-increment:section;
 position:absolute;
 left:0;
 top:9px;
 width:28px;
 height:28px;
 background:#396A49;
 color:white;
 border-radius:50%;
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:600;
 font-size:0.9rem;
}
.history-year-badge{
 position:absolute;
 right:-4px;
 bottom:8px;
 color:white;
 padding:12px 18px;
 font-size:1.1rem;
 font-weight:400;
 border-radius:12px;
 background:var(--Rectangle-3,#A6C84C);
 box-shadow:0 4px 6px -4px rgba(0,0,0,0.10),0 10px 15px -3px rgba(0,0,0,0.10);
}
.notes-card{
 border-radius:12px !important;
}
.notes-card-body{
 background:#FFF !important;
}
.contact-section{
 position:relative;
 background-color:#ffffff;
 overflow:hidden;
}
.contact-section::before{
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 background:url("../images/contact_bg.svg");
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 pointer-events:none;
 z-index:0;
}
.contact-section > .container{
 position:relative;
 z-index:1;
}
.content-wrapper{
 max-width:786px;
 border-radius:30px;
 background:linear-gradient(180deg,#EEE 0%,#FFF 100%),#FFF;
}
.contact-control{
 border-radius:14px;
 border:1px solid #E2E2E2;
 background:#FFF;
 padding:10px 16px;
 font-size:16px;
}
.contact-control:focus{
 border-color:#396A49 !important;
 box-shadow:none !important;
}
.card-body{
 border-radius:30px;
 background:linear-gradient(180deg,#EEE 0%,#FFF 100%),#FFF;
}
.main-footer{
 display:flex;
 padding:40px 80px;
 flex-direction:column;
 align-items:flex-start;
 gap:40px;
 align-self:stretch;
 border-top:1px solid var(--border-color);
 background-color:var(--Rectangle-6,#EEE);
 border-radius:60px 60px 0 0;
 margin-top:60px;
}
.footer-link{
 color:var(--text-dark);
 transition:color 0.3s ease;
 position:relative;
 padding-bottom:2px;
 min-width:max-content;
 max-width:max-content;
}
.footer-link:hover{
 background:var(--Linear,linear-gradient(126deg,#396A49 15.03%,#FFF12D 111.97%));
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}
.footer-link::after{
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 width:0;
 height:2px;
 background-color:var(--primary-green);
 transition:width 0.3s ease;
 min-width:fit-content;
}
.footer-link:hover::after{
 width:100%;
}
.footer-v2{
 padding:16px 40px 6px;
 gap:8px;
 margin-top:24px;
 background-color:#EEF5EA;
}
.footer-v2 > .container-fluid{
 width:100%;
 padding-left:0;
 padding-right:0;
}
.footer-v2 .footer-logo .logo{
 max-width:150px;
}
.footer-v2 .footer-section-offset{
 padding-top:14px;
}
.footer-v2 .footer-about{
 color:var(--text-gray);
 font-size:13px;
 line-height:1.5;
 max-width:320px;
}
.footer-v2 .footer-title{
 font-size:17px;
 color:var(--primary-green);
 margin-top:0;
 margin-bottom:8px !important;
}
.footer-v2 .footer-link{
 font-size:13px;
 padding-bottom:0;
}
.footer-v2 .footer-links-list{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 column-gap:20px;
 row-gap:8px;
 max-width:340px;
}
.footer-v2 .footer-links-inline{
 gap:8px;
 flex-wrap:wrap;
}
.footer-v2 .footer-links-inline .footer-link{
 color:var(--primary-green) !important;
}
.footer-v2 .footer-link-sep{
 color:var(--border-color);
 font-size:13px;
 line-height:1;
}
.footer-v2 .contact-item,
.footer-v2 .contact-item a{
 font-size:13px;
 color:var(--text-dark);
 text-decoration:none;
}
.footer-v2 .contact-info{
 gap:8px !important;
}
.footer-v2 .contact-item svg{
 flex:0 0 auto;
 margin-top:1px;
}
.footer-v2 .contact-item svg path{
 fill:var(--primary-green);
}
.footer-v2 .footer-map img{
 width:100%;
 max-width:100%;
 height:auto;
 max-height:110px;
 object-fit:contain;
 object-position:right center;
}
.footer-v2 .footer-copyright{
 margin-top:8px;
}
.footer-v2 .footer-copyright p{
 font-size:13px;
}
@media (max-width:991.98px){
 .footer-v2 .footer-map{
 text-align:center !important;
}
}
@media (max-width:768px){
 .footer-v2{
 padding:20px 20px 16px;
}
}
.navbar-nav .nav-link.active,.header-link.active{
 background:var(--Linear,linear-gradient(126deg,#396A49 15.03%,#FFF12D 111.97%));
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 border-bottom:1px solid var(--primary-green);
 max-width:max-content;
}
.navbar-nav .nav-link:hover{
 background:var(--Linear,linear-gradient(126deg,#396A49 15.03%,#FFF12D 111.97%));
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 max-width:max-content;
}
.hover-lift{
 transition:all 0.3s ease;
}
.hover-lift:hover{
 transform:translateY(-5px);
}
.hover-scale{
 transition:all 0.3s ease;
}
.hover-scale:hover{
 transform:scale(1.05);
}
.hover-glow:hover{
 box-shadow:0 0 15px rgba(255,255,255,0.3);
}
.btn-warning{
 background-color:var(--primary-yellow) !important;
 border-color:var(--primary-yellow) !important;
 color:#252525 !important;
 transition:all 300ms ease-out;
}
.btn-warning:hover{
 border:1.5px solid #6EAD51;
 border-color:#6EAD51 !important;
 transition:all 300ms ease-out;
}
.auth-input{
 width:200px;
 height:46px;
 padding:0 16px;
 border-radius:12px;
 border:1px solid #E2E2E2;
 background:#F8F8F8;
 font-size:14px;
 color:var(--text-gray);
 outline:none;
 transition:border-color 0.3s;
}
.auth-input:focus{
 border-color:var(--primary-green);
}
.eye-icon{
 right:2px;
 top:50%;
}
.login-btn{
 margin:.15rem !important;
}
.header-link{
 color:var(--text-dark);
 font-size:0.875rem;
 transition:color 0.3s ease;
}
 .header-link:hover{
 background:var(--Linear,linear-gradient(126deg,#396A49 15.03%,#FFF12D 111.97%));
 background-clip:text;
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}
.separator{
 width:1px;
 height:19px;
 background-color:var(--border-color);
}
@media (max-width:768px){
 .highlight-text{
 font-size:2.5rem;
}
 .grape-nuts{
 font-size:3rem;
}
 .logo{
 max-width:120px;
}
 .main-footer{
 padding:20px 20px;
}
 .contact-item{
 justify-content:center;
 text-align:left;
}
 .cta-content{
 padding:16px 26px !important;
}
}
@media (max-width:576px){
 .hero-section{
 padding:10px 16px;
 min-height:150px;
}
 .hero-content{
 gap:16px;
 padding:12px;
 height:auto;
}
 .highlight-text{
 font-size:2rem;
}
 .grape-nuts{
 font-size:2.5rem;
}
 .hero-title{
 font-size:2rem;
}
 .hero-subtitle{
 font-size:1.25rem;
}
 .feature-card{
 margin-bottom:1rem;
 padding-bottom:1rem !important;
}
 .pricing-container{
 padding:32px 12px;
}
 .border-sm-top{
 border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
}
@media print{
 .main-footer,
 .cta-section,
 .btn{
 display:none !important;
}
 .hero-section{
 background:none !important;
 color:#000 !important;
}
 .hero-title,
 .hero-subtitle{
 color:#000 !important;
}
}
.form-check input[type="checkbox"]{
 margin-right:10px;
}
.form-check-input{
 border:none;
 box-shadow:none !important;
 height:auto;
}
:focus-visible{
 outline:none;
}
.offcanvas.offcanvas-start{
 padding:40px 24px 16px 20px;
 border-radius:0 20px 20px 0;
 background:#FFF;
 width:60%;
}
.pricing-note{
 border-radius:12px;
 background:#F6FFE0;
 display:flex;
 padding:16px;
 align-items:flex-start;
 gap:12px;
 align-self:stretch;
}
.report-item{
 flex:1 0 0;
 align-self:stretch;
 align-items:center;
 justify-content:center;
 height:fit-content;
}
.g-recaptcha{
 width:100% !important;
 max-width:100%;
 box-sizing:border-box;
 margin:0 auto;
}