section.hero .curve-box{display:block;margin:0;width:100%;position:relative;overflow:hidden}
section.hero .content{position:absolute;top:6.25vw;left:8.875vw;text-align:left;width:50%;display:flex;flex-direction:column;justify-content:center}
section.hero .product-link a{font-size:1.125vw;line-height:1.5vw;color:#fff;margin-bottom:2.1875vw}
section.hero .content h1{color:#fff;margin-bottom:1.875vw}
section.hero .content a.btn{min-width:19.8125vw}

section.products-list{background:#fff;margin-top:-8.125vw;border-radius:8.125vw 0 0 8.125vw}
section.products-list.no-br-bt-left{border-radius:8.125vw 0 0 0}
section.products-list .content{padding:0 7.5vw 5vw}
.category-filter{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin:0;z-index:10;padding:4.0625vw 2.5vw 0}
.category-filter.align-right{-ms-flex-pack:end;justify-content:flex-end}
.category-filter .filter-btns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.category-filter .category-filter-box{margin-right:2.5vw;position:relative}
.category-filter .filter-btns .filter-btn{cursor:pointer;position:relative;padding:0.9375vw 1.875vw 0.625vw;min-width:17.75vw;line-height:1.6875vw;font-weight:600;font-size:1.25vw;text-transform:capitalize;color:#2D548D;border-radius:1.25vw 0.625vw;border:0.125vw solid #2D548D;background-color:#fff;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;-ms-transition:.2s ease-in;transition:.2s ease-in}
.category-filter .filter-btns .filter-btn:after{content:'';position:absolute;top:50%;margin:auto;right:1.25vw;transform:translateY(-50%) rotate(0deg);-ms-transform:rotate(0);-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;-ms-transition:.2s ease-in;transition:.2s ease-in;background-image:url(../svg/down-arrow.svg);width:0.875vw;height:0.875vw;display:inline-block;background-size:100% 100%}
.category-filter .filter-btns .filter-btn.filter-open{border-radius:1.25vw 0.625vw 0 0;color:#4283BA}
.category-filter .filter-btns .filter-btn.filter-open:after{transform:translateY(-50%) rotate(180deg);background-image:url(../svg/up-arrow.svg)}
.category-filter .filter-btns .filter-reset{cursor:pointer;color:#CC353C;font-size:1.125vw;line-height:1.5vw;text-transform:capitalize;text-decoration:underline}
.category-filter .category-filter-container{display:none;position:absolute;top:100%;left:0;width:100%;z-index:2;background:#fff;border:0.125vw solid #2d548d;border-radius:0 0 1.25vw 0.625vw;border-top:0}
.category-filter .category-filter-container form{width:100%}
.category-filter .category-filter-container form .checkbox-container .checkbox-col{-ms-flex:1 1 0;flex:1 1 0;padding:1.5625vw 1.875vw}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container{position:relative;display:-ms-flexbox;display:flex;flex-direction:column;width:100%;margin:0}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox{-ms-flex-preferred-size:100%;flex-basis:100%;margin:0.3125vw}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox input[type=checkbox]{display:none!important}
.category-filter form input[type=checkbox]+label,.category-filter form input[type=checkbox]+span{position:relative;padding-left:2.1875vw;display:inline-block;cursor:pointer;line-height:1.5vw;font-size:1.125vw;text-transform:capitalize;color:#2D548D}
.category-filter form input[type=checkbox]+label a,.category-filter form input[type=checkbox]+span a{text-decoration:underline;color:#444}
.category-filter form input[type=checkbox]+label:after,.category-filter form input[type=checkbox]+label:before,.category-filter form input[type=checkbox]+span:after,.category-filter form input[type=checkbox]+span:before{content:"";position:absolute;display:block;transition:all .2s ease-out}
.category-filter form input[type=checkbox]+label:before,.category-filter form input[type=checkbox]+span:before{top:-0.0625vw;left:0;width:1.3125vw;height:1.3125vw;border:0.125vw solid #2D548D;display:block}
.category-filter form input[type=checkbox]+label:after,.category-filter form input[type=checkbox]+span:after{width:1.75vw;height:1.75vw;top:-0.375vw;left:0.1875vw;background-image:url(../png/icon-check-red.png);background-size:contain;background-repeat:no-repeat;transform:scale(0)}
.category-filter form input[type=checkbox]:checked+label,.category-filter form input[type=checkbox]:checked+span{color:#4283BA}
.category-filter form input[type=checkbox]:checked+label:before,.category-filter form input[type=checkbox]:checked+span:before{border-color:#4283BA}
.category-filter form input[type=checkbox]:checked+label:after,.category-filter form input[type=checkbox]:checked+span:after{transform:scale(1)}
section.products-list .products .items{display:flex;flex-wrap:wrap}
section.products-list .products .list-item{width:25%;text-align:center;padding:2.1875vw 0.625vw 0}
section.products-list .products .list-item img{width:19.625vw;margin:auto auto 1.875vw}
section.products-list .rect-curve{width:8.125vw;position:absolute;z-index:99;top:-8.125vw;right:0;transform:rotate(-90deg)}
section.products-list .rect-curve.btm-right{top: auto;bottom: -8.125vw;transform: rotate(-180deg);}

section.benefit .box1{width:100%;min-height:35.3125vw;background:linear-gradient(#2e64a3 0,#a8cbe2 100%);margin-top:-8.125vw;z-index:-1;position:relative}
section.benefit .box1 .content{position:absolute;left:43.75vw;bottom:5.625vw;width:47.5vw}
section.benefit .box1 h1{color:#fff}
section.benefit p{margin-bottom: 1.875vw;}
section.benefit .box2{background:#2D548D;border-radius:0 0 8.125vw;color:#fff;padding:5.625vw 0 3.75vw;position:relative}
section.benefit .box2 .content{margin-left:43.75vw;width:47.5vw}
section.benefit .box2 h2{color:#fff;margin-bottom:1.25vw}
section.benefit .box3{color:#2D548D;padding:3.75vw 0 2.5vw;position:relative}
section.benefit .box3 .content{margin-left:43.75vw;width:47.5vw}
section.benefit .box3 h2{color:#2D548D;margin-bottom:1.25vw}
section.benefit .box4{color:#2D548D;padding:3.75vw 0 2.5vw;position:relative;background:#fff;border-radius:8.125vw 0 0}
section.benefit .box4 .content{margin-left:43.75vw;width:47.5vw}
section.benefit .box4 h2{color:#2D548D;margin-bottom:1.25vw}
section.benefit .left{position:absolute;z-index:9;top:16.25vw;bottom:0;width:43.75vw}
section.benefit .left .lt-img{position:sticky;top:7.5vw}
section.benefit-disc{background:#fff;padding:1.875vw 14.375vw 3.125vw}
section.benefit-disc.tan{background:transparent;}
section.benefit-disc p{font-size:1.125vw;line-height:1.5vw;margin-bottom:1.5625vw}
section.benefit .cue-img{position: absolute;}
section.benefit .cue-img.cue1{width: 11.8125vw;right: 0;top: -11.125vw;}
section.benefit .cue-img.cue1.oatmilk{width: 8.125vw;right: 0;top: -8.75vw;}
section.benefit .cue-img.cue1.silk-protein{width: 11.8125vw;right: 0;top: -11.125vw;}
section.benefit .cue-img.cue1.soy{width: 9.875vw;right: 0;top: -8.75vw;}
section.benefit .cue-img.cue1.coconut{width: 11.8125vw;right: 0;top: -11.125vw;}
section.benefit .cue-img.cue1.cashew{width: 9.875vw;right: 0;top: -11.125vw;}
section.benefit .cue-img.cue1.creamer{width: 10.3125vw;right: 0;top: -11.125vw;}
section.benefit .cue-img.cue1.dairy-free-yogurt-alternative{width: 12.3125vw;right: 0;top: -13.625vw;}
section.benefit .cue-img.cue1.greek-style-coconutmilk-yogurt-alternatives{width: 10.3125vw;right: 0;top: -11.875vw;}
section.benefit .cue-img.cue2{width: 11.75vw;left: 0;bottom: -7.1875vw;}
section.benefit .cue-img.cue2.oatmilk{width: 11.75vw;left: 0;bottom: -7.1875vw;}
section.benefit .cue-img.cue2.silk-protein{width: 11.75vw;left: 0;bottom: -7.1875vw;}
section.benefit .cue-img.cue2.soy{width: 11.75vw;left: 0;bottom: -7.1875vw;}
section.benefit .cue-img.cue2.coconut{width: 11.75vw;left: 0;bottom: -7.1875vw;}
section.benefit .cue-img.cue2.cashew{width: 11.75vw;left: 0;bottom: -7.1875vw;}
section.benefit .cue-img.cue2.creamer{width: 9.6875vw;left: 0;bottom: -7.1875vw;}
section.benefit .cue-img.cue2.dairy-free-yogurt-alternative{width: 13.4375vw;left: 0;bottom: -9.375vw;}
section.benefit .cue-img.cue2.greek-style-coconutmilk-yogurt-alternatives{width: 11.25vw;left: 0;bottom: -9.375vw;}

section.wtb-callout{display:block;padding:7.5vw 7.5vw 6vw;width:100%;position:relative;background-color:#2D548D}
section.wtb-callout .content{width:100%;padding:0}
section.wtb-callout .item{padding:0}
section.wtb-callout a.img-link{border-radius:0.625vw;width:100%;position:relative;padding:0 1.375vw;text-align:left;display:flex;align-items:center}
section.wtb-callout h1{margin-bottom:1.875vw;color:#fff}
section.wtb-callout p{margin-bottom:2.5vw;color:#fff}
section.wtb-callout .lt-img{padding:0;width:40.625vw;height:30.1875vw;border-radius:1.5625vw 6.25vw;background:linear-gradient(#2e64a3 0,#a8cbe2 100%);box-shadow:-0.9375vw 0.9375vw 0.9375vw rgba(0,0,0,.16);position:relative}
section.wtb-callout .lt-img img{width:39.5vw;transition:transform .5s ease;position:absolute;bottom:0;left:0;right:0;margin:auto}
section.wtb-callout .right{flex:1;padding:0 0 0 8.125vw}
section.wtb-callout .item.reverse .left{order:2}
section.wtb-callout .item.reverse .right{order:0;padding:0 0 0 6.875vw}
section.wtb-callout .rect-curve{width:8.125vw;position:absolute;z-index:99;bottom:0;left:0}

@media (hover: hover) {
  section.products-list .products .list-item a:hover h4{color: #4283BA;}

  section.wtb-callout a.img-link:hover .lt-img img{transform:scale(1.04)}
  section.wtb-callout a.img-link:hover span.btn.secondary.dark{background:#FFF;border-color:#FFF;color: #2D548D;}
}


@media only screen and (max-width:767px){

  section.hero .content{top:7.633587786259542vw;left:7.633587786259542vw;width:86.51399491094148vw}
  section.hero .product-link a{font-size:4.580152671755725vw;line-height:6.106870229007634vw;margin-bottom:6.361323155216285vw}
  section.hero .content h1{font-size:9.16030534351145vw;line-height:1;margin-bottom: 12.72264631043257vw;}
  section.hero .content a.btn{min-width:100%}

  section.products-list{margin-top:-21.62849872773537vw;border-radius:21.62849872773537vw 0 0 25.44529262086514vw}
  section.products-list.no-br-bt-left{border-radius:21.62849872773537vw 0 0 0}
  section.products-list .content{padding:0 0 15.267175572519085vw}
  .category-filter{padding:10.178117048346056vw 7.633587786259542vw 5.089058524173028vw}
  .category-filter .filter-btns{flex-direction:column;width:100%}
  .category-filter .category-filter-box{margin-right:0;width:100%;margin-bottom:6.361323155216285vw}
  .category-filter .filter-btns .filter-btn{padding:3.053435114503817vw 7.633587786259542vw 1.7811704834605597vw;min-width:72.264631043257vw;line-height:6.870229007633588vw;font-weight:600;font-size:5.089058524173028vw;border-radius:5.089058524173028vw 2.544529262086514vw;border:0.5089058524173028vw solid #2D548D}
  .category-filter .filter-btns .filter-btn:after{right:5.089058524173028vw;width:3.5623409669211195vw;height:3.5623409669211195vw}
  .category-filter .filter-btns .filter-btn.filter-open{border-radius:5.089058524173028vw 2.544529262086514vw 0 0}
  .category-filter .filter-btns .filter-reset{font-size:4.580152671755725vw;line-height:6.106870229007634vw}
  .category-filter .category-filter-container{border:0.5089058524173028vw solid #2d548d;border-radius:0 0 5.089058524173028vw 2.544529262086514vw;border-top:0}
  .category-filter .category-filter-container form .checkbox-container .checkbox-col{padding:5.089058524173028vw}
  .category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox{margin:1.272264631043257vw}
  .category-filter form input[type=checkbox]+label,.category-filter form input[type=checkbox]+span{padding-left:8.9058524173028vw;line-height:6.106870229007634vw;font-size:4.580152671755725vw}
  .category-filter form input[type=checkbox]+label:before,.category-filter form input[type=checkbox]+span:before{top:-0.2544529262086514vw;left:0;width:5.343511450381679vw;height:5.343511450381679vw;border:0.5089058524173028vw solid #2D548D}
  .category-filter form input[type=checkbox]+label:after,.category-filter form input[type=checkbox]+span:after{width:7.124681933842239vw;height:7.124681933842239vw;top:-1.5267175572519085vw;left:0.7633587786259542vw}
  section.products-list .products .items{padding:0 5.089058524173028vw}
  section.products-list .products .list-item{width:50%;text-align:center;padding:3.816793893129771vw 0}
  section.products-list .products .list-item.full-width{width:100%}
  section.products-list .products .list-item h4{font-size:4.580152671755725vw;line-height:5.597964376590331vw}
  section.products-list .products .list-item img{width:45.80152671755725vw;margin:auto auto 3.816793893129771vw}

  section.benefit .box1{min-height:auto;margin-top:-25.44529262086514vw;padding:35.6234096692112vw 10.178117048346056vw 15.267175572519085vw}
  section.benefit .box1 .content{position:static;width:100%}
  section.benefit .box1 h1{font-size:10.94147582697201vw;line-height:12.213740458015268vw}
  section.benefit .box2{border-radius:0;padding:15.267175572519085vw 7.633587786259542vw 15.267175572519085vw 10.178117048346056vw}
  section.benefit h2{font-size:9.16030534351145vw;line-height:9.669211195928753vw}
  section.benefit p{font-size:5.597964376590331vw;line-height:7.124681933842239vw;margin-bottom: 7.633587786259542vw}
  section.benefit p.para4{font-size:4.580152671755725vw;line-height:6.106870229007634vw;}
  section.benefit .box2 .content{margin-left:0;width:100%}
  section.benefit .box2 h2{margin-bottom:5.089058524173028vw}
  section.benefit .box3{padding:15.267175572519085vw 7.633587786259542vw 15.267175572519085vw 10.178117048346056vw}
  section.benefit .box3 .content{margin-left:0;width:100%}
  section.benefit .box3 h2{margin-bottom:5.089058524173028vw}
  section.benefit .box4{padding:15.267175572519085vw 7.633587786259542vw 10.178117048346056vw 10.178117048346056vw;border-radius:0}
  section.benefit .box4 .content{margin-left:0;width:100%}
  section.benefit .box4 h2{margin-bottom:5.089058524173028vw}
  section.benefit .left{display:none}
  section.benefit-disc{padding:0 7.633587786259542vw 10.178117048346056vw 10.178117048346056vw}
  section.benefit-disc p{font-size:4.580152671755725vw;line-height:6.106870229007634vw;margin-bottom:6.361323155216285vw}
  section.benefit .cue-img.cue1{width:33.842239185750635vw;right:0;top:-11.195928753180661vw}
  section.benefit .cue-img.cue1.oatmilk{width:20.356234096692113vw;right:0;top:-17.8117048346056vw}
  section.benefit .cue-img.cue1.silk-protein{width:24.427480916030536vw;right:0;top:-17.8117048346056vw}
  section.benefit .cue-img.cue1.soy{width:20.356234096692113vw;right:0;top:-17.8117048346056vw}
  section.benefit .cue-img.cue1.coconut{width:22.900763358778626vw;right:0;top:-11.195928753180661vw}
  section.benefit .cue-img.cue1.cashew{width:20.356234096692113vw;right:0;top:-17.8117048346056vw}
  section.benefit .cue-img.cue1.creamer{width:19.338422391857506vw;right:0;top:-17.8117048346056vw}
  section.benefit .cue-img.cue1.dairy-free-yogurt-alternative{width:22.900763358778626vw;right:0;top:-24.173027989821882vw}
  section.benefit .cue-img.cue1.greek-style-coconutmilk-yogurt-alternatives{width:17.8117048346056vw;right:0;top:-20.356234096692113vw}
  section.benefit .cue-img.cue2{display:none}

  section.wtb-callout{padding:22.900763358778626vw 0 24.427480916030536vw}
  section.wtb-callout a.img-link{border-radius:2.544529262086514vw;padding:0 5.597964376590331vw;flex-direction:column}
  section.wtb-callout h1{margin-bottom:5.089058524173028vw;font-size:9.16030534351145vw}
  section.wtb-callout p{margin-bottom:10.178117048346056vw;font-size:5.597964376590331vw;line-height:7.124681933842239vw}
  section.wtb-callout .btn.secondary.dark{min-width:66.41221374045801vw}
  section.wtb-callout .lt-img{width:87.02290076335878vw;height:71.50127226463104vw;border-radius:6.361323155216285vw 19.083969465648856vw;background:linear-gradient(#2e64a3 0,#a8cbe2 100%);box-shadow:-2.544529262086514vw 2.544529262086514vw 2.544529262086514vw rgba(0,0,0,.16)}
  section.wtb-callout .lt-img img{width:91.0941475826972vw;max-width:91.0941475826972vw;left:-2.035623409669211vw}
  section.wtb-callout .right{flex:1;padding:0 0 0 33.07888040712468vw}
  section.wtb-callout .item.reverse .right{order:0;padding:0;text-align:center;margin-bottom:25.954198473282442vw}
  section.wtb-callout .rect-curve{width:25.44529262086514vw;position:absolute;z-index:99;bottom:0;left:0}
}
section.hero .content h1 span.f600 {
      font-weight: 600;
      display: block;
  }
@media(max-width:767px){
	 section.hero.section_almondmilk .content h1, section.hero.section_coconutmilk .content h1 {
   margin-bottom: 6.722646vw;
  }
	 section.hero.section_dairy-free-yogurt-alternative .content h1,section.hero.section_coconutmilk-greek-style .content h1,section.hero.section_soymilk1 .content h1{
	 margin-bottom: 24.8646vw;	
	}
	 section.hero.section_dairy-free-yogurt-alternative .content a.btn,section.hero.section_coconutmilk-greek-style .content a.btn,section.hero.section_soymilk1 .content a.btn {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 12.564102564102564vw;
        display: flex;;
        align-items: center;
        flex-wrap: wrap;
    }
}
/* 05-aug-25 */
@media (min-width:768px){
	section.hero .content.cont-right{
	width: 40.6875vw;
	left: auto;
    right: 9.375vw;
    text-align: right;
	}
}
@media (max-width:767px){
	section.hero .content.cont-right h1{margin-bottom:1.0178117048346056vw; min-height:40.20356234096692vw;
	}
}




.protein-dairyMilk {
  max-width: 41.1111111111vw;
  width: 100%;
  display: grid;
  grid-template-columns: 9.5555555556vw auto 9.5555555556vw;
  justify-content: space-between;
  padding-bottom: 2.7777777778vw;
}
.protein-dairyMilk p.proFat-note {
  font-size: 0.6666666667vw;
  font-weight: 400;
  line-height: 1.4;
  color: #2d548d;
  text-align: center;
  padding-top: 1.1111111111vw;
}
@media only screen and (max-width: 767px) {
  .protein-dairyMilk {
    max-width: 100%;
    grid-template-columns: 14.358974359vw auto 14.358974359vw;
    padding-bottom: 0;
  }
  .protein-dairyMilk p.proFat-note {
    font-size: 1.5384615385vw;
    padding-top: 1.0256410256vw;
  }
}

.milkValue {
  margin-inline: 0;
  width: auto;
}
.milkValue .valueRow {
  display: grid;
  width: 88%;
  margin: 0 auto;
  grid-template-columns: 4.4444444444vw auto 5.5555555556vw;
  justify-content: space-between;
  padding-block: 0.8333333333vw;
  border-bottom: 0.1666666667vw solid #2d548d;
}
.milkValue .valueRow.noBorder {
  border-bottom: none;
}
.milkValue .valueRow .proteinValue {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.4;
  color: #4cab27;
}
.milkValue .valueRow .valueText {
  font-size: 1.5555555556vw;
  font-weight: 400;
  line-height: 1.4;
  color: #2d548d;
  padding-inline: 0.2222222222vw;
  text-align: center;
}
.milkValue .valueRow .fatValue {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.4;
  color: #dc311d;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .milkValue .valueRow {
    grid-template-columns: 10.2564102564vw auto 12.8205128205vw;
    padding-block: 1.0256410256vw;
    border-bottom: 0.2564102564vw solid #2d548d;
  }
  .milkValue .valueRow .proteinValue {
    font-size: 4.1025641026vw;
    line-height: 1;
  }
  .milkValue .valueRow .valueText {
    font-size: 3.5897435897vw;
    padding-inline: 0.5128205128vw;
  }
  .milkValue .valueRow .fatValue {
    font-size: 4.1025641026vw;
    line-height: 1;
  }
}
@media only screen and (max-width: 767px) {
	.hero.section_oatmilk2 .btn.primary.dark{
		
			display:none;
			
		
	}
}