:root {
	--grey: #4B4747;
	--lightgrey: #fafafa;
	--white: #FFFFFF;
	--blue: #343579;
	--midblue: #41b6e6;
	--lightblue: #a4dbe8;
	--pastelblue: #e6f5fd;
	--green: #e6f5fd;
	--midgreen: #1EA587;
	--lightgreen: #70D1B5;
	--pastelgreen: #D2FBF1;
	--purple: #641C75;
	--midpurple: #B868BC;
	--lightpurple: #DA9AE8;
	--pastelpurple: #FBE6FD;
	--red: #7D0D22;
	--midred: #F23B5E;
	--lightred: #FC9A9A;
	--pastelred: #FDE4E8;
	--orange: #7FC4FD;
	--midorange: #F97927;
	--lightorange: #FFB980;
	--pastelorange: #FDEBD8;
	--offwhite: #FDF1E4;
	--bgyellow: #F8C804;
	/* Peak Freans */
	--pfyellow: #f8c804;
	--pfred: #E1251B;
	--checboxdisabled: #A5A5A5;
	--maroon-color: #a41e26;
	--black-color: #000000;
	--white-color: #ffffff;
	--cookie-cross: brightness(0) invert(1);
}

/* colors variation start */
.maroon-color {
	color: var(--maroon-color);
}

.black-color {
	color: var(--black-color);
}

.white-color {
	color: var(--white-color);
}

/* colors variation end */
body {
	overflow-x: hidden;
	font-family: 'Euclid Circular A';
}

.bg-pastelblue {
	background-color: var(--pastelblue);
}

.bg-pastelorange {
	background-color: var(--pastelorange);
}

.bg-offwhite {
	background-color: var(--offwhite);
}

.color-blue {
	color: var(--blue);
}

/* h1 {font-family:'Euclid Circular A'; font-size: 65px; color:var(--blue);}
h2 {font-family:'Euclid Circular A'; font-size: 65px; color:var(--blue);}
h3 {font-family:'Euclid Circular A'; font-size: 65px; color:var(--blue);}
h4 {font-family:'Euclid Circular A'; font-size: 65px; color:var(--blue);}
h5 {font-family:'Euclid Circular A'; font-size: 65px; color:var(--blue);}
h6 {font-family:'Euclid Circular A'; font-size: 65px; color:var(--blue);} */
p {
	font-family: 'Euclid Circular A';
	font-size: 20px;
	font-weight: 300;
	color: var(--grey);
}

/* elements */
hr {
	background-color: var(--blue);
	opacity: 1;
	margin: 3rem 0;
}

.btn {
	background: var(--blue);
	padding: 18px 20px;
	font-family: 'Euclid Circular A';
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	color: var(--white);
	outline: none;
	border: 1px solid var(--blue);
	box-shadow: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn:hover,
.btn:focus,
.btn:active {
	background: var(--white);
	color: var(--blue);
	border: 1px solid var(--blue);
	outline: none;
	box-shadow: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-inverted {
	background: var(--white);
	color: var(--blue);
	border: 1px solid var(--white);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-inverted:hover,
.btn-inverted:focus,
.btn-inverted:active {
	background: var(--blue);
	color: var(--white);
	border: 1px solid var(--blue);
	box-shadow: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.round-btn {
	width: 38px;
	height: 38px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid var(--blue);
	vertical-align: middle;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.round-btn:after {
	content: "";
	background-image: url(../images/right-arrow-blue.png);
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-position: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.round-btn:after {
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.round-btn:hover {
	background-color: var(--blue);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.round-btn:hover:after {
	background-image: url('../images/right-arrow-white.png');
}

.round-btn.left {
	transform: rotate(-180deg);
}

.round-btn.up {
	transform: rotate(-180deg);
}

.round-btn.white {
	border: 1px solid var(--lightblue);
}

.round-btn.white:after {
	background-image: url(../images/right-arrow-midblue.png);
}

.round-btn.white:hover {
	background-color: var(--white);
	border: 1px solid var(--white);
}

.round-btn.white:hover:after {
	background-image: url('../images/right-arrow-blue.png');
}

label {}

label input {
	background: var(--white);
	font-size: 18px;
	color: var(--blue);
	border: 1px solid var(--blue);
}

label p {
	color: var(--midblue);
	font-size: 18px;
}

label {}

label select {
	background: var(--white);
	font-size: 18px;
	color: var(--blue);
	border: 1px solid var(--blue);
}

label p {
	color: var(--midblue);
	font-size: 18px;
}

/* checkbox */
.checkbox {
	display: grid;
	grid-template-columns: min-content auto;
	grid-gap: 0.5em;
	font-size: 2rem;
	color: var(--blue);
}

.checkbox--disabled {
	color: var(--checboxdisabled);
}

.checkbox .checkbox__control {
	display: inline-grid;
	width: 1em;
	height: 1em;
	border-radius: 0.25em;
	border: 0.1em solid currentColor;
}

.checkbox .checkbox__control svg {
	transition: transform 0.1s ease-in 25ms;
	transform: scale(0);
	transform-origin: center center;
}

.checkbox__input {
	display: grid;
	grid-template-areas: "checkbox";
}

.checkbox__input>* {
	grid-area: checkbox;
}

.checkbox__input input {
	opacity: 0;
	width: 1em;
	height: 1em;
}

.checkbox__input input:focus+.checkbox__control {
	/*box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor;*/
}

.checkbox__input input:checked+.checkbox__control svg {
	transform: scale(0.7);
}

.checkbox__input input:disabled+.checkbox__control {
	color: var(--checboxdisabled);
}

/* checkbox */
/* radio button */
.radio {
	display: grid;
	grid-template-columns: min-content auto;
	grid-gap: 0.3em;
	font-size: 2.25rem;
	color: var(--blue);
	margin-bottom: 5px;
}

.radio:focus-within .radio__label {
	opacity: 1;
}

.radio__label {
	line-height: 1;
	transition: 180ms all ease-in-out;
	opacity: 0.8;
	font-size: 18px;
}

.radio__input {
	display: flex;
}

.radio__input input {
	opacity: 0;
	width: 0;
	height: 0;
}

.radio__input input:focus+.radio__control {
	/*box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor;*/
}

/*.radio-gradient input:checked + .radio__control {background: radial-gradient(currentcolor 50%, rgba(255, 0, 0, 0) 51%);}*/
.radio .radio__control {
	display: grid;
	place-items: center;
}

.radio input+.radio__control::before {
	content: "";
	width: 0.3em;
	height: 0.3em;
	box-shadow: inset 0.5em 0.5em currentColor;
	border-radius: 50%;
	transition: 180ms transform ease-in-out;
	transform: scale(0);
}

.radio input:checked+.radio__control::before {
	transform: scale(1);
}

.radio__control {
	display: block;
	width: 0.7em;
	height: 0.7em;
	border-radius: 50%;
	border: 0.1em solid currentColor;
	transform: translateY(-0.05em);
}

/* radio button */
/* accordian */
.accordion {}

.accordion-item:first-of-type,
.accordion-item:last-of-type {
	border-radius: 0;
	background-color: transparent;
	border: none;
}

.accordion .accordion-item {}

.accordion .accordion-item .accordion-header {
	display: block;
	height: auto !important;
}

.accordion .accordion-item .accordion-header.collapse:not(.show) {}

.accordion .accordion-item .accordion-header .accordion-button {
	width: auto;
	min-width: 390px;
	color: var(--blue);
	background-color: #EFEFEF;
	box-shadow: none;
	border-radius: 0;
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
}

.accordion-button::after {
	width: 13px;
	height: 8px;
	background-image: url('../images/accordian-arrow.png');
	background-size: auto;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
	background-image: url('../images/accordian-arrow.png');
}

.accordion-collapse {
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .50rem !important;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .125);
	overflow: hidden;
}

.accordion-collapse .accordion-body {
	background-color: var(--white);
	padding: 90px;
}

.accordion.style-2 {}

.accordion.style-2 .accordion-item {
	border: none;
	margin-bottom: 10px;
	width: 100%;
}

.accordion.style-2 .accordion-item .accordion-header {
	width: 100%;
}

.accordion.style-2 .accordion-item .accordion-header .accordion-button {
	width: 100%;
	min-width: 100%;
}

.accordion.style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: #F9C82B;
	color: var(--blue);
}

.accordion.style-2 .accordion-item .accordion-collapse {
	width: 100%;
	border: none;
	border-radius: 0 !important;
	box-shadow: none;
	overflow: hidden;
	margin-top: 2px;
}

.accordion.style-2 .accordion-item .accordion-collapse .accordion-body {
	width: 100%;
	background-color: #EFEFEF;
	box-shadow: none;
	border: none;
	padding: 25px 35px;
}

/* accordian */
/* tabs */
.tabs-style-2 {}

.tabs-style-2 .nav {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.tabs-style-2 .nav li.nav-item {
	width: 50%;
	padding: 0 20px;
}

.tabs-style-2 .nav li.nav-item .nav-link {
	width: 100%;
	background: var(--blue);
	padding: 16px 30px;
	font-family: 'Euclid Circular A';
	font-size: 20px;
	line-height: 29px;
	font-weight: 300;
	color: var(--white);
	outline: none;
	border: 1px solid var(--blue);
	box-shadow: none;
}

.tabs-style-2 .nav li.nav-item .nav-link.active {
	background: none;
	color: var(--blue);
	border: 1px solid var(--blue);
	outline: none;
	box-shadow: none;
}

.tabs-style-2 .tab-content {
	padding-block: 30px;
}

/* tabs */
/* form */
.form-field {}

.form-field label.form-label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--blue);
	margin-bottom: 20px;
}

.form-field select.form-select {
	height: 50px;
	border-color: var(--blue);
	outline: none;
	box-shadow: none;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--blue);
}

.form-field input.form-control {
	height: 50px;
	border-color: var(--blue);
	outline: none;
	box-shadow: none;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--blue);
}

.form-field textarea.form-control {
	height: 186px;
	border-color: var(--blue);
	resize: none;
	outline: none;
	box-shadow: none;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--blue);
}

.form-field .form-text {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: var(--midblue);
	display: none;
}

.form-field.error select.form-select,
.form-field select.form-select.error {
	background-image: url('../images/error-icon.png');
	background-position: 98% center;
	background-repeat: no-repeat;
}

.form-field.error input.form-control,
.form-field input.form-control.error {
	background-image: url('../images/error-icon.png');
	background-position: 98% center;
	background-repeat: no-repeat;
}

.form-field.error textarea.form-control,
.form-field textarea.form-control.error {
	background-image: url('../images/error-icon.png');
	background-position: 98% center;
	background-repeat: no-repeat;
}

.form-field input.form-control[type=file] {
	font-size: 12px;
	line-height: 24px;
	font-weight: 300;
	color: var(--blue);
}

.form-field input.form-control::-webkit-file-upload-button {
	background: #E3E4E4;
	color: #4A4747;
	font-size: 9px;
	line-height: 13px;
	font-weight: 400;
	margin: 5px 25px 5px 5px;
	width: 150px;
	border: none;
	border-radius: 5px;
}

.form-field .btn {
	width: 232px;
	height: 55px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 400;
}

.form-text-details {
	font-size: 14px;
	line-height: 28px;
	font-weight: 300;
	color: #525050;
}

/* form */
/*
.arrow-right-ring {width: 38px; height: 37px; background: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain; display: inline-block; background-size: 0; vertical-align: middle; float: right;}
.arrow-right-ring:hover {background-image: url('../images/mega-dropdown-arrow-hover.png'); background-size:contain; background-position: center top; background-repeat: no-repeat; background-color: blue;}
*/
/*.arrow-left-ring {
	width: 38px;
	height: 37px;
	background: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
	display: inline-block;
	background-size: 0;
	transform: rotate(-180deg);
	vertical-align: middle;
}*/
/* elements */
.transition-03-all {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* header */
header {
	/* padding-top: 159px; */
	position: relative;
	z-index: 11;
	left: 0;
	position: sticky;
	top: 0;
	width: 100%;
	/*	background: url(../images/header.png) top center no-repeat;*/
	background-size: 92%;
	/* height: 75px; */
}

header nav {
	width: 100%;
	/* height: 75px; */
	/*height: 171px;*/
	/* position: fixed;
	top: 0; */
	padding: 8px 0;
	/*30px 0*/
	background-color: var(--white);
}

header.fixed-header nav {
	/*height: 107px;*/
	top: 0;
	padding: 0px 0;
	z-index: 999999;
}

.logo {
	font-size: 54px;
	/* margin-top: -15px; */
	display: inline-block;
}

.logo-sep {
	font-size: 34px;
	margin: 20px 0.5em 0;
	display: inline-block;
}

.logo-text {
	font-family: 'Euclid Circular A' !important;
	font-size: 14px;
	line-height: 19px;
	font-weight: 500;
	color: var(--blue);
	margin: 17px 0 0 4px;
	display: inline-block;
}

nav .nav li a {
	font-family: 'Euclid Circular A';
	font-size: 16px;
	line-height: 29px;
	font-weight: 500;
	color: var(--blue);
}

nav .nav li a i {
	font-size: 10px;
}

nav .nav li a i.ebm-arrow-down-dropdown {
	font-size: 8px;
	margin: 7px 0 0 13px;
}

nav .nav li a i.ebm-search-icon {
	font-size: 20px;
	margin: 7px 10px 0px 0;
}

nav .nav li a:hover,
nav .nav li a.active {
	background: none;
	color: rgba(68, 191, 236, 1);
}

.mega-menu {
	/*width: 100%; background-color: rgba(230,245,253,1); border-top: 1px solid rgba(112,112,112,1); transition: .5s ease-in-out; position: absolute; top: 99.99%; z-index: 1;*/
	display: flex;
	flex-direction: column;
	background: var(--pastelblue);
	position: absolute;
	left: 0;
	top: 99.99%;
	max-height: 100vh;
	width: 100%;
	transition: left .3s;
	/* visibility: visible !important; */
	height: auto !important;
}

.mobile-nav .mega-menu {
	width: 0;
	overflow-x: hidden;
}

.mobile-nav .mega-menu.active {
	width: 100%;
}

.mega-menu .container {
	padding: 87px 0;
}

.mega-menu--multiLevel {
	top: 18px;
	height: 100vh;
}

.mega-menu--multiLevel .mb-btm-mega-menu ul li span {
	float: right;
}

.mega-menu--multiLevel .mb-btm-mega-menu ul li a:hover span.round-btn.white {
	background-color: rgba(68, 191, 236, 1);
	border: 1px solid rgba(68, 191, 236, 1);
}

.mega-menu--multiLevel .mb-btm-mega-menu ul li a:hover span.round-btn.white:after {
	background-image: url('../images/right-arrow-blue.png');
}

.mega-menu--multiLevel .mb-btm-mega-menu ul li a span.arrow-left-ring {
	float: right;
	background-color: var(--midblue);
}

.mb-tp-mega-menu {
	background-color: var(--pastelblue);
	padding: 0 20px;
	width: 100%;
}

.mb-btm-mega-menu {
	background-color: var(--blue);
	padding: 0 20px;
	width: 100%;
}

.mega-menu--multiLevel ul {
	padding: 50px 0;
	list-style-type: none;
}

.mega-menu--multiLevel ul li {
	margin-bottom: 40px;
}

.mega-menu--multiLevel ul li a, .mega-menu--multiLevel ul li button {
	font-family: 'Euclid Circular A';
	font-size: 20px !important;
	color: var(--white);
	text-decoration: none;
	background-color: transparent;
	outline: 0;
	border: 0;
}
.mega-menu--multiLevel ul li button{
	display: contents;
}

/*
.mega-menu--multiLevel ul li a span.arrow-right-ring {
	background-color: var(--midblue);
	mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
	-webkit-mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
}
.mega-menu--multiLevel ul li a span.arrow-left-ring {
	background-color: var(--midblue);
	mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
	-webkit-mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
}
*/
.maker-details-dropdown {
	padding: 10px 20px 5px;
	border-right: 1px solid var(--blue);
}

.maker-details-dropdown h3 {
	color: var(--blue);
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
}

.maker-details-dropdown p {
	padding: 10px 0;
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
}

.mega-dropdown-list li {
	list-style-type: none;
	font-family: 'Euclid Circular A';
}

.mega-dropdown-list li:not(:last-child) {
	margin-bottom: 28px;
}

.mega-dropdown-list li a {
	display: block;
	text-decoration: none;
	font-size: 18px;
	line-height: 40px;
	font-weight: 300;
	color: rgba(75, 71, 71, 1);
}

.mega-dropdown-list li a span {
	float: left;
	margin: 0 25px 0 0;
}

.mega-dropdown-list li a:hover {
	color: var(--blue);
}

.mega-dropdown-list li a:hover span.round-btn {
	background-color: var(--blue);
}

.mega-dropdown-list li a:hover span.round-btn:after {
	background-image: url('../images/right-arrow-white.png');
}

/*
.mega-dropdown-list li a span.arrow-right-ring {
	background-color: var(--blue);
	mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
	-webkit-mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
}
.mega-dropdown-list li a span.arrow-left-ring {
	background-color: var(--blue);
	mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
	-webkit-mask: url('../images/mega-dropdown-arrow.svg') no-repeat center / contain;
}
*/
/*Wamiq Mobile Nav*/
a.mobile-menu-back-link, button.mobile-menu-back-link {
	display: block;
	margin: 20px 0;
	background-color: transparent;
	border: 0;
	outline: 0;
}
.mega-menu-link
.mbu {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: var(--midblue);
}

.mob-nav-heading {
	font-size: 21px;
	line-height: 26px;
	font-weight: 300;
	color: var(--blue)
}

.mob-nav-text {
	font-size: 13px;
	line-height: 23px;
}

.mega-menu-header {
	font-size: 18px !important;
}

#searchbox {
	background-color: var(--pastelblue)
}

#searchbox ul {
	padding-left: 2rem !important;
	padding: 0;
}

#searchbox ul li {
	margin-bottom: 0;
}

.menu-search-block {
	width: 100%;
	height: 100vh;
	float: left;
	background: var(--blue);
}

.menu-search-block form {
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 1px solid var(--lightgrey);
	position: relative;
}

.menu-search-block form input {
	width: 100%;
	height: 70px;
	background: transparent;
	font-size: 20px;
	line-height: 70px;
	color: var(--white);
	padding: 0 15px;
	border: none;
}

.menu-search-block form input:focus {
	outline: none;
}

.rgt-search-arrow {
	position: absolute;
	right: 15px;
	top: 15px;
	background-color: var(--pastelblue);
	z-index: 999;
	mask: url(../images/mega-dropdown-arrow.svg) no-repeat center / contain;
	-webkit-mask: url(../images/mega-dropdown-arrow.svg) no-repeat center / contain;
	color: #fff;
	display: block;
	width: 40px;
	height: 40px;
}

/*.search-bx{ float:right; margin-top:20px;}*/
.menu-box {
	/* width: 39.5%; */
	width: 54%;
}

.menu-box .nav {
	padding: 13px 0 0;
}

.menu-box .nav li:last-child {
	width: 22%;
}

.desk-nav-search {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	margin-top: 5px;
	margin-left: 8px;
}

.desk-nav-search input {
	width: 100%;
	height: auto;
	float: left;
	border: none;
	margin-top: 4px;
	margin-left: 21px;
	font-size: 15px;
	font-weight: 500;
	color: var(--blue);
}

.desk-nav-search input::placeholder {
	color: var(--blue);
}

.desk-nav-search input:focus {
	outline: none;
	border: none;
}

