@font-face {
  font-family: "Rimouski Light";
  src: url("../fonts/Rimouski-Light.ttf");
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.ttf");
}

@font-face {
  font-family: "Rimouski";
  src: url("../fonts/Rimouski-Regular.ttf");
}

@font-face {
  font-family: "Rye";
  src: url("../fonts/Rye-Regular.ttf");
}

@font-face {
  font-family: "Varela";
  src: url("../fonts/Varela-Regular.ttf");
}

*,
body,
html {
  box-sizing: border-box;
  font-family: "Rimouski";
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  gap: 15px;
}

.backButton,
.forwardButton {
  cursor: pointer;
}

body,
html {
  margin: 0;
  padding: 0;
}

a:hover,
button:hover {
  cursor: pointer;
}

.header {
  display: flex;
  width: 100%;
  z-index: 9999999;
  position: absolute;
  padding: 10px 150px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #868686;
  background: #fff;
}

.header-links {
  display: flex;
  justify-content: space-around;

  align-items: center;
  width: 70%;
}

.location-page a {
  text-decoration: none;
}

.header-links a {
  color: var(--dark-gray-dark-gray-2, #252c32);
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  text-decoration: none;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  justify-content: center;
  min-width: 90px;
  text-transform: uppercase;
}

.language-switcher {
  display: flex;
  gap: 7px;
  margin: 0;
}

.language {
  color: #161616;
  font-family: Lato;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-decoration: none;
}

.home-intro {
  display: flex;
  flex-direction: row;
  height: auto;
  width: 100%;
  align-items: center;
}

.left-home-intro {
  width: 55%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding-inline: 7%;
}

.right-home-intro {
  width: 45%;
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.right-home-intro .rightStaticImage {
  width: 100%;
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
}

.mySwiperSecond {
  position: relative;
  margin-top: 0px !important;
}

.mySwiperSecond .swiper-slide {
  display: flex !important;
  justify-content: center !important;
}

.send-to-form {
  display: inline-flex;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  background: #eb578f;
  backdrop-filter: blur(25px);
  color: #fff;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  transition: 0.4s;
  text-transform: uppercase;
  margin-left: 50%;
  text-decoration: none;
  transform: translateX(-50%);
  margin-top: 20px;
}

.send-to-form:hover {
  background: #00864a;
  transition: 0.4s;
}

.left-home-title {
  color: #00864a;
  font-family: Rimouski;
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 10px;
}

.decoration-none {
  text-decoration: none;
}

.left-home-text {
  color: #000;
  font-family: Varela;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 150%;
  width: 461px;
}

.left-home-button {
  display: inline-flex;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  border: none;
  gap: 8px;
  border-radius: 40px;
  background: #eb578f;
  backdrop-filter: blur(25px);
  color: #fff;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  transition: 0.4s;
  text-decoration: none;
}

.left-home-button:hover {
  background: #00864a;
  transition: 0.4s;
}

.home-slider {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 5%;
}

.intro-slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.slider-title {
  color: #000;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 40px;
  line-height: normal;
}

.slider-category {
  display: flex;
  flex-direction: row;
  gap: 50px;
}

.menu-category {
  border-radius: 40px;
  border: 1px solid #dc2268;
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-inline: 35px;
  flex-shrink: 0;
  background: #fff;
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  text-decoration: none;
  font-weight: 500;
  line-height: 40px;
  text-transform: uppercase;
  transition: 0.4s;
  cursor: pointer;
}

.menu-category:hover,
.food-active {
  border-radius: 40px;
  border: 1px solid #dc2268;
  background: #dc2268;
  transition: 0.4s;
  color: #fff;
}

.mySwiper2 {
  width: 100%;
  height: 100%;
  padding-top: 4% !important;
  padding-inline: 150px !important;
}

.mySwiper2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex !important;
  padding: 4% 2% !important;
  height: 600px !important;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  border: 1px solid #ecece5;
  background: #fff;
}

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

.mySwiper2 .slider-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mySwiper2 .slider-image {
  width: 80% !important;
  padding-bottom: 5%;
}

.pink-line {
  width: 116px;
  height: 10px;
  background: #dc2268;
}

.active {
  background: #dc2268;
  color: #fff;
}

.taxonomy-list {
  display: flex;
  flex-direction: row;
  gap: 50px;
  overflow-x: scroll;
}

.slider-product-title {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}

.slider-product-text {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: Varela;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 20px;
  max-height: 60px;
  /* 24px */
}

.after-slider {
  height: auto;
  background: #fbd6da;
  display: flex;
  flex-direction: row;
  width: 100%;
}

.left-after-slider {
  width: 43%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.left-after-title {
  color: #121212;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  width: 430px;
  margin-bottom: 10px;
}

.left-after-text {
  color: #393939;
  text-align: center;
  font-family: Varela;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 470px;
}

.left-after-button {
  display: inline-flex;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  background: #eb578f;
  backdrop-filter: blur(25px);
  color: #fff;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  transition: 0.4s;
  border: none;
  text-decoration: none;
}

.left-after-button:hover {
  border-radius: 40px;
  background: #00864a;
  backdrop-filter: blur(25px);
  transition: 0.4s;
}

.right-after-slider {
  width: 57%;
}

.mySwiperThird {
  width: 100%;
  padding-inline: 5% !important;
}

.swiper-button-prev2 {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  cursor: pointer;
}

.swiper-button-next2 {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  cursor: pointer;
}

.mySwiperThird .swiper-wrapper {
  display: flex;
  justify-content: space-between !important;
  width: 90%;
  max-width: 100%;
  max-height: 100vh;
  min-height: 0;
  min-width: 0;
}

.right-after-slider img {
  width: 100%;
  height: 100%;
}

.costumer-ratings {
  position: relative;
  height: 66vh;
}

.background-rating {
  position: absolute;
  width: 100%;
  height: 66vh;
}

.ratings-div {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 63vh;
}

.ratings-description {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2%;
}

.ratings-title {
  color: #192630;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 0;
  margin-bottom: 15px;
  /* 57.6px */
}

.ratings-title span {
  color: #00864a;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.ratings-text {
  color: #606060;
  text-align: center;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 750px;
  /* 24px */
}

.rating {
  display: flex;
  width: 100%;
  padding: 24px;
  align-items: center;
  gap: 24px;
  border-radius: 25px;
  height: inherit;

  border: 1px solid #ecece5;
  background: #fff;
}

.carousel {
  width: 100% !important;
}

.rating-image {
  width: 24%;
  position: relative;
  padding-inline: 20px;
  box-sizing: border-box;
}

.rating-foto {
  object-fit: cover;
  position: relative;
}

.left-green-object {
  width: 64px;
  height: 64px;
  border-radius: 25px;
  background: #dce442;
  position: absolute;
  top: -25px;
  left: 0px;
}

.right-green-object {
  width: 64px;
  height: 64px;
  position: absolute;
  border-radius: 25px;
  background: #dce442;
  bottom: -25px;
  right: -8px;
}

.rating-info {
  width: 75%;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}

.custom-carousel {
  display: flex !important;
  padding-inline: 10%;
  justify-content: center;
  gap: 50px;
}

.rating-name {
  color: #000;
  font-family: Rimouski;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

.rating-text {
  color: #000;
  font-family: Varela;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  margin-bottom: 15px;
}

.carousel-control-next,
.carousel-control-prev {
  transition: none !important;
  opacity: 1 !important;
}

.prev-button {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: none;
  background: #87e874;
  opacity: 1;
  transition: 0.4s !important;
}

.prev-button:hover {
  background: #eb578f;
}

.become-partner {
  width: 100%;
  display: flex;
  flex-direction: row;
  background: #00864a;
}

.left-become-partner {
  width: 50%;
}

.left-partner-img {
  width: 100%;
  height: 100%;
}

.right-become-partner {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.right-partner-title {
  color: #fff;
  text-align: center;
  font-family: Rimouski;
  font-size: 58px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 520px;
  margin: 0;
  margin-bottom: 15px;
}

.right-partner-text {
  color: #fff;
  text-align: center;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  width: 400px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.right-partner-button {
  display: inline-flex;
  text-decoration: none;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  background: #fff;
  backdrop-filter: blur(25px);
  color: #000;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border: none;
  line-height: 150%;
  transition: 0.4s;
  text-transform: uppercase;
}

.right-partner-button:hover {
  transition: 0.4s;
  background: #eb578f;
  color: #fff;
}

.food-recipes {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  text-align: center;
  align-items: center;
  padding-top: 6%;
}

.food-title {
  color: #000;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  margin-bottom: 15px;
}

.food-text {
  color: #606060;
  text-align: center;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  width: 720px;
  padding-bottom: 2%;
}

.recipes {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: auto;
}

.recipe-img {
  width: 100% !important;
  transition: 0.4s;
  object-fit: cover;
  height: 450px;
  position: relative;
}

.recipe-img p {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  color: #fff;
  margin: 0;
  width: 100%;
}

.view-recipes {
  color: #000;
  text-align: center;
  text-decoration: none;
  font-family: Rimouski;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.36px;
  padding-top: 3%;
}

.view-recipes:hover {
  color: #dc2268;
  transition: 0.4s;
}

.iframeDiv {
  width: 100%;
  display: none;
}

.firstOne {
  display: block;
}

.faq p {
  color: #000;
  font-family: Varela;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
  /* 36px */
  margin: 0;
}

.faqWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
  padding-inline: 10%;
  padding-bottom: 50px;
  row-gap: 30px;
  box-sizing: border-box;
}

.faq {
  padding: 30px 31px;
  max-height: 82px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  width: 47.5%;
  padding-top: 10px;
  transition: 0.6s;
  overflow: hidden;
}

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

.hajti {
  max-height: 500px !important;
}

.faqImage {
  cursor: pointer;
}

.faqHeader {
  color: #000;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.faq .faqDesc {
  color: #525252;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 25px;
  line-height: 160%;
  margin-top: 34px !important;
  /* 28.8px */
}

.iframeDiv iframe {
  width: 100%;
}

.recipe-img:hover {
  scale: 1.046;
  transition: 0.4s;
  position: relative;
}

.blog-home {
  width: 100%;
  padding-top: 5%;
  padding-inline: 10%;
}

.blog-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.blog-intro-title {
  color: #000;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  margin: 0;
  margin-bottom: 15px;
  font-weight: 600;
  line-height: normal;
}

.blog-intro-text {
  color: #606060;
  text-align: center;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  width: 720px;
}

.blog-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 60px;
  padding-top: 2%;
}

.blog {
  display: flex;
  flex-direction: column;
  width: 49%;
}

.blog-animation-img {
  border-radius: 16px;
  width: 100%;
  display: block;
  transition: 0.4s;
  overflow: hidden;
}

.blog-img-home {
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
  display: block;
  transition: 0.4s;
  height: 700px;
}

.blog-img-home:hover {
  transform: scale(1.1);
  transform-origin: 50% 50%;
}

.follow-insta {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-top: 2%;
  padding-bottom: 2%;
}

.insta-user {
  margin: 0;
  color: #494949;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.follow {
  margin: 0;
  text-decoration: none;
}

.follow-insta span {
  color: #3592ff;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  line-height: 150%;
}

.blog-title {
  color: #000;
  font-family: Rimouski;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.blog-text {
  color: #000;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 20px;
  /* 24px */
}

.read-more {
  display: flex;
  align-items: center;
  flex-direction: row;
  transition: 0.4s;
  padding-top: 5%;
  gap: 10px;
}

.read-more a:hover {
  color: #ea5452;
  transition: 0.4s;
}

.read-more a {
  text-decoration: none;
  color: #000;
  padding-top: 5%;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.join-us {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 60vh;
  margin-top: 80px;
}

.join-image {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 60vh;
}

.join-title {
  color: #fff;
  text-align: center;
  font-family: Rimouski;
  font-size: 52px;
  font-style: normal;
  font-weight: 600;
  position: relative;
  line-height: normal;
  margin: 0;
  margin-bottom: 15px;
}

.join-text {
  color: #fff;
  text-align: center;
  font-family: Varela;
  font-size: 18px;
  font-style: normal;
  position: relative;
  font-weight: 600;
  line-height: 160%;
  width: 750px;
}

.join-button {
  display: inline-flex;
  margin-top: 15px;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  background: #fff;
  backdrop-filter: blur(25px);
  color: #000;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  border: none;
  text-decoration: none;
  transition: 0.4s;
}

.join-button:hover {
  background: #eb578f;
  transition: 0.4s;
  color: #fff;
}

.locations {
  width: 100%;
  padding-top: 5%;
  padding-inline: 10%;
  padding-bottom: 5%;
}

.location-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.location-intro-title {
  color: #000;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  margin-bottom: 15px;
  line-height: normal;
}

.location-intro-text {
  color: #606060;
  text-align: center;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  width: 720px;
  margin-bottom: 75px;
}

.location-map {
  object-fit: cover;
  width: 100%;
}

.actual-locations {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 4%;
  padding-top: 3%;
}

.location {
  background: #fbfbf9;
  width: 32%;
  display: flex;
  flex-direction: column;
  padding: 18px;
  justify-content: center;
  align-items: center;
  row-gap: 18px;
}

.location-title {
  color: #3f3f3f;
  text-align: center;
  font-family: Rimouski;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0;
}

.location-text {
  color: #676767;
  text-align: center;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0;
}

.show-in-map {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
}

.show-in-map a {
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  display: flex;
  text-decoration: none;
  align-items: center;
  gap: 10px;
}

.map-button {
  width: 25px;
  height: 25px;
  background: #87e874;
  border-radius: 100%;
  border: none;
  display: flex;
  font-family: Rye;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}

.terms-title {
  color: #000;
  font-family: Rimouski;
  margin-top: 0;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.terms {
  padding: 5% 10%;
}

.map-button:hover {
  background: #dc2268;
  transition: 0.4s;
  color: #fff;
}

.footer {
  background: #dc2268;
  display: flex;
  flex-direction: column;
  padding-inline: 10%;
}

.upper-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0%;
  padding-bottom: 2%;
  border-bottom: solid 1px #fff;
}

.newsletter {
  color: #fff;
  text-align: center;
  font-family: Rimouski;
  font-size: 42px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 40px;
}

.subscribe-div {
  position: relative;
}

.subscribe {
  border-radius: 50px;
  background: #fff;
  width: 400px;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 10px;
  padding-left: 20px;
  border: none;
}

.subscribe-button {
  width: 36px;
  height: 36px;
  background: #87e874;
  border-radius: 100%;
  border: none;
  display: flex;
  font-size: 20px;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
  font-family: Rye;
  position: absolute;
  bottom: 15px;
  right: 18px;
  margin: 0;
}

.lower-footer {
  padding-top: 1%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 2%;
}

.footer-logo {
  width: 90%;
  margin-left: -7px;
}

.left-lower-footer {
  display: flex;
  flex-direction: column;
  width: 200px;
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-text {
  color: #fff;
  font-family: Varela;
  font-size: 16px;
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.socials {
  display: flex;
  flex-direction: row;
  gap: 35px;
  width: 100%;
}

.right-lower-footer {
  display: flex;
  justify-content: space-between;
  gap: 250px;
}

.links-footer {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.links-footer a {
  color: #fff;
  font-family: Varela;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  line-height: 22px;
}

.first-footer-title {
  color: #fff;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.copyright {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #606060;
  text-align: center;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.intro-about {
  width: 100%;
  height: 100%;
}

.intro-about img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.our-story {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-inline: 10%;
  padding-top: 3%;
}

.our-story-title {
  color: #000;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 72px;
  font-style: normal;
  font-weight: 600;
  line-height: 120px;
  margin: 0;
  margin-bottom: 0px;
}

.our-story-text {
  color: #000;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 80%;
  letter-spacing: 0.36px;
  margin-bottom: 40px;
}

.about-img-holder {
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
}

.animation-text {
  color: #7be56f;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  width: 995px;
  margin-top: 80px;
}

.borders {
  padding-top: 3%;
  display: flex;
  flex-direction: row;
  gap: 40px;

  padding-bottom: 3%;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

.franchising-jobs {
  padding-top: 5%;
  display: flex;
  flex-direction: row;
  gap: 40px;
  padding-inline: 10%;
  padding-bottom: 7%;
  justify-content: space-between;
  width: 100%;
}

.franchising {
  width: auto;
  display: flex;
  gap: 70px;
}

.franchising-info {
  width: 80%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.franchising-title {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 0;
}

.franchising-text {
  color: var(--4D4D4D, #4d4d4d);
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.32px;
  width: 290px;
  margin: 0;
}

.franchising-button {
  color: #000;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Lato;
  font-size: 18px;
  margin: 0;
  font-style: normal;
  font-weight: 700;
  display: flex;
  gap: 10px;
  line-height: 140%;
  text-decoration: none;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-right: 10px;
}

.landing-franchising {
  display: flex;
  flex-direction: column;
  padding-top: 5%;
  padding-bottom: 2%;
  padding-inline: 10%;
}

.laft-land-franch {
  display: flex;
  flex-direction: column;
}

.green-franch-title {
  color: #00864a;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

.franch-title {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  width: 800px;
  text-transform: uppercase;
}

.franch-text {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Varela;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 800px;
  letter-spacing: 0.36px;
}

.right-land-franch {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-bottom: 1.5%;
  align-items: center;
}

.franch-img {
  border-radius: 15px;
  object-fit: cover;
  width: 100%;
}

.per-inline {
  display: flex;
  padding-inline: 10%;
  flex-direction: column;
}

.franch-info {
  padding-top: 1%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  border-bottom: 1px solid #a0a0a0;
}

.upper-franch-info {
  width: 48%;
  display: flex;
  flex-direction: column;
}

.franch-info-title {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin: 0;
}

.lower-franch-info {
  display: flex;
  flex-direction: column;
  width: 48%;
  align-items: flex-end;
  padding-bottom: 3%;
}

.franch-info-text {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Varela;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.36px;
}

.franch-info-img {
  object-fit: cover;
  width: 100%;
  border-radius: 15px;
}

.per-shkak-texti {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  width: 800px;
}

.display-row {
  display: flex;
  flex-direction: row !important;
  width: 100% !important;
  gap: 20px;
}

.w50 {
  width: 50% !important;
}

.taxonomy-list::-webkit-scrollbar {
  display: none;
}

.taxonomy-list {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.recipes-franch {
  max-width: 100%;
  display: flex;
  flex-direction: row;
  height: auto;
  padding-top: 3%;
}

.stats {
  width: 100%;
  padding-inline: 10%;
  padding-top: 4%;
  padding-bottom: 4%;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  row-gap: 40px;
}

.stat-vertical-border {
  border-left: 1px solid #a0a0a0;
}

.stat-horizontal-border {
  border-bottom: 1px solid #a0a0a0;
  width: 100%;
}

.stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
}

.stat-title {
  color: #00864a;
  text-align: center;
  font-family: Rimouski;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  text-transform: capitalize;
}

.stat-text {
  color: var(--gray-500, #667085);
  text-align: center;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}

.faq-missing {
  padding-inline: 10%;
  padding-bottom: 3%;
}

.faq-img {
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}

.franchising-contact {
  padding-inline: 10%;
  padding-bottom: 3%;
  padding-top: 3%;
  display: flex;
  width: 100%;
  gap: 30px;
}

.left-franch-contact {
  width: 50%;
}

.left-franch-contact img {
  width: 100%;
}

.right-franch-contact {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.contact-franch-title {
  color: var(--black, #000);
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  margin: 0;
  font-weight: 600;
  line-height: normal;
}

.contact-franch-text {
  color: #000;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 10px;
}

.mailto-franchising {
  color: #00864a;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 10px;
  text-decoration: underline;
}

.franch-form {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  padding-top: 7%;
}

.franch-form input {
  display: flex;
  width: 100%;
  height: 50px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 7px;
  border: 1px solid var(--Gray-5, #e0e0e0);
  color: var(--Gray-3, #828282);
  font-family: Rimouski;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: 0.14px;
}

.send-franch {
  display: flex;
  width: 100%;
  height: 50px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 7px;
  background: #7be56f;
  color: var(--white, #fff);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  border: none;
  transition: 0.6s;
}

.send-franch:hover {
  background: #dc2268;
}

.menu-landing {
  height: 90vh;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.menu-landing-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.menu-landing-div {
  position: relative;
  display: flex;
  padding-inline: 10%;
  flex-direction: column;
}

.view-menu {
  display: inline-flex;
  padding: 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 7px;

  background: #7be56f;
  backdrop-filter: blur(25px);
  text-decoration: none;
  border-radius: 7px;
  background: #7be56f;
  backdrop-filter: blur(25px);
  color: #292929;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  transition: 0.4s;
}

.view-menu:hover {
  transition: 0.4s;
  background: #ea578e;
  backdrop-filter: blur(25px);
  color: #fff;
}

.menu-landing-title {
  color: #7be56f;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  width: 430px;
  margin: 0;
  margin-bottom: 30px;
}

.menu-landing-text {
  color: #fff;
  margin-bottom: 40px;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: 430px;
  letter-spacing: 0.32px;
}

.blog-blog {
  width: 100%;
  padding-inline: 10%;
  padding-top: 4%;
  padding-bottom: 4%;
}

.blog-landing-title {
  color: #000;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 5px;
}

.pagination-blog {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 2%;
  padding-bottom: 7%;
  width: 100%;
  gap: 30px;
}

.pag-buttons {
  display: flex;
  gap: 15px;
}

.pagination-button {
  display: flex;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 60px;
  border: 1px solid #7e7e7e;
  color: #000;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  background: #fff;
  line-height: 150%;
}

.pagination-number {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 44px;
  height: 44px;
  border: none;
  stroke-width: 1px;
  stroke: #9a9a9a;
  border: 1px solid #7e7e7e;
  border-radius: 100%;
}

.single-blog {
  padding-inline: 10%;
  padding-top: 5%;
}

.arrow-single-blog {
  padding-bottom: 2%;
}

.go-back-button-blog {
  border: none;
  background: none;
}

.single-blog-img {
  width: 100%;
  object-fit: cover;
  height: 600px;
}

.single-blog-title {
  color: #000;
  font-family: Rimouski;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  /* 38.4px */
}

.single-blog-text {
  color: #000;
  font-family: Rimouski;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
  padding-bottom: 3%;
}

.recipes-landing {
  height: 90vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.recipes-landing-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.recipes-landing-title {
  /* color: #86E873; */
  color: #fff;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 100px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  position: relative;
  width: 1200px;
}

.all-page-recipes {
  padding-inline: 10%;
}

.intro-recipes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3%;
  padding-bottom: 3%;
}

.intro-recipes-title {
  color: #000;
  text-align: center;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.intro-recipes-text {
  color: #606060;
  text-align: center;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.actual-recipes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 35.85px;
  row-gap: 30px;
  padding-bottom: 3%;
}

.actual-recipe {
  width: 31.5397%;
  display: flex;
  flex-direction: column;
}

.actual-recipe-img {
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
  display: block;
  transition: 0.4s;
  height: 580px;
}

.recipe-info {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4% 1%;
}

.recipe-time {
  color: #000;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
  margin-right: 15px;
}

.recipe-difficulty {
  color: #000;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
  margin: 0;
  text-transform: uppercase;
}

.recipe-title {
  padding-left: 1%;
  color: #000;
  font-family: Rimouski;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
  margin: 0;
  margin-bottom: 15px;
}

.instagram-section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 4%;
  padding-bottom: 7%;
}

.instagram-title {
  color: #000;
  text-align: center;
  font-family: Rimouski;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.instagram-posts {
  width: 100%;
  display: flex;
  gap: 30px;
  margin-top: 20px;
}

.instagram-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 5px;
}

.all-page-single-recipe {
  padding-inline: 10%;
}

.single-recipe-intro {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 7%;
}

.single-recipe-title {
  color: #000;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.single-recipe-info {
  display: flex;
  flex-direction: row;
  gap: 51px;
  padding-top: 1%;
}

.serves {
  display: flex;
  gap: 10px;
}

.green-single-recipe {
  color: #7be56f;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}

.answer-single-recipe {
  color: #000;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}

.lower-single-recipe {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 20px;
  padding-top: 5%;
  padding-bottom: 5%;
}

.left-single-recipe {
  width: 37%;
  height: auto;
  border-right: 1px solid #b9b9b9;
  display: flex;
  flex-direction: column;
  row-gap: 70px;
  padding-right: 4%;
}

.upper-left-single-recipe {
  display: flex;
  flex-direction: column;
}

.default-title-recipe {
  color: #7be56f;
  font-family: Lato;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}

.default-text-recipe {
  color: #000;
  font-family: Rimouski;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.upper-left-single-recipe li {
  color: #000;
  font-family: Rimouski;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.right-single-recipe {
  width: 60%;
  display: flex;
  flex-direction: column;
  row-gap: 100px;
}

.single-recipe-img {
  height: 480px;
  object-fit: cover;
  border-radius: 15px;
}

.work-intro {
  display: flex;
  flex-direction: column;
  padding-inline: 10%;
  padding-top: 3%;
}

.work-intro-title {
  color: #000;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.job-title {
  color: var(--black-0, #192227);
  font-family: Rimouski;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  line-height: normal;
}

.job-general-info {
  display: flex;
  gap: 20px;
}

.green-job-info {
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 20px;
  color: #fff;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #00864a;
}

.job-desc {
  color: var(--black-0, #192227);
  font-family: Rimouski;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.job-button {
  display: inline-flex;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 40px;
  border: 1px solid #7e7e7e;
  background: #fff;
  backdrop-filter: blur(25px);
  color: #000;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  text-decoration: none;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  transition: 0.4s;
}

.job-button:hover {
  border-radius: 40px;
  background: #dc2268;
  transition: 0.4s;
  backdrop-filter: blur(25px);
  color: #fff;
  border: 1px solid #dc2268;
}

.job-border {
  border-bottom: 1px solid #212121;
  margin-top: 40px;
}

.careers-img {
  width: 100%;
}

.careers-img img {
  width: 100%;
  object-fit: cover;
  margin-bottom: -6px;
}

.single-job-info {
  padding-top: 5%;
  padding-inline: 10%;
}

.single-job-title {
  color: #000;
  margin-top: 0;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.general-title-job {
  color: #000;
  font-family: Rimouski;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.general-text-job {
  color: #000;
  font-family: Rimouski Light;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
  /* 30px */
}

.single-job-info li {
  color: #000;
  font-family: Rimouski Light;
  font-size: 20px;
  font-style: normal;
  font-weight: 200;
  line-height: 150%;
  /* 30px */
}

.single-job-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 7%;
  padding-bottom: 7%;
}

.single-job-form {
  display: flex;
  flex-direction: column;
  width: 550px;
}

.single-form-title {
  color: var(--black, #000);
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  margin-bottom: 15px;
}

.single-form-title span {
  color: #dc2268;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.pt5 {
  padding-top: 5%;
}

.single-form-text {
  color: #000;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.job-apply-form {
  row-gap: 25px;
  display: flex;
  flex-direction: column;
}

.job-apply-form input {
  display: flex;
  width: 545px;
  height: 50px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--Gray-5, #e0e0e0);
  color: var(--Gray-3, #828282);
  font-family: Rimouski;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: 0.14px;
}

.apply-job {
  display: flex;
  width: 545px;
  height: 50px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #dc2268;
  color: var(--white, #fff);
  border: none;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  transition: 0.4s;
}

.apply-job:hover {
  background: #00864a;
  transition: 0.4s;
}

.contact {
  height: 80vh;
  display: flex;
}

.left-contact {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}

.contact-job-form {
  display: flex;
  flex-direction: column;
  width: 550px;
}

.contact-img {
  width: 550px;
  height: 550px;
  top: 14%;
  z-index: 1;
  position: absolute;
}

.right-contact {
  width: 50%;
  display: flex;
}

.green-screen {
  width: 70%;
  left: 0;
  background: #7be56f;
  height: 80vh;
  position: relative;
  margin-left: 30%;
}

.map-page {
  display: flex;
  flex-direction: row;
  gap: 40px;
  padding: 6% 0% 5% 10%;
  row-gap: 40px;
}

.locations-page {
  width: 43%;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.location-page-intro-title {
  color: #000;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}

.location-page-intro-text {
  color: #606060;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

.location-page {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  background: #fbfbf9;
}

.location-page-title {
  color: #3f3f3f;
  font-family: Rimouski;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.location-page-text {
  color: #676767;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
}

.mapa-page {
  width: 56%;
}

.map-page-img {
  width: 100%;
  object-fit: cover;
}

.contact-mappage {
  width: 100%;
  padding: 2% 10% 5%;
  display: flex;
  gap: 50px;
}

.left-contact-mappage {
  width: 50%;
}

.left-contact-mappage img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  border-radius: 15px;
}

.right-contact-mappage {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.right-contact-mappage span {
  color: #dc2268;
}

.keep-title {
  color: var(--black, #000);
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  margin-bottom: 30px;
  line-height: normal;
}

.keep-text {
  color: #000;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 50px;
}

.form-mappage {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.form-mappage input {
  display: flex;
  width: 555px;
  height: 50px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  border-radius: 7px;
  color: var(--Gray-3, #828282);
  font-family: Rimouski;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.14px;
  border: 1px solid var(--Gray-5, #e0e0e0);
}

.send-form-map {
  display: flex;
  width: 555px;
  height: 50px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 7px;
  background: #dc2268;
  color: var(--white, #fff);
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  border: none;
}

.franchising-form-title {
  color: var(--black, #000);
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
  line-height: normal;
}

.franchising-form-title span {
  color: #7be56f;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.job-apply-form textarea {
  display: flex;
  width: 545px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--Gray-5, #e0e0e0);
  color: var(--Gray-3, #828282);
  font-family: Rimouski;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: 0.14px;
}

.actual-recipe-img:hover {
  transform: scale(1.1);
  transform-origin: 50% 50%;
  transition: 0.4s;
}

.actual-recipe-img-div {
  border-radius: 15px;
  width: 100%;
  display: block;
  transition: 0.4s;
  overflow: hidden;
}

.more-recipes {
  padding: 2% 10% 4% 10%;
}

.more-recipes-title {
  color: #000;
  font-family: Rimouski;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 30px;
}

.recipes-wrapper {
  display: flex;
  flex-direction: row;
  gap: 42px;
  width: 100%;
}

select,
#dataS {
  cursor: pointer;
}

.chooseLanguage {
  font-size: 12px;
  font-weight: 400;
  font-family: Lato;
  line-height: normal;
  text-decoration: none;
  color: #000;
}

.backImage {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
  left: 0;
  top: 0;
}

.pointer {
  cursor: pointer;
}

.green-landing {
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.abonohu-header {
  color: #fff;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 64px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 64px */
  margin: 0;
  text-transform: uppercase;
}

.abonohu-text {
  color: #fdebae;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Varela";
  font-size: 24px;
  font-style: normal;
  font-weight: lighter;
  line-height: 150%;
  /* 36px */
  margin: 16px 0px 0px 0px;
}

.abonohu-wrapper {
  width: 50%;
  border-radius: 35px;
  background: #44b078;
  padding: 39px 66px;
  position: relative;
}

.mealPlanLogo {
  position: absolute;
  left: 3%;
  top: -75px;
}

.rrethText {
  color: #606060;
  text-align: center;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
}

.rrethHeader {
  color: #000;
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 48px */
}

.planDescription {
  padding-inline: 25%;
  position: relative;
}

.loveItImg {
  position: absolute;
  right: 15%;
  top: 0%;
}

.kushtetHeader {
  display: flex;
  gap: 10px;
  margin: 119px 0 0 0;
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 32px */
  align-items: flex-start;
  position: relative;
}

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

.pin {
  position: absolute;
  top: -50px;
  right: -60px;
}

.list-header {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 24px */
  margin-bottom: 10px;
  margin-top: 52px;
}

.list-read {
  color: #808080;
  font-family: "Rimouski";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  margin-top: 0;
}

.list-section {
  padding-inline: 7%;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  color: #606060;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #dfe3e4;
  padding: 14px 0px;
}

.border-top {
  border-top: 1px solid #dfe3e4;
}

.border-bottom {
  border-bottom: 1px solid #dfe3e4;
}

ul li p {
  margin: 0;
}

#goBack {
  width: 40px;
  cursor: pointer;
}

.trp-ls-language-name {
  font-size: 16px;
  cursor: pointer;
}

.list-number {
  border-radius: 88px;
  background: #fad4e1;
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 33px;
  width: 33px;
  height: 31px;
}

ol {
  list-style-image: url("https://greenandprotein.com/wp-content/uploads/2023/09/arrow-1.svg");
}

#pjataList {
  padding-inline-start: 18px;
}

#pjataList p {
  color: #606060;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
}

#veganList {
  padding-inline-start: 18px;
}

#veganList p {
  color: #606060;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 5px;
}

ol li {
  color: #606060;
  font-family: Varela;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  margin-bottom: 16px;
}

.viewMenuWrapper h6 {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 24px */
  margin: 16px 0 0 0;
}

.viewMenuWrapper .firstImg {
  width: 100%;
}

.viewMenuWrapper {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  width: 50%;
  padding: 32px;
}

.menuWrapper {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  width: 55%;
  padding: 32px;
}

.menuWrapper h6 {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Rimouski;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 24px */
  text-align: center;
  margin: 16px 0 0 0;
}

.formFlex {
  display: flex;
  padding-inline: 7%;
  gap: 5%;
  margin-top: 100px;
  padding-bottom: 50px;
}

.viewMenuWrapper a,
.menu-header {
  border-radius: 40px;
  background: #eb578f;
  display: inline-flex;
  height: 43px;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */
  text-transform: uppercase;
  color: #fff;
  margin-top: 24px;
  text-decoration: none;
  backdrop-filter: blur(25px);
}

.radioWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}

.form-control {
  font-family: system-ui, sans-serif;
  line-height: 1.1;
  display: flex;
  grid-template-columns: 1em auto;
  gap: 0.5em;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.form-control + .form-control {
  margin-top: 1em;
  cursor: pointer;
}

.form-control input[type="radio"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: #dfdfdf;
  width: 32px;
  height: 32px;
  border: 0.15em solid #dfdfdf;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

.radioWrapper input[type="radio"] {
  /* ...existing styles */
  display: grid;
  place-content: center;
  cursor: pointer;
}

.radioWrapper input[type="radio"]::before {
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #00864a;
}

.line {
  width: 100%;
  height: 1px;
  margin-top: -30px;
  background-color: #dfdfdf;
}

.radioWrapper input[type="radio"]:checked::before {
  transform: scale(1);
}

.classicInput {
  display: flex;
  width: 558px;
  height: 50px;
  padding: 12px 20px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 7px;
  border: 1px solid var(--Gray-5, #e0e0e0);
  outline: none;
}

.classicInput::placeholder {
  color: #828282;
  font-family: Rimouski;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  letter-spacing: 0.14px;
}

.inputName {
  color: #000;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
  margin-top: 25px;
  margin-bottom: 18px;
}

.priceplan {
  visibility: hidden;
  pointer-events: none;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.fixedLabels {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.labelPrice {
  width: 100%;
  height: 80px;
  flex-shrink: 0;
  border: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 12px;
  text-align: center;
  transition: 0.4s;
  cursor: pointer;
  padding-inline: 23px;
  margin-right: 24px;
}
.merreLokal {
  color: #000;

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.backgroundColor {
  border-radius: 16px;
  background: #fad4e1;
}

.halfInput {
  width: 49%;
}

.inputFlex {
  display: flex;
  align-items: center;
  gap: 2%;
  flex-wrap: wrap;
  row-gap: 15px;
}

.continueButton {
  display: flex;
  height: 43px;
  padding: 16px 56px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 300px;
  flex-shrink: 0;
  border-radius: 40px;
  background: #eb578f;
  color: #fff;
  border: none;
  margin-top: 70px;
  cursor: pointer;
}

* {
  scroll-behavior: smooth;
}

.errorClass,
.error {
  border: 1px solid red !important;
}

#step2 .inputFlex p {
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
}

.pelqimResult {
  display: flex;
  align-items: center;
  gap: 10px;
}

.greenCircle {
  background-color: #44b078;
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

#step2 {
  display: none;
}

#fourWeeks,
#oneWeek {
  display: none;
  background-color: #fad4e1;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

.desktop {
  display: inline-flex;
}

.mobile {
  display: none;
}

@media screen and (max-width: 900px) {
  .mobile {
    display: inline-flex;
  }

  .desktop {
    display: none;
  }

  .classicInput {
    width: 100%;
  }

  .pin {
    right: -25px;
    top: -30px;
    width: 10%;
    display: none;
  }

  .radioWrapper {
    flex-direction: column;
    gap: 30px;
  }

  .fixedLabels {
    flex-direction: column;
  }

  .continueButton {
    width: 100%;
  }

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

  .planDescription {
    padding-inline: 7%;
    margin-top: 130px;
  }

  .viewMenuWrapper,
  .menuWrapper {
    width: 100%;
  }

  .loveItImg {
    width: 20%;
    right: 5%;
    top: -110px;
  }

  .viewMenuWrapper h6 {
    font-size: 16px;
    padding: 15px 0px;
  }

  ol li {
    font-size: 14px;
  }

  .abonohu-text {
    font-size: 14px;
  }

  .list-header {
    font-size: 18px;
  }

  ul li {
    font-size: 14px;
  }

  .kushtetHeader {
    margin-top: 30px;
  }

  .abonohu-header,
  .kushtetHeader,
  .rrethHeader {
    font-size: 28px;
  }

  .formFlex {
    margin-top: 30px;
  }

  .abonohu-wrapper {
    width: 90%;
  }

  .radioWrapper {
    gap: 45px;
  }

  .mealPlanLogo {
    width: 30%;
    top: -50px;
  }

  .header-links .menu-header {
    width: auto;
  }
}

@media screen and (max-width: 950px) and (min-width: 810px) {
  .mealPlanLogo {
    width: 20%;
  }

  .classicInput {
    width: 100%;
  }

  .loveItImg {
    width: 20%;
  }
}

@media screen and (min-width: 951px) and (max-width: 1300px) {
  .loveItImg {
    width: 20%;
    right: 5%;
  }

  .classicInput {
    width: 100%;
  }
}

.not-found-page {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.error {
  display: flex;
  padding: 2px 10px;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: var(--error-red-50, #fef2f2);
  color: var(--error-red-800, #991b1b);
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 0;
}

.permas-404 {
  position: absolute;
  height: 100vh;
  width: 100%;
}

.not-found-div {
  width: 430px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.not-found-title {
  color: var(--neutral-800, #191d23);
  text-align: center;
  font-family: Rimouski;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.not-found-text {
  color: var(--neutral-500, #64748b);
  text-align: center;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.get-back-404 {
  display: flex;
  padding: 12px 40px;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  border-radius: 40px;
  background: #00864a;
  text-decoration: none;
  color: #fff;
  font-family: Rimouski;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.mapa-page iframe {
  width: 100%;
  height: 100%;
}

.mapa-page {
  display: none;
}

.default {
  display: block;
}

.franchisingButton {
  border-radius: 8px;
  background: #fbd6da;
  display: flex;
  padding: 4px 10px;
  align-items: center;
  gap: 24px;
  color: #000;
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  transition: 0.6s;
  /* 21px */
  text-transform: uppercase;
  border: 1px solid #fff;
}

.franchisingButton:hover {
  border: 1px solid #eb57bf;
}

.borgir {
  display: none;
}

.header-socials {
  display: none;
}

.moreDropdown {
  display: flex;
  align-items: center;
  color: #000;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 100px;
  /* 21px */
  text-transform: uppercase;
  gap: 8px;
  cursor: pointer;
}

.dropdown {
  position: relative;
}

.dropdownShow a {
  border-bottom: 0.1px solid #000;
  color: #000;
  font-size: 14px;
  font-style: normal;
  position: relative;
  padding-bottom: 11px;
  font-weight: 400;
  line-height: 22px;
  /* 129.412% */
  display: flex;
  gap: 16px;
  padding: 11px 16px;
  padding-right: 30px;
  align-items: center;
  transition: 0.2s;
  justify-content: flex-start;
}

.dropdown:hover .dropdownShow {
  max-height: 400px;
}

.dropdownShow a:hover {
  background: rgba(251, 214, 218, 0.5);
  border-left: 2px solid #eb57bf;
}

.dropdownShow {
  display: flex;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  gap: 0px;
  flex-direction: column;
  background-color: #fff;
  /* filter: drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.08)) drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.03)); */
  transition: 0.5s;
  border-radius: 12px;
}

.faq div p {
  font-size: 16px;
}

@media screen and (max-width: 821px) {
  .franch-info {
    flex-direction: column;
  }

  .header-links {
    width: 100%;
    gap: 60px;
    justify-content: flex-start;
  }

  .language-switcher {
    position: absolute;
    right: 70px;
    top: 23px;
  }

  .right-land-franch {
    flex-direction: column;
  }

  .franch-text {
    text-align: center;
    width: 100%;
  }

  .lower-franch-info {
    width: 100%;
  }

  .franch-info-title {
    text-align: center;
  }

  .header {
    display: block;
    padding: 10px;
    width: 100%;
    height: 60px;
    position: relative;
    overflow: hidden;
    transition: 0.6s;
    padding-inline: 0;
  }

  .contact {
    height: auto;
  }

  .logo {
    padding-left: 20px;
  }

  .moreDropdown {
    display: none;
  }

  .dropdown {
    padding: 0;
  }

  .franch-text {
    font-size: 14px;
  }

  .dropdownShow {
    display: block;
    position: relative;
    height: auto;
    max-height: unset;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    padding: 0;
    filter: none;
    background-color: #dc2268;
    width: 100%;
  }

  .franchisingButton {
    border: none;
    background-color: #dc2268;
  }

  .dropdownShow a {
    width: 100%;
    border-bottom: 0;
    padding-left: 0;
    width: 100%;
    color: #fff !important;
    display: flex;
    justify-content: center;
    text-align: center;
    border-bottom: 1px solid #0000001a;
  }

  .mapa-page {
    height: 40vh;
  }

  .header-links a {
    color: #fff !important;
    justify-content: center;
  }

  .hajtiHeader {
    height: 100vh !important;
  }

  .borgir {
    display: block;
    position: absolute;
    right: 20px;
    top: 21px;
    cursor: pointer;
  }

  .upper-footer {
    padding-bottom: 10%;
  }

  .footer-logo {
    width: 70%;
    margin-left: unset;
  }

  .header-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #dc2268;
    height: 100%;
    position: relative;
    padding-top: 20px;
  }

  .dropdown {
    height: 0;
    width: 100%;
  }

  .recipe-img p {
    font-size: 16px;
  }

  .map-page {
    flex-direction: column;
    padding-inline: 5%;
  }

  .locations-page,
  .mapa-page {
    width: 100%;
  }

  .header-socials {
    position: absolute;
  }

  .header-socials {
    display: flex;
    position: absolute;
    justify-content: center !important;
    bottom: 60px;
    opacity: 0;
    width: 100%;
    pointer-events: none;
    right: 0;
    gap: 20px;
  }

  .header-socials a {
    min-width: 0 !important;
  }

  .showSocials {
    display: flex;
    animation: socialAnimation 0.6s 0.588s forwards linear;
  }

  .header-socials img {
    /* filter: invert(100%); */
  }

  .left-home-text {
    width: 100%;
  }

  .newsletter-button {
    width: 100%;
  }

  .rating-image {
    width: 30%;
  }

  .home-intro {
    height: auto;
    flex-direction: column;
    gap: 70px;
  }

  .slider-title {
    font-size: 28px;
  }

  .animation-text,
  .our-story-text,
  .franchising-title,
  .franchising-text {
    width: 100%;
  }

  .franchising-title {
    font-size: 24px;
  }

  .franchising-text,
  .franchising-button {
    font-size: 14px;
  }

  .left-partner-img {
    margin-bottom: -4px;
  }

  .right-after-slider img {
    margin-bottom: -4px;
  }

  .borders {
    width: 100%;
    flex-direction: column;
  }

  .left-after-title {
    width: 100%;
  }

  .our-story-text {
    text-align: left;
  }

  .our-story {
    align-items: flex-start;
  }

  .our-story-title {
    font-size: 64px;
    margin: 0;
  }

  .our-story-text {
    font-size: 14px;
    margin: 0;
  }

  .animation-text {
    font-size: 24px;
  }

  .menu-landing-title,
  .menu-landing-text {
    width: 100%;
  }

  .menu-landing-title {
    font-size: 28px;
    text-align: center;
  }

  .menu-landing-img {
    object-position: -800px;
  }

  .blog-blog {
    padding-inline: 5%;
  }

  .menu-landing-text {
    font-size: 14px;
    text-align: center;
  }

  .view-menu {
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .franchising-img {
    width: 30%;
  }

  .slider-category {
    overflow: hidden;
    width: 100%;
  }

  .right-home-intro {
    width: 100%;
    position: relative;
    min-height: 50vh;
    display: flex;
    align-items: center;
  }

  .left-home-intro {
    position: relative;
    z-index: 999;
  }

  .footer {
    display: block;
  }

  .right-lower-footer {
    justify-content: space-between;
    gap: unset;
  }

  .hero-sliderimg {
    width: 85%;
  }

  .left-home-intro {
    width: 100%;
  }

  .taxonomy-list {
    overflow: scroll;
    height: 80px;
  }

  .menu-category {
    width: 50%;
  }

  .left-home-title {
    font-size: 28px;
    width: 100%;
  }

  .ratings-title,
  .right-partner-title,
  .ratings-text,
  .right-partner-text,
  .food-text,
  .blog-intro-text,
  .location-intro-text {
    width: 100%;
  }

  .left-after-text {
    width: 100%;
  }

  .become-partner {
    width: 100%;
    flex-direction: column-reverse;
  }

  .costumer-ratings {
    position: relative;
    height: auto;
    padding-top: 30px;
  }

  .ratings-div {
    height: auto;
    padding-bottom: 50px;
  }

  .subscribe {
    width: 100%;
  }

  .subscribe-div {
    width: 100%;
  }

  .left-become-partner,
  .right-become-partner {
    width: 100%;
  }

  .right-partner-title {
    font-size: 28px;
  }

  .right-partner-text {
    font-size: 14px;
  }

  .mySwiper2 {
    padding-inline: 30px !important;
  }

  .blog {
    width: 100%;
  }

  .lower-footer {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .left-lower-footer,
  .right-lower-footer {
    width: 100%;
  }

  .newsletter {
    font-size: 24px;
  }

  .left-lower-footer {
    display: flex;
    align-items: center;
    padding-bottom: 5%;
  }

  .footer-text {
    text-align: center;
    font-size: 14px;
  }

  .faq div {
    align-items: flex-start;
  }

  .faqImage {
    margin-top: 15px;
  }

  .socials {
    justify-content: center;
  }

  .right-home-intro .rightStaticImage {
    width: 100%;
    position: absolute;
    right: 0;

    height: 50vh;
  }

  .after-slider {
    flex-direction: column;
    flex-wrap: wrap;
    height: auto;
    gap: 40px;
  }

  .left-after-slider,
  .right-after-slider {
    width: 100%;
  }

  .left-after-title {
    font-size: 20px;
    margin-top: 35px;
  }

  .left-after-text {
    font-size: 14px;
    padding-inline: 21px;
  }

  .ratings-title {
    font-size: 28px;
  }

  .ratings-title span {
    font-size: 28px;
  }

  .rating-foto {
    width: 100%;
  }

  .header-links a {
    border-bottom: 1px solid #0000001a;
    padding-bottom: 20px;
  }

  .ratings-description {
    font-size: 14px;
    padding-inline: 5%;
    padding-bottom: 3%;
    padding-top: 3%;
  }

  .right-green-object,
  .left-green-object {
    width: 42px;
    height: 42px;
  }

  .right-become-partner {
    padding: 30px 5%;
  }

  .rating-name {
    font-size: 16px;
  }

  .rating-text {
    font-size: 12px;
  }

  .rating-info {
    width: 50%;
  }

  .right-partner-button {
    font-size: 18px;
  }

  .food-title {
    font-size: 28px;
  }

  .food-text {
    font-size: 14px;
  }

  .recipes {
    overflow-x: scroll;
    overflow-y: hidden;
  }

  .recipe-img {
    width: 300px !important;
  }

  .blog-intro-title {
    font-size: 22px;
  }

  .blog-intro-text {
    font-size: 14px;
  }

  .blog-title {
    font-size: 28px;
  }

  .blog-text {
    font-size: 14px;
  }

  .join-image {
    object-fit: cover;
  }

  .location-intro-title {
    font-size: 28px;
  }

  .location-intro-text {
    font-size: 14px;
  }

  .actual-locations {
    flex-direction: column;
    gap: 15px;
  }

  .join-title {
    font-size: 28px;
  }

  .join-text {
    font-size: 14px;
    width: 320px;
  }

  .join-button {
    font-size: 18px;
  }

  .location {
    width: 100%;
  }

  .show-in-map {
    font-size: 14px;
  }

  .show-in-map a {
    font-size: 14px;
  }

  .location-title {
    font-size: 18px;
  }

  .location-text {
    font-size: 14px;
  }

  .franch-title {
    font-size: 28px;
    width: 100%;
    text-align: center;
  }

  .franch-info-text {
    font-size: 14px;
    width: 100%;
    text-align: center;
  }

  .stat {
    width: 47.5%;
    border-bottom: 1px solid #000;
  }

  .stats {
    gap: 5%;
    padding-inline: 5%;
  }

  .stat-horizontal-border {
    display: none;
  }

  .franch-info-title {
    font-size: 28px;
    width: 100%;
  }

  .faq {
    width: 100%;
  }

  .faq p {
    font-size: 14px;
  }

  .recipes-landing-title {
    font-size: 60px;
  }

  .all-page-recipes {
    padding-inline: 5%;
  }

  .instagram-section {
    padding-left: 15%;
  }

  .form-mappage input {
    width: 100%;
  }

  .send-form-map {
    width: 100%;
  }

  .instagram-title {
    font-size: 28px;
  }

  .faq .faqDesc {
    font-size: 14px;
  }

  .actual-recipe {
    width: 100%;
  }

  .instagram-posts {
    overflow: scroll;
  }

  .instagram-image {
    width: 300px;
    height: auto;
  }

  .intro-recipes-title {
    font-size: 28px;
  }

  .intro-recipes-text {
    font-size: 14px;
  }

  .upper-franch-info {
    width: 100%;
  }

  .per-shkak-texti {
    width: 100%;
    text-align: center;
  }

  .stat-vertical-border {
    display: none;
  }

  .franchising-contact {
    flex-direction: column;
    gap: 24px;
  }

  .left-franch-contact {
    width: 100%;
  }

  .background-rating {
    display: none;
  }

  .more-recipes {
    padding-bottom: 50px;
  }

  .right-franch-contact {
    width: 100%;
  }

  .franch-info-img {
    width: 100%;
  }

  .green-franch-title {
    text-align: center;
  }

  .franch-info {
    box-sizing: border-box;
  }

  .recipes-franch {
    overflow: scroll;
  }

  .job-title {
    font-size: 28px;
  }

  .green-job-info {
    font-size: 12px;
  }

  .work-intro {
    padding-inline: 5%;
  }

  .job-desc {
    font-size: 14px;
  }

  .job-button {
    font-size: 14px;
    padding: 10px 32px;
  }

  .faqWrapper {
    padding-inline: 5%;
  }

  .contact-mappage {
    padding-inline: 5%;
    gap: 20px;
    flex-direction: column;
  }

  .contact-img {
    width: 90%;
    top: 0%;
    height: 300px;
    margin-left: 5%;
    position: absolute;
  }

  .contact {
    flex-wrap: wrap;
  }

  .left-contact {
    width: 100%;
    padding-inline: 5%;
  }

  .single-form-title {
    font-size: 28px;
  }

  .single-form-text {
    font-size: 14px;
  }

  .green-screen {
    width: 100%;
    height: 40vh;
    margin-left: 0;
  }

  .right-contact {
    width: 100%;
    margin-top: 50px;
    position: relative;
  }

  .franchising-form-title,
  .franchising-form-title span {
    font-size: 28px;
  }

  .rating {
    height: 400px;
  }

  .single-form-title span {
    font-size: 28px;
  }

  .left-contact-mappage,
  .right-contact-mappage {
    width: 100%;
  }

  .keep-title {
    font-size: 28px;
  }

  .contact-job-form,
  .job-apply-form input,
  .apply-job,
  .job-apply-form textarea {
    width: 100%;
  }

  .dropdownShow a:hover {
    background: #fff;
    border-left: none;
  }

  .our-story,
  .franchising-jobs {
    padding-inline: 5%;
  }

  .go-back-button-blog img {
    width: 45px;
  }

  .single-blog {
    padding-inline: 5%;
  }

  .single-blog-title {
    font-size: 28px;
  }

  .single-blog-text {
    font-size: 14px;
  }

  .upper-left-single-recipe {
    height: auto;
  }

  .recipes-wrapper {
    overflow: scroll;
  }

  .actual-recipe {
    width: 500px;
    min-width: 300px;
  }

  .single-recipe-info {
    overflow: scroll;
    width: 100%;
  }

  .serves {
    min-width: 100px;
  }

  .lower-single-recipe {
    flex-direction: column;
  }

  .left-single-recipe,
  .right-single-recipe {
    width: 100%;
    border: none;
  }

  .right-single-recipe,
  .left-single-recipe {
    gap: 25px;
  }

  .single-recipe-title {
    font-size: 28px;
  }

  .default-title-recipe {
    font-size: 28px;
  }

  .default-text-recipe {
    font-size: 14px;
  }

  .all-page-single-recipe {
    padding-inline: 5%;
  }

  .answer-single-recipe,
  .green-single-recipe {
    font-size: 12px;
  }

  .single-job-contact {
    padding-inline: 5%;
  }

  .single-job-info {
    padding-inline: 5%;
  }

  .single-job-title {
    font-size: 28px;
  }

  .general-title-job {
    font-size: 20px;
  }

  .general-text-job {
    font-size: 14px;
  }

  .single-job-info li {
    font-size: 14px;
  }

  .taxonomy-list {
    width: 100%;
    padding-left: 5%;
  }

  .menu-category {
    width: auto;
  }

  *::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  * {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .dropdownShow img {
    display: none;
  }

  .dropdownShow a {
    padding-bottom: 20px;
    padding-top: 0;
    padding-inline: 0 !important;
  }

  #header-socials a {
    width: unset !important;
  }
}

@media screen and (min-width: 820px) and (max-width: 900px) {
  .taxonomy-list {
    width: 100%;
  }

  *::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge and Firefox */
  * {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

  .menu-category {
    width: 33%;
  }

  .green-screen {
    height: 20vh;
  }
}

@keyframes socialAnimation {
  from {
    opacity: 0;
    pointer-events: none;
  }

  to {
    opacity: 1;
    pointer-events: all;
  }
}

@media screen and (min-width: 2200) {
  .left-after-title {
    width: 100%;
  }

  .left-after-text {
    width: 80%;
  }

  .header-links a {
    font-size: 18px;

    width: auto;
  }

  .moreDropdown {
    font-size: 18px;
  }

  .contact-img {
    height: 660px;
    top: 44%;
  }
}

@media screen and (min-width: 2200px) {
  .contact-img {
    height: 800px;
    top: 15%;
    right: 25%;
    object-fit: cover;
  }
}

@media screen and (min-width: 800px) and (max-width: 1440px) {
  .contact-img {
    width: 30%;
    top: 11%;
    left: 55%;
  }

  .contact {
    padding-top: 30px;
  }

  .contact-job-form {
    width: 100%;
  }

  .header {
    padding-inline: 3%;
  }

  .header-links {
    gap: 20px;
  }

  .contact {
    height: auto;
  }
}