@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Raleway", sans-serif;
  font-size: 22rem;
  line-height: 26rem;
  color: #0A53C3;
  overflow-x: hidden;
}

.container {
  max-width: 1330rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.flex_between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_column {
  display: flex;
  flex-direction: column;
}

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

a {
  text-decoration: none;
}

.wpcf7 form .wpcf7-response-output {
  display: none !important;
}

.wpcf7-form.sent {
  height: 606px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.partners_page {
  padding: 40px 0;
}

.partners_page p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 32px;
  line-height: 37px;
  margin-bottom: 30px;
}

.partners_page a {
  margin-left: auto;
  margin-right: auto;
}

.whatsapp {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.whatsapp svg {
  width: 30px;
  height: 30px;
}

.wpcf7-form.sent h2 {
  margin-bottom: 30px;
}

.wpcf7-form.sent h6 {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-size: 33px;
  line-height: 39px;
  text-align: center;
  color: #0A53C3;
}

h2 {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 55rem;
  line-height: 65rem;
  text-align: center;
  color: #462A8D;
}

.burger_menu,
.mob_menu {
  display: none;
}

/* home */
header {
  padding: 30px 0;
  background-color: #462A8D;
}

header nav ul {
  column-gap: 45rem;
  margin-right: 52rem;
}

header nav a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 24rem;
  line-height: 29rem;
  color: #FFFFFF;
  transition: all ease 0.3s;
}

header nav a:hover {
  text-decoration: underline;
}

.white_btn {
  background: #FFFFFF;
  padding: 13rem 17rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 14rem;
  line-height: 21rem;
  color: #0A53C3;
  transition: all ease 0.3s;
}

.white_btn:hover {
  background: #0A53C3;
  color: #fff;
}

.home_banner {
  padding: 120rem 0 140rem 0;
  background: url(img/home_banner.png) no-repeat;
  background-size: cover;
}



.home_banner .flex_between {
  column-gap: 58rem;
}

.home_banner .flex_between .col h1 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 100rem;
  line-height: 115%;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}

.home_banner .flex_between .col h1 span {
  color: #C6EF95;
}

.home_banner .flex_between .col h1::after {
  content: '';
  background: url(img/h1_after.svg) no-repeat;
  display: block;
  width: 100%;
  height: 62rem;
  position: absolute;
  bottom: 0;
  left: -16rem;
  z-index: -1;
}

.home_banner .flex_between .col h4 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 45rem;
  line-height: 53rem;
  color: #FFFFFF;
  margin: 44rem 0;
}


.btn_green {
  padding: 15rem 23rem;
  background-color: #C6EF95;
  border-radius: 100rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 36rem;
  line-height: 54rem;
  color: #0A53C3;
  width: 147rem;
  transition: all ease 0.3s;
  border: 2rem solid transparent;
}

.btn_green:hover {
  background: #0A53C3;
  color: #C6EF95;
  border: 2rem solid #C6EF95;
}

.start_today {
  padding-top: 60rem;
}

.start_today h2 {
  margin-bottom: 45rem;
}

.start_today .flex_between {
  flex-wrap: wrap;
  column-gap: 60rem;
  row-gap: 42rem;
  max-width: 995rem;
  margin-left: auto;
  margin-right: auto;
}

.start_today .flex_between .col {
  column-gap: 15rem;
  width: 46%;
  position: relative;
  max-width: 100%;
}

.start_today .flex_between .col img {
  width: 47%;
  height: 395rem;
  object-fit: cover;
}

.start_today .flex_between .col .badge {
  position: absolute;
  top: -20rem;
  left: 0;
  background: url(img/badge.svg) no-repeat;
  background-size: cover;
  width: 140rem;
  height: 40rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.start_today .flex_between .col .badge:last-of-type {
  right: calc(25% - 70rem);
  left: auto;
}

.start_today .flex_between .col .badge:first-of-type {
  left: calc(25% - 70rem);
}

.start_today .flex_between .col span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 20rem;
  line-height: 30rem;
  color: #462A8D;
  text-transform: uppercase;
}

.start_today .flex_between .col:nth-of-type(3) .badge,
.start_today .flex_between .col:nth-of-type(4) .badge {
  bottom: -20rem;
  top: auto;
}

.start_today .flex_between {
  position: relative;
}

.start_today .flex_between h6 {
  max-width: 500rem;
  width: 100%;
  border-radius: 100rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-size: 40rem;
  line-height: 47rem;
  color: #FFFFFF;
  background-color: #462A8D;
  flex-wrap: wrap;
  padding: 10rem 0;
  position: absolute;
  top: calc(50% - 67rem);
  left: calc(50% - 250rem);
  z-index: 2;
}

.start_today .flex_between h6 strong {
  font-size: 55rem;
  line-height: 60rem;
}

.become_healthier {
  margin-top: 75rem;
  margin-bottom: 47rem;
}

.become_healthier .flex_between {
  column-gap: 80rem;
  justify-content: center;
}

.become_healthier .flex_between h2 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 80rem;
  line-height: 85%;
  text-align: center;
  letter-spacing: 0.05em;
  color: #462A8D;
  z-index: 2;
  position: relative;
  max-width: 613rem;
  width: 100%;
}

.become_healthier .flex_between h2::after {
  content: '';
  display: block;
  width: 100%;
  height: 80rem;
  position: absolute;
  bottom: -31rem;
  left: -6rem;
  background: url(img/become_vector.svg) no-repeat;
  background-size: contain;
  z-index: -1;
}

.become_healthier .flex_between .flex_column {
  max-width: 430rem;
  width: 100%;
}

.become_healthier .flex_between .flex_column p b {
  font-weight: 800;
}