.desk-nav-search .seach-btn {
	position: absolute;
	left: 0;
	top: 1px;
}

.desk-nav-search .seach-btn img {
	width: 14px;
}

.change-nav-bx {
	width: 100%;
	height: 625px;
	float: left;
	background-color: #7d0d22
}

.change-nav-bx ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0 50px;
}

.change-nav-bx ul li {
	width: 100%;
	height: auto;
	float: left;
	font-size: 44px;
	line-height: 44px;
	color: #e04c61;
	margin: 12.9px 0;
	transition: all 0.5s;
	cursor: pointer;
}

.change-nav-bx ul li:hover {
	color: #fde4e8
}

/*.hide { position:absolute; top:0; left:0;
}*/
.myDIV:hover+.hide {
	display: block;
	color: red;
}

/*Wamiq Mobile Nav*/
/* Butterpuf CSS Start  */
.butter-puff-bg .progress-launching .swiper-wrapper .swiper-slide .green-desgin {
	background-image: url('../images/butterpuf/launching-slide-green.png') !important;
	background-repeat: no-repeat;
}

.butter-puff-bg .progress-launching .swiper-wrapper .swiper-slide .blue-desgin {
	background-image: url('../images/butterpuf/launching-slide-blue.png') !important;
	background-repeat: no-repeat;
}

.butter-puff-bg {
	background-color: rgba(221, 205, 21, 10%) !important;
}

.butter-puff-prod-slider .swiper-bg.yellow {
	background-color: #DDCD15;
}

.butter-puff-prod-slider .swiper-bg.darkblue {
	background-color: #DDCD15;
	;
}

.butter-puff-prod-slider .swiper-bg.after-design.yellow::after {
	background-image: url("../images/butterpuf/butterpuf-green-desgin.png");
}

.butter-puff-prod-slider .swiper-bg.after-design.darkblue::after {
	background-image: url("../images/butterpuf/butterpuff-blue-desgin.png");
}

.butter-puff-prod-slider .banner-wrap h2,
.butter-puff-prod-slider .banner-wrap a {
	color: #000000;
}

/* Butterpuf CSS End  */
/* Click CSS Start  */
.click-bg .progress-launching .swiper-wrapper .swiper-slide .click {
	background-image: url('../images/click/launching-brown-slide-bg-2.png') !important;
	background-repeat: no-repeat;
}

.click-bg {
	background-color: rgba(199, 88, 48, 10%) !important;
}

.click-prod-slider .swiper-bg.whitesmoke {
	background-color: #D8D8D8;
}

.click-prod-slider .swiper-bg.after-design.whitesmoke::after {
	background-image: url("../images/click/click-banner-design.png");
}

.click-prod-slider .banner-wrap h2,
.click-prod-slider .banner-wrap a {
	color: #000000;
}

/* Click CSS End  */
/* CakeUp CSS Start  */
.cakeup-bg .progress-launching .swiper-wrapper .swiper-slide .cakeup-1 {
	background-image: url('../images/cakeup/launching-slide-bg-1.png') !important;
	background-repeat: no-repeat;
}

.cakeup-bg .progress-launching .swiper-wrapper .swiper-slide .cakeup-2 {
	background-image: url('../images/cakeup/launching-slide-bg-2.png') !important;
	background-repeat: no-repeat;
}

.cakeup-bg .progress-launching .swiper-wrapper .swiper-slide .cakeup-3 {
	background-image: url('../images/cakeup/launching-slide-bg-3.png') !important;
	background-repeat: no-repeat;
}

.cakeup-bg .progress-launching .swiper-wrapper .swiper-slide .cakeup-4 {
	background-image: url('../images/cakeup/launching-slide-bg-4.png') !important;
	background-repeat: no-repeat;
}

.cakeup-bg .progress-launching .swiper-wrapper .swiper-slide .cakeup-5 {
	background-image: url('../images/cakeup/launching-slide-bg-5.png') !important;
	background-repeat: no-repeat;
}

.cakeup-bg {
	background-color: rgba(139, 102, 144, 30%) !important;
}

.cake-up-prod-slider .swiper-bg.brown {
	background-color: #321414;
}

.cake-up-prod-slider .swiper-bg.pink {
	background-color: #C00F3B;
}

.cake-up-prod-slider .swiper-bg.purple {
	background-color: #8B6690;
}

.cake-up-prod-slider .swiper-bg.brown-2 {
	background-color: #3F1D1D;
}

.cake-up-prod-slider .swiper-bg.brown-3 {
	background-color: #3F1D1D;
}

.cake-up-prod-slider .swiper-bg.after-design.brown::after {
	background-image: url("../images/cakeup/cakeup-banner-design-1.png");
}

.cake-up-prod-slider .swiper-bg.after-design.pink::after {
	background-image: url("../images/cakeup/cakeup-banner-design-2.png");
}

.cake-up-prod-slider .swiper-bg.after-design.purple::after {
	background-image: url("../images/cakeup/cakeup-banner-design-3.png");
}

.cake-up-prod-slider .swiper-bg.after-design.brown-2::after {
	background-image: url("../images/cakeup/cakeup-banner-design-4.png");
}

.cake-up-prod-slider .swiper-bg.after-design.brown-3::after {
	background-image: url("../images/cakeup/cakeup-banner-design-5.png");
}

.cake-up-prod-slider .banner-wrap h2,
.cake-up-prod-slider .banner-wrap a {
	color: #ffffff;
}

/* CakeUp CSS End  */
/* Sooper CSS Start  */
.sooper-bg .progress-launching .swiper-wrapper .swiper-slide .choco-rio {
	background-image: url('../images/rio/launching-slide-pink-bg-3.png') !important;
	background-repeat: no-repeat;
}

.sooper-bg .progress-launching .swiper-wrapper .swiper-slide .rio-strawberry {
	background-image: url('../images/rio/launching-slide-brown-bg-3.png') !important;
	background-repeat: no-repeat;
}

.sooper-prod-slider .swiper-bg.sooper-bg-img {
	background-image: url("../images/sooper/sooper-banner-bg.png");
}

.sooper-prod-slider .swiper-bg.after-design.sooper-bg-img::after {
	background-image: url("../images/sooper/sooper-banner-design.png");
}

.sooper-prod-slider .banner-wrap h2,
.sooper-prod-slider .banner-wrap a {
	color: #a22e2f;
}

.home-banner {
	overflow-x: hidden;
}

/* Sooper CSS End  */
/* softbake CSS Start  */
/* .softbake-bg .progress-launching .swiper-wrapper .swiper-slide .choco-rio {
	background-image: url('../images/rio/launching-slide-pink-bg-3.png') !important;
	background-repeat: no-repeat;
}
.softbake-bg .progress-launching .swiper-wrapper .swiper-slide .rio-strawberry {
	background-image: url('../images/rio/launching-slide-brown-bg-3.png') !important;
	background-repeat: no-repeat;
} */
.softbake-prod-slider .swiper-bg.softbake-bg-img {
	background-image: url("../images/sooper/sooper-banner-bg.png");
}

.softbake-prod-slider .swiper-bg.after-design.softbake-bg-img::after {
	background-image: url("../images/sooper/sooper-banner-design.png");
}

.softbake-prod-slider .banner-wrap h2,
.softbake-prod-slider .banner-wrap a {
	color: #B12028;
}

figure.banner-product-img img.vertical-banner-img {
	height: 400px;
}

/* softbake CSS End  */
/* Marie CSS Start */
.marie-bg .progress-launching .swiper-wrapper .swiper-slide .marie {
	background-image: url('../images/marie/launching-slide-bg-2.png') !important;
	background-repeat: no-repeat;
}

.marie-bg {
	background: rgba(214, 215, 217, 30%) !important;
}

.marie-prod-slider .swiper-bg.white {
	background-color: #F2F2F2;
}

.marie-prod-slider .swiper-bg.after-design.white::after {
	background-image: url("../images/marie/marie-banner-design.png");
}

.marie-prod-slider .banner-wrap h2 {
	color: #C61C14;
}

.marie-prod-slider .banner-wrap a {
	color: #000;
}

/* Marie CSS End  */
/* saltish CSS Start  */
.saltish-bg .progress-launching .swiper-wrapper .swiper-slide .bg-slide-1.saltish-slide-bg {
	background-image: url('../images/saltish/launching-slide-bg-2.png') !important;
	background-repeat: no-repeat;
}

.saltish-bg.saltish-banner {
	background-color: #1B1B5C21;
}

.saltish-prod-slider .swiper-bg.red {
	background-color: #BB1413;
}

.saltish-prod-slider .swiper-bg.after-design.red::after {
	background-image: url("../images/saltish/saltish-banner-design.png");
}

.saltish-prod-slider .banner-wrap h2,
.saltish-prod-slider .banner-wrap a {
	color: #ffffff;
}

/* saltish CSS End  */
/* Pik CSS Start  */
.pik-bg .progress-launching .swiper-wrapper .swiper-slide .pista {
	background-image: url('../images/pik/launching-slide-bg-3.png') !important;
	background-repeat: no-repeat;
}

.pik-bg .progress-launching .swiper-wrapper .swiper-slide .pik {
	background-image: url('../images/pik/launching-slide-bg-red-3.png') !important;
	background-repeat: no-repeat;
}

.pik-bg .progress-launching .swiper-wrapper .swiper-slide .party {
	background-image: url('../images/pik/launching-slide-bg-purple-3.png') !important;
	background-repeat: no-repeat;
}

.pik-bg {
	background: rgba(0, 66, 31, 0.3) !important;
}

.pik-prod-slider .swiper-bg.green {
	background-color: #00421F;
}

.pik-prod-slider .swiper-bg.red {
	background-color: #AE0001;
}

.pik-prod-slider .swiper-bg.purple {
	background-color: #250A2B;
}

.pik-prod-slider .swiper-bg.after-design.green::after {
	background-image: url("../images/pik/pik-banner-design-light-brown.png");
}

.pik-prod-slider .swiper-bg.after-design.red::after {
	background-image: url("../images/pik/pik-banner-design-light-brown.png");
}

.pik-prod-slider .swiper-bg.after-design.purple::after {
	background-image: url("../images/pik/pik-banner-design-light-brown.png");
}

.pik-prod-slider .banner-wrap h2,
.pik-prod-slider .banner-wrap a {
	color: #ffffff;
}

.pik-prod-slider .product-banner-slider .button-wrap .round-btn {
	border: 1px solid #000000;
}

.pik-prod-slider .product-banner-slider .button-wrap .round-btn:after {
	filter: brightness(0%);
}

.pik-prod-slider .product-banner-slider .button-wrap .round-btn:hover {
	background-color: #00000017;
}

/* Pik CSS End  */
/* gluco CSS start  */
.gluco-bg .progress-launching .swiper-wrapper .swiper-slide .gluco {
	background-image: url('../images/gluco/launching-slide-bg-2.png') !important;
	background-repeat: no-repeat;
}

.gluco-bg.gluco-launching {
	background-color: #6C4EA930;
}

.gluco-prod-slider .swiper-bg.light-purple {
	background-color: #C984B3;
}

.gluco-prod-slider .swiper-bg.after-design.light-purple::after {
	background-image: url("../images/gluco/gluco-banner-design.png");
}

.gluco-prod-slider .banner-wrap h2,
.gluco-prod-slider .banner-wrap a {
	color: #ffffff;
}

/* gluco CSS End  */
/* smile CSS start  */
/* .smile-bg .progress-launching .swiper-wrapper .swiper-slide .choco-smile {
			background-image: url('../images/smile/launching-slide-bg-2.png') !important;
			background-repeat: no-repeat;
		}
		.smile-bg .progress-launching .swiper-wrapper .swiper-slide .smile-strawberry {
			background-image: url('../images/smile/launching-slide-bg-22.png') !important;
			background-repeat: no-repeat;
		} */
.smile-prod-slider .swiper-bg.purple {
	background-color: #510D47;
}

.smile-prod-slider .swiper-bg.pink {
	background-color: #f37dc3;
}

.smile-prod-slider .swiper-bg.after-design.purple::after {
	background-image: url("../images/smile/smile-banner-design.png");
}

.smile-prod-slider .swiper-bg.after-design.pink::after {
	background-image: url("../images/smile/smile-banner-design.png");
}

.smile-prod-slider .banner-wrap h2,
.smile-prod-slider .banner-wrap a {
	color: #ffffff;
}

/* smile CSS End  */
/* chocolious CSS start  */
.choco-bg .progress-launching .swiper-wrapper .swiper-slide .light-desgin {
	background-image: url('../images/chocolious/launching-slide-bg-2.png') !important;
	background-repeat: no-repeat;
}

.choco-bg {
	background-color: rgba(164, 219, 232, 30%) !important;
}

.chocolious-bg .swiper-bg.light-brown {
	background-color: #DCC8B7;
}

.chocolious-bg .swiper-bg.after-design.light-brown::after {
	background-image: url("../images/chocolious/chocolicious-banner-design.png");
}

.chocolious-bg .banner-wrap h2,
.chocolious-bg .banner-wrap a {
	color: #000000;
}

/* chocolious CSS End  */
/* gluco-teddy CSS Start  */
.gluco-teddy-bg .progress-launching .swiper-wrapper .swiper-slide .gluco-teddy {
	background-image: url('../images/gluco-teddy/launching-slide-bg-3.png') !important;
	background-repeat: no-repeat;
}

.gluco-teddy-bg {
	background-color: rgba(108, 78, 169, 0.31) !important;
}

.gluco-teddy-prod-slider .swiper-bg.brown {
	background-color: #B4EDFF;
}

.gluco-teddy-prod-slider .swiper-bg.pink {
	background-color: #B4EDFF;
}

.gluco-teddy-prod-slider .swiper-bg.after-design.brown::after {
	background-image: url("../images/gluco-teddy/gluco-teddy-banner-design-purple.png");
}

.gluco-teddy-prod-slider .swiper-bg.after-design.pink::after {
	background-image: url("../images/gluco-teddy/gluco-teddy-banner-design-purple.png");
}

.gluco-teddy-prod-slider .banner-wrap h2,
.gluco-teddy-prod-slider .banner-wrap a {
	color: #000000;
}

/* gluco-teddy CSS End  */
/* sandwich CSS start  */
.sandwich-bg .progress-launching .swiper-wrapper .swiper-slide .sandwich-choco {
	background-image: url('../images/sandwich/launching-slide-brown-bg-3.png') !important;
	background-repeat: no-repeat;
}

.sandwich-bg .progress-launching .swiper-wrapper .swiper-slide .sandwich-lemon {
	background-image: url('../images/sandwich/launching-slide-yellow-bg-3.png') !important;
	background-repeat: no-repeat;
}

.sandwich-bg {
	background: #F9C82B30 !important;
}

.sandwich-prod-slider .swiper-bg.yellow {
	background-color: #F9C82B;
}

.sandwich-prod-slider .swiper-bg.red {
	background-color: #F9C82B;
}

.sandwich-prod-slider .swiper-bg.after-design.yellow::after {
	background-image: url("../images/sandwich/sandwich-banner-design-brown.png");
}

.sandwich-prod-slider .swiper-bg.after-design.red::after {
	background-image: url("../images/sandwich/sandwich-banner-design-red.png");
}

.sandwich-prod-slider .banner-wrap h2,
.sandwich-prod-slider .banner-wrap a {
	color: #000000;
}

/* sandwich CSS End  */
/* rio CSS start  */
.rio-bg .progress-launching .swiper-wrapper .swiper-slide .choco-rio {
	background-image: url('../images/rio/launching-slide-pink-bg-3.png') !important;
	background-repeat: no-repeat;
}

.rio-bg .progress-launching .swiper-wrapper .swiper-slide .rio-strawberry {
	background-image: url('../images/rio/launching-slide-brown-bg-3.png') !important;
	background-repeat: no-repeat;
}

.rio-bg {
	background: rgba(70, 175, 219, 10%) !important;
}

.rio-prod-slider .swiper-bg.brown {
	background-color: #8A2E19;
}

.rio-prod-slider .swiper-bg.pink {
	background-color: #da3571;
}

.rio-prod-slider .swiper-bg.after-design.brown::after {
	background-image: url("../images/rio/rio-banner-design-light-brown.png");
}

.rio-prod-slider .swiper-bg.after-design.pink::after {
	background-image: url("../images/rio/rio-banner-design-pink.png");
}

.rio-prod-slider .banner-wrap h2,
.rio-prod-slider .banner-wrap a {
	color: #ffffff;
}

/* rio CSS End  */
/* farmhouse CSS start  */
.farm-house-bg .progress-launching .swiper-wrapper .swiper-slide .short-bread {
	background-image: url('../images/farmhouse/launching-slide-bg-1.png') !important;
	background-repeat: no-repeat;
}

.farm-house-bg .progress-launching .swiper-wrapper .swiper-slide .coconut {
	background-image: url('../images/farmhouse/launching-slide-bg-2.png') !important;
	background-repeat: no-repeat;
}

.farm-house-bg .progress-launching .swiper-wrapper .swiper-slide .choco-chip {
	background-image: url('../images/farmhouse/launching-slide-bg-3.png') !important;
	background-repeat: no-repeat;
}

.farm-house-bg {
	background-color: rgba(255, 198, 0, 30%) !important;
}

.farmhouse-prod-slider .swiper-bg.yellow {
	background-color: #ffc600;
}

.farmhouse-prod-slider .swiper-bg.purple {
	background-color: #533E70;
}

.farmhouse-prod-slider .swiper-bg.darkbrown {
	background-color: #2f120a;
}

.farmhouse-prod-slider .swiper-bg.after-design.yellow::after {
	background-image: url("../images/farmhouse/farmhouse-banner-design.png");
}

.farmhouse-prod-slider .swiper-bg.after-design.purple::after {
	background-image: url("../images/farmhouse/farmhouse-banner-design.png");
}

.farmhouse-prod-slider .swiper-bg.after-design.darkbrown::after {
	background-image: url("../images/farmhouse/farmhouse-banner-design.png");
}

.farmhouse-prod-slider .banner-wrap h2,
.farmhouse-prod-slider .banner-wrap a {
	color: #fff;
}

.farmhouse-prod-slider .product-banner-slider .button-wrap .round-btn {
	border: 1px solid #000000;
}

.farmhouse-prod-slider .product-banner-slider .button-wrap .round-btn:after {
	filter: brightness(0);
}

/* farmhouse CSS End  */
/* wholewheat CSS start  */
.wheat-bg .progress-launching .swiper-wrapper .swiper-slide .wheat1 {
	background-image: url('../images/wholewheat/launching-slide-bg-ww-1.png') !important;
	background-repeat: no-repeat;
}

.wheat-bg .progress-launching .swiper-wrapper .swiper-slide .wheat2 {
	background: url('../images/wholewheat/launching-slide-bg-ww-2.png') !important;
	background-repeat: no-repeat !important;
}

.wheat-bg {
	background: rgba(243, 189, 39, 30%) !important;
}

.wholewheat-prod-slider .swiper-bg.yellow {
	background-color: #F3BD27;
}

.wholewheat-prod-slider .swiper-bg.yellow2 {
	background-color: #F3BD27;
}

.wholewheat-prod-slider .swiper-bg.after-design.yellow::after {
	background-image: url("../images/wholewheat/whole-banner-design-1.png");
}

.wholewheat-prod-slider .swiper-bg.after-design.yellow2::after {
	background-image: url("../images/wholewheat/whole-banner-design-2.png");
}

.wholewheat-prod-slider .banner-wrap a {
	color: #000;
}

