html,body{
	height: 100%;
	width: 100%;
	margin: 0;
	-webkit-overflow-scrolling:touch;
}
body{
	display: flex;
	flex-direction: column;
	margin: 0;
	color: #004000;
	background:  #FFF;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-family: "Inter", sans-serif;
	position: relative;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	min-width: 320px;
}
body.active{
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-weight: 900;
}
a {
	display: inline-block;
}
p {
	margin:0;
}
p a{
	text-decoration: none;
}
p a:hover{
	text-decoration: underline;
}
p:last-child{
	margin-bottom: 0px;
}
img{
	display: block;
}
svg{
	display: block;
}
a {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}
button{
	border: 0;
}

/* End Total css ====*/
.container{
	max-width: 1012px;
	margin: 0 auto 0;
	padding: 0 15px;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.b-container{
    min-height: 100vh;
	position: relative;
	display: flex;
	flex-direction: column;
}
.main{
	flex: 1;
}
.discount__btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.discount__btn button{
	border-radius: 16px;
	background: #A8DA27;
	width: 100%;
	height: 68px;
	color: #004000;
	font-family: Inter;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.4px;
	transition: 0.3s;
	cursor: pointer;
	
	&:hover {
		background: #006F00;
		color: #A8DA27;
	}

}

 /* ============== PAGE HOME ============== */

/* -------------- header-------------- */
.header{
	padding: 22px 0 22px 0;
	background: #FFF;
	box-shadow: 0px 4px 29.7px -4px rgba(179, 119, 0, 0.22);
	position: relative;
	z-index: 10;
}

.header .container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.header__logo{
	grid-column: 2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.header__logo svg{
	width: 160.364px;
	height: 32px;
	transition: 0.3s;
	cursor: pointer;

	&:hover {
		opacity: 0.8;
	}
}
.header__btn-wrapper{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.header__btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 121px;
	height: 46px;
	border-radius: 7px;
	background: #A8DA27;
	color: #004000;
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.28px;
	text-transform: capitalize;
	grid-column: 3;
	transition: 0.3s;
	cursor: pointer;

	&:hover {
		background: #006F00;
		color: #A8DA27;
	}
}

/* -------------- main -------------- */

/* -------------- hero -------------- */

.hero{
	background: linear-gradient(0deg, #F9F0DE 18.06%, #FBF4F4 83.56%);
}
.hero .container{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top: 19px;
 }

.hero__left{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 8px;
}
.hero__left p{
	color: #FF3874;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.28571;
}
.hero__left h1{
	width: 304px;
	color: #FF3874;
	font-size: 71.677px;
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: -1.434px;
}
.hero__left h1 span{
	color: #006F00;
	font-family: "Inter Tight";
	font-size: 117.372px;
	font-style: normal;
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: -2.347px;
}
.hero__center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero__center img{
	width: 380.769px;
	height: 512px;
}
.hero__right{
	display: flex;
	align-items: flex-end;
}
.hero__right img{
	width: 391.542px;
	height: 630px;
}
/* --------------- green__block ------------*/
.green__block{
	padding: 25px 0;
	background: #5BBA4B;
}
.green__block .container{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.green__block ul li p{
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
}
.green__block ul{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 26px;
}
.green__item-1 img{
	width: 113.38px;
	height: 18.472px;
}
.green__item-2 img{
	width: 65.798px;
	height: 23.118px;
}
.green__item-3 img{
	width: 100.172px;
	height: 22.131px;
}
.green__item-4 img{
	width: 49.827px;
	height: 23.555px;
}
.green__item-5 img{
	width: 38.895px;
	height: 45.548px;	
}
.green__item-6 img{
	width: 73.647px;
	height: 21.555px;
}


/* --------------- benefits------------*/

.benefits{
	padding: 76px 0 78px 0;
}
.benefits .container{
	display: flex;
	justify-content: center;
	gap: 1px;
}
.benefits__left img{
	width: 549px;
	height: 738px;
	margin: 0 0 0 -15px;
}
.benefits__top{
	display: none;
}
.benefits__subtitle, .benefits__subtitle-2{
	color: #FF3874;
	font-family: "Inter Tight";
	font-size: 14px;
	font-weight: 700;
	line-height:  1.28571;
	margin: 0 0 12px 0;
}
.benefits__title, .benefits__title-2{
	color: #FF3874;
	font-family: "Inter Tight";
	font-size: 56px;
	font-weight: 700;
	line-height: 0.96429;
	letter-spacing: -1.12px;
	margin: 0 0 34px 0;
}
.benefits__right ul {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 0 0 32px 0;
}
.benefits__item{
	display: flex;
	gap: 31px;
}
.benefits__item img {
	width: 80px;
	height: 80px;
}
.benefits__item h3{
	color: #004000;
	font-size: 18px;
	font-weight: 700;
}
.benefits__item  p {
	color: #004000;
	font-size: 14px;
	font-weight: 500;
}
.benefits__link{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin: 15px 0 0 0;
}
.benefits__link a{
	color: #004000;
	text-align: right;
	font-size: 12px;
	font-weight: 500;
	transition: 0.3s;
	cursor: pointer;

	&:hover {
		color: #A8DA27;
	}
}
.benefits__line{
	height: 15px;
	width: 1px;
	background: #004000;
}
.benefits__link img{
	width: 13px;
	height: 16px;
}

/* --------------- reviews------------*/
.reviews{
	background: linear-gradient(0deg, #F2F0EC 7.68%, #FFF 95.17%);
}
.reviews .container .swiper{
	padding: 39px 0 91px 0;
	border-radius: 20px;
	background: #F2F0EC;
}

.swiper-slide{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 31px;
	width: 100%;
}
.slide__pink-text{
	color: #FF3874;
	text-align: center;
	font-family: "Inter Tight";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1.28571;
	margin: 0 0 12px 0;
}
.slide__title{
	color: #FF3874;
	text-align: center;
	font-family: "Inter Tight";
	font-size: 56px;
	font-weight: 700;
	line-height: 0.96429;
	letter-spacing: -1.12px;
	margin: 0 0 16px 0;
}
.slide__s-text{
	max-width: 483px;
	color: #656565;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 28px 0;
}
.swiper-slide img{
	width: 180px;
	height: 180px;
	border-radius: 180px;
	margin: 0 0 22px 0;
}
.slide__m-text{
	max-width: 514px;
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 17px 0;
}
.slide__name{
	color: #004000;
	font-size: 13px;
	font-weight: 600;
}
.swiper .swiper-pagination {
	position: absolute;
	bottom: 44px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 10;
}
 .swiper-pagination-bullet {
	width: 17px;
	height: 17px;
	background: #FF3874;
	border-radius: 50%;
	opacity: 1;
	margin: 0;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0  7px;
}
.swiper-pagination-bullet-active {
	background-color: #006F00; 
	opacity: 1;
}
.swiper-button-disabled {
  	display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	display: none;
}
.swiper-button-next,
.swiper-button-prev{
	width: 46px;
	height: 46px;
	transition: 0.3s;
	cursor: pointer;

	&:hover svg circle{
		fill: #B9E93B;
	}

	&:hover svg path{
		stroke: #006F00;
	}
}
.swiper-button-next{
	right: 52px;
	left: auto;
}
.swiper-button-prev{
	left: 52px;
	right: auto;
}
.reviews__info{
	padding: 62px 0 44px 0;
	border-bottom: 1px dashed rgba(19, 114, 19, 0.50);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.reviews__info-pink-text{
	color: #FF3874;
	text-align: center;
	font-family: "Inter Tight";
	font-size: 14px;
	font-weight: 700;
	line-height: 1.28571;
	margin: 0 0 15px 0;
}
.reviews__info-title{
	color: #FF3874;
	text-align: center;
	font-family: "Inter Tight";
	font-size: 56px;
	font-weight: 700;
	line-height: 0.96429;
	letter-spacing: -1.12px;
	margin: 0 0 38.89px 0;
}
.reviews__info img{
	width: 608px;
	height: 337.221px;
	margin: 0 0 28.89px 0;
}
.reviews__info-text{
	color: #004000;
	text-align: center;
	font-family: Inter;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.36364;
	max-width: 607px;
}
.reviews__block{
	padding: 49px 0 90px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.reviews__block-img{
	width: 180px;
	height: 180px;
	margin: 0 0 19px 0;
}
.reviews__block p{
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	max-width: 477px;
	margin: 0 0 17px 0;
}
.reviews__block h4{
	color: #004000;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 32px 0;
}
.reviews__block .discount__btn {
	width: 477px;
	height: 81px;
}
/* --------------- ingredients ------------*/
.ingredients{
	padding: 56px 0 99px 0;
	background: #F1EAE1;
}
.ingredients .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.ingredients__pink-text{
	color: #FF3874;
	text-align: center;
	font-family: "Inter Tight";
	font-size: 14px;
	font-weight: 700;
	line-height: 1.28571; 
	margin: 0 0 12px 0;
}
.ingredients__title{
	max-width: 562px;
	color: #FF3874;
	text-align: center;
	font-family: "Inter Tight";
	font-size: 56px;
	font-weight: 700;
	line-height:  0.96429;
	letter-spacing: -1.12px;
	margin: 0 0 19px 0;
}
.ingredients__s-pink-text{
	color: #FF3874;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 74px 0;
}
.ingredients__subtitle{
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.36364;
	margin: 0 0 25px 0;
}
.igredients__list-top{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	border-bottom: 1px dashed rgba(19, 114, 19, 0.50);
	padding: 0 0 37px 0;
}
.ingredient__item{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center	;
}
.ingredient__item img{
	width: 180px;
	height: 180px;
	margin: 0 0 20px 0;
}
.ingredient__item h4{
	color: #004000;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.22222;
	letter-spacing: -0.36px;
	margin: 0 0 10px 0;
}
.ingredient__item p {
	color: #004000;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}
.igredients__list-bottom{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	padding: 41px 0 0 0;
	margin: 0 0 61px 0;
}
.igredients__list-bottom li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.igredients__list-bottom li img {
	width: 120px;
	height: 120px;
}
.igredients__list-bottom li h4{
	color: #004000;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.22222;
	letter-spacing: -0.36px;
}
.ingredients__btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 285px;
	height: 68px;
	border-radius: 16px;
	background: #A8DA27;
	color: #004000;
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: 0.4px;
	text-transform: capitalize;
	transition: 0.3s;
	cursor: pointer;

	&:hover {
		background: #006F00;
		color: #A8DA27;
	}
}


/* --------------- advantages ------------*/
.advantages{
	padding: 64px 0 92px 0;
}
.advantages .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.advantages__top{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 0 83px;
}
.advantages__title{
	max-width: 600px;
	color: #FF3874;
	text-align: center;
	font-family: "Inter Tight";
	font-size: 56px;
	font-weight: 700;
	line-height: 0.96429;
	letter-spacing: -1.12px;
}
.advantages__top .advantages__title{
	margin: 0 0 57px 0;
}
.avantages__top-list{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	justify-content: center;
	gap: 60px;
	margin: 0 0 53px 0;
}
.avantages__top-list li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-items: center;
	gap: 37px;
}
.avantages__top-list li .item__content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	max-width: 254px;
}
.item__img{
	display: flex;
	align-items: center;
	justify-content: center;

}
.advantages__img-1{
	width: 254.626px;
	height: 216px;
	margin: 0 0 9px 0;
}
.advantages__img-2 {
	width: 217px;
	height: 222px;
	margin: 19px 0 9px 0;
}
.advantages__img-3 {
	width: 231px;
	height: 231px;
}
.avantages__top-list li div h3{
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.36364;
	letter-spacing: -0.44px;
	margin: 0 0 10px 0;
}
.avantages__top-list li div p{
	color: #004000;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}
.advantages__top .discount__btn{
	width: 467px;
	height: 68px;
	border-radius: 16px;
}
.advantages__center{
	padding: 39px 0 50px 0;
	width: 100%;
	border-radius: 20px;
	background: #F2F0EC;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.advantages__center .advantages__title{
	max-width: 100%;
	margin: 0 0 29px 0;
}
.ingredients__b-text{
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.36364;
	margin:  0 0 29px 0;
}
.advantages__center a svg{
	width: 180px;
	height: 180px;
	margin: 0 0 31px 0;
	transition: 0.3s;
	cursor: pointer;

	&:hover{
		opacity: 0.7;
	}
}
.advantages__center-text{
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 37px 0;
}
.advantages__center .discount__btn{
	width: 570px;
	height: 68px;
}
.advantages__boottom{
	padding: 74px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.advantages__boottom .advantages__title{
	max-width: 100%;
	margin: 0 0 52px 0;
}
.advantages__boottom-subtitle{
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height:  1.36364;
	margin: 0 0 38px 0;
}
.advantages__boottom ul{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;
	padding: 0 0 51px 0;
	border-bottom: 1px dashed rgba(0, 64, 0, 0.50);
}
.advantages__boottom ul li{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.advantages__boottom ul li p{
	color: #004000;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -0.56px;

}
.advantages__boottom ul li p h4{
	color: #004000;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
}
.advantages__star{
	display: inline-flex;
	align-items: center;
	gap: 5.6px;
	padding: 53px 0 0 0;
	margin: 0 0 4px 0;
}
.advantages__star svg{
	width: 35px;
	height: 35px;
}
.advantages__boottom-text{
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin: 0 0 39px 0;
}
.advantages__boottom .discount__btn{
	width: 467px;
	height: 68px;
}

/* --------------- info ------------*/
.info{
	padding: 107px 0 109px 0;
	background: #F1EAE1;
}
.info .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.info .ingredients__title{
	max-width: 100%;
	margin: 0 0 97px 0;
}
.info__list{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 33px;
	margin: 0 0 69px 0;
}
.info__item{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 29px;
}
.info__item img{
	width: 170px;
	height: 170px;
}
.info__item h3 {
	color: #004000;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.36364;
	letter-spacing: -0.44px;
}
.info .discount__btn{
	width: 467px;
	height: 68px;
}

/* --------------- questions ------------*/
.questions{
	padding: 74px 0 120px 0;
}
.questions .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.questions .ingredients__title{
	max-width: 100%;
	margin: 0 0 50px 0;
}
.questions__list{
	width: 572px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.questions__item{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.questions__item:not(:last-child) {
	padding: 0 0 20px 0;
	border-bottom: 1px dashed rgba(0, 64, 0, 0.50);
}
.questions__item h3 {
	color: #004000;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.36364;
	letter-spacing: -0.44px;
}
.questions__item p {
	color: #004000;
	font-size: 14px;
	font-weight: 500;
}

/* --------------- footer ------------*/
.footer{
	padding: 47px 0 46px 0;
	background: #F2F0EC;
}
.footer .container{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}
.footer__left{
	max-width: 116px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.footer__left ul li a{
	color: #FF3874;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.92857;
	letter-spacing: -0.28px;
	cursor: pointer;
	transition: 0.3s;
	cursor: pointer;

	&:hover{
		opacity: 0.7;
	}
}
.footer__center{
	width: 116px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.footer__center ul li a{
	color: #FF3874;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.92857;
	letter-spacing: -0.28px;
	transition: 0.3s;
	cursor: pointer;
	
		&:hover {
			opacity: 0.7;
		}
}
.footer__right{
	width: 407px;
	display: flex;
	flex-direction: column;
	gap: 36px;
}
.footer__right p{
	color: #004000;
	font-family: Inter;
	font-size: 12px;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.24px;
}
 /* ============== PAGE ABOUT US ============== */


 /* ============== PAGE CONTACT ============== */