.btn_blue {
  padding: 14rem 27rem;
  background-color: #0A53C3;
  border: 2rem solid #C6EF95;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 20rem;
  line-height: 30rem;
  color: #FFFFFF;
  border-radius: 100rem;
  width: fit-content;
  transition: all ease 0.3s;
}

.btn_blue:hover {
  background: #C6EF95;
  border-color: #0A53C3;
  color: #0A53C3;
}

.become_healthier .flex_between .flex_column a {
  margin-top: 27rem;
}

.join {
  padding: 50rem 0;
  background: url(img/bg_join.png) no-repeat;
  background-size: cover;
}

.join h2 {
  margin-bottom: 54rem;
}

.join_slider {
  max-width: 663rem;
  margin-left: auto;
  margin-right: auto;
}

.join_slider .swiper-slide {
  display: flex;
  column-gap: 55rem;
}

.join_slider .swiper-slide span {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 43rem;
  line-height: 50rem;
  color: #0A53C3;
}

.join_slider .swiper-wrapper {
  height: auto !important;
}

.join_slider img {
  max-width: 150px;
  height: 150px;
}

.join_slider .swiper-slide p {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 33rem;
  line-height: 39rem;
  color: #0A53C3;
  margin-top: 5rem;
}

.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  width: 10rem;
  height: 10rem;
  background: #462A8D;
  opacity: 0.5;
}

.swiper-pagination-bullet-active {
  width: 10rem;
  height: 10rem;
  background: #462A8D;
  opacity: 1;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  width: 55rem;
  height: 55rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 20rem;
  height: 16rem;
}

.join .container {
  position: relative;
  max-width: 1160rem;
}

.swiper-button-prev {
  transform: rotate(180deg);
}

.swiper-button-disabled {
  opacity: 0 !important;
}

.join .flex_center {
  margin-top: 45rem;
}

.home_about {
  padding: 40rem 58rem;
}

.home_about .flex_center {
  column-gap: 60rem;
}

.home_about .flex_column {
  align-items: start;
  max-width: 500rem;
  width: 100%;
}

.home_about .flex_column h2 {
  margin-bottom: 50rem;
  text-align: left;
}

.home_about .flex_column p {
  font-weight: 500;
}

.home_about .flex_column p b {
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 22rem;
  line-height: 26rem;
  color: #0A53C3;
}

.reviews_images {
  padding-bottom: 75rem;
  position: relative;
}

.reviews_images .container {
  max-width: 1140rem;
}

header .container {
  max-width: 1200px;
}

.reviews_images::after {
  content: '';
  display: block;
  width: 100%;
  height: 108%;
  background: url(img/bg_images.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.reviews_images .col img {
  max-height: 25rem;
  height: 100%;
  width: auto;
  margin-bottom: 15rem;
}

.reviews_images .col h2 {
  text-align: left;
  margin-bottom: 50rem;
}

.enjoy {
  padding: 70rem 0;
  background: #E3F7CA;
}

.enjoy .flex_column h2 {
  font-size: 80rem;
  line-height: 85%;
  text-align: left;
  margin-bottom: 40rem;
  position: relative;
  z-index: 2;
}

.enjoy .flex_column h2::after {
  content: '';
  display: block;
  width: 50%;
  height: 80rem;
  position: absolute;
  bottom: -31rem;
  left: -6rem;
  background: url(img/Vector.svg) no-repeat;
  background-size: contain;
  z-index: -1;
}

.enjoy .flex_column b {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 22rem;
  line-height: 26rem;
  color: #0A53C3;
}

.enjoy .flex_column p {
  font-weight: 500;
  width: 73%;
}

.enjoy .flex_between {
  column-gap: 60rem;
}

.enjoy .flex_between:last-of-type .flex_column h2::after {
  width: 272rem;
  bottom: -39rem;
}

.start {
  padding: 58rem 0 93rem 0;
}

.start h3 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 50rem;
  line-height: 59rem;
  text-align: center;
  color: #0A53C3;
  width: 60%;
  margin-bottom: 40rem;
}

.start a {
  font-size: 36rem;
  padding: 26rem 35rem;
}

.testimonails {
  padding: 56rem 0 65rem 0;
  background: url(img/Group\ 134.png) no-repeat;
  background-size: cover;
}

.testimonails h2 {
  color: #fff;
  margin-bottom: 35rem;
}

.testimonails_slider {
  max-width: 850rem;
  padding-bottom: 50rem;
}

.testimonails_slider .swiper-slide {
  display: flex;
  align-items: center;
  column-gap: 30rem;
}

.testimonails_slider .swiper-slide span {
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 98rem;
  line-height: 1;
  color: #FFFFFF;
}

.testimonails_slider .swiper-slide .image_group {
  width: 47%;
  height: 347rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 18px;
  padding: 9px 9px 55px 9px;
  border-radius: 20px;
  background-color: #E3F7CA;
  position: relative;
}

.testimonails_slider .swiper-slide .image_group img {
  width: 48%;
  height: 100%;
  object-fit: cover;
}

.testimonails_slider .swiper-slide .image_group span {

  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #462A8D;
  position: absolute;
  bottom: 13px;
}

.testimonails_slider .swiper-slide .image_group span:first-of-type {
  left: 18%;
}

.testimonails_slider .swiper-slide .image_group img:first-of-type {
  border-top-left-radius: 16px;
}

.testimonails_slider .swiper-slide .image_group img:last-of-type {
  border-top-right-radius: 16px;
}

.testimonails_slider .swiper-slide .image_group span:last-of-type {
  right: 18%;
}

.testimonails_slider .swiper-slide .image_group svg {
  position: absolute;
  top: 43%;
  left: 33%;
}

.testimonails_slider .swiper-slide h4 {
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 25rem;
  line-height: 29rem;
  color: #FFFFFF;
  margin-top: -45rem;
}

.testimonails_slider .swiper-slide h5 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 18rem;
  line-height: 27rem;
  color: #FFFFFF;
  margin-top: 10rem;
}