/* wholewheat CSS End  */
.biscuits_Box,
.cakes_Box,
.all_Content_Box {
	display: none;
}

.all-prod-slider .prod-swiper-bg {
	position: relative;
	padding-top: 100px;
	height: 650px;
	margin-bottom: 200px;
}

.all-prod-slider .prod-swiper-bg.all-bg-img {
	background-image: url(../images/products/product-list-bg.png);
	background-size: cover;
	background-position: bottom;
}

.all-prod-slider .prod-swiper-bg.after-design.all-bg-img::after {
	display: none;
	background-image: url(../images/products/product-banner-desgin.png);
	mix-blend-mode: multiply;
}

.product-list {
	width: 100%;
	display: block !important;
	height: 100%;
	padding: 20px 0;
}

.product-list img {
	width: inherit;
}

.all-product {
	padding: 100px 0 100px 0px;
	position: relative;
	margin-top: -200px;
}

.all-product h3 {
	font-size: 46px;
	line-height: 52px;
	font-weight: 400;
	color: var(--grey);
	margin-bottom: 60px;
}

.recipes-tabs .tab-content {
	padding-top: 30px;
}

.top-blue-sec {
	background-color: #41b6e6;
	margin-bottom: 50px;
}

.blue-body-content {
	padding: 50px 0;
}

.blue-body-content h3 {
	color: white;
	font-size: 45px;
	line-height: 55px;
}

.pages-sec {
	margin-bottom: 100px;
}

.page-text h5 {
	font-size: 25px;
	line-height: 35px;
	color: var(--black-color);
	font-weight: 100;
	padding-bottom: 10px;
}

.page-text p {
	font-size: 20px;
	line-height: 35px;
	color: var(--black-color);
	padding-top: 3px;
}

.pages h3 {
	font-weight: 100;
	font-size: 30px;
}

.page-list {
	padding: 50px 0;
}

.page-list h5 {
	text-decoration: underline;
	font-size: 14px;
	font-weight: 100;
	padding-bottom: 30px;
}

.page-list ul {
	list-style: none;
	padding: 0;
}

.page-list ul li {
	padding: 10px 0;
}

.page-list ul li::before {
	content: "";
	background-image: url(../images/arrow.png);
	width: 25px;
	height: 11px;
	display: inline-block;
	background-repeat: no-repeat;
}

.page-list ul li a {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-weight: 100;
}

.style-1::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: #F5F5F5;
}

.style-1::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: var(--blue);
}

.explore-peek-freans {
	position: relative;
	margin: 50px 0 25px 0;
}

.parent {
	width: 100%;
	overflow-x: scroll;
	padding-bottom: 25px;
}

.child {
	cursor: grab;
	height: 100%;
}

.child img {
	height: 100%;
	object-fit: cover;
}

.heading-h3-black {
	color: var(--grey) !important;
}

#community.we-nourish h3 {
	font-size: 40px;
}

/* search  */
.search-bx {
	display: none;
	position: absolute;
	top: 70px;
	height: 95vh;
	z-index: 3;
	width: 100%;
	background: white;
	padding: 80px 0;
	-webkit-box-shadow: 0 0 1px #ced4da;
	-moz-box-shadow: 0 0 1px #ced4da;
	box-shadow: 0 0 1px #ced4da;
}

.predictive-box {
	height: 300px;
	background: var(--pastelblue);
	z-index: 10;
	position: absolute;
	width: 100%;
	overflow-y: auto;
	border: 1px solid #ced4da;
}

.predictive-box #search_result_return {
	list-style: none;
	padding: 6px 16px;
	display: inline-block;
	margin: 0;
	width: 100%;
}

#search_result_return li {
	width: 33%;
	display: inline-block;
	text-align: left;
	font-size: 12px;
	float: left;
	padding: 5px 0;
}

#search_result_return li a {
	color: var(--maintext);
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 10px 0 0;
	cursor: pointer;
}

.pos-rel {
	position: relative;
}

.srch-close-btn {
	position: absolute;
	right: 130px;
	top: 30px;
	width: 15px;
	height: 15px;
	transition: ease-in-out 0.3s;
}

.srch-close-btn img {
	filter: brightness(0);
	cursor: pointer;
}

.img-fluid,
.video-fluid {
	max-width: 100%;
}

img {
	vertical-align: middle;
	border-style: none;
}

.search-icon {
	width: 65px;
	height: 34px;
	position: absolute;
	top: 2px;
	right: 0;
	display: block;
	color: var(--bordercolor);
	font-weight: 300;
	border-left: 1px solid var(--bordercolor);
	line-height: 32px;
}

.search-icon img {
	height: 20px;
	filter: var(--iconfilter);
	transition: all 0.5s;
}

header.fixed-header nav {
	padding: 8px 0 !important;
}

/* search  */
.ebmmaker-text p {
	height: auto !important;
}

.product-banner-slider .banner-product-img img.product-img-banner {
	width: 100%;
	padding-top: 0px;
}

.vertical_Img img {
	width: 30%;
}

.contact-email-tel {
	margin-top: 172px;
}

@media all and (min-width: 951px) {}

@media all and (max-width: 1024px) {
	.menu-bar {
		flex-direction: column;
		position: fixed;
		top: 75px;
		left: -101%;
		height: 100vh;
		width: 100vw;
		max-width: 350px;
		max-width: 100%;
		overflow-x: hidden;
		/*transition: left .3s;*/
		box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
	}

	header.fixed-header .menu-bar {
		top: 72px;
	}

	/*.navbar .mega-menu--multiLevel {display: flex; flex-direction: column; background: var(--white); position: absolute; left: -101%; top: 0; max-height: 100vh; width: 100%; transition: left .3s; visibility: visible !important; height: auto !important;}*/
	.mega-menu-content {
		padding: 20px 25px;
	}

	.navbar.active ul.menu-bar {
		left: 0;
	}
}

@media all and (max-width: 991px) and (hover: none) {
	.navbar.active ul.menu-bar {
		left: 0;
	}

	.mega-menu--multiLevel.active {
		left: 0;
	}
}

@keyframes dropdown {
	0% {
		opacity: 0;
		transform: scaleY(0);
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: scaleY(1);
	}
}

@keyframes flyout {
	0% {
		opacity: 0;
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
		-moz-transform: scaleX(0);
		-ms-transform: scaleX(0);
		-o-transform: scaleX(0);
	}

	100% {
		opacity: 1;
		transform: scaleX(1);
	}
}

.dropdown {
	float: left;
	overflow: hidden;
	position: initial;
}

.dropdown .dropbtn {
	border: none;
	outline: none;
}

.navbar a:hover,
.dropdown:hover .dropbtn,
.dropdown:hover .dropbtn i {
	background: none;
	color: rgba(68, 191, 236, 1);
}

.dropdown-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: rgba(230, 245, 253, 1);
	width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.mobile-nav {
	margin: 0;
	width: 100%;
	position: relative;
}

.mobile-nav.hamburger-menu,
.mobile-nav.search-menu {
	padding: 0 5px;
	cursor: pointer;
}

.mobile-nav .navbar {
	width: 100%;
	padding-block: 0;
}

.mobile-nav .navbar .menu-bar {
	background-color: var(--blue);
	padding: 20px 35px 0;
}

.mobile-nav .navbar .menu-bar li {
	list-style-type: none;
	padding: 15px 0;
}

.mobile-nav .navbar .menu-bar li a,
.mobile-nav .navbar .menu-bar li button {
	font-family: 'Euclid Circular A';
	font-size: 20px;
	color: var(--white);
	text-decoration: none;
	display: block;
	background: transparent;
	outline: none;
	box-shadow: none;
	border: none;
	width: 100%;
	text-align: start;
	padding: 0;
}

.mobile-nav .navbar .menu-bar li a span.round-btn.white,
.mobile-nav .navbar .menu-bar li button span.round-btn.white {
	float: right;
}

.mobile-nav .navbar .menu-bar li a:hover span.round-btn.white,
.mobile-nav .navbar .menu-bar li button:hover span.round-btn.white {
	float: right;
	background-color: var(--white);
}

.mobile-nav .navbar .menu-bar li a:hover span.round-btn.white,
.mobile-nav .navbar .menu-bar li button:hover span.round-btn.white {
	background-color: var(--white);
	border: 1px solid var(--white);
}

.mobile-nav .navbar .menu-bar li a:hover span.round-btn.white:after,
.mobile-nav .navbar .menu-bar li button:hover span.round-btn.white:after {
	background-image: url('../images/right-arrow-blue.png');
}

.mobile-nav .navbar .menu-bar li a span.arrow-left-ring,
.mobile-nav .navbar .menu-bar li button span.arrow-left-ring {
	float: right;
	background-color: var(--midblue);
}

/*
#nav-icon2 {width: 60px; height: 45px; position: relative; margin: -50px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon2 span {display: block; position: absolute; height: 9px; width: 50%; background: var(--blue); opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon2 span:nth-child(even) {left: 50%; border-radius: 0 9px 9px 0;}
#nav-icon2 span:nth-child(odd) {left:0px; border-radius: 9px 0 0 9px;}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top: 0px;}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 18px;}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 36px;}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon2.open span:nth-child(1) {left: 5px; top: 7px;}
#nav-icon2.open span:nth-child(2) {left: calc(50% - 5px); top: 7px;}
#nav-icon2.open span:nth-child(3) {left: -50%; opacity: 0;}
#nav-icon2.open span:nth-child(4) {left: 100%; opacity: 0;}
#nav-icon2.open span:nth-child(5) {left: 5px; top: 29px;}
#nav-icon2.open span:nth-child(6) {left: calc(50% - 5px); top: 29px;}
*/
.breadcrumb {
	margin-bottom: 0;
	background-color: #ffffff;
}

.back-btn i {
	margin-right: 10px;
}

/* header */
/* slider */
.slider {
	background: var(--purple);
	height: 857px;
	line-height: 100px;
	text-align: center;
	display: flex;
	align-items: center;
}

.main-banner-slider {
	width: 100%;
	height: 100%;
}

.main-banner-slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.main-banner-slider .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.main-banner-slider .swiper-slide h2,
.slider h2 {
	font-size: 104px;
	line-height: 104px;
	margin: 0 auto;
}

/* slider */
/* we-nourish */
.we-nourish {
	padding: 100px 0 !important;
	transition: all 1s;
}

.nourish {
	background: rgba(253, 235, 216, 1);
}

.we-nourish img {
	max-height: 550px;
}

.we-nourish h3 {
	font-family: 'Euclid Circular A';
	font-size: 74px;
	line-height: 85px;
	font-weight: 500;
	color: var(--grey);
	margin-bottom: 40px;
	width: 100%;
}

.we-nourish p {
	font-family: 'Euclid Circular A';
	font-size: 20px;
	line-height: 35px;
	color: rgba(75, 71, 71, 1);
	margin-bottom: 25px;
	font-weight: 300;
	width: 85%;
}

/* we-nourish */
/* about-EBM */
.about-EBM {
	padding: 150px 0 0 0;
	position: relative;
	z-index: 10;
}

.about-EBM.home {
	overflow-x: hidden;
}

.about-EBM h3,
.about-EBM h2 {
	/* max-width: 535px; */
	font-family: 'Euclid Circular A';
	font-size: 74px;
	line-height: 85px;
	font-weight: 500;
	color: var(--grey);
	margin-bottom: 70px;
}

.csr-about .about-EBM {
	padding: 0px 0 0 0 !important;
}

.csr-about .about-EBM h3,
.csr-about .about-EBM h2 {
	max-width: 100%;
}

.about-EBM p {
	max-width: 605px;
	font-family: 'Euclid Circular A';
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: rgba(75, 71, 71, 1);
	margin-bottom: 25px;
}

.about-EBM .btn {
	margin-top: 50px;
}

.about-EBM .product-wrap .btn {
	margin-top: 0px !important;
}

.products-box.peek_Fr_Products {
	margin-top: -495px;
}

.products-box {
	/* max-height: 950px; */
	margin-top: -315px;
	/* margin-inline: -2rem;
	padding-block: 50px;
	padding-inline: 130px; */
	padding: 55px 50px;
	/* min-height: 750px; */
	background: var(--white);
	/*border: 1px solid #707070;*/
	border-radius: 5px;
	box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.products-box h4 {
	font-family: 'Euclid Circular A';
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--grey);
}

.progress-products .swiper-wrapper {
	height: auto;
	padding-bottom: 3rem;
}

/* about-EBM */
/* csr-EBM */
.csr-EBM {
	padding: 710px 0 320px !important;
	margin-top: -565px;
	transition: all 1s;
	position: relative;
}

.csr {
	background: rgba(210, 251, 241, 1);
	position: relative;
}

.csr-EBM h3 {
	font-family: 'Euclid Circular A';
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--grey);
	margin-bottom: 37px;
}

.csr-EBM p {
	margin-bottom: 25px;
	line-height: 35px;
	font-weight: 300;
}

/* csr-EBM */
/* community */
.community {
	background: var(--white);
	padding: 100px 0 !important;
}

.community img {}

.community h3 {
	font-family: 'Euclid Circular A';
	font-size: 65px;
	line-height: 80px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 70px;
	margin-top: 90px;
}

.community p {
	margin-bottom: 25px;
	line-height: 35px;
	font-weight: 300;
}

/* community */
/* next step */
.next-step {
	transition: all 1s;
	background-color: #a4dbe8;
	overflow: hidden;
	position: relative;
	background-image: url(/assets/images/be-a-part-header.png);
	background-size: cover !important;
}

/*.next {background-image: url('../images/sec-bg-element-blue.png');}*/
.right-pic {
	/*background-image: url('../images/-sec-bg-element-blue.png');
	background-position: -80% 40%;
	background-repeat: no-repeat;
	background-size: 80%;*/
	padding: 65px 0;
}

.peekfr-yoi-sec.next-step h3 {
	color: var(--grey);
}

.next-step h3 {
	font-family: 'Euclid Circular A';
	font-size: 74px;
	line-height: 85px;
	font-weight: 500;
	color: var(--white);
	margin-bottom: 34px;
	margin-top: 34px;
}

.peekfr-yoi-sec.next-step p {
	color: var(--grey);
}

.next-step p {
	margin-bottom: 50px;
	color: var(--white);
	font-size: 30px;
	line-height: 45px;
	font-weight: 300;
}

.next-step a {
	font-weight: 500;
}

/* next step */
/* back to top */
.backtotop {
	box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
	position: relative;
	padding: 30px 0 !important;
}

.backtotop a {
	font-family: 'Euclid Circular A';
	font-size: 27px;
	line-height: 49px;
	font-weight: 300;
	color: var(--grey);
	text-align: center;
	text-decoration: none;
}

.backtotop span.back-to-top-btn {
	position: absolute;
	left: 0;
	top: -80px;
}

.backtotop span.back-to-top-btn a {
	width: 107px;
	height: 107px;
	background: var(--white) url(../images/back-to-top-arrow.png) center center no-repeat;
	background-size: 40%;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.17);
}

.backtotop span.back-to-top-btn a:hover {
	background: var(--blue) url(../images/back-to-top-arrow-hover.png) center center no-repeat;
}

/* back to top */
/* footer */
footer {
	/* padding: 5rem 0 10rem !important; */
	padding: 5rem 0 2rem !important;
	transition: all 0.5s;
	background-color: var(--blue) !important;
	position: relative;
	overflow: hidden;
}

/* footer:after {
	content: "";
	background-image: url(../images/webp/foot-bg.svg);
	background-position: right center;
	background-repeat: no-repeat;
	transition: all 0.5s;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	/* right: -30%; *
	right: -10%;
	z-index: -1;
} */
footer.footer-img:after {
	top: 0;
	right: 0;
}

.footer-desk {
	background-color: var(--blue) !important;
}

.footer-mob {
	background: var(--blue) !important;
}

footer a {
	text-decoration: none;
}

.foot-logo {
	font-size: 48px;
}

.foot-address {
	font-family: 'Euclid Circular A';
}

.foot-address h4 {
	font-size: 20px;
	line-height: 37px;
	font-weight: 300;
	color: var(--white);
}

.foot-address p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
	color: var(--white);
}

.foot-address p a {
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
	color: var(--white);
}

.foot-address p a:hover {
	text-decoration: underline;
}

.foot-search {
	margin: 15px 0 35px;
}

.foot-search i {
	color: var(--white);
	vertical-align: middle;
}

.foot-search input {
	background: none;
	border: none;
	box-shadow: none;
	font-size: 15px;
	color: var(--white);
	outline: none;
}

.foot-search input::placeholder {
	color: var(--white);
	opacity: 1;
}

.foot-search input:-ms-input-placeholder {
	color: var(--white);
}

.foot-search input::-ms-input-placeholder {
	color: var(--white);
}

.foot-links {
	font-family: 'Euclid Circular A';
}

.foot-links h4 {
	font-size: 18px;
	line-height: 35px;
	font-weight: 300;
	color: var(--white);
}

