@charset "UTF-8";





.product-page.smoothie-machine-page .content-section
{
	padding-bottom: 0;
}
	



.product-page.smoothie-machine-page .content-section > .container
{

	max-width: 100%;

}

	
	
	
.banner-smoothie-machine
{
	font-family: var(--font-family-serif);
	color: #6B6A52;
	background: #F6E8B3;
}

	
.banner-smoothie-machine h2
{
	margin: 0;

	font-family: var(--font-family-sans-serif);

	font-size: 120px;

}

	

	
	
	.banner-smoothie-machine img
	{
		max-width: 700px;
	}
	
	
	.banner-smoothie-machine div strong
	{
		font-size: 75px;
	}
	
	.banner-smoothie-machine div span
	{
		font-size: 60px;
		font-weight: bold;
	}
	
	
	.banner-smoothie-machine div em
	{
		font-style: normal;
		font-weight: bold;
	}
	

	
	
	.banner-smoothie-machine ul 
	{
		margin: 30px 0;
		
		list-style: none;
		counter-reset: custom-counter; 
		
		font-size: 26px;
	}

	.banner-smoothie-machine ul li 
	{
		
		position: relative;
		margin-left: 30px;
		
    display: flex;
    flex-direction: column;
    align-items: center;
		
    line-height: 1;
    gap: 15px;

		
	}

	.banner-smoothie-machine ul li > div
	{
		    display: flex;
    gap: 10px;
    align-items: flex-end;
	}
	
	.banner-smoothie-machine ul li > div::before 
	{
		
		counter-increment: custom-counter;
		content: counter(custom-counter) "."; 
	
/*
		position: absolute;
		left: -30px;
		top: 0;
*/	
		font-size: 60px;
		font-weight: bold;
	}
	
	
	.banner-smoothie-machine ul li img
	{
		max-width: 200px;
	}
	
	
	
	
	
	
	
	
	

		
/* ------------------------------
	Smoothie Machine - Structure
------------------------------ */
	
	
	
	
	.smoothie-machine-vertical-section
	{
		    position: relative;
    padding: 0;
    padding-bottom: 100px;
		
	}
	
	
	
	

	