.testimonails_slider .swiper-slide img {
  max-width: 447rem;
  width: 100%;
  max-height: 430rem;
  height: 100%;
  object-fit: cover;
}

.testimonails_slider .swiper-slide .flex_column {
  width: 50%;
  max-height: 347px;
  height: 100%;
  overflow-y: scroll;
}

.testimonails_slider .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.3;
}

.testimonails_slider .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.testimonails .container {
  position: relative;
}

.testimonails_slider .swiper-button-prev2 {
  left: 140rem;
}

.community {
  padding: 88rem 0 143rem 0;
}

.community .container {
  max-width: 1030rem;
}

.community .container .col h2 {
  text-align: left;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 80rem;
  line-height: 85%;
  letter-spacing: 0.05em;
  color: #462A8D;
  margin-bottom: 50rem;
  position: relative;
  z-index: 2;
}

.community .container .col h2::after {
  content: '';
  background: url(img/Vector1.svg) no-repeat;
  display: block;
  width: 106%;
  height: 62rem;
  position: absolute;
  bottom: -20rem;
  left: -23rem;
  z-index: -1;
  background-size: contain;
}

.community .container .col p {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 22rem;
  line-height: 26rem;
  color: #0A53C3;
  margin-bottom: 20rem;
}

.community .container .col .btn_blue {
  margin-top: 30rem;
}

footer {
  padding: 82rem 0;
  background: #462A8D;
}

footer .container {
  max-width: 1330rem;
}

footer a {
  font-family: 'Inter';
  font-weight: 500;
  font-size: 28rem;
  line-height: 34rem;
  color: #FFFFFF;
  transition: all ease 0.3s;
}

footer a:hover {
  text-decoration: underline;
}

footer .flex_column:first-of-type nav {
  row-gap: 32rem;
  flex-direction: column;
  align-items: start;
}

footer .flex_column span,
footer .flex_column:last-of-type a:nth-of-type(2) {
  font-family: 'Inter';
  font-weight: 700;
  font-size: 33rem;
  line-height: 40rem;
  color: #FFFFFF;
  margin-bottom: 13rem;
}

footer .flex_column:last-of-type a:nth-of-type(3) {
  margin-bottom: 45rem;
}

.flex_column:last-of-type a:nth-of-type(1) {
  margin-bottom: 20rem;
}

footer ul.flex_center {
  flex-direction: column;
  gap: 25px;
  align-items: start;
}


/* faq */
.faq_banner {
  padding-left: 122rem;
  background: rgba(10, 83, 195, 0.7);
  ;
}

.faq_banner h1 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 100rem;
  line-height: 115%;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}

.faq_banner h1 span {
  color: #C6EF95;
}

.faq_banner h1:after {
  content: '';
  background: url(img/faq_after.svg) no-repeat;
  display: block;
  width: 100%;
  height: 102rem;
  position: absolute;
  bottom: -19rem;
  left: -16rem;
  z-index: -1;
}

.questions {
  padding-top: 82rem;
}

.questions h2 {
  margin-bottom: 275rem;
}

.questions .flex_column {
  position: relative;
}

.questions .flex_column::before {
  content: '';
  display: block;
  width: 100%;
  height: 160rem;
  background: url(img/triangle.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -160rem;
  left: 0;
}

details summary {
  list-style: none;
  /* Убираем стандартный маркер */
}

details summary::-webkit-details-marker {
  display: none;
  /* Убираем маркер в браузерах на основе Webkit */
}

details {
  background-color: #C6EF95;
}

details .answer {
  background-color: #fff;
  padding: 64rem 0 37rem 0;
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 33rem;
  line-height: 39rem;
  color: rgba(0, 0, 0, 0.8);
}

details summary span {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 55rem;
  line-height: 65rem;
  color: #462A8D;
  display: block;
  margin-bottom: 20rem;
}

details summary h4 {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 50rem;
  line-height: 59rem;
  color: #462A8D;
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  width: 90%;
}

details summary .flex_between {
  column-gap: 20px;
}

details .answer p {
  width: 80%;
}

details summary {
  padding: 25rem 0 63rem 0;
}

li {
  list-style: none;
}

details summary h4 svg {
  transition: all ease 0.3s;
}

details svg {
  transition: all ease 0.3s;
}

details[open] svg {
  transform: rotate(180deg);
}

details {
  border-bottom: 2rem solid #462A8D;
}

details[open] {
  border: 0;
}

/* about */
.about_banner {
  background-color: rgba(10, 84, 195, 0.7);
}

.about_banner .flex_column {
  row-gap: 40rem;
  padding-left: 102rem;
}

.about_banner h1 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 100rem;
  line-height: 115%;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}

.about_banner h1 span {
  color: #C6EF95;
}

.about_banner h1::after {
  content: '';
  background: url(img/faq_after.svg) no-repeat;
  background-size: 100% 100%;
  display: block;
  width: 66%;
  height: 94rem;
  position: absolute;
  bottom: 0rem;
  left: -45rem;
  z-index: -1;
}

.about_banner .flex_column p {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 33rem;
  line-height: 38rem;
  color: #FFFFFF;
}

.herbalife {
  padding: 77rem 0;
  background: url(img/Vector_ab.png) no-repeat;
  background-size: cover;
}

.herbalife .flex_between {
  column-gap: 27rem;
  justify-content: center;
}

.herbalife .flex_between .flex_column {
  row-gap: 36rem;
  align-items: center;
  width: 43%;
}

.herbalife .flex_between .flex_column h4 {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 55rem;
  line-height: 65rem;
  color: #462A8D;
}

.herbalife .flex_between .flex_column img {
  max-width: 217rem;
  width: 100%;
  max-height: 119rem;
  height: 100%;
}