.foot-links ul {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.foot-links ul li {
	list-style-type: none;
	padding: 5px 0;
}

.foot-links ul li a {
	font-size: 18px;
	line-height: 35px;
	font-weight: 300;
	color: var(--white);
	text-decoration: none;
}

.foot-links ul li a:hover {
	text-decoration: underline;
}

.foot-links ul.social li {
	display: inline-block;
	padding-right: 22px;
}

.foot-logo {
	margin-bottom: 40px;
	display: inline-block;
}

.foot-copyright p {
	font-size: 15px;
	color: var(--lightblue);
}

.foot-copyright p a {
	font-size: 12px;
	color: var(--lightblue);
}

.foot-copyright p a:hover {
	text-decoration: underline;
}

/* footer */
@media(max-width:576px) {
	.all-product h3 {
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 30px;
	}

	.all-product {
		padding: 50px 0 50px 0px;
		margin-top: 0px;
	}

	/* mobile slider */
	.all-prod-slider .prod-swiper-bg.after-design.all-bg-img::after {
		background-size: cover;
		width: 100%;
		top: 0%;
		z-index: 1;
	}

	.all-prod-slider .prod-swiper-bg {
		height: 600px;
		margin-bottom: 0;
	}

	.prod-swiper-bg.after-design.all-bg-img {
		padding-top: 100px;
	}

	/* mobile slider */
	/* header {
		padding-top: 83px;
	} */
	/* body.product header {
		padding-top: 97px;
	} */
	header.fixed-header {}

	header nav {
		padding: 17px 0 !important;
	}

	header.fixed-header nav {
		padding: 17px 0 !important;
	}

	.logo {
		font-size: 26px;
		margin-top: -8px;
	}

	.ebm-logo-line {
		font-size: 16px;
	}

	.logo-sep {
		font-size: 18px;
		margin: 0 0.5rem;
	}

	.logo-text {
		font-size: 13px;
	}

	.bg-element-green {
		background-image: none !important;
	}
}

@media(min-width:576px) {

	/* .container {
	   max-width: 540px
	} */
	/* header {
		padding-top: 97px;
	} */
	header.fixed-header {}

	/* header nav {
		padding: 30px 0 10px !important;
	} */
	header.fixed-header nav {
		padding: 5.5px 0 !important;
		/*16px 0 0*/
	}
}

@media(min-width:768px) {

	/* .banner-product-img img.product-img-banner {
		width: 100%;
	} */
	/* .container {
	   max-width: 720px
	} */
	/* header {
		padding-top: 97px;
	} */
	/* body.product header {
		padding-top: 141px;
	} */
	header.fixed-header {}

	/* header nav {
		padding: 30px 0 10px !important;
	} */
	header.fixed-header nav {
		padding: 5.5px 0 !important;
		/*16px 0 0*/
	}
}

@media(min-width:992px) {
	/* .container {
	   max-width: 960px
	} */
}

@media(min-width:1200px) {
	/* .container {
	   max-width: 1140px
	} */
}

@media (min-width:1200px) and (max-width:1280px) {
	.progress-products .button-wrap {
		top: 20px;
	}
}

/* Progress Bar Swiper CSS */
.product-wrap img {
	margin-bottom: 45px;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
	overflow: hidden;
}

.product-wrap h5 {
	font-size: 30px;
	line-height: 40px;
	color: var(--grey);
	font-weight: 500;
	font-family: 'Euclid Circular A';
	margin-bottom: 32px;
}

.peekfr-progress-products .product-wrap h5 {
	margin-bottom: 21px;
	height: 80px !important;
}

.peekfr-progress-products .product-wrap p {
	height: 70px;
	font-size: 20px;
	line-height: 35px;
}

.product-wrap h5 span {
	font-size: 24px;
	line-height: 32px;
	color: var(--grey);
	font-weight: 400;
	font-family: 'Euclid Circular A';
	display: block;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.product-wrap p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: var(--grey);
	font-family: 'Euclid Circular A';
	height: 166px;
	overflow: hidden;
}

/* .product-wrap a {
	font-size: 19px;
	line-height: 23px;
	color: var(--blue);
	font-weight: 400;
	font-family: 'Euclid Circular A';
	text-decoration: none;
}
.product-wrap a:hover {
	text-decoration: underline;
} */
.progress-products {
	padding: 20px 0;
}

.progress-highlights,
.progress-productslist {
	padding: 60px 0 50px 0;
}

.csr-about .progress-highlights,
.csr-about .progress-productslist {
	padding: 60px 0 60px 0;
}

.progress-highlights .swiper-slide {
	max-height: 700px;
}

.csr-EBM .progress-highlights .swiper-slide img {
	max-height: 700px;
	object-fit: cover;
	width: 100%;
}

.progress-inspire,
.progress-launching {
	padding: 0;
}

.progress-products .button-wrap,
.hist_Products .button-wrap {
	width: 20%;
	max-width: 115px;
	position: relative;
	top: 24px;
	height: 38px;
	display: block !important;
}

.progress-highlights .button-wrap,
.progress-productslist .button-wrap {
	width: 20%;
	max-width: 115px;
	position: relative;
	top: 60px;
	height: 38px;
	display: block !important;
}

.csr-about .progress-highlights .button-wrap {
	top: 70px !important;
	width: 25% !important;
}

.progress-inspire .button-wrap {
	width: 20%;
	max-width: 115px;
	position: relative;
	top: -78px;
	right: 71px;
	height: 38px;
	display: block !important;
}

.progress-launching .button-wrap {
	width: 20%;
	max-width: 115px;
	position: relative;
	top: -78px;
	right: 71px;
	height: 38px;
	display: block;
}

.progress-highlights .button-wrap {
	float: left;
}

.progress-products .button-wrap,
.hist_Products .button-wrap,
.progress-inspire .button-wrap,
.progress-launching .button-wrap,
.progress-productslist .button-wrap {
	float: right;
}

.progress-products .swiper-button-next,
.progress-products .swiper-button-prev,
.hist_Products .swiper-button-next,
.hist_Products .swiper-button-prev,
.progress-launching .swiper-button-next,
.progress-launching .swiper-button-prev,
.progress-inspire .swiper-button-next,
.progress-inspire .swiper-button-prev,
.progress-highlights .swiper-button-next,
.progress-highlights .swiper-button-prev,
.progress-productslist .swiper-button-next,
.progress-productslist .swiper-button-prev {
	position: absolute;
	top: 0px;
	width: 49px;
	height: 49px;
}

.progress-highlights .swiper-button-prev,
.progress-products .swiper-button-prev,
.hist_Products .swiper-button-prev,
.progress-launching .swiper-button-prev,
.progress-inspire .swiper-button-prev,
.progress-productslist .swiper-button-prev {
	left: 0 !important;
	right: auto !important;
}

.progress-highlights .swiper-button-next,
.progress-products .swiper-button-next,
.hist_Products .swiper-button-next,
.progress-launching .swiper-button-next,
.progress-inspire .swiper-button-next,
.progress-productslist .swiper-button-next {
	left: auto !important;
	right: 0px !important;
}

.progress-products .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.hist_Products .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.progress-launching .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.progress-inspire .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.progress-productslist .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.progress-highlights .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--blue) !important;
}

.progress-products .swiper-pagination-progressbar,
.hist_Products .swiper-pagination-progressbar,
.progress-launching .swiper-pagination-progressbar,
.progress-inspire .swiper-pagination-progressbar,
.progress-productslist .swiper-pagination-progressbar {
	width: calc(80% - 0px) !important;
	height: 11px;
	bottom: 22px !important;
	top: initial !important;
	border-radius: 20px;
	overflow: hidden;
}

.progress-highlights .swiper-pagination-progressbar {
	width: calc(75% - 0px) !important;
	height: 8px;
	bottom: 22px !important;
	top: initial !important;
	border-radius: 20px;
	overflow: hidden;
	float: right;
	right: 30px;
	left: initial !important;
}

