.elementor-element.container-mx {
		max-width: 1300px;
		margin: 0 auto;
	}
	.e-con-grid {
		display: grid;
		column-gap: 15px;
	}
	.e-con-grid .e-con-boxed {
		display: flex;
		gap: 15px;
		align-items: flex-start;
	}
	.e-con-grid h4 {
		font-family: "Lato", Sans-serif;
		font-size: 28px!important;
		font-weight: 900;
		text-transform: uppercase;
		margin-top: 0;
		margin-bottom: 6px;
	}
	.elementor-icon-box-icon {
		display: contents;
	}
	.container-mx.ingredients .elementor-col-3 .col-inner {
		background-color: #6d4c98;
		padding: 20px;
	}
	.container-mx.ingredients .elementor-col-3 .col-inner h3 {
		color: #FFF;
		font-family: "Lato", Sans-serif;
		font-size: 28px !important;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1.3em;
		margin-top: 0;
	}
	.container-mx.ingredients .elementor-col-3 .col-inner p {
		color: #FFF; 
	}
	.container-mx.ingredients .elementor-col-3 .col-inner img {
		max-width: 80%;
		margin: 0 auto;
		display: block;
		padding-top: 20px;
	}
	.col-row-1 h2 {
		font-family: "Lato", Sans-serif;
		font-size: 48px;
		font-weight: 600;
		line-height: 1.1em;
		color: #1c2b36;
		margin-top: 0;
	}
	.step-box {
		background-color: #EBF3F7;
		padding: 60px 30px;
		border-radius: 10px;
	}
	.col-row-1 h2 {
		font-family: "Lato", Sans-serif;
		font-size: 48px;
		font-weight: 600;
		line-height: 1.1em;
		color: #1c2b36;
	}
	.step-box h4 {
		color: #000000;
		font-family: "Lato", Sans-serif;
		font-weight: 800;
		text-transform: uppercase;
		line-height: 1.2em;
		font-size: 28px;
	}
	.col-row-2 .step-box:nth-child(2) {
		background-color: #EADCFC;
	}
	.top-rev-header {
		max-width: 750px;
		margin: 0 auto;
		text-align: center;
	}
	.top-rev-header h2 {
		font-family: "Lato", Sans-serif;
		font-weight: 600;
		font-size: 48px;
		color: #1c2b36;
	}
	.slick-slide {
		margin: 0px 20px;
	}
	.slick-slide img {
		width: 100%;
	}
	.slick-prev:before,
	.slick-next:before {
		color: black;
	}
	.slick-current {
		opacity: 1;
	}
	.client-nm {
		width: 100px !important;
		margin: auto;
		text-align: center;
	}
	.rev-bx {
		background-color: #F2F5F7;
		border-radius: 15px 15px 15px 15px;
		padding: 25px 30px;
		text-align: center;
	}
	img.star {
		width: 160px;
		text-align: center;
		margin: 0 auto;
		padding: 8px 0;
	}
	.slide-info {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	span.slide-title {
		color: #1c2b36;
		font-size: 20px;
		font-weight: 600;
		line-height: 24px;
	}
	.rev-bx p {
		padding-top: 10px;
	}
	.reviews-sx .slick-dots li.slick-active button:before {
		opacity: .75;
		color: #279c9c;
	}
	.reviews-sx .slick-dots li button:before {
		font-size: 22px;
	}
	.reviews-sx button:hover {
		background-color: transparent;
	}
	.reviews-sx .slick-dots {;
		bottom: -45px !important;
	}
/*****  faq css start here *****/
.faq-sec {
  display: grid;
  place-items: center;
  background: #ebf3f7;
}

.accordion {
  padding: 1.2rem 0;
  border-radius: 1rem;
}

.accordion__heading {
  margin-bottom: 1rem !important;
  padding: 0 1.4rem !important;
  font-family: "Lato", Sans-serif !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  line-height: 1.1em !important;
  text-align: center;

}

.accordion .acc-des {
  text-align: center;
  font-family: "Lato", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 30px;
}

.accordion__item {
  margin-bottom: 15px;
  background-color: white;
}

.accordion__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 25px 20px !important;
  background: white !important;
  border: none;
  outline: none;
  color: black !important;
  text-align: left !important;
  transition: 0.1s;
  font-family: "Lato", Sans-serif;
  font-size: 24px !important;
  font-weight: 600 !important;
}

.accordion__icon {
  border-radius: 50%;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  opacity: 0.9;
  color: black !important;
}
.accordion__item--active .accordion__icon {
  transform: rotate(180deg);
}

.accordion__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  color: black !important;
  transition: opacity 0.6s ease, max-height 0.5s ease;
  /*  transform: translateY(-10px);*/
}
.accordion__content p {
  padding: 15px 20px;
  font-family: "Lato", Sans-serif;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4em !important;
}

.accordion__item--active .accordion__content {
  opacity: 1;
  transform: translateX(0px);
  max-height: 100vh;
  transition: opacity 0.3s ease, max-height 2s ease;
}

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

.faq-sec{
  display: block;
}
.accordion__btn {
    font-size: 18px !important;
    white-space: normal;
}
}

@media(min-width:768px) {
	.container-mx.ingredients .e-con-inner {
		display: grid;
		grid-template-columns: 0.8fr 3.2fr;
		gap: 30px;
		align-items: center;
	}	
	.g-gap-50 {
		row-gap: 50px;
	}
	.e-con-grid.grid-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.e-con-grid.grid-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.elementor-element.container-mx {
		padding: 40px 0;
	}
	.col-row-1 {
		display: grid;
		grid-template-columns: 2fr 2fr;
		gap: 15px;
		padding-bottom: 20px;
	}
	.col-row-2 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
}
@media(max-width:767px) { 
	.e-con-grid {
		row-gap: 15px;
	}
	.elementor-element.container-mx {
		margin: 0 15px;
	}
	.elementor-element.container-mx {
		padding: 20px 0;
	}
	.container-mx.ingredients .elementor-col-3 .col-inner {
    margin-bottom: 40px;
}
.col-row-2 .step-box {
    margin-bottom: 20px;
}
.reviews-sx h2, .faq-sec h2, .results-steps h2 {
    font-size: 28px !important;
}
}