.team {
  position: relative;
  background-color: #E3F7CA;
  padding-bottom: 76rem;
}

.team::before {
  content: '';
  display: block;
  width: 100%;
  height: 107rem;
  background: url(img/trian2.png) no-repeat;
  background-size: auto;
  background-size: 100% 100%;
  position: absolute;
  top: -107rem;
  left: 0;
}

.divider {
  width: 100%;
  height: 77rem;
  background-color: rgba(227, 247, 202, 0.3);
}

.team .container {
  max-width: 975rem;
}

.team .flex_between {
  margin-bottom: 57rem;
}

.team .flex_between .flex_column {
  width: 43%;
}

.team .flex_between .flex_column h3 {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 55rem;
  line-height: 65rem;
  color: #462A8D;
  margin-bottom: 48rem;
  width: 90%;
}

.team .flex_between .flex_column p {
  font-family: 'Raleway';
  font-weight: 500;
  font-size: 22rem;
  line-height: 26rem;
  color: #0A53C3;
}

.team .flex_between .image {
  width: 44%;
}

.team .flex_between .image img {
  width: 100%;
}

.team .flex_between span {
  font-family: 'Raleway';
  font-weight: 600;
  font-size: 28rem;
  line-height: 33rem;
  color: #0A53C3;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18rem;
  border-radius: 5rem;
  width: fit-content;
  position: relative;
  margin-left: -34%;
}

.team .flex_between span::after {
  content: '';
  position: absolute;
  bottom: -10rem;
  /* настройте положение треугольника здесь */
  right: 0;
  margin-left: -10rem;
  /* размер треугольника */
  border-width: 10rem 0 0 22rem;
  border-style: solid;
  border-color: #fff transparent;
}

.team .flex_between .name {
  width: 100%;
  background-color: #C6EF95;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 17rem 0;
  font-family: 'Raleway';
  font-weight: 700;
  font-size: 33rem;
  line-height: 39rem;
  color: #0A53C3;
  text-align: center;
  margin-top: -73rem;
  z-index: 2;
  position: relative;
}

.team .flex_between.flex_reverse {
  flex-direction: row-reverse;
  margin-bottom: 0;
  align-items: flex-end;
}

.team .flex_between.flex_reverse .flex_column {
  margin-bottom: 100rem;
}

.team .flex_between.flex_reverse .image {
  position: relative;
}

.team .flex_reverse span {
  transform: scaleX(-1);
  margin-left: -10%;
  position: absolute;
  right: -51%;
  top: 14%;
  border-bottom-right-radius: 0;
}

.team .flex_between.flex_reverse span div {
  transform: scaleX(-1);
}

.start_about {
  padding: 57rem 0 65rem 0;
}

.meet {
  background: url(img/Group\ 1292.png) no-repeat;
  background-size: cover;
  padding: 89rem 0 118rem 0;
}

.meet .container {
  max-width: 790rem;
}

.meet .container h2 {
  color: #fff;
  margin-bottom: 86rem;
}

.meet .container img {
  width: 100%;
  max-height: 570rem;
  height: 100%;
  object-fit: cover;
}

.col.left {
  display: flex;
  flex-direction: column;
  align-items: end;
  padding-right: 150px;
  padding-left: 20px;
}



/* Book
--------------------------------------------- */
.book {
  display: flex;
  margin: 80px auto 120px;
  gap: 200px;
  justify-content: space-between;
}

.book-info {
  max-width: 597px;
}

.book-shadow {
  position: absolute;
  width: 80%;
  height: 90%;
  top: 43px;
  bottom: 0;
  left: 5%;
  filter: drop-shadow(25px 37px 21px rgb(235 158 134 / 90%));
  background: #fff;
  z-index: -1;
  border-radius: 10%;
}

.book-title {
  font-family: Poppins;
  font-size: 64px;
  font-weight: 700;
  line-height: 70px;
  text-align: left;
  color: rgba(36, 34, 40, 0.95);
  letter-spacing: -0.02em;
  padding-bottom: 16px;
}

.book-subtitle {
  font-family: Raleway;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  text-align: left;
  color: rgba(36, 34, 40, 0.7);
  padding-bottom: 48px;
}

.book-info span.input-icon input {
  width: 320px;
  height: 56px;
  border-radius: 100px;
  border: 1px solid rgba(70, 70, 72, 0.25);
  padding: 16px 24px;
  margin-bottom: 16px;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  position: relative;
  margin-left: 24px;
}


.book-info span.input-icon.input-icon--book input,
.book-info span.input-icon.input-icon--book input:active {
  background: url('/wp-content/themes/nutrathon/assets/img/download-white.svg') 94% center no-repeat, #6B39E0;
  /*background: #6B39E0;*/
  box-shadow: 0px -2px 0px 1px rgb(137 137 137 / 30%) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset;
  top: 5px;
  right: 24px;
  color: #fff;
  border: none;
}

.book-info span.input-icon.input-icon--book input[disabled] {
  background: url('/wp-content/themes/nutrathon/assets/img/download.svg') 94% center no-repeat, linear-gradient(180deg, #e5e5e6 0%, #b9b7be 100%);
  box-shadow: 0px -2px 0px 1px rgb(137 137 137 / 30%) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.3) inset;
  top: 5px;
  right: 24px;
  color: rgba(36, 34, 40, 1);
  border: none;

}

.book-info span.input-icon.input-icon--email input {
  background: url('/wp-content/themes/nutrathon/assets/img/mail.svg') 94% center no-repeat;
  background-size: 24px 24px;
  top: 5px;
  right: 24px;
  color: rgba(36, 34, 40, 0.4);
}


.book-info span.input-icon input:focus {
  border: 1px solid #7A4CE8;
  background:
    url('/wp-content/themes/nutrathon/assets/img/mail-color.svg') 94% center no-repeat,
    #F4F2FF;
  color: #242228;
  outline: none;
}