.bg-element-green:after {
	content: "";
	background-image: url('../images/webp/curve.webp');
	background-position: 0px 424px;
	background-repeat: no-repeat;
	background-size: 1500px;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	position: absolute;
	left: -45%;
	top: -30%;
	width: 100%;
	height: 100%;
	z-index: 9;
	transform: rotate(-70deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom left;
}

.csr-img.bg-element-green:after {
	/*background-position: 100% 7%;
	background-size: 55%;*/
	left: 0%;
	top: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bg-element-green:before {
	content: "";
	/*	background-image: url('../images/tree-hand.webp');*/
	background-position: -130px 495px;
	background-repeat: no-repeat;
	background-size: 750px;
	animation: 1s ease-out 0s 1 slideInFromLeft;
	position: absolute;
	left: -40%;
	top: 4%;
	width: 100%;
	height: 100%;
	z-index: 10;
	animation: rotateGrain 4s linear infinite;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom center;
	opacity: 0;
}

.csr-img.bg-element-green:before {
	content: "";
	background-image: url('../images/webp/tree-hand-2.webp');
	background-position: 0px 455px !important;
	background-repeat: no-repeat;
	background-size: 900px;
	left: -40px;
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	display: block;
}

@keyframes slideInFromLeft {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes rotateGrain {
	0% {
		transform: rotate(0deg);
		background-position: -130px 495px;
	}

	50% {
		transform: rotate(0.5deg);
		background-position: -130px 495px;
	}

	100% {
		transform: rotate(0deg);
		background-position: -130px 495px;
	}
}

.bg-element-blue {
	background-position: -80% 40%;
	background-repeat: no-repeat;
	background-size: 75%;
}

.bg-element-yellow:after {
	content: "";
	background-image: url('../images/webp/sec-bg-element-yellow.webp');
	background-position: 100% 7%;
	background-repeat: no-repeat;
	background-size: 55%;
	position: absolute;
	right: -51%;
	top: -25%;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: rotate(30deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom right;
}

.ebm.bg-element-yellow:after {
	/* background-position: 880px -20px; */
	background-size: 55%;
	right: 0%;
	top: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.about-opc {
	opacity: 0;
	transition: all 0.5s;
}

.about {
	opacity: 1 !important;
}

@media (min-width:767px) and (max-width:1024px) {
	.bg-element-yellow {
		background-position: -33% 44% !important;
		background-size: 120% !important;
	}

	.change-nav-bx ul li {
		font-size: 35px;
		line-height: 35px;
		margin: 21.2px 0;
	}

	.ebmmaker-text {
		padding-bottom: 50px;
	}
}

.cus-width {
	width: calc(100% - 0px);
}

.desktop-view {
	display: block;
}

.mobile-view {
	display: none;
}

@media (min-width:320px) and (max-width:1024px) {
	.desktop-view {
		display: none !important;
	}

	.mobile-view {
		display: block !important;
	}

	.progress-highlights .swiper-pagination-progressbar {
		width: calc(60% - 0px) !important;
	}

	.progress-highlights .button-wrap {
		float: left;
	}

	footer {
		background-image: none;
	}

	nav .nav li a i {
		font-size: 20px;
		padding-right: 10px;
	}

	.change-nav-bx ul li {
		font-size: 18px;
		line-height: 18px;
		margin: 8.5px 0;
	}

	.change-nav-bx ul {
		padding: 9px 20px;
	}

	.mega-menu {
		left: 101%;
	}
}

/* Temporary css */
.main-banner-slider .swiper-button-next,
.swiper-button-prev {
	color: #ffffff !important;
}

.main-banner-slider .swiper-pagination-bullet {
	background: #fff !important;
}

/* contact page css */
.bg-contact-blue:after {
	content: "";
	background-image: url(../images/contact-top-bg.png);
	background-position: 900px -700px;
	background-size: 150%;
	background-repeat: no-repeat;
	position: absolute;
	right: 0%;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: rotate(90deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom right;
}

.ebm.bg-contact-blue:after {
	background-size: 150%;
	transform: rotate(0deg);
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.contact-EBM {
	padding: 250px 0 100px 0 !important;
}

.contact-EBM h5 {
	font-family: 'Euclid Circular A';
	font-size: 22px;
	line-height: 22px;
	font-weight: 400;
	color: var(--midblue);
}

.contact-EBM p {
	color: var(--blue) !important;
}

.contact-EBM p a {
	color: var(--blue) !important;
	text-decoration: none;
}

.contact-EBM p a:hover {
	text-decoration: underline;
}

.map-box {
	width: 100%;
	height: 795px;
	display: block;
	background: url('../images/contact-map.jpg') no-repeat;
	margin: 80px 0;
}

.map-box iframe {
	width: 100%;
	height: 100%;
}

.contact-social h3 {
	font-size: 50px;
	line-height: 102px;
	font-weight: 500;
	color: var(--blue);
}

.contact-social h3.sub {
	margin-top: 40px;
	line-height: 70px;
}

.contact-social p {
	font-size: 22px;
	line-height: 40px;
	font-weight: 300;
	color: #525050 !important;
}

.contact-social ul {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.contact-social ul li {
	list-style-type: none;
	padding: 5px 0;
	display: inline-block;
	padding-right: 30px;
}

.contact-social ul li a {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: var(--blue);
	text-decoration: none;
}

.contact-social ul li a:hover {
	text-decoration: underline;
	color: var(--white);
}

.contact-social ul li a img {
	fill: var(--blue);
	filter: invert(16%) sepia(93%) saturate(979%) hue-rotate(217deg) brightness(98%) contrast(92%);
	/*filter: invert(87%) sepia(24%) saturate(336%) hue-rotate(155deg) brightness(93%) contrast(93%);*/
	width: auto !important;
	height: auto !important;
	margin: auto !important;
}

.contact-social ul li a:hover img {
	fill: var(--white);
	filter: invert(60%) sepia(71%) saturate(514%) hue-rotate(163deg) brightness(95%) contrast(89%);
	/*filter: invert(100%) sepia(0%) saturate(1556%) hue-rotate(285deg) brightness(115%) contrast(100%);*/
}

.contact-address h3 {
	font-size: 22px;
	line-height: 40px;
	font-weight: 400;
	color: #525050;
	margin: 40px 0 0;
}

.contact-address p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #525050 !important;
}

.contact-email-tel h3 {
	font-size: 22px;
	line-height: 40px;
	font-weight: 400;
	color: #525050;
	margin: 40px 0 0;
}

.contact-email-tel h4 {
	font-size: 22px;
	line-height: 40px;
	font-weight: 400;
	color: #525050;
	margin: 0;
}

.contact-email-tel p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #525050 !important;
	margin: 0;
}

.contact-email-tel p a {
	color: #525050 !important;
}

.contact-email-tel p a:hover {
	color: #525050 !important;
}

.address-EBM {
	padding: 100px 0 !important;
}

@media (min-width: 992px) {
	.pe-lg-15 {
		padding-right: 15rem !important;
	}
}

/* recipe css */
.recipe-slider {
	height: 903px;
	padding: 100px 0 !important;
	position: relative;
	overflow: hidden;
}

.recipe-slider h5 {
	font-size: 46px;
	line-height: 76px;
	font-weight: 500;
	color: #E0221C;
	width: 85%;
}

.recipe-slider h3 {
	font-size: 74px;
	line-height: 84px;
	font-weight: 500;
	color: var(--grey);
	width: 85%;
	margin-bottom: 50px;
}

.recipe-slider p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #4B4747;
	width: 75%;
}

.recipe-slider:after {
	content: "";
	/*background-image: url(../images/recipe-red-bg.png);*/
	background-position: 980px -785px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: rotate(-40deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: top right;
}

.recipe-slider.show:after {
	background-position: 980px -785px;
	background-size: 100%;
	right: 0%;
	top: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.recipe-slider:before {
	content: "";
	/*background-image: url(../images/recipe-side-img-n.png);*/
	background-position: right -350px;
	background-repeat: no-repeat;
	background-size: 75%;
	position: absolute;
	right: -27%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 0;
	transform: rotate(-40deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom right;
}

.recipe-slider.show:before {
	background-position: right 90px;
	background-size: auto;
	right: 50px;
	top: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	/* animation: MoveUpDown 4s linear infinite; */
}

#recipes-slider.recipe-slider.show:after {
	content: none;
}

#recipes-slider.recipe-slider.show:before {
	content: none;
}

@keyframes MoveUpDown {

	0%,
	100% {
		top: 0;
		background-size: 75%;
	}

	50% {
		top: 0;
		/*30px*/
		background-size: 77%;
	}
}

.creation {
	padding: 100px 0 !important;
	transition: all 1s;
}

.creation.show {
	background-color: #FDEBD8;
}

.creation h3 {
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 50px;
}

.creation p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: var(--blue);
	margin-bottom: 80px;
}

.creation figure {
	position: relative;
}

.creation figure img {
	border-radius: 14px;
}

.creation figure .btn {
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, 0%);
	margin: 0 auto;
	width: 60%;
	padding: 18px 12px;
	font-size: 16px;
	line-height: 16px;
}

.recipes {
	padding: 100px 0 100px !important;
	transition: all 1s;
}

.recipes h3 {
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--grey);
	margin-bottom: 40px;
}

.recipes-tabs {}

.recipes-tabs .nav {
	margin-bottom: 80px;
}

.recipes-tabs .nav li.nav-item {}

.recipes-tabs .nav li.nav-item:not(:last-child):after {
	content: "|";
	padding: 0px 25px;
	display: inline-block;
	float: left;
	color: var(--blue);
	font-size: 25px;
	line-height: 28px;
	font-weight: 300;
}

.recipes-tabs .nav li.nav-item button.nav-link {
	background: none;
	border: none;
	color: var(--grey);
	float: left;
	font-size: 25px;
	line-height: 28px;
	font-weight: 300;
	padding: 0;
}

.recipes-tabs .nav li.nav-item button.nav-link.active {
	color: var(--blue);
}

.recipes-tabs .tab-content {}

.recipes.pk .recipes-tabs .nav {
	margin-bottom: 90px;
}

.recipe-list-box {
	font-family: 'Euclid Circular A';
}

.recipe-list-box img {
	margin-bottom: 25px;
	border-radius: 10px;
}

.recipe-list-box h5,
.product-wrap h5 {
	font-size: 30px;
	line-height: 40px;
	color: var(--grey);
	font-weight: 500;
	margin-bottom: 15px;
	overflow: hidden;
	height: 80px;
}

.recipe-list-box p {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: var(--grey);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	min-height: 90px;
}

.recipe-list-box a.btn::after {
	filter: brightness(10);
	/* font-size: 19px;
	line-height: 23px;
	color: var(--blue);
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	margin-top: 50px;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out; */
}

.recipe-list-box a:after {
	content: "";
	background: url('../images/recipe-btn-arrow.png') no-repeat;
	width: 29px;
	height: 29px;
	display: inline-block;
	margin: 0px 0px 0px 10px;
	vertical-align: middle;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.recipe-list-box a:hover {
	text-decoration: none;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.recipe-list-box a:hover::after {
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	filter: brightness(1);
}

.g-6,
.gx-6 {
	--bs-gutter-x: 7rem;
}

.g-7,
.gy-7 {
	--bs-gutter-y: 7rem;
}

.ms-12 {
	margin-left: 17rem !important;
}

.load-more {
	background: var(--white);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	margin-top: 110px;
}

.load-more a {
	font-size: 20px;
	line-height: 54px;
	font-weight: 300;
	color: var(--blue);
	text-decoration: none;
}

.peekfr-yoi-sec.about-next-step {
	background-position: top center;
	background-size: cover;
}

.load-more a:hover {
	color: var(--midblue);
}

.intro {
	padding: 100px 0 !important;
	transition: all 1s;
}

.intro.show {
	background-color: #B45B8F;
}

.intro h3 {
	font-size: 65px;
	line-height: 80px;
	font-weight: 400;
	color: var(--grey);
	margin-bottom: 50px;
}

.intro p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: var(--blue);
}

.intro figure {
	position: relative;
}

.intro figure img {
	border-radius: 0 25px 0 0;
	width: 560px;
	height: 450px;
	object-fit: cover;
}

.intro.show h3 {
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--white);
	margin-bottom: 50px;
}

.intro.show p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: var(--white);
}

.intro.show figure {
	position: relative;
}

.intro.show figure img {
	border-radius: 0 25px 0 0;
	width: 560px;
	height: 450px;
	object-fit: cover;
}

.spread-joy {
	padding: 165px 0 490px !important;
	transition: all 1s;
	position: relative;
	background-color: #e3d7b34a;
}

.spread-joy h3 {
	font-size: 74px;
	line-height: 85px;
	color: var(--grey);
	font-weight: 500;
	margin-bottom: 35px;
}

.spread-joy p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #4B4747;
}

.spread-joy .desktop-view p {
	width: 90%;
}

.spread-joy a {
	font-size: 29px;
	line-height: 33px;
	color: var(--blue);
	font-weight: 400;
	text-decoration: none;
	display: inline-block;
	margin-top: 85px;
}

.spread-joy a:after {
	content: "";
	background: url('../images/recipe-btn-arrow.png') no-repeat;
	width: 29px;
	height: 29px;
	display: inline-block;
	margin: 0 20px;
	vertical-align: middle;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.spread-joy a:hover {
	text-decoration: none;
}

.spread-joy a:hover::after {
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
}

.spread-joy:after {
	content: "";
	background-image: url(../images/recipe-spread-bg.png);
	background-position: left 80px;
	background-repeat: no-repeat;
	background-size: 51%;
	position: absolute;
	left: -35%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: rotate(-40deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom left;
}

.spread-joy.show:after {
	background-position: left 80px;
	background-size: 51%;
	left: 0;
	top: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.spread-joy:before {
	content: "";
	background-image: url(../images/recipe-spread-pf.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 65%;
	position: absolute;
	left: -55%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	transform-origin: bottom left;
}

.spread-joy.show:before {
	background-position: left bottom;
	background-size: 75%;
	left: 0%;
	top: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	animation: zoomInOut 4s linear infinite;
}

@keyframes zoomInOut {

	0%,
	100% {
		top: 0;
		background-size: 75%;
	}

	50% {
		top: 0;
		/*30px*/
		background-size: 77%;
	}
}

/* recipe css */
/* recipe inner css */
.recipe-inner-detail {
	padding: 100px 0 !important;
	position: relative;
}

.recipe-inner-detail .distort-img {
	margin-bottom: -90px;
	padding-left: 130px;
}

.recipe-inner-detail .distort-img img {
	width: 710px;
}

.recipe-inner-detail h3 {
	font-size: 65px;
	line-height: 140px;
	font-weight: 400;
	color: var(--blue);
	padding: 0 60px;
}

.recipe-inner-detail p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #4B4747;
	padding-inline: 30rem;
	padding-block: 2rem;
}

.recipe-inner-detail .product-img {
	padding-inline: 12rem;
	padding-top: 3rem;
}

.recipe-inner-detail .distort-img img {
	width: 710px;
}

.recipe-inner-detail:after {
	content: "";
	background-image: url('../images/recipe-inner-top-pink.svg');
	background-position: 70% -1940px;
	background-repeat: no-repeat;
	background-size: 200%;
	position: absolute;
	right: 0%;
	top: -80%;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: rotate(-100deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: top left;
}

.recipe-inner-detail.show:after {
	background-position: -1390px -2190px;
	background-size: 4050px;
	right: 0%;
	top: 0;
	transform: rotate(0deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.ingrediants {
	padding: 400px 0 100px !important;
	transition: all 1s;
	margin-top: -400px;
}

.ingrediants.show {
	background-color: rgba(225, 61, 127, .08);
}

.ingrediants .recipe-detail-left-panel h3 {
	font-size: 65px;
	line-height: 140px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 50px;
}

.ingrediants .recipe-detail-left-panel p {
	font-size: 22px;
	line-height: 40px;
	font-weight: 300;
	color: #525050;
	margin-bottom: 50px;
}

.ingrediants .recipe-detail-left-panel figure {
	position: relative;
	margin-block: 70px;
}

.ingrediants .recipe-detail-left-panel figure img {
	border-radius: 14px;
}

.ingrediants .recipe-detail-left-panel .share-box {}

.ingrediants .recipe-detail-left-panel .share-box h5 {
	font-size: 22px;
	line-height: 40px;
	font-weight: 300;
	color: #525050;
}

.ingrediants .recipe-detail-left-panel .share-box ul {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.ingrediants .recipe-detail-left-panel .share-box ul li {
	list-style-type: none;
	padding: 5px 0;
	display: inline-block;
	padding-right: 30px;
}

.ingrediants .recipe-detail-left-panel .share-box ul li a {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: var(--blue);
	text-decoration: none;
}

.ingrediants .recipe-detail-left-panel .share-box ul li a figure {
	position: relative;
	margin-block: 0px;
}

.ingrediants .recipe-detail-left-panel .share-box ul li a:hover {
	text-decoration: underline;
	color: var(--white);
}

.ingrediants .recipe-detail-left-panel .share-box ul li a img {
	fill: var(--blue);
	filter: invert(16%) sepia(93%) saturate(979%) hue-rotate(217deg) brightness(98%) contrast(92%);
	border-radius: 0;
}

.ingrediants .recipe-detail-left-panel .share-box ul li a:hover img {
	fill: var(--white);
	filter: invert(60%) sepia(71%) saturate(514%) hue-rotate(163deg) brightness(95%) contrast(89%);
}

.ingrediants .recipe-detail-right-panel h3 {
	font-size: 65px;
	line-height: 140px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 50px;
}

.ingrediants .recipe-detail-right-panel p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #525050;
	margin-bottom: 50px;
}

.share-recipe-box {
	margin-top: 80px;
	margin-bottom: -370px;
	/*min-height: 700px;*/
	background: var(--white);
	border-radius: 5px;
	box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
	padding: 70px 100px;
}

.share-recipe-box h4 {
	font-size: 48px;
	line-height: 61px;
	font-weight: 500;
	color: var(--blue);
}

.share-recipe-box .product-wrap img {
	margin-bottom: 35px;
	width: 100%;
	object-fit: cover;
	max-height: 220px;
}

.share-recipe-box .product-wrap h5 {
	font-size: 26px;
	line-height: 40px;
	color: var(--midblue);
	font-weight: 500;
	margin-bottom: 20px;
}

.share-recipe-box .product-wrap p {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: var(--grey);
}

.newest-recipe {
	padding: 280px 0 100px !important;
	transition: all 1s;
}

.newest-recipe.show {
	background-color: #E67F2D;
}

.newest-recipe-row {
	padding: 0 6rem;
}

.newest-recipe h3 {
	font-size: 50px;
	line-height: 61px;
	font-weight: 400;
	color: var(--blue);
	margin-block: 100px;
	text-align: center;
}

.newest-recipe figure {
	position: relative;
}

.newest-recipe figure img {
	border-radius: 20px;
}

.newest-recipe figure .btn {
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, 0%);
	margin: 0 auto;
}

.newest-recipe.show h3 {
	color: var(--white);
}

.ingrediants .recipe-detail-left-panel.y767 {
	text-align: left;
	padding-left: 25px;
}

.ingrediants .recipe-detail-left-panel.y767 p {
	margin-top: 50px;
}

.ingrediants .recipe-detail-left-panel.y767 .share-box {
	margin-top: 70px;
}

.ingrediants .recipe-detail-left-panel.y767 figure {
	position: relative;
	margin-block: 50px;
	padding-left: 35px;
}

.screen-not-991 {
	display: block;
}

.screen-991 {
	display: none;
}

.screen-not-1024 {
	display: block;
}

.screen-1024 {
	display: none;
}

.ingrediants .screen-991 .recipe-detail-left-panel {
	text-align: left;
}

.ingrediants .screen-1024 .recipe-detail-left-panel {
	text-align: left;
}

/* recipe inner css */
/* product Slider Final */
body.product header {}

.product-slider {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	padding: 0px;
	overflow: hidden;
	z-index: 1;
}

.swiper-bg {
	position: relative;
	/* padding-top: 50px; */
	height: 650px;
	margin-bottom: 200px;
	display: flex;
	align-items: center;
}

.after-design::after {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	height: 100%;
	width: 701px;
	top: 0;
	background-position-x: right;
}

.banner-text {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.banner-product-img {
	z-index: 2;
	position: relative;
	text-align: center;
}

.slider-bottom {
	background-color: #efe8d4;
}

.slider-bottom figure {
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 78%;
}

.product-slider .banner-wrap {
	margin: 0;
}

.product-slider .pro-logo {
	position: absolute;
	top: 0;
}

.product-slider .pro-logo img {
	width: 50%;
}

.product-slider .pro-design {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 435px;
}

/* Product Slider Final */
/* accordion style */
.accordion.style-width .accordion-item .accordion-header .accordion-button {
	width: 50%;
	min-width: 50%;
	transition: all 0.3s ease-in;
}

.accordion.style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	width: 100%;
	transition: all 0.3s ease-in;
}

.style-width .available-sizes ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	margin-top: 40px;
}

.style-width .available-sizes ul li a {
	font-size: 14px;
	text-decoration: none;
	color: #4B4747;
}

.style-width .available-sizes ul li img {
	width: 90%;
}

.bg-gray {
	background-color: #efefef !important;
}

.bg-gray-light {
	background-color: #EBEBEB !important;
}

.accordion.style-width .accordion-item .accordion-collapse .accordion-body {
	width: 100%;
	background-color: unset;
	padding: 0;
}

.available-sizes.accordion-box {
	background-color: #efefef;
	padding: 25px 35px;
}

.range-list-box .style-width table th.header {
	font-size: 12px;
	font-weight: normal;
}

.range-list-box .style-width table th,
.range-list-box .style-width table td {
	font-size: 10px;
	font-weight: normal;
	color: #333775;
}

.product-style-single {
	margin-top: 0px;
}

/* accordion style */
.product-slider .banner-wrap h2 {
	letter-spacing: 3.5px;
	font-size: 65px;
	line-height: 75px;
	text-shadow: 0px 0px 2px #343434;
	font-weight: 300;
	text-align: center;
}

.product-slider .banner-wrap a {
	text-decoration: none;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-align: center;
}

.product-slider .banner-wrap a {
	text-decoration: none;
	outline: 0;
}

.product-slider .product-sample {
	margin: 70px auto 0;
	display: flex;
	justify-content: center;
	width: 65%;
}

.product-slider .product-logo.aos-animate {
	transform: translate(-50%, 50%);
}

.product-slider .product-logo {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%, 50%) !important;
	margin: auto;
}

.product-slider.pik-slider .product-logo {
	width: 35%;
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%, 50%) !important;
	margin: auto;
}

.product-slider.pik-alt-slider .product-logo {
	width: 35%;
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%, 50%) !important;
	margin: auto;
}

.product-slider.smile-slider .product-logo {
	width: 35%;
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%, 50%) !important;
	margin: auto;
}

.product-banner-slider .button-wrap {
	position: relative;
	width: 140px;
	margin-left: auto;
	margin-right: 5rem;
	bottom: 260px;
}

.product-banner-slider .button-wrap .round-btn {
	width: 50px;
	height: 50px;
	border: 1px solid #ffffff;
}

.product-banner-slider .button-wrap .round-btn:hover {
	background-color: #ffffff4b;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.product-banner-slider .button-wrap .round-btn:after {
	background-image: url('../images/right-arrow-white.png');
}

/* .sooper-slider {
	background: repeating-linear-gradient(90deg, #A41E26, #A41E26 50px, #B12028 50px, #B12028 90px);
} */
.cakeup-slider {
	background: radial-gradient(circle farthest-side, #F62164, #C90639);
}

.cakeup-slider .product-logo {
	transform: translate(-50%, 15%) !important;
}

.pik-slider {
	background: radial-gradient(circle farthest-side, #10152B, #0C275B);
}

.pik-alt-slider {
	background: radial-gradient(circle farthest-side, #7D030E, #7D030E);
}

.smile-slider {
	background: #562671 url('../images/prod-smile-bg.png') repeat-x;
	height: 713px;
}

.story-width {
	width: calc(100% - 45px);
}

.story {
	padding: 200px 0 100px 0px;
	position: relative;
	background-color: #efe8d4;
	margin-top: -200px;
}

.story h3 {
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--grey);
	margin-bottom: 60px;
}

.story p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: #4B4747;
}

.story-swiper .swiper-wrapper {
	padding: 0px 0 70px 0;
}

.story-swiper .button-wrap {
	bottom: 40px;
	width: 140px;
	position: absolute;
	display: block;
}

.story-swiper .swiper-wrapper .swiper-slide img {
	border-radius: 0 44px 0 0;
}

.story-swiper .button-wrap .round-btn {
	width: 50px;
	height: 50px;
}

.story .product-image {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.story .product-image.sooper {
	margin-top: 120px;
	animation: UpDown 2s linear infinite;
}

.story .product-image.cakeup {
	margin-top: -70px;
	animation: UpDownCakeup 2s linear infinite;
}

.story .product-image.smile {
	margin-top: 0px;
	animation: UpDownSmile 2s linear infinite;
}

.story:after {
	content: "";
	background-position: 47% 90%;
	background-repeat: no-repeat;
	background-size: 300%;
	position: absolute;
	right: 0%;
	top: -100%;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: top center;
}

.story.show:after {
	background-position: 47% 90%;
	background-size: 300%;
	right: 0%;
	top: 0;
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.story-sooper:after {
	background-image: url(../images/product-sooper-bg.png);
}

.story-cakeup:after {
	background-image: url(../images/product-cakeup-bg.png);
}

.story-cakeup.show:after {
	background-position: 47% 90%;
	background-size: 300%;
}

.story-cakeup h3 {
	color: var(--white);
}

.story-cakeup p {
	color: var(--white);
	margin-bottom: 30px;
}

.story-pik:after {
	background-image: url(../images/product-pik-bg.png);
}

.story-pik h3 {
	color: var(--blue);
}

.story-pik p {
	color: var(--blue);
}

.story-smile:after {
	background-image: url(../images/product-smile-bg.png);
}

.story-smile h3 {
	color: var(--white);
}

.story-smile p {
	color: var(--white);
}

@keyframes UpDown {

	0%,
	100% {
		margin-top: 120px;
	}

	50% {
		margin-top: 130px;
	}
}

@keyframes UpDownCakeup {

	0%,
	100% {
		margin-top: -70px;
	}

	50% {
		margin-top: -60px;
	}
}

@keyframes UpDownSmile {

	0%,
	100% {
		margin-top: 0px;
	}

	50% {
		margin-top: 10px;
	}
}

/* cta */
.products-explore figure .btn {
	padding: 18px 12px !important;
	font-size: 16px;
	line-height: 16px;
	width: 60%;
}

#products-explore.products-explore figure .btn {
	padding: 10px 12px !important;
}

.cta {
	background-size: cover;
	position: relative;
	padding: 0 !important;
	background-repeat: no-repeat;
}

.cta:before {
	content: "";
	position: absolute;
	top: 0;
	background-color: #0000003b;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.cta-content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 350px;
	text-align: center;
	position: relative;
	z-index: 2;
}

.cta-content .btn {
	position: absolute;
	bottom: 0;
	border-radius: 10px 10px 0px 0px;
}

.cta-content .btn:hover {
	border-top: 1px solid var(--blue);
	border-left: 1px solid var(--blue);
	border-right: 1px solid var(--blue);
	border-bottom: 1px solid #ffffff;
}

.cta-content h1 {
	font-size: 74px;
	line-height: 85px;
	text-transform: uppercase;
	color: white;
}

/* cta */
.range-list-box {
	font-family: 'Euclid Circular A';
}

.range-list-box figure {
	position: relative;
	border-radius: 14px;
	margin-bottom: 50px;
}

.range-list-box figure img {
	border-radius: 14px;
}

.range-list-box figure .btn {
	position: absolute;
	left: 0%;
	bottom: 0px;
	transform: translate(0%, 0%);
	margin: 0 auto;
	border-radius: 4px 4px 4px 14px;
}

.range-list-box h5 {
	font-size: 20px;
	line-height: 28px;
	color: var(--grey);
	font-weight: 400;
	margin-bottom: 20px;
}

.range-list-box p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
	color: var(--grey);
}

/* .range-list-box .accordion.style-2 {
	width: 75%;
} */
.recipes.pik .range-list-box .accordion.style-2 {
	width: 80%;
}

.available-sizes {}

.available-sizes p {
	font-size: 12px;
	line-height: 22px;
	font-weight: 300;
	color: #4B4747;
}

.available-sizes ul {
	padding: 0;
	margin: 0;
}

.available-sizes ul li {
	list-style-type: none;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #4B4747;
}

.ingredients {}

.ingredients p {
	font-size: 12px;
	line-height: 22px;
	font-weight: 300;
	color: #4B4747;
}

.ingredients ul {
	padding: 0;
	margin: 0;
}

.ingredients ul li {
	list-style-type: none;
	font-size: 12px;
	line-height: 22px;
	font-weight: 300;
	color: #4B4747;
}

.nutritions {
	margin-inline: -35px;
	margin-top: -20px;
}

.nutritions .serving p {
	font-size: 15px;
	line-height: 46px;
	font-weight: 300;
	color: var(--blue);
	padding-inline: 15px;
	margin: 0;
}

.nutritions .serving p span {
	margin-left: 15px;
}

.nutritions p.small-info {
	font-size: 10px;
	line-height: 20px;
	font-weight: 300;
	color: var(--grey);
	padding-inline: 25px;
	margin: 0;
	padding-bottom: 15px;
}

.nutritions p {
	font-size: 12px;
	line-height: 27px;
	font-weight: 300;
	color: var(--grey);
	margin-top: 25px;
	margin-bottom: 0;
	margin-inline: 25px;
}

.performance-facts {
	width: 99.2%;
	padding: 2px 0;
	margin: 0 2px;
	background: var(--white);
}

.calories-details {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	border-bottom: 2px solid var(--blue);
}

.calories-details span.left {
	font-size: 10px;
	line-height: 20px;
	font-weight: 300;
	color: var(--blue);
	padding-inline: 15px;
	margin: 0;
}

.calories-details span.right {
	font-size: 10px;
	line-height: 20px;
	font-weight: 300;
	color: var(--blue);
	padding-inline: 15px;
	margin: 0;
	text-align: right;
}

.nutrition-facts {
	margin-bottom: 15px;
}

.nutrition-facts ul {
	padding: 0;
	margin: 0;
}

.nutrition-facts ul li {
	height: 24px;
	list-style-type: none;
	border-bottom: 1px solid var(--blue);
	display: flex;
}

.nutrition-facts ul li .title {
	width: 45%;
	height: 24px;
	text-align: left;
	padding: 0.25rem 5px 0.25rem 2rem;
	white-space: nowrap;
	font-size: 10px;
	line-height: 16px;
	font-weight: 300;
	color: var(--blue);
	border-right: 2px solid var(--blue);
}

.nutrition-facts ul li .perGram {
	width: 25%;
	height: 24px;
	text-align: left;
	padding: 0.25rem 5px;
	white-space: nowrap;
	font-size: 10px;
	line-height: 16px;
	font-weight: 300;
	color: var(--blue);
	border-right: 2px solid var(--blue);
}

.nutrition-facts ul li .dailyValue {
	width: 30%;
	height: 24px;
	text-align: left;
	padding: 0.25rem 5px;
	white-space: nowrap;
	font-size: 10px;
	line-height: 16px;
	font-weight: 300;
	color: var(--blue);
}

.nutrition-facts ul li.head {
	border-bottom: 2px solid var(--blue);
	height: 34px;
}

.nutrition-facts ul li.head .title {
	height: 34px;
	line-height: 24px;
}

.nutrition-facts ul li.head .perGram {
	height: 34px;
	line-height: 24px;
}

.nutrition-facts ul li.head .dailyValue {
	height: 34px;
	line-height: 24px;
}

.performance-facts__header {
	background: var(--blue);
	height: 30px;
	padding: 0 15px;
	margin: 0;
}

.performance-facts__header p {
	margin: 0;
	font-size: 10px;
	line-height: 30px;
	font-weight: 300;
	color: var(--white);
}

.product-video-box {
	margin-top: 130px;
}

.video-container {
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
}

.video-container video {
	/* width: 85%;
	height: fit-content; */
	width: 100%;
	height: auto;
	/* border: 1px solid #000000; */
}

.vid-buttons {
	position: absolute;
}

.video-btn-primary {
	border-radius: 50%;
	padding: 12px;
	width: 100px;
	height: 100px;
	border: 2px solid #fff;
	background: none;
	visibility: visible;
	transition: all 0.3s ease-in-out;
}

/* .video-container:hover button.video-btn-primary {
	visibility: visible;
} */
.video-btn-primary img {
	width: 50%;
}

.vid-play {
	display: none;
}

.vid-social-icons {
	text-align: center;
	padding-top: 100px;
}

.vid-social-icons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.vid-social-icons ul li {
	display: inline-block;
	padding-left: 10px;
}

.vid-social-icons ul li a img {
	height: 25px;
}

.product-tvc.video-effect:after {
	background-position: 155% 30%;
	background-size: 50%;
	border-bottom-left-radius: 0%;
	left: 100%;
	top: 0;
	transform: rotate(360deg) scalex(-1);
	-webkit-transform: rotate(360deg) scalex(-1);
	-moz-transform: rotate(360deg) scalex(-1);
	-ms-transform: rotate(360deg) scalex(-1);
	-o-transform: rotate(360deg) scalex(-1);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	/* z-index: 1; */
}

.product-tvc:after {
	content: "";
	background-image: url("../images/video-maroon-bg.png");
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-size: 55%;
	position: absolute;
	border-bottom-left-radius: -80%;
	left: -120%;
	top: -70%;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: rotate(90deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom left;
}

.food-cues {
	padding: 400px 0 100px !important;
	transition: all 1s;
	margin-top: -250px;
}

.food-cues.show {
	background-color: rgba(255, 241, 208, 0.52);
}

.food-cues.smile.show {
	background-color: rgba(202, 184, 209, 0.26);
}

.food-cues h3 {
	font-size: 65px;
	line-height: 80px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 50px;
}

.food-cues p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: var(--grey);
}

.food-cues figure {
	position: relative;
}

.food-cues figure img {
	border-radius: 0 14px 0 0;
}

.product-tvc {
	padding: 100px 0 100px !important;
	transition: all 1s;
	position: relative;
	background-color: #e3d7b34a;
	margin: 0px;
}

.product-tvc.show {
	background-color: #B12028;
}

.product-tvc.cakeup.show {
	background-color: #E67F2D;
}

.product-tvc.pik.show {
	background-color: #00421F;
}

.product-tvc.smile.show {
	background-color: #BF2947;
}

.product-tvc h3 {
	font-size: 50px;
	line-height: 140px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 50px;
}

.product-tvc p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: var(--grey);
}

.product-tvc figure {
	position: relative;
}

.product-tvc figure img {
	border-radius: 0 14px 0 0;
}

.product-tvc.show h3 {
	color: var(--white);
}

.product-tvc .product-share {
	text-align: center;
	margin-top: 60px;
}

.product-tvc .product-share p {
	color: var(--white);
	margin-bottom: 25px;
}

.product-tvc .product-share ul {
	margin: 0;
	padding: 0;
}

.product-tvc .product-share ul li {
	list-style-type: none;
	display: inline-block;
	padding: 0 10px;
}

.product-tvc .product-share ul li:first-child {
	padding-left: 0;
}

.product-tvc .product-share ul li:last-child {
	padding-right: 0;
}

.product-tvc .product-share ul li a {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: var(--blue);
	text-decoration: none;
}

.product-tvc .product-share ul li a figure {
	margin: 0;
}

.product-tvc .product-share ul li a img {
	border-radius: 0;
}

.product-tvc .product-share ul li a:hover {
	text-decoration: underline;
	color: var(--white);
}

.product-tvc .product-share ul li a img.svg {
	fill: var(--white);
	filter: invert(100%) sepia(0%) saturate(1556%) hue-rotate(285deg) brightness(115%) contrast(100%);
}

.product-tvc .product-share ul li a:hover img.svg {
	fill: var(--midblue);
	filter: invert(60%) sepia(71%) saturate(514%) hue-rotate(163deg) brightness(95%) contrast(89%);
}

.product-tvc .product-share ul li a i.yt-icon {
	fill: var(--white);
	width: 35px;
	height: 28px;
	display: inline-block;
	background-image: url('../images/yt-icon.png');
	background-size: 100%;
	margin-bottom: -12px;
}

.product-tvc .product-share ul li a:hover i.yt-icon {
	fill: var(--midblue);
	background-image: url('../images/yt-icon-hover.png');
}

.products-explore {
	padding: 100px 0 !important;
	transition: all 1s;
}

.products-explore.show {
	background-color: #FDEBD8;
}

.products-explore.pf.show {
	background-color: #F8ECF4
}

.products-explore h3 {
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--grey);
	margin-bottom: 50px;
}