.smoothie-machine-vertical-section::before
{

	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height:400px;
	
	background: #D8DCE3;



}	
	
		
	
	
	
	
	
	
	
	
	.smoothie-machine-vertical-section h2
	{
		position: absolute;
		top: 30px;
		
		font-size: 60px;
	}
	
	
	.smoothie-machine-vertical-content
	{
		display: flex;
		    justify-content: center;
	}
	
	
	
	
	.spec-column
	{
		position: relative;
		
		    display: flex;
    justify-content: center;
		
		
	}
	
	.spec-column h3
	{
		font-size: 50px;
	}
	
	
		
	.spec-column img,
	.spec-column svg
	{
		max-width: 350px;
		
		
	}
	
	
	.spec-column > ul
	{
		position: absolute;
/*
		left: 50%;
		transform: translateX(-50%);
*/
		
		flex-direction: column;
		width: 500px;
		
		z-index: 2;

	}
	
	
	.spec-column > ul img
	{
		max-width: 240px;
		
	}
	
	
	.smoothie-machine-vertical-body
	{
		display: flex;
		position: relative;
		top: -100px;
		z-index: 1;
	}

	
	
	.smoothie-machine-vertical-body h3
	{
		position: absolute;
		left: 92%;
		display: flex;
		flex-direction: column;
		white-space: nowrap;
		font-size: 200px;
		color: #F6E8B3;
		top: 8%;
		line-height: 1.2;
		z-index: 1;
		
	}
	
	.smoothie-machine-vertical-body img
	{
		position: relative;
		z-index: 2;
	}

	
	.smoothie-machine-vertical-body > div
	{
		position: relative;
	}
	
	.smoothie-machine-vertical-body > div::before
	{
content: "";
    display: block;
    position: absolute;
    width: 150%;
    height: 50px;
    background: rgb(0 0 0 / 10%);
    border-radius: 50%;
    bottom: -20px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
	}
	
	
	

	.spec-column > ul.main-screen-area
	{
		top: 150px;
		right: 0;
	}
	
	
	
	.spec-column > ul.product-animation .product-spec-media > div
	{
		display: inline-block;
		position: relative;
	}
	
	.spec-column > ul.product-animation .product-spec-media > div img
	{
		position: relative;
		z-index: 2;
	}
	
	.spec-column > ul.product-animation .product-spec-media > div::before
	{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 50px;
		background: rgb(0 0 0 / 10%);
		border-radius: 50%;
		bottom: 10px;
		z-index: 1;
	}
	
	.spec-column > ul.product-animation.wastewater-storage-area .product-spec-media  > div::before
	{
		bottom: 80px;
	}
	
	
	
	.spec-column > ul.product-animation .product-spec-svg
	{
		position: absolute;
	}
	
	
	.spec-column > ul.main-screen-area .product-spec-svg
	{
		left: 250px;
		top: 15px;	
	}
	
	.spec-column > ul.barcode-scanning-area .product-spec-svg
	{
		left: 260px;
		top: -140px;
	}


	
	
	.spec-column > ul.barcode-scanning-area
	{
    right: -70px;
    top: 620px;
		
	}
	
	
	
	.spec-column > ul.clean-water-tank
	{
		bottom: -80px;
		right: 0;
	}
	
	
	.spec-column > ul.clean-water-tank img
	{
		max-width: 320px;
	}
	


	
	.spec-column > ul.clean-water-tank .product-spec-svg
	{
		left: 240px;
		top: 20px;
	}
	
	


	
	
	.spec-column > ul.mixing-area
	{
		
		top: 45%;
		left: 100px;
		
	}
	
	
	.spec-column > ul.mixing-area .product-spec-svg
	{
		right: 520px;
		top: -30px;
	}
	
	
	.spec-column > ul.mixing-area .product-spec-svg svg
	{
		max-width: 200px;
	}
	
	
	
	

		
	.spec-column > ul.wastewater-storage-area
	{
		    bottom: -100px;
    left: 150px;
	}
	
		.spec-column > ul.wastewater-storage-area img
	{
		max-width: 350px;
	}
		
	
	
	
	
	
	.spec-column > ul.wastewater-storage-area .product-spec-svg
	{
		top: 10px;
		left: -220px;
	}
	
	
	
	
	.spec-column > ul.wastewater-storage-area .product-spec-svg svg
	{
		max-width: 200px;
	}
	
	
	
	
	
	.spec-column > ul.wastewater-storage-area .product-spec-media
	{
		position: relative;
		top: -50px;
	}
	
	

	
/* ------------------------------
	Smoothie Machine - Feature
------------------------------ */
	
		.smoothie-machine-feature-section
	{
		padding: 100px 0;
		padding-bottom: 100px;
		
		background: #3F6DCB;
	}

	
	
	
	.smoothie-machine-feature-section h2
	{
		font-size: 60px;
		color:#fff;
	}
	
	
	
	
	
	




	
.comparison-grid {
  display: grid;
  grid-template-columns: 200px 1fr 1fr;

  margin: 20px auto;
	
	
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.grid-item {
  padding: 15px;
  border-right: 1px solid rgb(255 255 255 / .5);
  border-bottom: 1px solid rgb(255 255 255 / .5);
  display: flex;
  align-items: center;
  justify-content: center;
	
	gap: 30px;

	
background: #1F4988;
}
	
	

.grid-item strong
{
	font-size: 100px;
}

.grid-item svg
{
	max-width: 50px;
}	

.grid-header:nth-child(3),
.grid-brand-us	
{ 
  border-right: none;
}
	
	
.grid-item.grid-header
{
	font-size: 40px;
  font-weight: bold;
}

.grid-brand-us,
.grid-span-3
	{
		justify-content: flex-start;
		padding-left: 100px;
		
	}

	
.grid-item:nth-last-child(-n+3) 
{

	 border-bottom: none;
}
	


.grid-span-3 
{
	grid-row: span 3; 
	font-weight: bold;
}

	


.grid-span-3 img
{
	position: absolute;
	max-width: 350px;
	right: -30px;
	bottom: 0;
}
	
	
.grid-brand-us
	{
		font-size: 30px;
		color: #FFE895;
	}
	
.grid-label
	{
		font-size: 20px;
		font-weight: normal;

	}
	
	
	

@media (max-width: 600px) 
{
	.comparison-grid 
	{
		grid-template-columns: 100px 1fr 1fr;
		font-size: 14px;
	}
}