.book-info span.input-icon.input-icon--email input:focus,
.book-info span.input-icon.input-icon--email input:focus:active,
.book-info span.input-icon.input-icon--email input::valid,
.book-info span.input-icon.input-icon--email input:not(:placeholder-shown) {
  border: 1px solid #7A4CE8;
  background: #F4F2FF url('/wp-content/themes/nutrathon/assets/img/mail-color.svg') 94% center no-repeat;
  color: #242228;
  outline: none;
}




.book-img {
  max-width: 403px;
  height: auto;
  position: relative;
  filter: drop-shadow(30px 30px 40px rgb(235 158 134 / 85%));
}

.book-img img {
  max-width: 100%;
  height: auto;
}

.success-message {
  padding: 80px 0;
  text-align: left;
  max-width: 525px;
}

.success-message h2 {
  font-size: 64px;
  line-height: 70px;
  padding-bottom: 20px;
  color: #242228;
  text-align: left;
}

.success-message p {
  font-size: 24px;
  line-height: 40px;
  padding-bottom: 0px;
  color: #242228;
}

@media screen and (max-width: 740px) {
  .success-message {
    padding: 40px 20px;
  }

  .success-message h2 {
    font-size: 40px;
    line-height: 60px;
    padding-bottom: 10px;
  }

  .success-message p {
    font-size: 18px;
    line-height: 20px;
  }
}

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

  .book-info span.input-icon.input-icon--email input,
  .book-info span.input-icon.input-icon--book input[disabled],
  .book-info span.input-icon.input-icon--book input,
  .book-info span.input-icon.input-icon--book input:active {
    max-width: 250px;
  }
}

@media screen and (max-width: 1640px) {
  .book-shadow {
    height: 84%;
  }
}

@media screen and (max-width: 1640px) {
  .book-shadow {
    height: 76%;
  }
}

@media screen and (max-width: 1590px) {
  .book-shadow {
    height: 64%;
  }
}

@media screen and (max-width: 1480px) {
  .book-shadow {
    height: 57%;
  }
}

@media screen and (max-width: 1400px) {
  .book-shadow {
    top: 5px;
  }
}

@media screen and (max-width: 1620px) {
  .book-title {
    font-size: 44px;
    line-height: 47px;
  }

  .book-subtitle {
    font-size: 18px;
    line-height: 25px;
  }

  .book {
    gap: 85px;
  }
}

@media screen and (max-width: 860px) {
  .book-title {
    font-size: 40px;
    line-height: 44px;

  }

  .book {
    gap: 40px;
    flex-wrap: wrap;
    margin: 40px auto 100px;
    padding: 0 20px;
    justify-content: start;
  }

  .book-subtitle {
    padding-bottom: 24px;
  }
}



.contact_form {
  padding: 86rem 0 160rem 0;
}

.contact_form .flex_between {
  column-gap: 68rem;
  justify-content: center;
}

.wpcf7 {
  width: 50%;
}

.contact_form .flex_between form {
  width: 100%;
  background: url(img/Group\ 575.png) no-repeat;
  background-size: cover;
  padding: 40rem 93rem 47rem 93rem;
  display: flex;
  flex-direction: column;
}

.contact_form .flex_between form h3 {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 55rem;
  line-height: 65rem;
  color: #462A8D;
  margin-bottom: 50rem;
  text-align: center;
}

.contact_form .flex_between form span {
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 22rem;
  line-height: 26rem;
  color: #0A53C3;
  margin-bottom: 10rem;
  display: block;
}

.contact_form .flex_between form input[type="text"],
.contact_form .flex_between form input[type="email"] {
  width: 100%;
  border: 3rem solid #0A53C3;
  background-color: #fff;
  height: 70rem;
  padding: 10rem;
  font-family: 'Raleway';
  font-weight: 800;
  font-size: 22rem;
  line-height: 26rem;
  color: #0A53C3;
  outline: none;
}

.contact_form .flex_between form input[type="text"] {
  margin-bottom: 36rem;
}

.contact_form .flex_between form input[type="submit"] {
  margin-top: 50rem;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  display: block;
}

.wpcf7-not-valid-tip {
  margin-bottom: 0 !important;
  color: #ff5555 !important;
  font-weight: 400 !important;
}

.wpcf7-form.invalid input[type="text"],
.wpcf7-form.invalid input[type="email"] {
  margin-bottom: 10px !important;
}

.contact_form .flex_between .col {
  display: flex;
  flex-direction: column;
  row-gap: 66rem;
  width: 36%;
}

.contact_form .flex_between .col h2 {
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 80rem;
  line-height: 70rem;
  letter-spacing: 0.05em;
  color: #462A8D;
  text-align: left;
  position: relative;
  z-index: 2;
}

.contact_form .flex_between .col h2::after {
  content: '';
  background: url(img/form.svg) no-repeat;
  background-size: auto;
  background-size: 100% 100%;
  display: block;
  width: 100%;
  height: 72rem;
  position: absolute;
  bottom: -14rem;
  left: -20rem;
  z-index: -1;
}

.contact_form .flex_between .col p {
  font-weight: 600;
  width: 84%;
}