.products-explore p {
	font-size: 23px;
	line-height: 33px;
	font-weight: 300;
	color: var(--grey);
	margin-bottom: 80px;
}

.products-explore figure {
	position: relative;
}

.products-explore figure img {
	border-radius: 14px;
}

.products-explore figure .btn {
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, 0%);
	margin: 0 auto;
}

/* product */
/* peek freans */
.peekfreans-slider {
	height: 900px;
	background: radial-gradient(circle farthest-side, #F8C800, #F0AA00);
	padding: 100px 0 !important;
	position: relative;
	z-index: 2;
}

.peek-freans-red-bg {
	overflow: hidden;
}

.peek-freans-red-bg:after {
	content: "";
	background-image: url(../images/peek-freans-red-bg.png);
	background-position: 100% -350px;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	right: -56%;
	top: -60%;
	width: 100%;
	height: 161%;
	z-index: -1;
	transform: rotate(90deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom right;
}

.ebm.peek-freans-red-bg:after {
	background-position: 100% 50%;
	background-size: 100%;
	transform: rotate(0deg);
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;
}

.peak-freans-EBM h5 {
	font-family: 'Euclid Circular A';
	font-size: 40px;
	line-height: 22px;
	font-weight: 500;
	color: var(--blue);
}

img.cakeup {
	width: auto;
	height: auto;
}

.peek-freans {
	padding: 200px 0 150px !important;
	position: relative;
	z-index: 10;
}

.peak-freans-EBM h3 {
	font-family: 'Euclid Circular A';
	font-size: 74px;
	line-height: 85px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 70px;
}

.peak-freans-EBM p {
	font-family: 'Euclid Circular A';
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: rgba(75, 71, 71, 1);
	margin-bottom: 25px;
}

.peak-freans-EBM h6 {
	font-family: 'Euclid Circular A';
	font-size: 25px;
	font-weight: 400;
	color: var(--blue);
}

.explore {
	margin-top: 100px;
}

.explore p {
	margin-top: 50px;
}

.category-btn-box {
	margin: 30px 0 !important;
}

.category-btn {
	min-width: 135px;
	background-color: transparent;
	padding: 15px 20px;
	color: var(--gray);
	border: 2px solid #2F306C;
	border-radius: 3px;
	margin-right: 20px;
	font-size: 15px;
}

.swiper-img {
	border-radius: 20px;
	width: 90%;
	height: auto;
}

.view-btn {
	position: absolute;
	bottom: 0;
	left: 37%;
	background-color: #2F306C;
	color: #fff;
	font-size: 15px;
	padding: 10px 25px;
	border: none;
	border-radius: 6px;
}

.slide-top,
.slide-bottom {
	width: 100%;
	position: relative;
	height: auto;
	text-align: center;
	margin-bottom: 20px;
}

.pf-story {
	padding: 100px 0 !important;
	transition: all 1s;
}

.pf-story.show {
	background-color: #fff;
}

.pf-story h3 {
	padding-inline: 30rem;
	font-size: 65px;
	line-height: 80px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 50px;
}

.pf-story p {
	padding-inline: 30rem;
	font-size: 23px;
	line-height: 33px;
	font-weight: 300;
	color: var(--grey);
	margin-bottom: 80px;
}

.pf-story figure {
	position: relative;
}

.pf-story figure img {
	border-radius: 14px;
}

.pf-story figure .btn {
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, 0%);
	margin: 0 auto;
}

.joy {
	padding: 600px 0 !important;
	transition: all 1s;
}

.joy.show {
	background: #fff url('../images/joy.png') center top no-repeat;
}

.born {
	padding: 100px 0 !important;
	transition: all 1s;
}

.born.show {
	background-color: #FFF;
}

.born h3 {
	font-size: 65px;
	line-height: 80px;
	font-weight: 400;
	color: var(--blue);
	margin-bottom: 50px;
}

.born p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: var(--grey);
}

.born figure {
	position: relative;
}

.born figure img {
	border-radius: 0 14px 0 0;
}

.launching {
	padding: 0px 0 !important;
	transition: all 1s;
	background-color: #9b1c2421;
	position: relative;
	/* height: 865px; */
	overflow: hidden;
}

.launch-design {
	position: absolute;
	bottom: 0;
	right: 0;
}

.launch-design figure {
	margin: 0;
}

.launching .progress-launching {}

.launching .progress-launching .swiper-wrapper {}

