:root {
  --flowstica-webflow-library--black: #010b15;
  --flowstica-webflow-library--white: white;
  --flowstica-webflow-library--black-2: #333;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #787878;
  cursor: default;
  font-family: Manrope, sans-serif;
  font-size: .833333vw;
  line-height: 100%;
}

.hide {
  display: none;
}

.navbar {
  background-color: #fff;
  position: sticky;
  top: 0;
}

.container {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 4em;
  padding-right: 4em;
}

.container.text {
  padding-left: 0;
}

.container.text.mid {
  padding-right: 0;
}

.container._2 {
  padding-right: 6em;
}

.nav-wrap {
  justify-content: space-between;
  align-items: center;
  font-size: 1em;
  display: flex;
}

.logo {
  max-width: 6.25em;
  margin-left: auto;
  margin-right: auto;
}

.nav-menu {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  font-family: Lora, sans-serif;
  font-weight: 500;
  display: flex;
}

.nav-link {
  color: #111;
  letter-spacing: -.01em;
  margin-left: 0;
  margin-right: 0;
  padding: .5em 1em;
  font-family: Manrope, sans-serif;
  font-size: 1.2em;
}

.nav-link.w--current {
  color: #111;
}

.nav-link.home {
  background-color: #e5e6d2;
  border-radius: 20px;
  padding: 1em 2em;
}

.nav-link.home:hover {
  color: #9b9b9b;
}

.nav-link.hide-desktop {
  display: none;
}

.main-navbar {
  padding-top: 1em;
  padding-bottom: 1em;
}

.drop-toggle {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: center;
  padding: .5em 1em;
  display: flex;
}

.drop-label {
  letter-spacing: -.01em;
  font-size: 1em;
}

.nav-btn-wrap {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-end;
  width: 25.625em;
  display: flex;
}