@media (min-width: 1350px) {

  .about_banner .flex_between,
  .faq_banner .flex_between {
    max-width: 1450rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .community .container {
    max-width: 1200rem;
  }

  .faq_banner h1,
  .faq_banner img {
    width: 50%;
  }

  .faq_banner h1::after,
  .community .container .col h2::after {
    display: none;
  }

  .about_banner .flex_column {
    padding-left: 0;
  }

  html {
    font-size: calc(1vw / 19.2) !important;
  }

  .home_banner .flex_between img {
    max-width: 50%;
    width: 100%;
  }



  .home_banner .flex_between .col h1::after {
    width: 80%;
    background-size: 100% 100%;
  }


}

html {
  font-size: 1px;
}

@media (max-width: 1350px) {
  .container {
    padding-left: 25px;
    padding-right: 20px;
  }






  .about_banner .flex_column {
    width: 50%;
    row-gap: 20px;
  }

  .about_banner img {
    width: 50%;
    height: 100%;
  }



  .about_banner h1 {
    font-size: 75px;
  }

  .about_banner h1::after {
    height: 64rem;
  }

  .about_banner .flex_column p {
    font-size: 28px;
    line-height: 1.1;
  }

  .btn_green {
    font-size: 32px;
    line-height: 36px;
  }

  footer .container {
    max-width: 80%;
  }

  .community .container {
    column-gap: 30px;
  }



  .home_about .flex_column,
  .home_about img {
    max-width: 50%;
    width: 100%;
  }

  .home_about .flex_center {
    column-gap: 0;
  }

  .reviews_images .container {
    max-width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .reviews_images .container img {
    max-width: 60%;
    width: 100%;
  }

  .reviews_images .container .col {
    min-width: 40%;
    width: 100%;
  }

  .enjoy .flex_between {
    column-gap: 40px;
  }

  .enjoy .flex_between img,
  .enjoy .flex_between .flex_column {
    max-width: 50%;
    width: 100%;
  }

  .enjoy .flex_column p {
    width: 100%;
  }

  .faq_banner img,
  .faq_banner h1 {
    width: 50%;
  }

  .faq_banner {
    padding-left: 50px;
  }

  .faq_banner h1 {
    font-size: 78px;
    line-height: 1.1;
  }

  .questions .flex_column::before {
    height: 100px;
    top: -99px;
  }

  .questions h2 {
    margin-bottom: 144px;
  }
}

@media (max-width: 1024px) {



  .btn_green {
    font-size: 26px;
    line-height: 1.1;
  }



  .start_today .flex_between {
    gap: 30px;
  }

  .start_today .flex_between .col {
    width: 48%;
  }

  .become_healthier .flex_between {
    flex-direction: column;
    row-gap: 30px;
  }

  .become_healthier .flex_between h2 {
    font-size: 64px;
  }

  .become_healthier .flex_between .flex_column {
    max-width: 80%;
    justify-content: center;
    align-items: center;
  }

  .join_slider {
    max-width: 81%;
    padding-bottom: 37px;
  }

  .join .flex_center {
    margin-top: 30px;
  }

  .join_slider .swiper-slide {
    column-gap: 40px;
  }

  .wpcf7-form.sent {
    height: 436px;
  }

  .wpcf7-form.sent h6 {
    font-size: 22px;
    line-height: 28px;
  }

  .join_slider .swiper-slide p {
    font-size: 30px;
    line-height: 36px;
  }

  header .white_btn {
    display: none;
  }

  .mob_menu.active {
    transform: translateY(88px);
  }

  .join_slider .swiper-slide img {
    max-width: 90px;
    width: 100%;
  }

  h2 {
    font-size: 48px;
    line-height: 1.1;
  }

  .home_about .flex_column h2 {
    margin-bottom: 25px;
  }

  .home_about .flex_column p {
    font-size: 18px;
    line-height: 1.1;
  }

  .home_about {
    padding-left: 0;
    padding-right: 0;
  }

  .reviews_images .col h2 {
    font-size: 38px;
  }

  .enjoy .flex_column h2 {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 20px;
  }

  .enjoy .flex_column p {
    font-size: 18px;
    line-height: 1.1;
  }

  .community .container .flex_column {
    width: 50%;
  }

  .community .container .col h2 {
    font-size: 55px;
    margin-bottom: 25px;
  }

  .community .container .col h2::after {
    width: 98%;
  }

  .community .container .flex_column img {
    width: 40px;
  }

  .community .container .col .btn_blue {
    margin: 0;
  }

  .community .container img {
    width: 45%;
  }

  .community,
  .start {
    padding: 50px 0;
  }

  .start h3 {
    font-size: 42px;
    width: 95%;
    line-height: 1.1;
  }

  .start a {
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 0;
  }

  .testimonails_slider .swiper-slide img {
    max-width: 45%;
  }

  .testimonails_slider .swiper-slide h4 {
    font-size: 20px;
    line-height: 1.1;
  }

  footer .container {
    max-width: 100%;
  }

  footer a {
    font-size: 24px;
    line-height: 1.1;
  }

  footer {
    padding: 40px 0;
  }

  footer .flex_column span,
  footer .flex_column:last-of-type a:nth-of-type(2) {
    font-size: 28px;
    line-height: 1.1;
  }

  .start_today .flex_between .col {
    column-gap: 15px;
    width: 46%;
    position: relative;
    max-width: 100%;
  }

  header nav {
    column-gap: 15px;
    margin-right: 20px;
  }

  header nav a {
    font-size: 20px;
  }

  .logo {
    max-width: 190px;
  }

  .logo img {
    width: 100%;
    height: 100%;
  }

  .about_banner .flex_column {
    padding-left: 25px;
  }

  .about_banner h1 {
    font-size: 50px;
  }

  .about_banner h1::after {
    height: 39rem;
  }

  .about_banner .flex_column p,
  .team .flex_between .flex_column p,
  .team .flex_between span {
    font-size: 20px;
    line-height: 1.1;
  }

  .herbalife .flex_between img,
  .herbalife .flex_between .flex_column {
    width: 50%;
  }

  .herbalife .flex_between .flex_column h4,
  .team .flex_between .flex_column h3 {
    font-size: 40px;
    line-height: 1.1;
  }

  .team .flex_between .flex_column h3 {
    margin-bottom: 25px;
  }

  .team .flex_reverse span {
    right: -70%;
    top: 7%;
  }

  .team .flex_between .flex_column {
    width: 51%;
  }

  .team .flex_between .name {
    font-size: 24px;
    line-height: 1.1;
    margin-top: -48px;
  }

  .meet .container h2 {
    margin-bottom: 40px;
  }


  .home_banner .flex_between .col h1 {
    font-size: 55px;
  }

  .home_banner .flex_between .col h4 {
    font-size: 28px;
    margin: 20px 0;
  }

  .home_banner {
    padding: 60px 0;
  }

  .home_banner .flex_between .col {
    width: 50%;
  }


  .meet,
  .contact_form {
    padding: 40px 0;
  }

  .contact_form .flex_between form {
    padding: 35px;
  }

  .contact_form .flex_between form h3,
  .contact_form .flex_between .col h2 {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 25px;
  }

  .contact_form .flex_between .col {
    row-gap: 25px;
  }

  .contact_form .flex_between {
    column-gap: 35px;
  }

  .contact_form .flex_between .col {
    width: 50%;
  }

  .contact_form .flex_between form input[type="text"],
  .contact_form .flex_between form input[type="email"] {
    height: 45px;
  }

  .contact_form .flex_between form span {
    font-size: 18px;
  }

  .contact_form .flex_between form input[type="submit"] {
    margin-top: 25px;
  }

  .team .flex_between {
    margin-bottom: 35px;
  }

  .team::before {
    height: 66px;
    top: -62px;
  }

  .divider {
    height: 30px;
  }

  .faq_banner h1 {
    font-size: 53px;
    line-height: 1.1;
  }

  .faq_banner h1::after {
    content: '';
    background: url(img/faq_after.svg) no-repeat;
    background-size: auto;
    display: block;
    width: 100%;
    height: 52rem;
    position: absolute;
    bottom: -6rem;
    left: -16rem;
    z-index: -1;
    background-size: contain;
  }

  details summary h4,
  details .answer {
    font-size: 28px;
    line-height: 1.1;
  }

  details summary,
  details .answer {
    padding: 25px 0;
  }

  details summary h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .questions .flex_column::before {
    height: 59px;
    top: -56px;
  }

  .questions h2 {
    margin-bottom: 105px;
  }

  .contact_form .flex_between .col h2::after {
    content: '';
    background: url(img/form.svg) no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: 100% 100%;
    display: block;
    width: 100%;
    height: 39rem;
    position: absolute;
    bottom: 0rem;
    left: -61rem;
    z-index: -1;
  }



  .enjoy .flex_between:last-of-type .flex_column h2::after {
    width: 190rem;
    bottom: -45rem;
  }

  .enjoy .flex_column h2::after {
    content: '';
    display: block;
    width: 50%;
    height: 60rem;
  }
}

.home_banner .flex_between .col h1::after {
  width: 102%;
  background-size: 100% 100%;
}

@media(max-width: 885px) {
  header>.container.flex_between {
    height: 28px;
  }

  header .flex_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }

  header nav.flex_between,
  header nav a.white_btn,
  header nav {
    display: none !important;
  }

  .burger_menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 7px;
  }

  .burger_menu div {
    width: 36px;
    height: 3px;
    border-radius: 100px;
    background-color: #fff;
    transition: all ease 0.3s;
  }

  .burger_menu.active div:nth-of-type(1) {
    transform: rotate(45deg) translateX(11px);
  }

  .burger_menu.active div:nth-of-type(3) {
    transform: rotate(-45deg) translateX(13px) translateY(-3px);
  }

  .burger_menu.active div:nth-of-type(2) {
    opacity: 0;
  }

  header {
    position: relative;
    z-index: 5;
    height: 88px;
  }

  .mob_menu {
    display: flex;
    background-color: #462A8D;
    padding-bottom: 25px;
    padding-top: 60px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    transition: all ease 0.3s;
    z-index: 3;
  }

  .mob_menu nav a {
    color: #FFFFFF;
    text-align: center;
    margin: 0 !important;
  }

  .mob_menu nav a.white_btn {
    color: #0A53C3;
  }

  .testimonails_slider .swiper-slide .image_group {
    width: 100%;
  }

  .mob_menu ul {
    row-gap: 15px;
  }

  .mob_menu .white_btn {
    margin-top: 30px;
  }

  .mob_menu .flex_center {
    flex-direction: column;
  }

}