.launching .progress-launching .swiper-wrapper .swiper-slide {
	height: 100%;
	min-height: 735px;
	opacity: 0 !important;
	position: relative;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
	width: 1033px;
	height: 833px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: rotate(-90deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	transform-origin: bottom left;
	display: block;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide-1 {
	background: url('../images/launching-slide-bg-2.png') no-repeat;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide-2 {
	background: url('../images/launching-slide-bg-2.png') no-repeat;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image {
	margin-top: 150px;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image figure {
	text-align: center;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image figure img {}

.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details {
	margin-top: 150px;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
	font-size: 74px;
	line-height: 85px;
	font-weight: 500;
	color: var(--grey);
}

.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details p {
	font-size: 20px;
	line-height: 35px;
	font-weight: 300;
	color: var(--grey);
	margin-top: 30px;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details a {
	margin-top: 40px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide.aos-animate {
	transform: rotate(0deg);
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-repeat: no-repeat;
}

.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .launching-image {
	transition-delay: 0.5s;
}

.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .button-wrap {
	position: relative;
	top: 0;
	left: 0;
	float: none;
	margin: 120px 0;
}

/* slider second varient css */
.prod_n_Slider .swiper-slide {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.prod_n_Slider {
	background-image: none !important;
}

.prod_n_Slider .banner-wrap h2,
.prod_n_Slider .banner-wrap a {
	color: #000000;
}

.prod_n_Slider .new-wrap h2,
.prod_n_Slider .new-wrap a {
	color: #ffffff;
}

.prod_n_Slider .prod_Col figure img {
	position: relative;
	z-index: 1;
	margin: 85px 0 0 0;
}

.prod_n_Slider .banner-wrap {
	margin: 210px 0 0 0;
}

.story-v2 {
	margin-top: -210px;
}

.prod_n_Slider .pro-design {
	width: 635px;
}

.prod_n_Slider .button-wrap {
	margin-right: 20rem;
	bottom: 270px;
}

.prod_n_Slider .prod_Col figure img {
	width: 85%;
}

/* peek freans */
/* smile page start */
.launching .progress-launching .swiper-wrapper .swiper-slide .choco-smile {
	background-image: url('../images/smile/launching-slide-bg-2.png');
	background-repeat: no-repeat;
}

.launching .progress-launching .swiper-wrapper .swiper-slide .smile-strawberry {
	background-image: url('../images/smile/launching-slide-bg-22.png');
	background-repeat: no-repeat;
}

.peekfr-jier {
	padding-top: 100px !important;
}

.peekfr-progress-products {
	padding: 20px 0;
}

.libtn_Wrap_Mobile {
	display: none !important;
}

.pe_desk_view {
	display: block;
}

.pe_mob_view {
	display: none;
}

@media (min-width: 1601px) and (max-width: 1680px) {
	.product-slider .pro-design {
		width: 540px;
	}

	.product-banner-slider .button-wrap {
		bottom: 250px;
	}

	.spread-joy.show:after {
		background-position: -600% 15%;
		background-size: 95% !important;
	}

	.spread-joy.show:before {
		background-position: -161px 75%;
		background-size: 70% !important;
	}

	/* slider second varient */
	.story-v2 {
		margin-top: -240px;
	}

	.prod_n_Slider .button-wrap {
		bottom: 289px;
	}

	.prod_n_Slider .button-wrap {
		margin-right: 25rem;
		bottom: 380px;
	}

	.product-slider .product-sample {
		margin: 185px auto 0;
	}

	.prod_n_Slider .pro-design {
		width: 781px;
	}
}

@media (min-width: 1599px) and (max-width: 1680px) {

	.recipe-list-box h5,
	.product-wrap h5 {
		height: 75px;
	}

	.recipe-list-box p {
		min-height: 80px;
	}

	.product-slider .pro-logo img {
		width: 60%;
	}

	.product-banner-slider .button-wrap {
		bottom: 270px;
	}

	.spread-joy.show:after {
		background-position: -600% 15%;
		background-size: 95% !important;
	}

	.spread-joy.show:before {
		background-position: -161px 75%;
		background-size: 70% !important;
	}

	/* slider second varient  */
	.product-slider .pro-design {
		width: 510px !important;
	}

	.prod_n_Slider .pro-design {
		width: 743px !important;
	}

	.prod_n_Slider .prod_Col figure img {
		width: 90%;
	}

	.prod_n_Slider .banner-wrap {
		margin: 270px 0 0 0 !important;
	}

	.story-v2 {
		margin-top: -225px;
	}

	.prod_n_Slider .button-wrap {
		bottom: 290px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image {
		margin-top: 100px !important;
	}
}

@media (min-width: 1440px) and (max-width: 1550px) {
	.product-slider {
		background-size: 103%;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 46px;
		line-height: 56px;
		color: var(--grey);
	}

	.product-slider .pro-design {
		width: 473px;
	}

	.story {
		/* height: 700px; */
		padding: 220px 0 60px !important;
	}

	.spread-joy a {
		margin-top: 30px;
	}

	/* slider second varient  */
	.prod_n_Slider .pro-design {
		width: 670px;
	}

	.prod_n_Slider .prod_Col figure img {
		width: 80%;
	}

	.prod_n_Slider .banner-wrap {
		margin: 200px 0 0 0 !important;
	}

	.story-v2 {
		margin-top: -230px;
	}

	.prod_n_Slider .button-wrap {
		bottom: 280px;
		margin-right: 20rem;
	}
}

@media (min-width: 1200px) and (max-width: 1365px) {
	.product-banner-slider .button-wrap {
		margin-right: 0.8rem;
	}

	.product-slider {
		background-size: 107%;
	}

	.product-slider .pro-design {
		width: 437px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 46px;
		line-height: 56px;
	}

	.launch-design {
		width: 150px;
		text-align: end;
	}

	.launching {
		height: 800px;
		/* margin-bottom: 30px; */
	}

	/* slider second varient  */
	.prod_n_Slider .banner-wrap {
		margin: 175px 0 0 0 !important;
	}

	.prod_n_Slider .pro-design {
		width: 596px;
	}

	.prod_n_Slider .button-wrap {
		margin-right: 17rem;
		bottom: 250px;
	}
}

@media screen and (max-width: 1366px) and (min-width: 1366px) {
	.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		left: -130px;
	}

	.ebm.bg-contact-blue:after {
		background-size: 225%;
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	.product-slider {
		background-size: 107%;
	}

	.story h3 {
		margin-bottom: 30px;
	}

	.product-slider .pro-design {
		width: 387px;
	}

	.story {
		height: auto;
		padding: 200px 0 50px !important;
	}

	.story h3 {
		margin-bottom: 30px;
	}

	.launch-design {
		width: 15%;
		text-align: end;
	}

	.launching {
		height: 700px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		width: 100%;
		background-size: 60%;
		background-position: left bottom;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details a {
		margin-top: 20px;
	}

	.launching .progress-launching .button-wrap {
		position: relative;
		top: 0;
		left: 0;
		float: none;
		margin: 55px 0 0 0 !important;
		width: 32%;
		max-width: 115px;
	}

	.recipes {
		padding: 70px 0 !important;
	}

	.products-explore figure .btn {
		padding: 14px 12px !important;
		font-size: 15px;
		line-height: 15px;
	}

	.spread-joy a {
		font-size: 19px;
		line-height: 19px;
		margin-top: 25px;
	}
}

@media(min-width:1024px) and (max-width:1199px) {

	.recipe-list-box h5,
	.product-wrap h5 {
		height: 70px;
	}

	.recipe-list-box p {
		min-height: 75px;
	}

	/* slider second varient  */
	.prod_n_Slider .banner-wrap {
		margin: 135px 0 0 0 !important;
	}

	.prod_n_Slider .pro-design {
		width: 484px !important;
	}

	.prod_n_Slider .button-wrap {
		margin-right: 14rem;
		bottom: 225px;
	}

	.prod_n_Slider .prod_Col figure img {
		width: 75%;
		margin: 65px 0 0 0;
	}

	.prod_n_Slider .product-sample {
		margin: 80px auto 0;
	}
}

@media (max-width:1700px) {
	.banner-product-img img.product-img-banner {
		padding-top: 100px;
	}
}

@media (min-width:1700px) {
	.container {
		max-width: 1640px
	}

	.change-nav-bx {
		width: 100%;
		min-height: 700px !important;
		float: left;
		background-color: #7d0d22
	}

	.products-box .progress-highlights .swiper-button-next,
	.progress-products .swiper-button-next,
	.hist_Products .swiper-button-next,
	.progress-inspire .swiper-button-next,
	.progress-launching .swiper-button-next,
	.progress-productslist .swiper-button-next {
		/* left: 0 !important; */
	}

	.change-nav-bx ul li {
		width: 100%;
		height: auto;
		float: left;
		font-size: 60px;
		line-height: 60px;
		color: #e04c61;
		margin: 15.9px 0;
		transition: all 0.5s;
		cursor: pointer;
	}

	nav .nav li a {
		font-family: 'Euclid Circular A';
		font-size: 22px;
		color: var(--blue);
	}

	.desk-nav-search input {
		width: 100%;
		font-size: 20px;
	}

	/* css mine */
	.product-slider .pro-logo img {
		width: 70%;
	}

	.product-slider .product-sample {
		margin: 100px 0px 0 0;
		width: auto;
	}

	.product-slider .pro-design {
		width: auto;
	}

	.story {
		padding: 172px 0 150px 0px;
		/* margin-top: -160px; */
	}

	.story-width {
		/* width: calc(100% - 300px); */
		width: calc(100% - 120px);
	}

	/* slider second varient */
	.prod_n_Slider .banner-wrap {
		text-align: center;
		margin: 285px 0 0 0 !important;
	}

	.prod_n_Slider .button-wrap {
		margin-right: 25rem !important;
		bottom: 275px;
	}

	.prod_n_Slider .pro-design {
		top: -5px;
		width: auto;
	}

	.story-v2 {
		margin-top: -200px !important;
	}

	.prod_n_Slider .pro-design img {
		max-width: 105% !important;
		width: 101%;
	}

	.slider-bottom figure {
		width: 78%;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	.product-slider {
		background-size: 120%;
	}

	.product-slider .pro-design {
		width: 393px;
	}

	.product-slider .product-sample {
		margin: 30px auto 0;
		width: 55%;
	}

	.product-banner-slider .button-wrap {
		bottom: 196px;
	}

	.accordion.style-width .accordion-item .accordion-header .accordion-button {
		width: 100%;
	}

	.style-width .available-sizes ul li a {
		font-size: 12px;
		line-height: 12px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.pe_desk_view {
		display: block !important;
	}

	.pe_mob_view {
		display: none !important;
	}

	.product-banner-slider .button-wrap {
		margin-right: 5rem !important;
	}

	.footer-cus-col-w .cus-col-w {
		width: 100% !important;
	}

	.vertical_Img img {
		width: 100%;
	}

	.peek_Fr_Slider .banner-product-img img {
		width: 100%;
	}

	.recipes-tabs .tab-content {
		padding-top: 30px;
	}

	.cta-content h1 {
		font-size: 45px !important;
		line-height: 65px !important;
	}

	.story h3 {
		font-size: 45px !important;
		line-height: 65px !important;
		margin-bottom: 30px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 45px !important;
		line-height: 65px !important;
	}

	.product-slider .banner-wrap h2 {
		font-size: 45px !important;
		line-height: 45px !important;
	}

	figure.banner-product-img.vertical_Img {
		width: 25%;
		margin: 0 auto;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details p {
		font-size: 20px !important;
		line-height: 35px !important;
		margin-top: 10px;
	}

	.story p,
	.spread-joy p {
		font-size: 20px !important;
		line-height: 35px !important;
	}

	.products-explore h3 {
		font-size: 45px !important;
		line-height: 65px !important;
	}

	.spread-joy h3 {
		font-size: 45px !important;
		line-height: 65px !important;
	}

	.swiper-bg {
		padding-top: 0 !important;
	}

	.launching {
		height: 715px !important;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image figure img {
		width: 100% !important;
	}

	.swiper-bg.after-design::after {
		background-size: cover;
		width: 50%;
		top: 0%;
		z-index: 1;
	}

	.product-banner-slider .button-wrap {
		bottom: 300px;
	}

	.product-slider .banner-text {
		z-index: 2;
		position: relative;
	}

	.slider-bottom figure img {
		width: 50%;
	}

	.slider-bottom {
		text-align: center;
	}

	.slider-bottom figure {
		position: absolute;
		bottom: -10px;
		z-index: 3;
		left: -60%;
	}

	.product-slider .banner-wrap {
		text-align: center;
		margin: 0px;
	}

	.swiper-bg {
		padding-top: 100px;
	}

	/* peek-freans CSS End */
	.peek_Fr_Slider .swiper-bg {
		margin-bottom: 0 !important;
	}

	.pF_Story_Slider .swiper-slide {
		min-height: 625px;
	}

	.pF_Story_Slider .top-img {
		top: -22px !important;
		width: 22% !important;
	}

	.pF_Story_Slider .btm-img {
		bottom: -107px !important;
		width: 25% !important;
	}

	.peek_Fr_Products .progress-products .button-wrap,
	.peek_Fr_Products .hist_Products .button-wrap {
		float: right !important;
	}

	.peek_Fr_Products .progress-products .swiper-pagination-progressbar,
	.peek_Fr_Products .hist_Products .swiper-pagination-progressbar {
		width: calc(80% - 0px) !important;
	}

	.peekfr-yoi-sec.next-step h3 {
		font-size: 45px !important;
		line-height: 55px !important;
		width: 50%;
	}

	.peekfr-yoi-sec.next-step p {
		font-size: 18px !important;
		line-height: 28px !important;
		width: 55%;
		margin-bottom: 20px;
	}

	.peekfr-yoi-sec.next-step .right-pic img {
		width: 15%;
	}

	/* peek-freans CSS End */
	/* smile product page */
	.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		width: 815px;
		height: 715px !important;
		transform: rotate(12deg) !important;
		left: -250px;
	}

	.progress-launching .swiper-button-next {
		right: -50px !important;
	}

	.video-container video {
		width: 100%;
		height: auto;
	}

	.spread-joy {
		padding: 60px 0 335px !important;
	}

	/* smile product page */
}

/* .libtn_Wrap_Mobile {
	display: none !important;
} */
.range-list-box p {
	font-size: 16px !important;
	line-height: 26px !important;
}

@media (min-width:768px) and (max-width:991px) {
	.search-bx {
		top: 65px;
	}

	#search_result_return li {
		width: 100%;
	}

	.horizontal_Img img {
		width: 100% !important;
	}

	.vertical_Img img {
		width: 45% !important;
	}

	.products-explore {
		padding: 75px 0 !important;
	}

	.launch-design {
		bottom: -60px;
		right: -108px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		left: -450px;
		transform: rotate(23deg) !important;
		height: 800px;
		display: block !important;
	}

	.libtn_Wrap_Mobile {
		display: none !important;
	}

	.libtn_Wrap_Desktop {
		display: block !important;
	}

	.pe_desk_view {
		display: block !important;
	}

	.pe_mob_view {
		display: none !important;
	}

	.range-list-box p {
		font-size: 20px !important;
		line-height: 35px !important;
	}

	.product-slider.peek_Fr_Slider .pro-logo img {
		width: 35%;
	}

	.range-list-box h5 {
		font-size: 27px !important;
		line-height: 37px !important;
	}

	.recipes-tabs .nav li.nav-item button.nav-link {
		font-size: 20px !important;
		line-height: 35px !important;
	}

	.recipes-tabs .tab-content {
		padding-top: 50px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.products-explore h3 {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.cta-content h1 {
		font-size: 40px;
		line-height: 50px;
	}

	.product-slider .pro-logo img {
		width: 65%;
	}

	.product-slider .banner-wrap h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.swiper-bg {
		height: 620px;
		margin-bottom: 155px;
	}

	.product-banner-slider .swiper-wrapper {
		padding: 0;
	}

	/* .banner-product-img img {
		width: 80%;
	} */
	figure.banner-product-img img.vertical-banner-img {
		height: 330px;
		width: 40%;
	}

	.product-banner-slider figure {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin: 150px 0 30px 0;
	}

	.product-banner-slider .banner-product-img img.product-img-banner {
		padding-top: 0px;
		width: 100%;
	}

	.product-banner-slider figure {
		margin: 50px 0 30px 0;
	}

	.product-banner-slider .button-wrap {
		position: absolute;
		width: 18%;
		bottom: 60px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.swiper-bg.after-design::after {
		background-size: cover;
		width: 40%;
		top: 0%;
		z-index: 1;
	}

	.product-slider .banner-text {
		z-index: 2;
		position: relative;
	}

	.slider-bottom {
		text-align: center;
	}

	.slider-bottom figure {
		position: absolute;
		bottom: 25px;
		z-index: 3;
		left: -28%;
	}

	.slider-bottom figure img {
		width: 30%;
	}

	.product-banner-slider .button-wrap {
		bottom: 240px;
		right: -75%;
	}

	.peek_Fr_Slider .product-banner-slider figure {
		top: 60px !important;
	}

	.product-banner-slider .button-wrap .swiper-button-next {
		right: 0;
		left: unset;
	}

	.product-banner-slider .button-wrap .swiper-button-prev {
		right: 0;
		left: auto;
		top: -60px;
	}

	.product-banner-slider .button-wrap .round-btn {
		width: 50px;
		height: 50px;
	}

	.product-slider .banner-product-img.mob-bigger-wrapper-img {
		width: 85%;
		margin: 0 auto;
	}

	/* peek-freans CSS Start */
	.peek_Fr_Slider .product-banner-slider figure {
		top: 390px;
	}

	.peek_Fr_Slider .banner-product-img img {
		width: 75%;
	}

	.pF_Story_Slider .top-img {
		top: -25px !important;
		width: 22%;
	}

	.pF_Story_Slider .btm-img {
		bottom: -208px !important;
		width: 25%;
	}

	.about-EBM .pF_Story_Slider.products-box .progress-products .swiper-pagination-progressbar,
	.hist_Products .swiper-pagination-progressbar {
		width: calc(65% - 0px) !important;
	}

	.hist_Products .button-wrap {
		float: right !important;
	}

	.hist_Products .swiper-pagination-progressbar {
		width: calc(75% - 0px) !important;
	}

	.peekfr-yoi-sec.next-step p {
		font-size: 16px !important;
		line-height: 26px !important;
		width: 52%;
		margin-bottom: 10px;
	}

	.peekfr-yoi-sec.next-step h3 {
		font-size: 35px !important;
		line-height: 45px !important;
		width: 70%;
		margin-bottom: 5px;
	}

	.peekfr-yoi-sec.next-step img {
		width: 10%;
	}

	/* peek-freans CSS End */
}

@media screen and (max-width:767px) {
	.contact-email-tel {
		margin-top: auto;
	}

	.accordion .accordion-item .accordion-header .accordion-button {
		min-width: 100%;
	}

	#search_result_return li {
		width: 50% !important;
	}

	header.fixed-header nav {
		padding: 17px 0 !important;
	}

	.search-bx {
		top: 67px !important;
	}

	.search-icon img {
		height: 15px !important;
		margin-top: 7px !important;
	}

	.srch-close-btn {
		right: 40px !important;
	}

	.recipe-list-box h5,
	.product-wrap h5 {
		height: 75px;
	}

	.recipe-list-box p {
		min-height: 75px;
	}

	.swiper-bg {
		height: 800px;
		margin-bottom: 0px;
	}

	.product-banner-slider .button-wrap {
		position: absolute;
		width: 32%;
		bottom: 130px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	/* biscuits out style 2 */
	.swiper-bg.after-design::after {
		background-size: cover;
		width: 80%;
		top: 0%;
		z-index: 1;
	}

	.product-slider .banner-text {
		z-index: 2;
		position: relative;
	}

	.slider-bottom {
		text-align: center;
	}

	.slider-bottom figure {
		position: absolute;
		bottom: 65px;
		z-index: 3;
	}

	.slider-bottom figure img {
		width: 50%;
	}
}

@media (min-width: 822px) and (max-width: 991px) {
	.product-slider {
		background-size: cover;
	}

	.story {
		height: auto;
		padding: 70px 0 70px !important;
		position: relative;
		margin-top: 0;
	}

	.product-banner-slider .swiper-slide .col-12.col-lg-6.col-md-12 {
		flex: 0 0 auto;
		width: 50%;
	}

	.product-slider .pro-design {
		top: unset;
		right: 0px;
		width: 40%;
		bottom: 0;
	}

	.product-slider .banner-wrap {
		margin: 30px 0 0 0;
	}

	.product-slider .product-sample {
		margin: 50px auto 0;
		width: 50%;
	}

	.product-banner-slider figure {
		width: 100%;
		margin: 0 auto;
	}

	.product-banner-slider .swiper-wrapper {
		/* padding: 0 0 30px 0; */
		padding: 0;
	}

	.product-banner-slider .button-wrap {
		margin-right: 10rem;
		bottom: 175px;
	}

	.recipes {
		padding: 75px 0 75px !important;
	}

	.product-style-single .col-12.col-lg-5:last-child {
		margin: 0;
	}

	.accordion.style-width .accordion-item .accordion-header .accordion-button {
		width: 100%;
		min-width: 100%;
	}

	.launch-design {
		display: none !important;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		display: none !important;
	}

	.progress-launching .col-12.col-lg-4.ms-5 {
		margin-left: 0 !important;
	}

	.launching {
		height: auto;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 36px;
		line-height: 45px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .button-wrap {
		margin: 50px 0 30px 0;
		float: none !important;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image figure {
		width: 80%;
		margin: 0 auto;
	}

	.products-explore figure .btn {
		padding: 12px 35px !important;
		font-size: 14px;
		line-height: 17px;
		left: 22%;
		transform: translate(0%, 0%);
	}

	.product-tvc.video-effect:after {
		display: none;
	}

	.product-tvc {
		padding: 75px 0 75px !important;
	}

	.vid-social-icons {
		padding-top: 50px;
	}

	.video-container video {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 820px) and (max-width: 821px) {
	.product-slider {
		background-size: cover;
	}

	.story {
		height: auto;
		padding: 75px 0 75px !important;
		margin-top: 0;
	}

	.product-slider .pro-design {
		top: unset;
		right: 0px;
		width: 74%;
		bottom: 0;
	}

	.product-slider .banner-wrap {
		margin: 30px 0 0 0;
	}

	.product-slider .product-sample {
		margin: 50px auto 0;
		width: 40%;
	}

	.recipes {
		padding: 75px 0 75px !important;
	}

	.product-style-single .col-12.col-lg-5:last-child {
		margin: 0;
	}

	.accordion.style-width .accordion-item .accordion-header .accordion-button {
		width: 100%;
		min-width: 100%;
	}

	/* .launch-design {
		display: none !important;
	} */
	/* .launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		display: none !important;
	} */
	.progress-launching .col-12.col-lg-4.ms-5 {
		margin-left: 0 !important;
	}

	.launching {
		height: auto;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 36px;
		line-height: 45px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .button-wrap {
		margin: 50px 0 30px 0;
		float: none !important;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image figure {
		width: 80%;
		margin: 0 auto;
	}

	.products-explore figure .btn {
		padding: 12px 35px !important;
		font-size: 14px;
		line-height: 17px;
		left: 22%;
		transform: translate(0%, 0%);
	}

	.product-tvc.video-effect:after {
		display: none;
	}

	.product-tvc {
		padding: 75px 0 75px !important;
	}

	.vid-social-icons {
		padding-top: 50px;
	}

	.video-container video {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 768px) and (max-width: 820px) {
	.product-slider {
		background-size: cover;
	}

	.story h3 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 10px;
	}

	.story {
		height: auto;
		padding: 115px 0 115px !important;
		margin-top: -160;
	}

	.product-slider .pro-design {
		top: unset;
		right: 0px;
		width: 78%;
		bottom: 0;
	}

	.product-slider .banner-wrap {
		margin: 150px 0 30px 0;
	}

	.product-slider .product-sample {
		margin: 50px auto 0;
		width: 40%;
	}

	.recipes {
		padding: 75px 0 75px !important;
	}

	.product-style-single .col-12.col-lg-5:last-child {
		margin: 0;
	}

	.accordion.style-width .accordion-item .accordion-header .accordion-button {
		width: 100%;
		min-width: 100%;
	}

	/* .launch-design {
		display: none !important;
	} */
	/* .launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		display: none !important;
	} */
	.progress-launching .col-12.col-lg-4.ms-5 {
		margin-left: 0 !important;
	}

	.launching {
		height: 850px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 36px;
		line-height: 45px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .button-wrap {
		margin: 50px 0 30px 0;
		float: none !important;
		width: 55%;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-image figure {
		width: 125%;
		margin: 0 auto;
		left: -44px;
		position: relative;
		top: 102px;
	}

	.products-explore figure .btn {
		/* padding: 12px 35px !important;
		font-size: 14px;
		line-height: 17px; */
		left: 22%;
		transform: translate(0%, 0%);
	}

	.product-tvc.video-effect:after {
		display: none;
	}

	.product-tvc {
		padding: 75px 0 75px !important;
	}

	.vid-social-icons {
		padding-top: 50px;
	}

	.video-container video {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 767px) and (max-width: 990px) {

	/* slider second varient  */
	.prod_n_Slider .banner-wrap {
		margin: 145px 0 0 0 !important;
	}

	.prod_n_Slider .pro-design {
		width: 367px;
		top: 0;
	}

	.prod_n_Slider .button-wrap {
		margin-right: 9rem;
		bottom: 230px;
	}

	.prod_n_Slider .prod_Col figure img {
		width: 100%;
		margin: 65px 0 0 0;
	}

	.prod_n_Slider .banner-wrap h2 {
		font-size: 30px;
		line-height: 34px;
	}

	.prod_n_Slider .banner-wrap a {
		font-size: 14px;
		line-height: 18px;
	}

	.recipes .recipes-tabs .tab-content .tab-pane#pills-biscuits .row .col-sm-12 {
		flex: 0 0 auto;
		width: 50%;
	}
}

@media (min-width: 800px) and (max-width: 820px) {

	/* slider second varient  */
	.prod_n_Slider .pro-design {
		width: 391px;
		top: 0;
	}
}

@media (min-width:280px) and (max-width:575px) {
	.cus-height {
		height: 50%;
	}

	.child img {
		height: 100%;
	}

	.page-list h5 {
		font-size: 16px;
	}

	.page-list ul li a {
		font-size: 20px;
		line-height: 35px;
	}

	.page-list {
		padding: 10px 0;
	}

	.page-list h5 {
		padding-bottom: 0px;
	}

	.blue-body-content h3 {
		font-size: 25px;
		line-height: 35px;
	}

	.page-text h5 {
		font-size: 30px !important;
		line-height: 40px;
	}

	.page-text p {
		font-size: 20px !important;
	}

	.peekfr-yoi-sec.about-next-step {
		padding-top: 300px;
		background-size: 150%;
		background-position: -185px 0px;
	}

	.product-slider {
		background-size: cover;
	}

	.product-slider .pro-logo img {
		width: 45%;
	}

	.peek_Fr_Slider.product-slider .pro-logo img {
		width: 30% !important;
	}

	.product-slider .pro-design {
		top: unset;
		right: 0px;
		bottom: 0;
		width: 365px;
	}

	.product-slider .product-sample {
		margin: 22px auto 0;
		width: 50%;
	}

	.product-slider .banner-wrap h2 {
		font-size: 36px;
		line-height: 46px;
	}

	.product-wrap h5 {
		margin-bottom: 15px;
	}

	.launching {
		height: 1000px;
		overflow: unset;
	}

	.story-width {
		width: 100%;
	}

	.story {
		padding: 120px 0 50px 0px;
		margin-top: -110px;
	}

	.peekfr_Story_Para {
		margin-top: 0 !important;
	}

	.peekfr_Story_Para .text-center {
		text-align: left !important;
	}

	.story.peekfr_Stj_Sec {
		padding: 50px 0 50px 0px;
	}

	.story-swiper .swiper-wrapper {
		padding: 0px 0 110px 0;
	}

	.story-width {
		margin-top: 40px;
	}

	.story .row {
		flex-direction: column-reverse;
	}

	.story h3 {
		font-size: 36px;
		line-height: 46px;
		margin-bottom: 30px;
	}

	.story p {
		font-size: 18px;
		line-height: 32px;
	}

	.cta-content {
		min-height: 220px;
	}

	.cta-content h1 {
		font-size: 32px;
	}

	.btn {
		padding: 13px 14px;
		font-size: 16px;
		line-height: 16px;
	}

	.recipes {
		padding: 50px 0 50px !important;
	}

	.product-style-single .col-12.col-lg-5:last-child {
		margin: 0;
	}

	.accordion.style-width .accordion-item .accordion-header .accordion-button {
		width: 100%;
		min-width: 100%;
	}

	.accordion.style-width .accordion-item .accordion-collapse .accordion-body {
		padding: 0 !important;
	}

	.style-width .available-sizes ul {
		display: block;
	}

	.available-sizes ul li {
		margin-bottom: 26px;
	}

	.progress-launching .col-12.col-lg-4.ms-5 {
		margin-left: 0 !important;
	}

	.launch-design {
		display: none !important;
	}

	/* .launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		display: none !important;
	} */
	.launching .progress-launching .button-wrap {
		width: 50% !important;
		max-width: 115px;
		position: relative;
		top: 40px;
		right: 80%;
		height: 38px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .button-wrap {
		margin: 50px auto 30px auto;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .button-wrap.libtn_Wrap_Desktop {
		display: none !important;
	}

	.product-tvc {
		padding: 50px 0 50px !important;
	}

	.vid-social-icons {
		padding-top: 50px;
	}

	.vid-social-icons h6 {
		font-size: 22px;
		line-height: 22px;
	}

	.product-tvc.video-effect:after {
		display: none;
	}

	.video-container video {
		width: 100%;
		height: auto;
	}

	.video-btn-primary {
		padding: 6px;
		width: 50px;
		height: 50px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details {
		margin-top: 0 !important;
	}

	.products-explore {
		margin-top: 0 !important;
	}

	.swiper-bg {
		height: 80vh;
		margin-bottom: 100px;
		/* height: 700px; */
	}

	.peek_Fr_Slider .swiper-bg {
		/* height: 50vh !important; */
		height: 15vh !important;
	}

	.product-slider .banner-wrap a {
		font-size: 16px;
	}

	.product-slider .banner-wrap {
		margin: 60px 0 -25px 0;
	}

	.swiper-bg.after-design::after {
		width: 40%;
	}

	.banner-product-img img {
		/* width: 95%; */
		width: 30%;
		margin-top: 60px;
	}

	.product-banner-slider .banner-product-img img.product-img-banner {
		width: 100%;
	}

	.horizontal_Img img {
		width: 100% !important;
	}

	.vertical_Img img {
		width: 55% !important;
	}

	.peek_Fr_Slider .banner-product-img img {
		width: 50%;
		margin-top: 20px;
		margin-left: 100px;
	}

	figure.banner-product-img img.vertical-banner-img {
		height: 280px !important;
		width: 55% !important;
	}

	.softbake-prod-slider .swiper-bg {
		height: 775px !important;
	}

	.vertical-prod-slider .swiper-bg {
		height: 775px !important;
	}

	.product-slider .banner-product-img.mob-bigger-wrapper-img {
		width: 55%;
		margin: 0 auto;
	}

	.slider-bottom figure {
		bottom: 0;
	}

	.slider-bottom figure img {
		width: 60%;
	}

	.product-banner-slider .button-wrap {
		bottom: 170px;
		right: -55%;
	}

	.product-banner-slider .button-wrap .swiper-button-next {
		right: 0;
		left: unset;
	}

	.product-banner-slider .button-wrap .swiper-button-prev {
		right: 0;
		left: auto;
		top: -50px;
	}

	.product-banner-slider .button-wrap .round-btn {
		width: 40px;
		height: 40px;
	}

	.vid-social-icons ul li a img {
		height: 18px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 46px;
		line-height: 56px;
	}

	.explore-peek-freans-year-slider.swiper-container-horizontal>.swiper-scrollbar {
		left: 5% !important;
		width: 90% !important;
	}

	.products-box.peek_Fr_Products {
		margin-top: 0px;
	}
}

@media (min-width: 280px) and (max-width: 575px) {
	.product-tvc .container {
		padding: 0 !important;
	}

	.story-swiper .button-wrap {
		left: 50%;
		transform: translate(-50%, 0);
	}

	.products-explore figure .btn {
		width: 66%;
	}

	.products-explore {
		padding: 50px 0 !important;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide {
		padding-top: 50px;
	}

	.libtn_Wrap_Mobile {
		display: block !important;
	}

	.libtn_Wrap_Desktop {
		display: none !important;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .bg-slide {
		height: 400px;
	}

	.launching .container-fluid .row {
		flex-direction: column-reverse;
	}

	.cta-content h1 {
		font-size: 26px;
		line-height: 36px;
	}

	.range-list-box h5 {
		font-size: 22px !important;
		line-height: 32px !important;
	}

	.story h3 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 30px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 40px;
		line-height: 50px;
	}

	.product-slider .banner-wrap h2 {
		font-size: 32px;
		line-height: 36px;
		width: 90%;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details p {
		font-size: 20px !important;
		line-height: 35px !important;
		margin-top: 10px;
	}

	.story p {
		font-size: 20px;
		line-height: 35px;
	}

	.products-explore h3 {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.spread-joy h3 {
		font-size: 40px;
		line-height: 50px;
	}

	.after-design::after {
		background-position-x: unset;
	}

	/* slider second varient  */
	.prod_n_Slider .pro-design {
		top: 85px;
		right: -377px;
		width: 691px;
		z-index: -1;
	}

	.prod_n_Slider .swiper-slide {
		background-size: cover;
		height: 640px;
	}

	.prod_n_Slider .banner-wrap {
		margin: 75px 0 0 0 !important;
	}

	.prod_n_Slider .prod_Col figure img {
		width: 70%;
		margin: 0;
		right: -65px;
	}

	.prod_n_Slider .product-sample {
		width: 30%;
	}

	.prod_n_Slider .button-wrap {
		margin-right: 9rem;
		bottom: 125px;
	}

	.product-slider {
		height: auto !important;
	}
}

@media (min-width:2500px) {
	.launching {
		height: 865px;
	}

	.slider-bottom figure {
		width: 52%;
	}

	.product-banner-slider .button-wrap {
		margin-right: 40rem;
	}

	.after-design::after {
		background-position: 0 -250px;
		width: 40%;
		background-size: cover;
	}

	.spread-joy:before {
		width: 80%;
	}

	.product-tvc.video-effect:after {
		background-position: 160% 55%;
		left: 100%;
		top: -100px;
		background-size: 54%;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide {
		min-height: 930px;
	}
}

@media (min-width:1200px) and (max-width:1299px) {
	footer:after {
		right: -20%;
	}
}

@media (min-width:1600px) {
	footer:after {
		right: 0;
	}
}

/* new css added index.html Start  */
@media (max-width: 419px) and (min-width: 375px) {
	.about-EBM .mobile-view .row .col-12 p {
		margin-bottom: 0;
	}

	.we-nourish.nourish img {
		margin-top: 0;
	}

	/* responsive.css 550 */
	.next-step a {
		font-size: 16px !important;
	}

	/* responsive.css 526 */
	.csr-EBM.csr-img.bg-element-green:after {
		background-position: left 320px;
		background-size: 120%;
	}

	.progress-products .swiper-wrapper {
		padding-bottom: 0;
		margin-bottom: 0 !important;
	}
}

@media (max-width: 990px) and (min-width: 767px) {

	/* responsive.css 1558 */
	.about-EBM .mobile-view .row .col-12 p {
		margin-bottom: 0px !important;
	}

	/* responsive.css 1664 */
	.next-step a {
		font-size: 18px !important;
	}

	.progress-products .swiper-wrapper {
		padding-bottom: 0;
		margin-bottom: 0 !important;
	}
}

@media (min-width: 1024px) and (max-width: 1199px) {

	/* responsive.css 2535 */
	.we-nourish.nourish img {
		margin-top: 0 !important;
	}

	/* responsive.css 2539 */
	.about-EBM .mobile-view .row .col-12 p {
		margin-bottom: 0px !important;
	}

	/* responsive.css 2612 */
	.csr-EBM {
		z-index: 1 !important;
	}

	/* responsive.css 2546  */
	.products-box {
		position: relative !important;
		z-index: 12 !important;
	}

	/* responsive.css 2649  */
	.next-step a {
		font-size: 18px !important;
	}

	.progress-products .swiper-wrapper {
		padding-bottom: 0;
		margin-bottom: 0 !important;
	}
}

/* @media(min-width:1200px) and (max-width:1280px) {
	.progress-products .button-wrap {
		top: 55px !important;
	}
} */
@media (min-width:1700px) {

	.progress-products .product-wrap img,
	.hist_Products .product-wrap img {
		width: 100% !important;
	}
}

@media(min-width:2500px) {
	.ebm.bg-element-yellow:after {
		background-position: 1150px -20px !important;
	}
}

/* new css added index.html End  */
/* peek-freans CSS Start */
.peekfr_Stj_Sec {
	margin-top: 0 !important;
	background-color: transparent !important;
}

.peekfr-story::after {
	content: none !important;
}

.peekfr_Story_Para {
	margin-top: 7rem;
}

/* .peekfr-jier {
	padding: 710px 0 100px !important;
} */
.peekfr-yoi-sec .right-pic:after {
	background-image: url('../images/peekfreans/yellow-pf-bg.png') !important;
}

.hist_Products {
	padding: 60px 0 !important;
}

.peek_Fr_Products .product-wrap h5 {
	color: var(--blue) !important;
}

.peek_Fr_Slider {
	background-color: #F8C62B;
}

/* .pF_Story_Slider .about-timeline-text-wrap h1 {
	text-transform: uppercase;
} */

.pF_Story_Slider .top-img {
	top: 0 !important;
	right: 0;
}

.pF_Story_Slider .bg_yellow {
	background-color: var(--bgyellow);
}

.pF_Story_Slider .bg_Red {
	background-color: #E1251B !important;
}

.pF_Story_Slider .bg_Orange {
	background-color: #F97927 !important;
}

.pF_Story_Slider .bg_Pink {
	background-color: #F23B5E !important;
}

.pF_Story_Slider .bg_Light_Pink {
	background-color: #FC9A9A !important;
}

.pF_Story_Slider .bg_Light_Purple {
	background-color: #DA9AE8 !important;
}

.pF_Story_Slider .bg_Normal_Purple {
	background-color: #B868BC !important;
}

.pF_Story_Slider .bg_Dark_Purple {
	background-color: #641C75 !important;
}

.pF_Story_Slider .bg_Dark_Green {
	background-color: #154F3C !important;
}

.pF_Story_Slider .bg_C_Green {
	background-color: #1EA587 !important;
}

.pF_Story_Slider .bg_Light_Green {
	background-color: #70D1B5 !important;
}

.pF_Story_Slider .bg_Sky_Blue {
	background-color: #41B6E6 !important;
}

.pF_Story_Slider .bg_Dark_Blue {
	background-color: #343579 !important;
}

.pF_Story_Slider .bg_Light_Blue {
	background-color: #A4DBE8 !important;
}

.pF_Story_Slider .bg_Light_Orange {
	background-color: #FFB980 !important;
}

.pF_Story_Slider .bg_Dark_Orange {
	background-color: #DD4A1B !important;
}

.pF_Story_Slider {
	padding: 0 !important;
	margin-top: 0 !important;
}

.pF_Story_Slider .peek_Fr_Btns {
	padding: 0 50px 0 50px;
}

.pF_Story_Slider .brand-wrap.even {
	padding-top: 85px !important;
}

.pF_Story_Slider .brand-wrap.odd {
	padding-top: 185px !important;
}

.pF_Story_Slider .btm-img {
	bottom: -108px !important;
}

.pF_Story_Slider .about-img-abs.even::before {
	bottom: -360px !important;
	top: auto !important;
}

@media (max-width:575px) and (min-width:280px) {
	.peekfr-jier {
		padding: 100px 0 280px !important;
	}

	.products-explore .pr-5 {
		padding-left: 0 !important;
	}

	.peek_Fr_Slider .banner-product-img {
		top: 0;
		right: 0;
		position: absolute;
	}

	.pF_Story_Slider .top-img {
		width: 35%;
		top: -10px !important;
	}

	.pF_Story_Slider .btm-img {
		bottom: -255px !important;
		width: 40%;
	}

	.about-EBM .pF_Story_Slider.products-box .progress-products,
	.about-EBM .pF_Story_Slider.products-box .hist_Products {
		padding: 10px 0 50px 0 !important;
	}

	.about-EBM .pF_Story_Slider.products-box .progress-products .swiper-pagination-progressbar,
	.about-EBM .pF_Story_Slider.products-box .hist_Products .swiper-pagination-progressbar {
		width: calc(80% - 0px) !important;
	}

	.pF_Story_Slider .about-img-abs.odd::before {
		height: 435px !important;
		top: -435px !important;
	}

	.pF_Story_Slider .about-img-abs.even::before {
		bottom: -395px !important;
		height: 395px;
	}

	.pF_Story_Slider .brand-wrap {
		/* padding: 0 25px 0 25px !important; */
		padding: 0 10px 0 10px !important;
	}

	.hist_Products .button-wrap {
		width: 35% !important;
		float: none !important;
		top: -50px !important;
		margin: 0 auto;
	}

	.hist_Products .swiper-pagination-progressbar {
		width: calc(100% - 0px) !important;
	}

	.peekfr-yoi-sec.next-step h3 {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 15px;
	}

	.peekfr-yoi-sec.next-step p {
		font-size: 18px;
		line-height: 28px;
	}

	.peekfr-yoi-sec.next-step img {
		width: 50%;
		margin-left: 25%;
	}
}

@media (max-width:1499px) and (min-width:1200px) {
	.product-banner-slider .button-wrap {
		margin-right: 0.8rem;
	}

	.peek_Fr_Slider .swiper-bg {
		margin-bottom: 0 !important;
	}

	.pF_Story_Slider .brand-wrap.even {
		padding-top: 115px !important;
		padding-inline: 60px !important;
	}

	.pF_Story_Slider .brand-wrap.odd {
		padding-top: 175px !important;
		padding-inline: 60px !important;
	}

	.cus-height {
		height: 70%;
	}
}

@media (max-width:1699px) and (min-width:1400px) {

	.recipe-list-box h5,
	.product-wrap h5 {
		height: 75px;
	}

	.recipe-list-box p {
		min-height: 80px;
	}

	.pF_Story_Slider .brand-wrap.even {
		padding-top: 115px !important;
	}

	.pF_Story_Slider .brand-wrap.odd {
		padding-top: 165px !important;
	}
}

/* peek-freans CSS End */
@media (min-width: 768px) and (max-width: 991px) {
	.after-design::after {
		background-position-x: unset;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {

	.recipe-list-box h5,
	.product-wrap h5 {
		height: 75px;
	}

	.recipe-list-box p {
		min-height: 80px;
	}

	.story {
		padding: 150px 0 150px 0px;
	}
}

/* 1200 and 1699 */
@media screen and (min-width: 1200px) and (max-width: 1699px) {
	.contact-email-tel {
		margin-top: 91px;
	}

	.product-banner-slider .banner-product-img img.product-img-banner {
		width: 90%;
		padding-top: 100px;
	}

	.search-icon img {
		height: 20px !important;
		margin-top: 5px !important;
	}

	.we-nourish h3 {
		font-size: 54px;
		line-height: 65px;
		margin-bottom: 20px;
	}

	.we-nourish p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 15px;
		width: 100%;
	}

	.about-EBM h3,
	.about-EBM h2 {
		font-size: 54px;
		line-height: 65px;
		margin-bottom: 20px;
	}

	.contact-social h3 {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.contact-address h3 {
		font-size: 22px !important;
		line-height: 40px !important;
	}

	.contact-email-tel h3 {
		font-size: 22px !important;
		line-height: 40px !important;
	}

	.about-EBM p {
		font-size: 16px;
		line-height: 26px;
	}

	.products-box h4 {
		font-size: 54px;
		line-height: 65px;
	}

	.product-wrap h5 {
		font-size: 25px;
		line-height: 35px;
		margin-bottom: 15px;
	}

	.product-wrap h5 span {
		font-size: 18px;
		line-height: 24px;
		height: 25px;
	}

	.peekfr-progress-products .product-wrap p {
		height: 70px;
		font-size: 12px;
		line-height: 22px;
	}

	.product-wrap p {
		font-size: 12px;
		line-height: 20px;
		height: 185px;
		margin-bottom: 15px;
	}

	.btn {
		font-size: 12px;
		line-height: 16px;
	}

	.csr-img.bg-element-green:before {
		background-position: 0px 610px !important;
		background-size: 45%;
	}

	.bg-element-green:after {
		background-position: 0px 600px;
		background-size: 75%;
	}

	.csr-EBM h3 {
		font-size: 54px;
		line-height: 65px;
		margin-bottom: 15px;
	}

	.csr-EBM p {
		margin-bottom: 15px;
		line-height: 26px;
		font-size: 16px;
	}

	.next-step h3 {
		font-size: 54px;
		line-height: 65px;
		margin-bottom: 24px;
		margin-top: 24px;
	}

	.next-step p {
		margin-bottom: 40px;
		font-size: 25px;
		line-height: 35px;
	}

	.backtotop {
		padding: 10px 0 !important;
	}

	.backtotop a {
		font-size: 20px;
		line-height: 39px;
	}

	.backtotop span.back-to-top-btn a {
		width: 80px;
		height: 80px;
	}

	.backtotop span.back-to-top-btn {
		top: -50px;
	}

	.cta-content h1 {
		font-size: 54px;
		line-height: 65px;
	}

	.story h3 {
		font-size: 54px;
		line-height: 65px;
		margin-bottom: 30px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details h3 {
		font-size: 54px;
		line-height: 65px;
	}

	.product-slider .banner-wrap h2 {
		font-size: 40px !important;
		line-height: 50px !important;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details p {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-top: 10px;
	}

	.story p {
		font-size: 16px;
		line-height: 26px;
	}

	.products-explore h3 {
		font-size: 54px;
		line-height: 65px;
	}

	.spread-joy h3 {
		font-size: 54px;
		line-height: 65px;
	}

	.swiper-bg {
		padding-top: 25px;
		height: 450px;
	}

	/* .slider-bottom figure {
		bottom: 50px;
		left: 220px;
	} */
	.slider-bottom figure img {
		width: 300px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide.swiper-slide-active .button-wrap {
		margin: 60px 0;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details a {
		margin-top: 15px;
	}

	.launching .progress-launching .swiper-wrapper .swiper-slide .launching-details {
		margin-top: 20px;
	}

	.spread-joy a {
		font-size: 22px;
		line-height: 32px;
		margin-top: 32px;
	}

	.spread-joy a:after {
		width: 22px;
		background-size: 22px !important;
		height: 22px;
	}

	.hist_Products .button-wrap {
		top: 45px;
	}

	.blue-body-content h3 {
		font-size: 35px;
		line-height: 45px;
	}

	.page-text h5 {
		font-size: 20px;
		line-height: 30px;
	}

	.page-text p {
		font-size: 16px;
		line-height: 26px;
	}

	.blue-body-content {
		padding: 30px 0;
	}

	.recipe-slider h3,
	.creation h3,
	.recipes h3,
	.intro.show h3 {
		font-size: 54px;
		line-height: 65px;
	}

	.recipe-slider p,
	.creation p,
	.recipe-list-box p,
	.intro.show p {
		font-size: 16px;
		line-height: 26px;
	}

	.recipe-list-box h5,
	.product-wrap h5 {
		font-size: 25px;
		line-height: 25px;
		height: 80px !important;
	}

	.hide-menu {
		right: -230px;
		padding-left: 130px;
	}
}

/* 1200 and 1699 */
@media screen and (min-width: 1600px) and (max-width: 1699px) {
	.slider-bottom figure {
		bottom: 50px;
		left: 0px;
		width: 70%;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1440px) {
	.slider-bottom figure {
		bottom: 50px;
		width: 82%;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.slider-bottom figure {
		bottom: 60px;
		width: 80%;
	}
}

/* cookie bar */
.cookie-bar {
	background: #bae2f3;
	font-weight: 300;
	padding: 15px 0;
	text-align: center;
	position: fixed;
	width: 100%;
	bottom: 0;
	overflow: auto;
	z-index: 999999
}

.cookie-bar .close-cookie {
	position: relative;
	right: 0;
	top: 5px;
	float: right;
	cursor: pointer
}

.cookie-bar .close-cookie img {
	width: 10px;
	height: 10px;
	/* filter: var(--cookie-cross); */
	margin-left: 3px;
}

.cookie-bar .note-cookie {
	font-size: 14px;
	line-height: 26px;
	color: var(--grey)
}

.cookie-bar .note-cookie a {
	color: var(--grey);
	text-decoration: underline !important;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.cookie-bar .note-cookie .white-btn {
	background-color: var(--white);
	padding: 5px 8px;
	border-radius: 5px;
	margin-left: 2px;
	/* color: var(--blue); */
	color: var(--grey);
	text-decoration: none !important;
}

.cookie-bar .note-cookie .white-btn:hover {
	background-color: #333;
	color: var(--white)
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.cookie-bar .note-cookie {
		font-size: 12px;
		line-height: 20px;
	}

	.cookie-bar .note-cookie .white-btn {
		padding: 3px 8px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.cookie-bar {
		padding: 10px 0;
	}

	.cookie-bar .note-cookie {
		font-size: 12px;
		line-height: 22px;
	}

	.cookie-bar .note-cookie .white-btn {
		padding: 3px 8px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.cookie-bar .note-cookie {
		/* font-size: 12px; */
		line-height: 18px;
	}
}

@media(min-width:320px) and (max-width:575px) {
	.cookie-bar {
		padding: 10px 0;
		height: 100%;
		background: rgba(0, 0, 0, 0.6);
	}

	.cookie-bar .container-fluid {
		padding: 0 !important;
	}

	.cookie-bar .note-cookie {
		font-size: 12px
	}

	.cookie-bar .note-cookie .white-btn {
		margin-left: 0
	}

	.cookie-text {
		position: absolute;
		bottom: 30px;
		background: #bae2f3;
		padding: 20px 10px;
	}
}

.farmhouse .product-banner-slider .button-wrap .round-btn {
	border: 1px solid var(--blue);
}

.farmhouse .product-banner-slider .button-wrap .round-btn:after {
	background-image: url(../images/right-arrow-blue.png);
}