.btn {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  color: #fff;
  background-color: #ccaf49;
  border-radius: 62.4375em;
  justify-content: center;
  align-items: center;
  padding: 1em 1.5em;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn.bordered {
  color: #111;
  background-color: #0000;
  border: .0625em solid #d9d9d9;
}

.btn.mob {
  background-color: #f1d263;
}

.icon-16 {
  width: 1em;
  height: 1em;
  padding-top: 0;
  padding-bottom: 0;
}

.btn-text {
  z-index: 1;
  letter-spacing: -.02em;
  font-size: 1em;
  position: relative;
}

.btn-text.mob-hide {
  letter-spacing: 0;
  font-family: Lora, sans-serif;
}

.btn-text.lora {
  font-family: Lora, sans-serif;
  font-style: italic;
  font-weight: 500;
}

.chart {
  color: #2c3f2e;
  border: .0625em solid #2c3f2e;
  border-radius: 100%;
  padding: 1em;
}

.icon {
  width: 1.5em;
  height: 1.5em;
}

.top-nav {
  color: #fff;
  background-color: #2c3f2e;
  padding: .5em 1.5em;
  display: flex;
}

.text-16 {
  letter-spacing: 0;
  font-size: 1em;
}

.text-16.medium {
  color: #fff;
  text-shadow: 2px 1px 1px #0003;
  padding-top: 10px;
  font-size: 1.2em;
  line-height: 160%;
}

.text-16.medium.black {
  color: #111;
  text-shadow: 2px 1px 1px #00000012;
  margin-left: 0;
  margin-right: auto;
  text-decoration: none;
}

.text-16.medium.lh-auto {
  color: #111;
  line-height: 100%;
}

.text-16.medium.white {
  color: #fff;
  line-height: 1.5;
}

.text-16.medium.white.pad {
  width: 100%;
  margin-left: auto;
  padding-top: 20px;
}

.text-16.ls-2 {
  letter-spacing: -.02em;
}

.text-16.lh-160 {
  color: #fff;
  line-height: 160%;
}

.text-16.white {
  color: #fff;
  font-weight: 500;
  line-height: 120%;
}

.text-16.white.center {
  text-align: left;
}

.text-16.white.center.lh-160 {
  line-height: 160%;
}

.medium {
  font-weight: 500;
}

.hero {
  background-color: #f2f2f2;
  padding-top: 0;
}

.hero-wrap {
  background-image: url('../images/cordula_hero_hell.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  margin-top: 0;
  display: flex;
}

.hero-img {
  width: 55%;
  position: relative;
}

.left-hero {
  flex-flow: column;
  justify-content: flex-end;
  width: 55%;
  padding-top: 5.4375em;
  padding-bottom: 5.5em;
  display: flex;
}

.hero-content {
  grid-column-gap: 7.5em;
  grid-row-gap: 7.5em;
  flex-flow: column;
  max-width: 35.5em;
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
}

.hero-top {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.hero-head {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: column;
  display: flex;
}

.hero-review {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.sub-review {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: center;
  display: flex;
}

.review-devider {
  background-color: #d9d9d9;
  width: .0625em;
  height: 1em;
}

.lora {
  font-family: Lora, sans-serif;
}

.text-64 {
  color: #fff;
  letter-spacing: -.02em;
  text-shadow: 3px 1px 1px #0003;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 4em;
  font-weight: 500;
  line-height: 120%;
}

.italic {
  font-style: italic;
}

.italic.green {
  color: #f1d263;
  text-shadow: 1px 1px 1px #0003;
}

.hero-bot {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  display: flex;
}

.video-hero {
  color: #6f9872;
  width: 9.375em;
  height: 9.375em;
  position: relative;
}

.video-des {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  max-width: 11.5em;
  display: flex;
}

.text-24 {
  color: #111;
  letter-spacing: -.02em;
  font-family: Lora, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 100%;
}

.text-24.white {
  color: #fff;
}

.text-24.white.italic {
  text-align: center;
  font-weight: 400;
  line-height: 140%;
}

.text-24.center {
  text-align: center;
}

.section {
  padding-top: 5em;
  padding-bottom: 5em;
}

.section.dark-green {
  background-color: #f1d263;
}

.section.light-green {
  background-color: #93cfd1;
  background-image: linear-gradient(70deg, #2699d4, #4bb0c0);
  padding-top: 0;
  padding-bottom: 0;
}

.section.light-green.py-80 {
  padding-top: 5em;
  padding-bottom: 5em;
}

.section.testi {
  background-color: #ce7e5e;
  padding-bottom: 2em;
  padding-left: 5%;
  padding-right: 5%;
}

.section.sosmed {
  padding-top: 0;
  padding-bottom: 0;
}

.section._2 {
  background-image: linear-gradient(147deg, #cc7957, #fff 50%, #5de1ff87);
  padding-left: 5%;
  padding-right: 5%;
}

.category-wrap {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.category-head {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 30.125em;
  display: flex;
}

.category-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: center;
  width: 100%;
  display: flex;
}

.title {
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
}

.title.white {
  color: #fff;
}

.text-56 {
  color: #111;
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Lora, sans-serif;
  font-size: 3.5em;
  font-weight: 500;
  line-height: 100%;
}

.text-56.white {
  color: #fff;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.text-56.white.center {
  text-align: center;
}

.text-56.white._23 {
  text-align: center;
  word-break: keep-all;
  flex-flow: column;
  justify-content: center;
  margin: auto;
  line-height: 120%;
}

.category-card {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.category-detail {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: .5em;
  display: flex;
}

.catergory-headline {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: center;
  display: flex;
}

.arrow-22 {
  width: 1.375em;
  height: 1.375em;
}

.wr-vc-8 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wr-vc-8.mw-165 {
  max-width: 10.3125em;
}

.wr-hc-8 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  align-items: center;
  display: flex;
}

.stars {
  height: 1em;
}

.category-img {
  height: 23.75em;
}

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

.img.cover {
  object-fit: cover;
}

.img-detail {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  align-items: center;
  max-width: 30.5em;
  display: flex;
  position: absolute;
  bottom: 1.5em;
  left: 1.5em;
}

.sub-img {
  width: 5.625em;
}

.wr-vs-8 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  display: flex;
}

.wr-vs-8.mw-330 {
  max-width: 20.625em;
}

.img-wrap {
  display: flex;
}

.review-profile {
  width: 1.5em;
  margin-left: -.375em;
}

.revolution-wrap {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  display: flex;
}

.revolution-head {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper.is-year {
  flex-flow: column;
  display: flex;
  overflow: visible;
  position: relative !important;
}

.swiper.is-year-content {
  max-width: 34.1875em;
  height: auto;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.swiper-wrapper, .swiper-wrapper.is-year {
  position: static !important;
}

.swiper-slide {
  z-index: 1;
  position: relative;
}

.year {
  letter-spacing: -.04em;
  font-size: 7.5em;
  line-height: 136%;
}

.slide-content {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: 1;
  background-color: #2c3f2e;
  flex-flow: column;
  width: 34.1875em;
  transition: opacity .3s;
  display: flex;
}

.text-18 {
  color: #fff;
  font-family: Lora, sans-serif;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 160%;
}

.slide-nav {
  z-index: 3;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-end;
  margin-top: 6.6875em;
  display: flex;
  position: relative;
}

.slide-nav.is-blog {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.slide-btn {
  border: 1px solid #fff;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  transition: color .3s, background-color .3s;
  display: flex;
}

.slide-btn.is-year {
  color: #fff;
}

.slide-btn.is-year:hover {
  color: #111;
  background-color: #fff;
}

.slide-btn.is-testi {
  color: #000;
}

.slide-btn.is-testi:hover {
  background-color: #fff;
}

.slide-btn.is-blog {
  color: #000;
  border-width: .0625em;
  border-color: #d9d9d9;
  transition: border-color .3s, color .3s, background-color .3s;
}

.slide-btn.is-blog:hover {
  color: #fff;
  background-color: #a2adc9;
  border-color: #a2adc9;
}

.dot {
  background-color: #fff;
  border-radius: 100%;
  width: .5em;
  height: .5em;
  position: absolute;
  bottom: -.25em;
  left: 0;
}

.slide-line {
  z-index: 0;
  background-color: #fff3;
  width: 100%;
  height: .0625em;
  position: relative;
}

.about-wrap {
  display: flex;
}

.about-content {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 3em 5%;
  display: flex;
}

.about-line {
  background-color: #d9d9d9;
  width: 100%;
  max-width: 32.4375em;
  height: .0625em;
}

.about-head {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  flex-flow: column;
  max-width: none;
  display: flex;
}

.text-32 {
  color: #fff;
  letter-spacing: -.02em;
  font-family: Lora, sans-serif;
  font-size: 3.5em;
  font-style: italic;
  font-weight: 500;
  line-height: 140%;
}

.text-32.center {
  text-align: center;
}

.text-32.dark {
  color: #f1d263;
}

.wr-hs-8 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  display: flex;
}

.wr-hs-8.hide {
  display: none;
}

.about-img-wrap {
  width: 30%;
  margin: auto;
  overflow: clip;
}

.product-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.testi-wrap {
  grid-column-gap: 3.875em;
  grid-row-gap: 3.875em;
  flex-flow: column;
  align-items: center;
  display: block;
}

.testi-wrap._23 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.testi-head {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: auto;
  line-height: 2;
  display: flex;
}

.testi-head._23 {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testi-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.testi-left {
  justify-content: center;
  align-items: center;
  padding: 1.375em 5.25em;
  display: flex;
}

.testi-sub-content {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 30em;
  display: flex;
}

.testi-profile-wrap {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testi-profile {
  width: 3em;
}

.text-14 {
  color: #fff;
  font-size: .875em;
  line-height: 136%;
}

.wr-vc-24 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testi-right {
  align-items: center;
  display: flex;
}

.testi-conpare {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  padding-bottom: .5em;
  display: flex;
}

.compare-img {
  width: 100%;
}

.blog-wrap {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1312px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-head {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-card {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  display: flex;
}

.blog-img {
  width: 100%;
}

.blog-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .5em;
  display: flex;
}

.wr-vl-8 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.badge {
  color: #fff;
  background-color: #6f9872;
  border-radius: 62.4375em;
  justify-content: center;
  align-items: center;
  padding: .25em .5em;
  display: flex;
}

.badge.brown {
  background-color: #98946f;
}

.badge.purple {
  background-color: #a2adc9;
}

.text-badge {
  font-size: .875em;
  font-weight: 500;
  line-height: 160%;
}

.text-20 {
  color: #111;
  font-family: Lora, sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 140%;
}

.text-20.white {
  color: #fff;
}

.sosmed-wrap {
  display: flex;
}

.sosmed-card {
  width: 100%;
  position: relative;
}

.sosmed-img {
  width: 100%;
  height: 100%;
}

.sosmed-overlay {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #2c3f2e99;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1.5em;
  display: flex;
  position: absolute;
  inset: 0%;
}

.faq-wrap {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-section-head {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 35em;
  display: flex;
}

.faq-wrapper {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 100%;
  max-width: 71.625em;
  display: flex;
}

.faq-item {
  cursor: pointer;
  padding: 1em;
}

.faq-head {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-icon {
  background-color: #fffdec;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
  position: relative;
}

.faq-line {
  background-color: #111;
  border-radius: 2em;
  width: .75em;
  height: .0625em;
}

.faq-line.ver {
  transition: transform .3s;
  position: absolute;
  transform: rotate(90deg);
}

.faq-content {
  color: #fff;
  margin-top: 1em;
}

.sub-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 43.125em;
  margin-right: 4.5em;
  display: flex;
}

.icon-wrap {
  border: .0625em solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}

.cta-wrap {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  justify-content: space-between;
  width: 100%;
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-head {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: column;
  display: flex;
}

.text-wrap.mw-385 {
  max-width: 24.0625em;
}

.text-wrap.relative {
  position: relative;
}

.text-wrap.mw-274 {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 16.4em;
  display: flex;
}

.footer {
  background-color: #fff;
  padding-top: 4em;
  padding-bottom: 4em;
}

.foot-wrap {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.foot-top {
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.faq-devider {
  background-color: #d9d9d9;
  width: 100%;
  height: .0625em;
}

.revolution-content {
  position: relative;
}

.custome-line {
  width: 19em;
  position: absolute;
  inset: auto auto -.3em 0%;
}

.foot-left {
  flex-flow: column;
  justify-content: space-between;
  max-width: 25em;
  display: flex;
}

.logo-foot {
  max-width: 9.125em;
}

.wr-vl-24 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.wr-vl-16 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.foot-sosmed {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  display: flex;
}

.sosmed-link {
  color: #000;
  border: .0625em solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2.375em;
  height: 2.375em;
  display: flex;
}

.icon-14 {
  width: .875em;
  height: .875em;
}

.foot-line {
  background-color: #dedede;
  width: 100%;
  height: .0625em;
}

.foot-menu-wrap {
  grid-column-gap: 5em;
  grid-row-gap: 5em;
  justify-content: space-between;
  padding-bottom: 20px;
  display: flex;
}

.foot-menu {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.foot-link {
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: .5em;
  padding-bottom: .5em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.foot-link-line {
  width: 6.875em;
  position: absolute;
  bottom: 0%;
}

.foot-link-line._2 {
  position: static;
}

.foot-bot {
  justify-content: space-between;
  align-items: center;
  display: none;
}

.wr-hc-24 {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  align-items: center;
  display: flex;
}

.copy-link {
  color: #111;
  font-size: 1em;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}

.cta-form-group {
  background-color: #2c3f2e;
  width: 100%;
  max-width: 40em;
  margin-bottom: 0;
}

.form {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  background-color: #0000;
  align-items: center;
  height: 100%;
  display: flex;
}

.product-content {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 40.5em;
  display: grid;
}

.product-head {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 34.5em;
  display: flex;
}

.product-form {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: wrap;
  display: flex;
}

.product-filter {
  color: #111;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.radio-btn {
  opacity: 0;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
}

.radio-btn.w--redirected-checked {
  margin-top: 0;
  margin-left: 0;
}

.radio-label {
  letter-spacing: -.02em;
  border: .0625em solid #d9d9d9;
  border-radius: 62.4375em;
  margin-bottom: 0;
  padding: 1em 1.5em;
  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
}

.form-block {
  margin-bottom: 0;
}

.product-card {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.product-img {
  position: relative;
}

.btn-icon-wrap {
  z-index: 1;
  height: 1em;
  position: relative;
  overflow: hidden;
}

.btn-overlay {
  z-index: 0;
  background-color: #243325;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
}

.sub-content-product {
  grid-column-gap: 3.5em;
  grid-row-gap: 3.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cropper-icon {
  height: 1.375em;
  position: relative;
  overflow: hidden;
}

.play-icon {
  width: 2.5em;
  height: 2.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.category-img-wrap {
  position: relative;
}

.card-badge {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  opacity: 0;
  color: #fff;
  background-color: #233225;
  border-radius: 62.4375em;
  align-items: center;
  padding: .5em .75em .5em .5em;
  display: flex;
}

.card-badge.is-1 {
  background-color: #233225;
}

.mouse-badge-wrap {
  z-index: 99;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.dot-badge {
  background-color: #a2adc9;
  border-radius: 100%;
  flex: none;
  width: .5em;
  height: .5em;
}

.dot-badge.is-1 {
  background-color: #a2adc9;
}

.text-card-badge {
  letter-spacing: -.02em;
  font-size: .875em;
  font-weight: 500;
}

.checkbox-wrapper {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: wrap;
  display: flex;
}

.img-crop {
  overflow: hidden;
}

.abs-icon {
  color: #111;
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text-27 {
  color: #fff;
  letter-spacing: -.02em;
  font-family: Lora, sans-serif;
  font-size: 1.6875em;
  font-weight: 500;
  line-height: 120%;
}

.big-icon {
  width: 5.9375em;
}

.email-input {
  color: #fff;
  letter-spacing: -.02em;
  background-color: #0000;
  border: 1px #000;
  border-bottom: .0625em solid #98946f4d;
  width: 100%;
  max-width: 31.5em;
  height: 5em;
  margin-bottom: 0;
  padding: 2em 1.5em;
  font-size: 1em;
  font-weight: 500;
}

.email-input::placeholder {
  color: #ffffff4d;
}

.btn-submit {
  color: #fff;
  background-color: #a2adc9;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 7.5em;
  height: 7.5em;
  padding: 1.5em;
  display: flex;
}

.text-crop {
  height: 1em;
  overflow: hidden;
}

.slide-wrap {
  padding-bottom: .25em;
  overflow: hidden;
}

.drop-list {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: #fff;
  flex-flow: column;
  padding: .5em;
}

.drop-list.w--open {
  display: flex;
}

.drop-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
}

.running-wrap {
  width: 100%;
  display: none;
}

.nav-top-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-img {
  max-width: 90%;
}

.about-img.hidedectop {
  display: none;
}

.about-img.hide-mobile {
  border-radius: 18px;
  max-width: 70%;
  display: none;
  box-shadow: 0 2px 5px #000000b8;
}

.body {
  font-size: .8em;
}

.wbs-container {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.wbs-heading-h4 {
  color: var(--flowstica-webflow-library--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.3em;
}

.wbs-button-black {
  background-color: var(--flowstica-webflow-library--black);
  color: var(--flowstica-webflow-library--white);
  border-radius: 6px;
  padding: 13px 30px;
  font-size: 15px;
  font-weight: 700;
  transition: all .3s ease-in-out;
}

.wbs-button-black:hover {
  background-color: var(--flowstica-webflow-library--black-2);
  color: var(--flowstica-webflow-library--white);
}

.wbs-section {
  background-color: #47a9bf;
  border-bottom: 5px solid #fff;
  padding: 6.25rem 4em;
}

.wbs-spacing-30 {
  height: 1.875rem;
}

.wbs-lead-text {
  color: var(--flowstica-webflow-library--black);
  font-size: 1.125rem;
  line-height: 1.6rem;
}

.wbs-spacing-20 {
  height: 1.25rem;
}

.wbs-feature-icon {
  flex: none;
  height: 40px;
}

.wbs-feature-left-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.wbs-feature-image {
  border-radius: 10px;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wbs-feature-split-3 {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  width: auto;
  margin-left: 0;
  margin-right: auto;
  display: grid;
}

.wbs-feature-split-3-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #010b151a;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  display: flex;
}

.wbs-feature-split-3-image {
  position: relative;
}

.wbs-feature-image-decoration {
  border-radius: 18px;
  margin: auto;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow: 0 2px 5px #000000b8;
}

.wbs-feature-sub-title {
  color: var(--flowstica-webflow-library--black);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.2em;
}

.div-block {
  color: #7c7878;
  margin-left: 0;
}

.list-item {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.2em;
}

.list {
  color: #fff;
  padding-left: 10px;
}

.buttonwrap {
  max-width: 200px;
  margin-top: 20px;
  margin-left: 0;
}

.waves---main-container {
  max-width: none;
  padding-left: 0;
  padding-right: 24px;
}

.waves---section-medium {
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 100px;
  display: flex;
}

.waves---paragraph-big {
  font-size: 20px;
  line-height: 130%;
}

.waves-master-gallery-1 {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: auto;
}

.waves-grid-gallery-1 {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-right: auto;
}

.waves-column-gallery-1 {
  grid-row-gap: 32px;
  flex-direction: column;
  margin-right: auto;
  display: flex;
}

.waves-image-gallery-1 {
  border-radius: 18px;
  width: 45%;
  box-shadow: 0 2px 5px #000000b8;
}

.waves-image-gallery-1._2 {
  width: 70%;
}

.waves-text-wrap-gallery-1 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.lightbox-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.waves---section-medium-2 {
  padding-top: 40px;
  padding-bottom: 100px;
}

.waves-master-gallery-3 {
  height: auto;
  position: sticky;
  top: 10vh;
  overflow: hidden;
}

.waves-bottom-gird-gallery-3 {
  grid-template-rows: auto;
  grid-template-columns: .9fr .8fr 1.2fr .7fr;
  width: 120vw;
  height: 39vh;
  margin-bottom: 0;
}

.waves-top-grid-gallery-3 {
  grid-template-rows: auto;
  grid-template-columns: .7fr 1.2fr .8fr .9fr;
  width: 120vw;
  height: 39vh;
  margin-bottom: 16px;
}

.waves-small-image-wrap-gallery-3 {
  border-radius: 0;
  height: 70%;
  position: relative;
  overflow: hidden;
}

.waves-medium-image-wrap-gallery-3 {
  border-radius: 0;
  height: 80%;
  position: relative;
  overflow: hidden;
}

.waves-big-image-wrap-gallery-3 {
  border-radius: 0;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.waves-image-gallery-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.live-chat-link {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 25%;
  text-decoration: none;
  display: flex;
}

.whatsapp-icon {
  max-width: 35%;
}

.livechat-button {
  background-color: #000;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 42px;
  text-decoration: none;
  display: flex;
}

.whatsapp-container {
  z-index: 30;
  cursor: pointer;
  background-color: #b49e4e;
  border: 1px solid #ffffff4d;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  transition: all .3s cubic-bezier(.45, .182, .111, .989);
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.whatsapp-container:hover {
  background-color: #383838;
  transform: scale(1.05);
}

.whatsapp-container._2 {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.small-whatsapp-icon {
  margin-right: 10px;
}

.container-10 {
  z-index: 999;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.live-chat-top-text {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  position: static;
}

.live-chat-top-text.block {
  color: #b0b0b0;
  margin-bottom: 10px;
  font-size: 12px;
}

.whatsapp-block-2 {
  z-index: 30;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 0;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

.phone-icon {
  max-width: 30%;
}

.chat-section-4 {
  background-color: #f6f1e8;
  height: 50%;
  padding: 16px 20px;
}

.close-live-chat-container {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 100%;
  display: flex;
}

.chat-block {
  background-color: #fff;
  border-radius: 8px;
  width: 80%;
  padding: 15px;
}

.whatsapp-chat {
  background-color: #fff;
  border: 1px solid #00000029;
  border-radius: 20px;
  flex-direction: column;
  width: 300px;
  height: 315px;
  margin-bottom: 16px;
  display: none;
  overflow: hidden;
}

.live-chat-text {
  color: #fff;
  text-decoration: none;
}

.live-chat-bottom-text {
  font-size: 10px;
}

.live-chat-bottom-text.block {
  margin-bottom: 5px;
  font-size: 12px;
}

.top-section {
  justify-content: space-between;
  align-items: center;
  height: 25%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.live-icon-chat-2 {
  width: 20%;
  margin-right: 0;
}

.grid {
  padding-top: 40px;
}

.link {
  color: #000;
}

.imagecorner {
  border-radius: 18px;
  box-shadow: 0 2px 5px #000000b8;
}

.wrap-gallerie {
  justify-content: center;
  max-width: none;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-span {
  color: #f1d263;
  font-weight: 700;
}

.image {
  border-radius: 8px;
  max-width: 45%;
}

.rich-text-block {
  color: #fff;
}

.rich-text-block-2 {
  color: #fff;
  font-size: 1em;
  line-height: 1.5;
}

.container-11 {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.link-block {
  margin-right: auto;
  text-decoration: none;
}

.text-span-2, .link-block-2 {
  text-decoration: none;
}

.paragraph {
  color: var(--flowstica-webflow-library--white);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Lora, sans-serif;
  font-size: 3.5em;
  font-weight: 500;
  line-height: 120%;
}

@media screen and (min-width: 1920px) {
  .container.text.mid {
    padding-right: 0;
  }

  .hero {
    padding: 0;
  }

  .hero-wrap {
    background-position: 50% 100%;
    padding: 40px 0;
  }

  .about-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .about-content {
    padding-left: 4em;
    padding-right: 4em;
  }

  .about-head {
    margin-left: 0;
  }

  .foot-left {
    max-width: 22em;
  }

  .icon-14 {
    width: 1em;
    height: 1em;
    padding-top: 0;
  }

  .foot-link-line {
    position: static;
  }

  .about-img.hide-mobile {
    max-width: 70%;
  }

  .body {
    font-size: 1.4em;
    line-height: 1.5;
  }

  .wbs-container {
    max-width: none;
  }

  .wbs-section {
    padding-left: 4em;
    padding-right: 4em;
  }

  .wbs-feature-image {
    max-width: 60%;
  }

  .wbs-feature-split-3 {
    margin-right: auto;
  }

  .waves---main-container {
    max-width: none;
  }

  .waves-master-gallery-1, .waves-grid-gallery-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .waves-column-gallery-1 {
    margin-left: 0;
    margin-right: auto;
  }

  .waves-image-gallery-1 {
    width: 100%;
  }

  .whatsapp-icon {
    width: 100%;
    max-width: 35%;
  }

  .livechat-button {
    transition: all .2s;
  }

  .livechat-button:hover {
    background-color: #000;
    transform: scale(1.05);
  }

  .whatsapp-container {
    width: 160px;
    height: 160px;
  }

  .container-10 {
    max-width: none;
  }

  .whatsapp-chat {
    display: none;
  }

  .wrap-gallerie {
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .image {
    max-width: 40%;
  }

  .paragraph {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 3em;
    padding-right: 3em;
  }

  .container.text {
    padding-right: 0;
  }

  .nav-menu {
    background-color: #fff;
    flex-flow: column;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .nav-link {
    text-align: center;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link.mob-2 {
    margin-bottom: 0;
  }

  .nav-drop {
    width: 100%;
  }

  .drop-toggle {
    justify-content: center;
    align-items: center;
  }

  .nav-btn-wrap {
    width: 14.4em;
  }

  .hero-img {
    width: 50%;
  }

  .left-hero {
    width: 50%;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  .text-64 {
    font-size: 2.5em;
  }

  .video-hero {
    width: 7em;
    height: 7em;
  }

  .video-hero:hover {
    width: 8em;
    height: 8em;
  }

  .section {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
  }

  .category-wrap {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
  }

  .category-head {
    max-width: 18em;
  }

  .category-content {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .title {
    font-size: .875em;
  }

  .text-56 {
    font-size: 2em;
  }

  .text-56.white {
    text-align: center;
    margin-left: auto;
  }

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

  .swiper.is-testi {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .year {
    font-size: 5em;
  }

  .slide-nav.is-blog {
    margin-top: 2em;
  }

  .slide-nav.is-testi {
    margin-top: 1em;
  }

  .about-wrap {
    flex-flow: column;
  }

  .about-content {
    width: 100%;
    padding: 2.5em 3em;
  }

  .about-line, .about-head {
    max-width: none;
  }

  .about-img-wrap {
    width: 100%;
  }

  .product-wrap {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .testi-head {
    text-align: center;
  }

  .testi-card {
    grid-template-columns: 1fr;
  }

  .testi-left {
    padding: 1em 5em;
  }

  .testi-right {
    padding: 1.5em 5em 1em;
  }

  .blog-wrap {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
  }

  .sosmed-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .cta-wrap {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .text-wrap.tab-mw-314 {
    max-width: 19.625em;
  }

  .footer {
    padding-top: 3em;
    padding-bottom: 2em;
  }

  .foot-wrap {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .foot-top {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
  }

  .custome-line {
    width: 12em;
  }

  .foot-left {
    flex-flow: row;
    align-items: flex-start;
    max-width: none;
  }

  .wr-vl-24.tab-mw-300 {
    max-width: 18.75em;
  }

  .foot-bot {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-flow: wrap;
    justify-content: space-between;
  }

  .wr-hc-24, .copy-link {
    display: inline-flex;
  }

  .menu-button {
    margin-right: 7em;
    padding: 0;
  }

  .menu-button.w--open {
    color: #111;
    background-color: #0000;
  }

  .product-content {
    max-width: none;
  }

  .product-head {
    width: 100%;
    max-width: none;
  }

  .product-form {
    flex-flow: row;
    width: 100%;
    margin-bottom: .25em;
  }

  .product-filter {
    flex: none;
  }

  .form-block {
    width: 100%;
    overflow: auto;
  }

  .drop-list {
    padding-top: 2em;
    padding-bottom: 0;
    position: relative;
  }

  .wbs-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .wbs-feature-image {
    width: 100%;
  }

  .wbs-feature-split-3 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .waves---section-medium {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
  }

  .waves-master-gallery-1 {
    flex-flow: column;
    display: block;
  }

  .waves-image-gallery-1 {
    width: 45%;
    margin-left: 0;
    margin-right: 0;
  }

  .lightbox-link {
    justify-content: center;
    align-items: center;
    margin-left: auto;
  }

  .whatsapp-block-2 {
    bottom: 20px;
    right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .nav-btn-wrap {
    width: auto;
  }

  .btn {
    padding: .625em .75em;
  }

  .btn.mob {
    padding: .625em;
  }

  .btn-text {
    font-size: .75em;
  }

  .btn-text.mob-hide {
    display: none;
  }

  .chart {
    padding: .625em;
  }

  .top-nav {
    padding-left: 0;
    padding-right: 0;
  }

  .text-16.medium {
    font-size: .75em;
  }

  .text-16.medium.black {
    text-shadow: 2px 1px 1px #0000000f;
  }

  .text-16.medium.white.pad {
    text-shadow: 2px 1px 1px #00000012;
  }

  .text-16.lh-160 {
    font-size: .875em;
  }

  .text-16.nav {
    margin-right: .5em;
  }

  .hero-wrap {
    flex-flow: column;
  }

  .hero-img, .left-hero {
    width: 100%;
  }

  .hero-content {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .hero-head {
    max-width: 20em;
  }

  .text-64 {
    font-size: 2em;
  }

  .video-hero {
    width: 5.3125em;
    height: 5.3125em;
  }

  .video-hero:hover {
    width: 6em;
    height: 6em;
  }

  .text-24 {
    font-size: 1em;
  }

  .section {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .title {
    font-size: .75em;
  }

  .text-56 {
    font-size: 1.75em;
  }

  .category-detail {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .swiper.is-year-content {
    position: relative;
  }

  .year {
    font-size: 4em;
  }

  .text-18 {
    font-size: 1em;
  }

  .slide-nav {
    justify-content: flex-start;
    margin-top: 1em;
  }

  .about-head {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
  }

  .text-wrap.relative {
    max-width: 20em;
  }

  .foot-top {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }

  .foot-left, .foot-menu-wrap {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
  }

  .foot-bot {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .wr-hc-24 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .menu-button {
    margin-right: 0;
  }

  .email-input {
    border: .0625em solid #98946f4d;
    border-radius: 62.4375em;
    height: 4em;
    padding: 1.5em 1em;
  }

  .btn-submit {
    width: 4em;
    height: 4em;
    padding: 0;
  }

  .running-wrap {
    display: flex;
  }

  .nav-top-wrap {
    display: none;
  }

  .nav-item {
    flex: none;
    align-items: center;
    display: flex;
  }

  .wbs-section {
    padding: 2rem 2%;
  }

  .waves---main-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .waves---section-medium {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .waves-master-gallery-1 {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }

  .waves-grid-gallery-1 {
    grid-template-columns: 1fr;
  }

  .waves---section-medium-2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .whatsapp-block-2 {
    bottom: 15px;
    right: 15px;
  }
}

@media screen and (max-width: 479px) {
  .container.text.mid {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-link {
    text-align: left;
  }

  .nav-link.hide-desktop {
    display: block;
  }

  .btn.mob {
    display: none;
  }

  .text-16.medium {
    text-shadow: 2px 1px 1px #0000005e;
    max-width: none;
  }

  .text-16.medium.black {
    color: #000;
    text-shadow: 0 1px #00000012;
    text-decoration: none;
  }

  .text-16.medium.white {
    color: #0a0a0a;
    font-size: .9em;
  }

  .text-16.medium.white.pad {
    color: #fff;
    text-align: left;
    text-shadow: 2px 1px 1px #0000001c;
    max-width: none;
    margin-left: 0;
    margin-right: auto;
  }

  .hero-wrap {
    background-image: url('../images/Cordula-Final-iphone-2.webp'), url('../images/cordula-finalhero.png');
    background-position: 100%, 95%;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    background-attachment: scroll, scroll;
  }

  .left-hero {
    background-color: #ffffff24;
    background-image: linear-gradient(93deg, #53b2c545, #fff0 83%);
  }

  .hero-head {
    max-width: 13em;
  }

  .text-64 {
    color: #fff;
    letter-spacing: 0;
    text-shadow: 3px 1px 2px #0000005e;
    min-width: 250px;
    font-size: 1.7em;
  }

  .italic.green {
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #8b8b8b00;
    text-shadow: 2px 2px 1px #00000059;
  }

  .text-56.white {
    text-align: left;
    margin-left: 0;
    padding-right: 3rem;
  }

  .about-wrap {
    padding-bottom: 0;
  }

  .about-content {
    padding-left: 1em;
    padding-right: 1em;
  }

  .about-head {
    max-width: 100%;
  }

  .text-32 {
    font-size: 1.4em;
  }

  .about-img-wrap {
    flex-flow: column;
    align-self: center;
    display: block;
  }

  .testi-wrap._23 {
    text-align: center;
  }

  .testi-head {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .testi-head._23 {
    justify-content: flex-start;
    align-items: center;
  }

  .testi-right {
    padding-left: 1em;
    padding-right: 1em;
  }

  .foot-menu-wrap {
    padding-bottom: 40px;
  }

  .about-img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    display: block;
  }

  .about-img.hidedectop, .about-img.hide-mobile {
    display: none;
  }

  .body {
    font-size: 1em;
  }

  .wbs-heading-h4 {
    font-size: 1.7rem;
  }

  .wbs-section {
    padding-left: 1em;
    padding-right: 1em;
  }

  .wbs-feature-image {
    margin-left: 0;
  }

  .wbs-feature-split-3 {
    padding-bottom: 60px;
  }

  .wbs-feature-split-3-list {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    padding-top: 30px;
  }

  .wbs-feature-image-decoration {
    max-width: 60%;
  }

  .div-block {
    padding-bottom: 40px;
  }

  .list-item {
    font-size: .8em;
  }

  .waves---main-container {
    padding-left: 0;
  }

  .waves---section-medium {
    margin-left: 0;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves-grid-gallery-1, .waves-column-gallery-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .waves-image-gallery-1 {
    width: 50%;
  }

  .lightbox-link {
    margin-left: 0;
    margin-right: 0;
  }

  .waves---section-medium-2 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .waves-bottom-gird-gallery-3 {
    grid-template-columns: .8fr 1.2fr .7fr;
    height: 30vh;
  }

  .waves-top-grid-gallery-3 {
    grid-template-columns: .7fr 1.2fr .8fr;
    height: 30vh;
    margin-bottom: 16px;
  }

  .waves-small-image-wrap-gallery-3.last-image-top-grid {
    display: none;
  }

  .whatsapp-icon {
    max-width: 35%;
  }

  .whatsapp-container {
    width: 80px;
    height: 80px;
    bottom: 10px;
    right: 0;
  }

  .container-10 {
    z-index: 999;
    display: block;
  }

  .whatsapp-block-2 {
    z-index: 999;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    bottom: 0;
    right: 0;
  }

  .whatsapp-chat {
    width: 100%;
    height: 40vh;
    position: relative;
  }

  .image {
    max-width: 100%;
  }

  .rich-text-block {
    font-size: .8em;
    line-height: 1.4;
  }

  .heading {
    font-size: 20px;
  }

  .rich-text-block-2 {
    color: #fff;
    line-height: 1.5;
  }

  .paragraph {
    font-size: 1.8em;
  }

  .link-block-3 {
    text-decoration: none;
  }
}

#w-node-_0320d7a4-4155-2963-ee6c-7a6b472abc47-fe0ad6de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0320d7a4-4155-2963-ee6c-7a6b472abc6c-fe0ad6de {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}