@media (max-width: 760px) {
  .partners_page p {
    width: 100%;
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 0;
  }

  .partners_page {
    padding: 20px 0;
  }

  .about_banner h1::after {
    display: none;
  }

  header nav.flex_between {
    display: none;
  }

  header .white_btn {
    display: none;
  }

  .home_banner .flex_between {
    flex-direction: column;
    row-gap: 20px;
  }

  .start_today .flex_between .col {
    width: 100%;
  }

  .home_banner .flex_between .col,
  .start_today .flex_between .col {
    width: 100%;
  }

  .home_banner .flex_between .col h1 {
    font-size: 42px;
  }

  .home_banner,
  .join,
  .enjoy {
    padding: 40px 0;
  }

  .home_banner .flex_between .col h4 {
    font-size: 24px;
    line-height: 30rem;
  }

  .btn_green {
    font-size: 24px;
    width: fit-content;
    padding: 7px 29px;
  }

  .home_banner .flex_between img,
  .become_healthier .flex_between .flex_column,
  .join_slider,
  .home_about .flex_column,
  .home_about img,
  .reviews_images .container img,
  .reviews_images .container {
    max-width: 100%;
  }

  .start_today .flex_between h6 {
    font-size: 24px;
    width: 82%;
    line-height: 100%;
    top: 48%;
    left: 11%;
  }

  .home_banner .flex_between .col h1::after {
    width: 86%;
    background-size: 100% 100%;
    bottom: -12px;
  }

  .start_today .flex_between h6 strong {
    font-size: 30px;
    line-height: 100%;
  }

  .start_today .flex_between .col img {
    height: auto;
  }

  .start_today {
    padding-top: 40px;
  }

  h2,
  .become_healthier .flex_between h2 {
    font-size: 40px;
    line-height: 85%;
  }

  .become_healthier {
    margin: 40px 0;
  }

  .join_slider .swiper-slide,
  .home_about .flex_center,
  .reviews_images .container,
  .enjoy .flex_between,
  .container,
  .testimonails_slider .swiper-slide {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
  }

  .join .swiper-button-next,
  .join .swiper-button-prev {
    top: 21%;
  }

  .home_about img {
    margin-left: -30px;
  }

  .reviews_images .col h2 {
    margin-bottom: 20px;
  }

  .reviews_images .col a {
    display: block;
  }

  .enjoy .flex_between img,
  .enjoy .flex_between .flex_column {
    max-width: 100%;
    width: 100%;
  }

  .enjoy {
    padding-top: 0;
  }

  .start h3,
  .meet .container h2 {
    width: 100%;
    font-size: 28px;
  }

  .start a {
    font-size: 24px;
    padding: 17px 33px;
  }

  .community,
  .start,
  .testimonails {
    padding: 40px 0;
  }

  .testimonails_slider .swiper-slide img,
  .testimonails_slider,
  .testimonails_slider .swiper-slide .flex_column,
  .community .container .flex_column,
  .community .container img {
    max-width: 100%;
    width: 100%;
  }

  .testimonails_slider .swiper-slide img {
    max-height: auto;
  }

  /* .team .flex_between .image img{
    max-height: 250px;
  } */
  .testimonails .swiper-button-next,
  .testimonails .swiper-button-prev {
    top: 10%;
  }

  .testimonails .swiper-button-next {
    right: 27px;
  }

  .testimonails .swiper-button-prev {
    left: 27px;
  }

  .testimonails_slider {
    margin-top: 50px;
  }

  .community .container {
    flex-direction: column-reverse;
  }

  .community .container .col h2 {
    font-size: 42px;
  }

  .about_banner .flex_between {
    flex-direction: column;
    row-gap: 0;
    padding-top: 40px;
  }

  .about_banner .flex_column,
  .about_banner img {
    width: 100%;
    padding: 0;
  }

  .about_banner h1,
  .faq_banner h1 {
    font-size: 42px;
    line-height: 1.1;
  }

  .about_banner .flex_column {
    padding-left: 25px;
    padding-right: 25px;
  }

  .herbalife {
    padding: 40px 0;
  }

  .herbalife .flex_between img,
  .herbalife .flex_between .flex_column {
    width: 100%;
  }

  .herbalife .flex_between .flex_column {
    row-gap: 20px;
  }

  .herbalife .flex_between .flex_column img {
    max-width: 150px;
    margin-bottom: 40px;
  }

  .herbalife .flex_between {
    flex-direction: column-reverse;
  }

  .team .flex_between,
  .team .flex_between.flex_reverse {
    flex-direction: column;
  }

  .team .flex_between .flex_column,
  .team .flex_between .image {
    width: 100%;
  }

  .about_banner .flex_column p,
  .team .flex_between .flex_column p,
  .team .flex_between span {
    font-size: 18px;
  }

  .team .flex_between span {
    margin-left: 0;
    top: -12px;
  }

  .team .flex_between .image {
    margin-top: 50px;
  }

  .team .flex_between span::after {
    bottom: -7px;
  }

  .team .flex_between.flex_reverse .flex_column {
    margin-bottom: 75px;
  }

  .team .flex_between.flex_reverse .image {
    margin-top: 0;
  }

  .team .flex_reverse span {
    right: 15%;
    top: -42px;
  }

  .team {
    padding-bottom: 40px;
  }

  .meet .container h2 {
    margin-bottom: 25px;
  }

  .contact_form .flex_between {
    flex-direction: column-reverse;
  }

  .contact_form .flex_between .col,
  .contact_form .flex_between form,
  .contact_form .flex_between .col p,
  .wpcf7 {
    width: 100%;
  }

  .contact_form .flex_between form {
    padding: 25px;
  }

  .contact_form .flex_between .col h2 {
    margin-bottom: 0;
  }

  .faq_banner .flex_between {
    flex-direction: column;
    row-gap: 30px;
  }

  .faq_banner img,
  .faq_banner h1 {
    width: 100%;
  }

  .faq_banner {
    padding-left: 25px;
    padding-top: 40px;
  }

  .questions {
    padding-top: 40px;
  }

  .questions h2 {
    margin-bottom: 65px;
  }

  .questions .flex_column::before {
    height: 34px;
    top: -31px;
  }

  details summary .container,
  details .answer .container {
    align-items: flex-start;
  }

  details summary span {
    font-size: 42px;
    line-height: 85%;
    margin: 0;
  }

  details summary h4,
  details .answer {
    font-size: 24px;
  }

  details .answer p {
    width: 100%;
  }

  footer .flex_column {
    width: 100%;
  }

  .faq_banner h1::after {
    content: '';
    background: url(img/faq_after.svg) no-repeat;
    background-size: auto;
    background-size: auto;
    display: block;
    width: 54%;
    height: 41rem;
    position: absolute;
    bottom: 1rem;
    left: 107rem;
    z-index: -1;
    background-size: contain;
  }



  .become_healthier .flex_between h2::after {
    height: 57rem;
  }

  .enjoy .flex_between:last-of-type .flex_column h2::after {
    width: 161rem;
    bottom: -31rem;
  }

  .community .container .col h2::after {
    width: 98%;
    bottom: -34px;
  }
}

.team .flex_between .image img {
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
}

@media screen and (max-width: 760px) {
  .book.container {
    align-items: start;
  }

  .book-img {
    max-width: 320px;

  }
}