@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz@0,14..32;1,14..32&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);
@charset "UTF-8";
/* Fonts */
/* Color Palette */
/* Color Palette */
/* Color Palette Secondary*/
/* Breakpoints */
/* Ratio (applied to padding property) */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  scroll-behavior: smooth;
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
.text-primary {
  color: #0f3d2e !important;
}
.text-secondary {
  color: #db9917 !important;
}
.text-tertiary {
  color: #c4e8cc !important;
}
.bg-primary {
  background-color: #0f3d2e !important;
}
.bg-secondary {
  background-color: #db9917 !important;
}
.bg-tertiary {
  background-color: #c4e8cc !important;
}
.text-color-emerald-triangle {
  color: #556b58;
}
.text-color-vertosa-gray {
  color: #232323;
}
.text-color-vertosa-green {
  color: #88aa89;
}
.text-color-white {
  color: #ffffff;
}
.text-color-black {
  color: #000000;
}
.text-color-purple {
  color: #bf1a82;
}
.h1-mobile {
  /* H1 Mobile */
  font-family: "sofia-pro";
  font-size: 45px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.9px;
}
.h2-mobile {
  /* H2 Mobile */
  font-family: "sofia-pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.64px;
}
.h4-mobile {
  /* H4 Mobile */
  font-family: "sofia-pro";
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 110%;
  letter-spacing: -0.52px;
}
.h5-mobile {
  /* H5 Mobile */
  font-family: "sofia-pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: -0.4px;
}
.h6-xl-mobile {
  /* H6 XL Mobile */
  font-family: "sofia-pro";
  font-size: 60px;
  font-style: normal;
  font-weight: 900;
  line-height: 90%;
  letter-spacing: -1.2px;
}
.text-reg-mobile {
  /* Text Reg Mobile */
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.text-bold-mobile {
  /* Text Bold Mobile */
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
}
.text-l-mobile {
  /* Text L Mobile */
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.text-l-bold-mobile {
  /* Text L Bold Mobile */
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
}
.text-sm-mobile {
  /* Text SM Mobile */
  font-family: "sofia-pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.text-sm-bold-mobile {
  /* Text SM Bold Mobile */
  font-family: "sofia-pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
}
.text-xs-mobile {
  /* Text XS Mobile */
  font-family: "sofia-pro";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.mobile-cta {
  /* Mobile CTA */
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.cta-black-mobile {
  /* CTA Black Mobile */
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%;
}
.text-reg-normal-mobile {
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 768px) {
  .h1-desktop {
    font-family: "sofia-pro";
    font-size: 64px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    letter-spacing: -1.28px;
  }
  .h2-desktop {
    font-family: "sofia-pro";
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    letter-spacing: -1px;
  }
  .h3-desktop {
    font-family: "sofia-pro";
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    letter-spacing: -0.8px;
  }
  .h4-desktop {
    font-family: "sofia-pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: 110%;
    letter-spacing: -0.64px;
  }
  .h5-desktop {
    font-family: "sofia-pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.48px;
  }
  .h6-xl-desktop {
    font-family: "sofia-pro";
    font-size: 100px;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    letter-spacing: -2px;
  }
  .text-reg-normal-desktop {
    font-family: "sofia-pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .text-desktop-bold {
    font-family: "sofia-pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
  }
  .text-l-desktop {
    font-family: "sofia-pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
  }
  .text-xs-reg-desktop {
    font-family: "sofia-pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
  .desktop-cta {
    font-family: "sofia-pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
  }
  .cta-bold-desktop {
    font-family: "sofia-pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.4px;
  }
}
.container {
  width: 100%;
  max-width: 1350px;
  height: auto;
  padding-left: 19px;
  padding-right: 19px;
  margin: auto;
}
.container.-padding-y-one {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .container.-padding-y-one {
    padding-top: 110px;
    padding-bottom: 90px;
  }
}
@media (min-width: 992px) {
  .container.-padding-y-one {
    padding-top: 120px;
    padding-bottom: 60px;
  }
}
.container.-padding-y-small {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .container.-padding-y-small {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .container.-padding-y-small {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.container.-padding-y-normal {
  padding-top: 68px;
  padding-bottom: 68px;
}
@media (min-width: 768px) {
  .container.-padding-y-normal {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .container.-padding-y-normal {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.container.-padding-y-large {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .container.-padding-y-large {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.-mb-style-1 {
  margin-bottom: 33px;
}
@media (min-width: 768px) {
  .-mb-style-1 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .-mb-style-1 {
    margin-bottom: 80px;
  }
}
.-line-bottom {
  border-bottom: 1px solid #88AA89;
  position: relative;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .-line-bottom {
    padding-bottom: 15px;
  }
}
.-line-bottom::before {
  position: absolute;
  bottom: -3px;
  left: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
.-line-bottom::after {
  position: absolute;
  bottom: -3px;
  right: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
.-line-bottom-small {
  position: relative;
}
@media (min-width: 768px) {
  .-line-bottom-small {
    padding-bottom: 15px;
  }
}
.-line-bottom-small span {
  position: absolute;
  bottom: -15px;
  width: 100%;
  right: 0;
  height: 1px;
  z-index: 2;
  background-color: #88AA89;
  display: inline-block;
}
@media (min-width: 1056px) {
  .-line-bottom-small span {
    width: 600%;
    bottom: -120px;
  }
}
@media (min-width: 1200px) {
  .-line-bottom-small span {
    bottom: -140px;
  }
}
.-line-bottom-small::before {
  position: absolute;
  bottom: -17px;
  left: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
@media (min-width: 1056px) {
  .-line-bottom-small::before {
    left: 600%;
    bottom: -122px;
  }
}
@media (min-width: 1200px) {
  .-line-bottom-small::before {
    bottom: -142px;
  }
}
.-line-bottom-small::after {
  position: absolute;
  bottom: -17px;
  right: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
@media (min-width: 1056px) {
  .-line-bottom-small::after {
    bottom: -122px;
  }
}
@media (min-width: 1200px) {
  .-line-bottom-small::after {
    bottom: -142px;
  }
}
/* Fade */
.fade-in { /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */
  animation: fade-in 1s forwards;
}
.fade-out { /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */
  animation: fade-o 1s forwards;
}
@keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@keyframes pulse {
  0% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  }
  100% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}
* {
  word-wrap: break-word;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}
:root {
  font-size: 100%;
}
body {
  font-family: "Poppins", sans-serif;
  color: #333;
  line-height: 1.5;
  background-color: #FEFBF1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", serif;
  line-height: 1.1;
  margin: 0 0 1rem;
}
h1,
._text-style.-h1 {
  font-size: 4.65rem;
  font-weight: 400;
}
h2,
._text-style.-h2 {
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 125%;
}
h3,
._text-style.-h3 {
  font-size: 3rem;
  font-weight: 100;
}
h4,
._text-style.-h4 {
  font-size: 2rem;
  font-weight: 500;
}
h5,
._text-style.-h5 {
  font-size: 1.6rem;
  font-weight: 500;
}
h6,
._text-style.-h6 {
  font-size: 1.3rem;
  font-weight: 500;
}
p {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: 500;
}
ul.-horizontal {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.-horizontal li {
  display: inline-block;
  margin: 0 10px;
}
ul.-horizontal li:first-child {
  margin-left: 0;
}
ul.-horizontal li:last-child {
  margin-right: 0;
}
ol,
ul {
  margin-bottom: 1rem;
}
a {
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
iframe,
svg {
  max-width: 100%;
}
sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em;
}
sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em;
}
blockquote {
  font-size: initial;
}
button {
  cursor: pointer;
}
button._no-default {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
}
input[type=text],
select {
  width: 100%;
  padding: 1rem;
  margin: 0 0 1rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select {
  position: relative;
  cursor: pointer;
}
select:before {
  content: "˅";
  font-size: 24px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
svg {
  width: auto;
  height: 1.2rem;
  vertical-align: middle;
}
svg.-full-width {
  width: 100%;
  height: auto;
}
._grid {
  display: grid;
}
._grid.-col-2 {
  grid-template-columns: repeat(2, 1fr);
}
._grid.-col-3 {
  grid-template-columns: repeat(3, 1fr);
}
._grid.-col-4 {
  grid-template-columns: repeat(4, 1fr);
}
._grid.-col-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1199px) {
  ._grid.-collapse-lg {
    grid-template-columns: 100%;
  }
}
@media (max-width: 992px) {
  ._grid.-collapse-md {
    grid-template-columns: 100%;
  }
}
@media (max-width: 768px) {
  ._grid.-collapse-sm {
    grid-template-columns: 100%;
  }
}
@media (max-width: 521px) {
  ._grid.-collapse-xs {
    grid-template-columns: 100%;
  }
}
._grid.-align-center {
  align-items: center;
}
._grid.-justify-center {
  justify-content: center;
}
._grid.-sidebar {
  grid-template-columns: 2fr 1fr;
}
._grid.-sidebar.-left {
  grid-template-columns: 1fr 2fr;
}
._grid.-gap-15 {
  grid-gap: 15px;
}
._grid.-gap-25 {
  grid-gap: 25px;
}
._grid.-gap-35 {
  grid-gap: 35px;
}
._grid > *:nth-child(1) {
  -ms-grid-column: 1;
}
._grid > *:nth-child(2) {
  -ms-grid-column: 2;
}
._grid > *:nth-child(3) {
  -ms-grid-column: 3;
}
._grid > *:nth-child(4) {
  -ms-grid-column: 4;
}
._grid > *:nth-child(5) {
  -ms-grid-column: 5;
}
._grid > *:nth-child(6) {
  -ms-grid-column: 6;
}
@media (max-width: 525px) {
  ._grid {
    display: block;
  }
}
._flex {
  display: flex;
}
._flex.-row-wrap {
  flex-flow: row wrap;
}
._flex.-column-wrap {
  flex-flow: column wrap;
}
._flex.-space-between {
  justify-content: space-between;
}
._flex.-justify-center {
  justify-content: center;
}
._column {
  padding: 0 15px;
}
._video-thumbnail {
  background-color: #000;
}
._video-thumbnail div {
  position: relative;
  overflow: hidden;
  height: 0px;
  padding: 56.25% 0 0 0;
  cursor: pointer;
}
._video-thumbnail video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.6s;
  will-change: opacity;
}
._video-thumbnail svg {
  opacity: 1;
  transition: 0.6s;
  height: 180px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
._video-thumbnail:hover video {
  opacity: 0.8;
}
._modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  pointer-events: none;
  opacity: 0;
  transition: 0.6s;
  background-color: rgba(0, 0, 0, 0.9);
}
._modal .modal-close {
  font-size: 24px;
  text-align: right;
  cursor: pointer;
  padding: 0 10px;
}
._modal.-active {
  pointer-events: auto;
  opacity: 1;
}
._modal .modal-content {
  background-color: #fff;
  padding: 3rem;
}
._modal .modal-container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 60px auto;
  padding: 30px;
}
._modal .modal-container ._grid {
  grid-template-columns: 300px auto;
}
@media (max-width: 768px) {
  ._modal .modal-container ._grid {
    display: block;
  }
  ._modal .modal-container {
    margin: 0;
  }
}
._modal.-video-modal > div {
  background-color: transparent;
}
._embed-container {
  position: relative;
  padding: 56.25% 0 0 0;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
._embed-container iframe,
._embed-container object,
._embed-container embed,
._embed-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._embed-container img {
  -o-object-fit: cover;
     object-fit: cover;
}
._dark-background {
  color: #fff;
}
._dark-background h1,
._dark-background h2,
._dark-background h3,
._dark-background h4,
._dark-background h5,
._dark-background h6,
._dark-background p,
._dark-background a {
  color: #fff;
}
._art-container {
  position: relative;
  overflow: hidden;
}
._art-container ._art-background {
  position: absolute;
  left: 50%;
  top: 0;
  right: auto;
  width: 3000px;
  height: 100%;
  z-index: 1;
  margin: auto;
  transform: translateX(-50%);
  text-align: center;
}
._art-container ._art-foreground {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  ._display-desktop {
    display: none;
  }
}
._display-mobile {
  display: none;
}
@media (max-width: 768px) {
  ._display-mobile {
    display: block;
  }
  ._display-mobile.-inline-block {
    display: inline-block;
  }
}
._button {
  display: inline-flex;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 1rem 2rem;
  border: 3px solid;
  font-weight: 700;
  letter-spacing: 2px;
  background-color: #0f3d2e;
  border-color: #0f3d2e;
  color: #fff;
  transition: 0.6s;
  align-items: center;
  justify-content: space-between;
}
._button:hover, ._button:focus, ._button:active {
  background-color: rgb(25.0657894737, 101.9342105263, 76.8684210526);
  border-color: rgb(25.0657894737, 101.9342105263, 76.8684210526);
  color: #fff;
}
._button.-transparent {
  position: relative;
  border-color: #0f3d2e;
  background-color: transparent;
  color: #0f3d2e;
  padding: 0.5rem 2rem;
}
._button.-wide {
  padding: 1rem 2.5rem;
  font-weight: 500;
  letter-spacing: 4px;
}
._button.-light {
  font-weight: 400;
}
._button span {
  vertical-align: middle;
}
._button svg {
  vertical-align: middle;
  width: auto;
  height: 1rem;
  margin: 0 0 0 10px;
}
._section-wrapper {
  padding: 2rem 2rem;
}
._section-wrapper.-medium {
  padding: 3rem 0;
}
._section-wrapper.-large {
  padding: 6rem 0;
}
@media (max-width: 1200px) {
  ._section-wrapper {
    padding: 2rem 2rem;
  }
}
@media (max-width: 992px) {
  ._section-wrapper {
    padding: 2rem 1rem;
  }
}
._relative {
  position: relative;
}
._form label {
  position: absolute;
  top: -999px;
  left: -999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
._form input[type=text],
._form input[type=password],
._form select {
  font-family: Arial, serif;
  width: 100%;
  padding: 1.5rem;
  font-size: 1.5rem;
  border: none;
}
._form p,
._form input[type=submit] {
  margin: 2rem 0 0.5rem;
  font-weight: 500;
}
._form input[type=submit] {
  min-width: 200px;
  justify-content: center;
}
._aspect-container {
  position: relative;
}
._aspect-container.-sixteen-nine {
  padding: 56.25% 0 0 0;
}
._aspect-container.-three-one {
  padding: 33% 0 0 0;
}
._aspect-container.-two-one {
  padding: 50% 0 0 0;
}
._aspect-container.-one-one {
  padding: 100% 0 0 0;
}
._aspect-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
._aspect.-sixteen-nine {
  height: 56.25vw;
}
._aspect.-one-one {
  height: 100vw;
}
._loading-screen {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
  text-align: center;
}
._loading-screen svg {
  width: 4rem;
  margin: 0 0 1rem;
}
._loading-screen p {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.-loading ._loading-screen {
  display: flex;
}
._raindrop-image-carousel {
  position: relative;
}
._raindrop-image-carousel img.rd-carousel-item {
  transition: 0.6s;
  position: absolute;
  z-index: 1;
  opacity: 0;
}
._raindrop-image-carousel img.rd-carousel-item-active {
  opacity: 1;
  z-index: 2;
}
@media (max-width: 525px) {
  ._flkty.-mobile-disabled .flickity-viewport {
    pointer-events: none;
    height: auto !important;
  }
  ._flkty.-mobile-disabled .flickity-slider {
    position: relative !important;
    transform: none !important;
  }
  ._flkty.-mobile-disabled .carousel-cell {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    margin: 0 0 10px;
  }
  ._flkty.-mobile-disabled .flkty-controls {
    display: none;
  }
}
._input-with-icon {
  position: relative;
}
._input-with-icon svg {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 2;
}
._smallcaps {
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.3rem;
}
._overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._overlay.-shadow-top {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
}
._hidden {
  display: none;
}
._background.-primary {
  background: #0f3d2e;
}
._background.-secondary {
  background: #db9917;
}
._align-center {
  text-align: center;
}
.main-header {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 16px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.main-header .container .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.main-header .container .header-container #header-logo {
  display: inline-block;
  width: 180px;
  height: auto;
  aspect-ratio: 11/2;
}
@media (min-width: 1360px) {
  .main-header .container .header-container #header-logo {
    width: 218px;
  }
}
.main-header .container .header-container #header-logo img {
  width: 100%;
  height: auto;
}
.main-header .container .header-container .navigation-wrapper {
  display: none;
  gap: 10px;
  align-items: center;
}
@media (min-width: 1200px) {
  .main-header .container .header-container .navigation-wrapper {
    display: flex;
  }
}
@media (min-width: 1360px) {
  .main-header .container .header-container .navigation-wrapper {
    gap: 16px;
  }
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container {
  margin-right: 8px;
}
@media (min-width: 1360px) {
  .main-header .container .header-container .navigation-wrapper .main-header-menu-container {
    margin-right: 16px;
  }
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu {
  display: flex;
  gap: 24px;
  margin: 0;
  padding: 0;
}
@media (min-width: 1360px) {
  .main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu {
    gap: 32px;
  }
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li {
  list-style: none;
  position: relative;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li:hover::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #88AA89;
  bottom: 0px;
  content: "";
  display: block;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li:hover a {
  color: #88aa89;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li:hover span {
  color: #88aa89;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li:hover span svg path {
  fill: #88aa89;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li a {
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 992px) {
  .main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li a {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li span {
  cursor: pointer;
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: inline-flex;
  gap: 9px;
}
@media (min-width: 992px) {
  .main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li span {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li span svg {
  width: 12px;
  height: auto;
  margin-top: 2px;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item span {
  color: #88AA89 !important;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item span svg path {
  fill: #88AA89 !important;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #88AA89;
  bottom: 0px;
  content: "";
  display: block;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item span svg {
  margin-top: 0px;
  transform: rotate(180deg);
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li ul.sub-menu {
  display: none;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu {
  position: absolute;
  top: 38px;
  width: -moz-max-content;
  width: max-content;
  overflow: hidden;
  background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(149, 187, 149, 0.1) 0%, rgba(84, 107, 88, 0.6) 100%), #232323;
  padding: 0;
  margin: 0;
  display: flex !important;
  gap: 0;
  flex-direction: column;
  align-items: flex-start;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li {
  list-style: none;
  text-align: start;
  width: 100%;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(136, 170, 137, 0.1882352941);
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li:hover {
  background-color: #88aa89;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li:hover a {
  color: #232323;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li:hover span {
  color: #232323;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li:hover span path {
  fill: #88aa89;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li a {
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li span {
  cursor: pointer;
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: inline-flex;
  gap: 9px;
}
@media (min-width: 992px) {
  .main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li span {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.main-header .container .header-container .navigation-wrapper .main-header-menu-container ul.menu li.-active-item ul.sub-menu li span svg {
  width: 12px;
  height: auto;
  margin-top: 4px;
}
.main-header .container .header-container .navigation-wrapper .search-box-input {
  display: none;
  position: absolute;
  height: 47px;
  top: 62px;
  right: 222px;
  width: 62%;
}
.main-header .container .header-container .navigation-wrapper .search-box-input.-active {
  display: block;
}
.main-header .container .header-container .navigation-wrapper .search-box-input form {
  height: 100%;
}
.main-header .container .header-container .navigation-wrapper .search-box-input form .swp-input--search {
  border: 0;
  outline: 0;
}
.main-header .container .header-container .navigation-wrapper .search-box-input form .swp-flex--col {
  height: 100%;
}
.main-header .container .header-container .navigation-wrapper .search-box-input form .search-submit {
  display: none !important;
  padding: 10px 28px !important;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-radius: 12px;
  background-color: #556b58;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 992px) {
  .main-header .container .header-container .navigation-wrapper .search-box-input form .search-submit {
    font-size: 18px;
  }
}
.main-header .container .header-container .navigation-wrapper .search-box {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.main-header .container .header-container .navigation-wrapper .search-box svg {
  width: 36px;
  height: 36px;
}
.main-header .container .header-container .hamburguer-menu {
  display: block;
  cursor: pointer;
  width: 33px;
  height: 26px;
}
.main-header .container .header-container .hamburguer-menu svg {
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .main-header .container .header-container .hamburguer-menu {
    display: none;
  }
}
.main-header .mobile-navigation-menu {
  display: none;
  position: absolute;
  padding: 22px 19px 100px;
  top: 0;
  left: 0;
  width: 100%;
  background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(149, 187, 149, 0.1) 0%, rgba(84, 107, 88, 0.6) 100%), #232323;
}
@media (min-width: 1200px) {
  .main-header .mobile-navigation-menu {
    display: none !important;
  }
}
.main-header .mobile-navigation-menu.-active {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.main-header .mobile-navigation-menu .icons-top-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 36px;
  margin-bottom: 22px;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box {
  width: 36px;
  height: 36px;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box svg {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  max-width: 36px;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box .search-box-input {
  display: none;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active {
  width: 100%;
  height: 36px;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active svg {
  display: none;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active .search-box-input {
  display: block;
  height: 36px;
  width: 100%;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active form {
  height: 100%;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active form.searchwp-form input.swp-input--search {
  background-position: left 12px top 50% !important;
  padding-left: 35px;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active form .swp-input--search {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 12px;
  color: #fff;
  outline: 0;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active form .swp-flex--col {
  height: 100%;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .search-box.-active form .search-submit {
  display: none !important;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .close-box {
  cursor: pointer;
  display: inline-block;
  background-color: transparent;
  border: none;
  outline: none;
  border-radius: 12px;
  width: 36px;
  height: 36px;
}
.main-header .mobile-navigation-menu .icons-top-wrapper .close-box:focus {
  border: 1px solid #fff !important;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu.-active-menu > li > a {
  opacity: 0.3;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li {
  list-style: none;
  text-align: center;
  position: relative;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li:hover > a {
  color: #88aa89;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li:hover > a::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #88AA89;
  top: 24px;
  content: "";
  display: block;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li:hover span {
  position: relative;
  color: #88aa89;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li:hover span::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #88AA89;
  top: 24px;
  content: "";
  display: block;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li:hover span path {
  fill: #88aa89;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li a {
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 992px) {
  .main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li a {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li span {
  cursor: pointer;
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: inline-flex;
  gap: 9px;
}
@media (min-width: 992px) {
  .main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li span {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li span svg {
  width: 12px;
  height: auto;
  margin-top: 4px;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item span {
  color: #88AA89;
  position: relative;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item span::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #88AA89;
  top: 24px;
  content: "";
  display: block;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item span svg {
  margin-top: 2px;
  transform: rotate(180deg);
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item span svg path {
  fill: #88AA89;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li ul.sub-menu {
  display: none;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu {
  padding: 32px 0 0;
  margin: 0;
  display: flex !important;
  gap: 36px;
  flex-direction: column;
  align-items: center;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li {
  list-style: none;
  text-align: center;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li:hover a {
  color: #88aa89;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li:hover a::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #88AA89;
  top: 24px;
  content: "";
  display: block;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li:hover span {
  color: #88aa89;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li:hover span path {
  fill: #88aa89;
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li a {
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 992px) {
  .main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li a {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li span {
  cursor: pointer;
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: inline-flex;
  gap: 9px;
}
@media (min-width: 992px) {
  .main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li span {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.main-header .mobile-navigation-menu .main-header-menu-container-mobile ul.menu li.-active-item ul.sub-menu li span svg {
  width: 12px;
  height: auto;
  margin-top: 4px;
}
.main-header .mobile-navigation-menu .menu-mobile-bottom ul.social-media {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 21px;
  flex-wrap: wrap;
}
.main-header .mobile-navigation-menu .menu-mobile-bottom ul.social-media li {
  list-style: none;
}
.main-header .mobile-navigation-menu .menu-mobile-bottom ul.social-media li a {
  display: inline-block;
  padding: 8px 8px 0;
  border-radius: 12px;
  border: 1px solid transparent;
}
.main-header .mobile-navigation-menu .menu-mobile-bottom ul.social-media li a:hover {
  border: 1px solid #ffffff;
}
.main-header .mobile-navigation-menu .menu-mobile-bottom ul.social-media li a img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
.searchwp-live-search-result--title {
  font-family: "sofia-pro", sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}
.searchwp-live-search-result--title a {
  color: #232323 !important;
}
.sr-only {
  border-width: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
._accordion {
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: 32px;
  padding: 12px 24px;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
@media (min-width: 992px) {
  ._accordion {
    padding: 21px 24px;
  }
}
._accordion .accordion-toggle {
  cursor: pointer;
}
._accordion .accordion-toggle h3 {
  color: #232323;
  display: inline-flex;
  gap: 16px;
  justify-content: space-between;
  text-align: left;
  width: 100%;
  margin: 0;
  align-items: center;
}
._accordion .accordion-toggle h3 .svg-line {
  display: none;
  height: 32px;
  min-width: 32px;
  width: 32px;
}
._accordion .accordion-toggle h3 .svg-line path {
  fill: #556B58;
}
._accordion .accordion-toggle h3 .svg-plus-icon {
  display: block;
  height: 32px;
  min-width: 32px;
  width: 32px;
}
._accordion .accordion-toggle h3 .svg-plus-icon path {
  fill: #556B58;
}
._accordion .accordion-content {
  height: 0;
  overflow: hidden;
}
._accordion .accordion-content div {
  max-width: 755px;
}
._accordion .accordion-content div p {
  color: #556B58;
}
._accordion.-active .accordion-toggle .svg-line {
  display: block !important;
}
._accordion.-active .accordion-toggle .svg-plus-icon {
  display: none !important;
}
._accordion.-active .accordion-content {
  margin-bottom: 0;
  margin-top: 16px;
}
.footer {
  background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(149, 187, 149, 0.1) 0%, rgba(84, 107, 88, 0.6) 100%), var(--Vertosa-Gray, #232323);
}
.footer .container {
  padding: 60px 19px 32px;
}
@media (min-width: 768px) {
  .footer .container {
    padding: 60px 19px;
  }
}
.footer .container .footer-container {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .footer .container .footer-container {
    padding: 20px;
  }
}
@media (min-width: 1360px) {
  .footer .container .footer-container {
    padding: 48px;
  }
}
.footer .container .footer-container__logo-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: none;
  width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .footer .container .footer-container__logo-box {
    margin-bottom: 0;
    gap: 60px;
    max-width: 500px;
    width: 41.15%;
  }
}
.footer .container .footer-container__logo-box p {
  margin: 0;
}
.footer .container .footer-container__logo-box #header-logo {
  width: 218px;
  height: auto;
}
.footer .container .footer-container__logo-box__form-box > h2 {
  max-width: 215px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .footer .container .footer-container__logo-box__form-box > h2 {
    max-width: none;
  }
}
.footer .container .footer-container__logo-box__form-box p {
  margin-top: 16px;
}
.footer .container .footer-container__logo-box__form-box p a {
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}
.footer .container .footer-container__navigation-box {
  width: 40%;
}
@media (min-width: 768px) {
  .footer .container .footer-container__navigation-box {
    width: auto;
  }
}
.footer .container .footer-container__navigation-box h2 {
  margin-bottom: 16px;
}
.footer .container .footer-container__navigation-box .main-header-menu-container ul.menu {
  padding: 0;
  margin: 0;
}
.footer .container .footer-container__navigation-box .main-header-menu-container ul.menu li {
  list-style: none;
  padding: 8px 0;
}
.footer .container .footer-container__navigation-box .main-header-menu-container ul.menu li a {
  color: #fff;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: inline-block;
}
.footer .container .footer-container__navigation-box .main-header-menu-container ul.menu li a:hover {
  color: #88AA89;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footer .container .footer-container__navigation-box .main-header-menu-container ul.menu li a {
    line-height: 150%;
  }
}
.footer .container .footer-container__contact-box {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  max-width: none;
  gap: 54px;
  width: 100%;
}
@media (min-width: 768px) {
  .footer .container .footer-container__contact-box {
    justify-content: flex-end;
    flex-direction: row;
    max-width: 329px;
    width: 35%;
  }
}
@media (min-width: 1360px) {
  .footer .container .footer-container__contact-box {
    gap: 100px;
  }
}
.footer .container .footer-container__contact-box__quick-links h2 {
  margin-bottom: 16px;
}
.footer .container .footer-container__contact-box__quick-links .main-header-menu-container ul.menu {
  padding: 0;
  margin: 0;
}
.footer .container .footer-container__contact-box__quick-links .main-header-menu-container ul.menu li {
  list-style: none;
  padding: 8px 0;
}
.footer .container .footer-container__contact-box__quick-links .main-header-menu-container ul.menu li a {
  color: #fff;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: inline-block;
}
.footer .container .footer-container__contact-box__quick-links .main-header-menu-container ul.menu li a:hover {
  color: #88AA89;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footer .container .footer-container__contact-box__quick-links .main-header-menu-container ul.menu li a {
    line-height: 150%;
  }
}
.footer .container .footer-container__contact-box__follow-us ul.social-media {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  gap: 0;
  flex-wrap: wrap;
  max-width: 194px;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .footer .container .footer-container__contact-box__follow-us ul.social-media {
    align-items: center;
    max-width: none;
    justify-content: flex-start;
    flex-direction: column;
  }
}
.footer .container .footer-container__contact-box__follow-us ul.social-media li {
  list-style: none;
}
.footer .container .footer-container__contact-box__follow-us ul.social-media li a {
  display: inline-flex;
  padding: 3px 3px;
  border-radius: 6px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .footer .container .footer-container__contact-box__follow-us ul.social-media li a {
    border-radius: 12px;
    padding: 8px 8px;
  }
}
.footer .container .footer-container__contact-box__follow-us ul.social-media li a:hover {
  border: 1px solid #ffffff;
}
.footer .container .footer-container__contact-box__follow-us ul.social-media li a img {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .footer .container .footer-container__contact-box__follow-us ul.social-media li a img {
    width: 24px;
    height: 24px;
  }
}
.footer .container .footer-container__contact-box__contact-us a {
  margin-top: 8px;
  max-width: 164px;
  width: 100%;
  display: inline-block;
}
@media (min-width: 768px) {
  .footer .container .footer-container__contact-box__contact-us a {
    max-width: 160px;
    width: 100%;
  }
}
.footer__sub-footer {
  padding: 0 0 60px;
}
.footer__sub-footer__container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1350px;
  height: auto;
  padding-left: 19px;
  padding-right: 19px;
  margin: auto;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 768px) {
  .footer__sub-footer__container {
    flex-direction: row;
  }
}
.footer__sub-footer__container > p {
  display: inline-block;
  margin: 0;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__sub-footer__container > p {
    width: -moz-max-content;
    width: max-content;
    text-align: start;
  }
}
.footer__sub-footer__container__links {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 24px;
}
.footer__sub-footer__container__links a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footer__sub-footer__container__links {
    width: auto;
  }
}
#main-menu {
  height: 0px;
  overflow: hidden;
  position: relative;
}
#main-menu ._container {
  padding: 36px 1rem;
  position: relative;
  z-index: 9;
}
#main-menu ._container div.buttons-cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 25px;
}
#main-menu ._container div.buttons-cta a.btn-secondary {
  max-width: 400px;
  text-align: center;
  width: 100%;
}
#main-menu ._container div.buttons-cta a.btn-login {
  border-radius: 35px;
  font-size: 22px;
  font-weight: 600;
  max-width: 400px;
  padding: 14px 20px 10px;
  text-align: center;
  width: 100%;
}
#main-menu ._container div.buttons-cta a.btn-login svg {
  height: 30px;
  margin-right: 4px;
}
#main-menu .svg-balls {
  height: auto;
  position: absolute;
  right: -11%;
  top: 180px;
  width: 325px;
  z-index: 0;
}
#main-menu .svg-balls g path {
  fill: #fff7e0;
}
.-main-menu-active {
  overflow-y: hidden;
}
.-main-menu-active #main-menu {
  z-index: 1;
  background-color: #fefbf1;
  display: none;
  height: auto;
  height: -moz-max-content;
  height: max-content;
  min-height: 100vh;
  overflow-y: auto;
  position: absolute;
  width: 100%;
}
.-main-menu-active #main-menu .menu-item a {
  color: #0f3d2e;
  font-size: 24px;
  font-weight: 700;
  transition: color 300ms;
}
.-main-menu-active #main-menu .menu-item a:hover {
  color: #db9917;
}
@media (max-width: 1200px) {
  .-main-menu-active #main-menu {
    display: block;
  }
}
#main-header-menu-mobile {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 25px;
  list-style-type: none;
  margin: 0;
}
#main-header-menu-mobile ul {
  list-style-type: none;
}
#main-header-menu-mobile a {
  display: block;
  margin: 0 0 10px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: transparent;
  color: #000;
}
.menu-mobile {
  display: none;
  height: 65px;
  width: 65px;
}
@media (max-width: 1200px) {
  .menu-mobile {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .menu-mobile {
    height: 40px;
    width: 40px;
  }
}
#main-menu-toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
#main-menu-toggle .svg-close {
  display: none;
}
#main-menu-toggle .svg-balls {
  display: block;
  fill: #fff;
}
#main-menu-toggle > div {
  height: 30px;
}
#main-menu-toggle .svg-close {
  height: auto;
  width: 28px;
}
@media (max-width: 768px) {
  #main-menu-toggle .svg-close {
    width: 21px;
  }
}
#main-menu-toggle .svg-bar-menu {
  height: auto;
  width: 45px;
}
@media (max-width: 768px) {
  #main-menu-toggle .svg-bar-menu {
    width: 32px;
  }
}
@media (max-width: 992px) {
  #main-menu-toggle {
    display: inline-block;
  }
}
body.-main-menu-active #main-menu-toggle .svg-close {
  display: block;
}
body.-main-menu-active #main-menu-toggle .svg-bar-menu {
  display: none;
}
.btn {
  padding: 12px 32px;
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .btn {
    font-size: 20px;
    padding: 16px 48px;
  }
}
.-btn-white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #556B58;
}
.-btn-white svg {
  width: 7px;
  margin-top: 1px;
  height: auto;
}
.-btn-white svg path {
  fill: #556B58;
}
.-btn-white:hover {
  background-color: rgba(255, 255, 255, 0.7019607843);
  border: 1px solid rgba(255, 255, 255, 0.7019607843);
}
.-btn-green {
  background-color: #556B58;
  border: 1px solid #556B58;
  color: #fff;
}
.-btn-green svg {
  width: 7px;
  margin-top: 1px;
  height: auto;
}
.-btn-green svg path {
  fill: #fff;
}
.-btn-green:hover {
  background-color: #638467;
  border: 1px solid #638467;
}
.-btn-green-small {
  padding: 8px 31px;
  background-color: #556B58;
  border: 1px solid #556B58;
  color: #fff;
}
.-btn-green-small svg {
  width: 7px;
  margin-top: 1px;
  height: auto;
}
.-btn-green-small svg path {
  fill: #fff;
}
.-btn-green-small:hover {
  background-color: #638467;
  border: 1px solid #638467;
}
.-btn-outline {
  width: 100%;
  max-width: 368px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #ffffff;
}
.-btn-outline svg {
  width: 7px;
  margin-top: 1px;
  height: auto;
}
.-btn-outline svg path {
  fill: #fff;
}
.-btn-outline:hover {
  background-color: #556B58;
  border: 1px solid #fff;
}
.-btn-outline-green {
  background-color: transparent;
  border: 1px solid #556B58;
  color: #556B58;
}
.-btn-outline-green svg {
  width: 7px;
  margin-top: 1px;
  height: auto;
}
.-btn-outline-green svg path {
  fill: #fff;
}
.-btn-outline-green:hover {
  background-color: #556B58;
  color: #fff;
  border: 1px solid #fff;
}
/* Sidebar Navigation */
.widget {
  margin-bottom: 35px;
}
.widgettitle {
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
  font-size: 23px;
  margin: 0 0 10px 0;
  color: #0f3d2e;
}
.widget_categories ul,
.widget_archive ul,
.widget_recent_entries ul,
.widget_nav_menu ul {
  padding: 0;
  list-style-type: none;
}
.widget_categories li,
.widget_archive li,
.widget_recent_entries li,
.widget_nav_menu li {
  border-top: 1px solid #a4a4a4;
  padding: 10px 0;
  position: relative;
}
.widget_categories li:last-child,
.widget_archive li:last-child,
.widget_recent_entries li:last-child,
.widget_nav_menu li:last-child {
  border-bottom: 1px solid #a4a4a4;
}
.widget_categories li:after,
.widget_archive li:after,
.widget_recent_entries li:after,
.widget_nav_menu li:after {
  content: "›";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  font-family: "Times";
  position: absolute;
  right: 0;
  top: 47%;
  color: #0f3d2e;
  transform: translateY(-50%);
  z-index: 1;
}
.widget_categories li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_nav_menu li a {
  display: block;
  padding-right: 40px;
  color: #000;
  z-index: 2;
  position: relative;
}
.widget_categories li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_nav_menu li a:hover {
  color: #999999;
}
@media (max-width: 768px) {
  #sidebar {
    margin-top: 40px;
  }
}
.faqs-page .hero-section {
  background-image: url("../../Background - team-mobile.png");
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  padding-right: 11.5px;
  padding-left: 11.5px;
  padding-top: 113px;
}
.faqs-page .hero-section .hero-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.faqs-page .hero-section .hero-content-card {
  background: rgba(84, 107, 88, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 32px 32px 0 0;
  padding: 32px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 800px;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
}
.faqs-page .hero-section .hero-content-card .hero-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 672px;
}
@media (min-width: 768px) {
  .faqs-page .hero-section {
    background-image: url("../../Background-team.png");
    padding: 142px 20px 0;
  }
  .faqs-page .hero-section .hero-container {
    max-width: 1440px;
  }
  .faqs-page .hero-section .hero-content-card {
    padding: 47px 106px;
    margin-top: 12px;
  }
  .faqs-page .hero-section .hero-content-card .hero-text-content {
    gap: 5px;
  }
  .faqs-page .hero-section .hero-actions .hero-button {
    padding: 12px 48px;
  }
}
.faqs-page .section-faq {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #ffffff;
  padding: 60px 11.5px;
}
.faqs-page .section-faq .faq-container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.faqs-page .section-faq .faq-group {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.faqs-page .section-faq .faq-header {
  width: 100%;
  height: 50.62px;
  border-radius: 20px;
  /*  padding: 20px 20px 18px 20px;  */
  padding: 12px 12px 11px;
  display: flex;
  align-items: flex-end;
  box-shadow: 0px 4px 6px -4px rgba(85, 107, 88, 0.1), 0px 4px 12px 0px rgba(136, 170, 137, 0.15);
  transition: all 0.3s ease;
  cursor: pointer;
  background-color: #eff5ef;
}
.faqs-page .section-faq .faq-header.active {
  background: radial-gradient(70% 180% at 30% 30%, #546b58 0%, #a5cda6 100%);
  padding: 12px 12px 11px;
  height: 50.62px;
}
.faqs-page .section-faq .header-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.faqs-page .section-faq .header-title {
  margin-bottom: 5px;
  color: #546b58;
}
.faqs-page .section-faq .faq-header.active .header-title {
  color: #ffffff;
}
.faqs-page .section-faq .faq-header.inactive .header-title {
  color: #556b58;
}
.faqs-page .section-faq .header-icon {
  width: 27.62px;
  height: 27.62px;
  flex-shrink: 0;
}
.faqs-page .section-faq .faq-group .faq-header.active + .faq-body {
  display: grid !important;
}
.faqs-page .section-faq .faq-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.faqs-page .section-faq .question-card {
  border-bottom: 1px solid #88aa89;
  display: flex;
  flex-direction: column;
  /*  gap: 8px; */
  background-color: #ffffff;
  padding: 12px 8px;
}
.faqs-page .section-faq .question-card.expanded {
  padding-bottom: 20px;
}
.faqs-page .section-faq .question-card.collapsed {
  padding-top: 0;
  padding-bottom: 0;
  height: 52px;
  justify-content: center;
  border: none;
  border-bottom: 1px solid #88aa89;
  height: auto;
  min-height: 52px;
  align-items: center;
  flex-direction: row;
}
.faqs-page .section-faq .question-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.faqs-page .section-faq .question-card.collapsed .question-header {
  align-items: center;
}
.faqs-page .section-faq .question-title {
  margin: 0;
}
.faqs-page .section-faq .question-icon {
  width: 19.64px;
  height: 19.64px;
  flex-shrink: 0;
  cursor: pointer;
}
.faqs-page .section-faq .question-text {
  margin: 8px 0 0 0;
  max-width: 536px;
  padding-right: 7px;
}
@media (min-width: 768px) {
  .faqs-page .section-faq {
    padding: 100px 56.5px;
  }
  .faqs-page .section-faq .faq-container {
    gap: 40px;
  }
  .faqs-page .section-faq .faq-container .faq-group {
    gap: 40px;
  }
  .faqs-page .section-faq .faq-container .faq-header {
    height: 85px;
    padding: 20px 20px 18px 20px;
  }
  .faqs-page .section-faq .faq-container .faq-header .header-title {
    margin-bottom: 10px;
  }
  .faqs-page .section-faq .faq-container .faq-header.active {
    padding: 20px 20px 18px 20px;
    height: 85px;
  }
  .faqs-page .section-faq .faq-container .header-icon {
    width: 45px;
    height: 45px;
  }
  .faqs-page .section-faq .faq-container .faq-body {
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 56px;
         column-gap: 56px;
    row-gap: 24px;
    align-items: start;
  }
  .faqs-page .section-faq .faq-container .faq-body > .question-card:last-child:nth-child(odd) {
    grid-column: 2;
  }
  .faqs-page .section-faq .faq-container .question-card {
    padding: 0 16px 20px;
    gap: 0;
  }
  .faqs-page .section-faq .faq-container .question-icon {
    width: 32px;
    height: 32px;
  }
}
.faqs-page .main-container-faqs .hero-section-faq {
  background-image: url("../../Background-Mobile-Cans.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 11px;
}
.faqs-page .main-container-faqs .hero-section-faq .h2-mobile {
  text-align: center;
}
.faqs-page .main-container-faqs .btn-hero {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  height: 51px;
  max-width: 167px;
  width: 100%;
}
.faqs-page .main-container-faqs .hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  padding-top: 12px;
}
.faqs-page .main-container-faqs .hero-actions .btn-solid {
  background-color: white;
  border-color: white;
}
.faqs-page .main-container-faqs .hero-actions .btn-solid:hover {
  background-color: transparent;
  color: white;
}
.faqs-page .main-container-faqs .hero-actions .btn-outline-light {
  background-color: transparent;
  border-color: white;
}
.faqs-page .main-container-faqs .hero-actions .btn-outline-light:hover {
  background-color: white;
  color: #556b58;
}
@media (min-width: 768px) {
  .faqs-page .main-container-faqs .hero-section-faq {
    background-image: url("../../Background-Cans-Desktop.png");
    padding: 120px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
  }
  .faqs-page .main-container-faqs .hero-section-faq .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }
  .faqs-page .main-container-faqs .hero-section-faq .hero-content .hero-title {
    margin: 0;
    max-width: 916px;
  }
  .faqs-page .main-container-faqs .hero-section-faq .hero-content .hero-actions {
    flex-wrap: nowrap;
    width: 562px;
    padding-top: 16px;
  }
  .faqs-page .main-container-faqs .hero-section-faq .hero-content .hero-actions .btn-hero {
    height: 62px;
    max-width: 210px;
    padding: 16px 38px;
    width: 100%;
  }
}
.careers-section {
  background-color: white;
  /* third */
}
.careers-section .hero-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  min-height: 339px;
  overflow: hidden;
  background-size: cover;
  background-position-x: center;
  padding: 112px 11.5px 0;
}
.careers-section .hero-section .hero-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.careers-section .hero-section .hero-content-card {
  background: rgba(84, 107, 88, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 32px 32px 0 0;
  padding: 29.5px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 800px;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
}
.careers-section .hero-section .hero-content-card .hero-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  text-align: center;
  max-width: 672px;
}
.careers-section .hero-section .hero-content-card .hero-text-content .text-l-mobile {
  width: 323px;
}
@media (min-width: 768px) {
  .careers-section .hero-section {
    background-image: url("../../background-contact-mo.png");
    padding: 142px 20px 0;
  }
  .careers-section .hero-section .hero-container {
    max-width: 1440px;
  }
  .careers-section .hero-section .hero-content-card {
    padding: 48px 64px;
    margin-top: 12px;
  }
  .careers-section .hero-section .hero-content-card .hero-text-content {
    gap: 3px;
  }
  .careers-section .hero-section .hero-content-card .hero-text-content .text-l-desktop {
    width: 588px;
  }
  .careers-section .hero-section .hero-actions .hero-button {
    padding: 12px 48px;
  }
}
@media (min-width: 1200px) {
  .careers-section .hero-section {
    padding: 210px 20px 0;
  }
}
.careers-section .trust-leadership {
  padding: 60px 11.5px 30px;
}
.careers-section .trust-leadership .text {
  text-align: center;
}
.careers-section .trust-leadership .values-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 42px 0 0;
}
.careers-section .trust-leadership .team-image {
  border-radius: 32px;
  box-shadow: 0px 12px 16px -4px rgba(165, 205, 166, 0.15), 0px 4px 6px -2px rgba(149, 187, 149, 0.1);
  width: 100%;
  aspect-ratio: 355/336;
  max-width: 355px;
}
.careers-section .trust-leadership .features-list {
  display: flex;
  flex-direction: column;
  gap: 64px;
  justify-content: center;
}
.careers-section .trust-leadership .features-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  width: 100%;
  justify-content: center;
}
.careers-section .trust-leadership .feature-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
  border-left: 2px solid #88AA89;
  width: 100%;
}
.careers-section .trust-leadership .feature-item p {
  margin-bottom: 0;
  align-self: center;
}
.careers-section .trust-leadership .feature-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.careers-section .trust-leadership .feature-head h3 {
  margin: 0 0 5px;
}
.careers-section .trust-leadership .icon-wrapper {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.careers-section .trust-leadership .feature-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .careers-section .trust-leadership {
    padding: 100px 56.5px;
  }
  .careers-section .trust-leadership .text h2 {
    margin-bottom: 22px;
    padding: 0 20px;
    max-width: 812px;
    margin: auto auto 22px;
  }
  .careers-section .trust-leadership .text p {
    margin: auto auto 16px;
    max-width: 812px;
  }
  .careers-section .trust-leadership .features-row {
    gap: 64px 48px;
  }
  .careers-section .trust-leadership .values-body {
    flex-direction: column;
    gap: 48px;
    padding-top: 80px;
  }
  .careers-section .trust-leadership .team-image {
    aspect-ratio: 405/395;
    max-width: 405px;
  }
  .careers-section .trust-leadership .feature-item {
    gap: 16px;
    flex-direction: row;
    width: 100%;
  }
  .careers-section .trust-leadership .icon-wrapper {
    width: 58px;
    height: 58px;
  }
}
@media (min-width: 1200px) {
  .careers-section .trust-leadership .text {
    padding: 0 250px;
    max-width: 1312px;
    margin: auto;
  }
  .careers-section .trust-leadership .values-body {
    flex-direction: row;
    margin: auto;
    max-width: 1312px;
  }
}
.careers-section .benefits-section {
  padding: 30px 11.5px 60px;
}
.careers-section .benefits-section .container {
  padding: 0;
}
.careers-section .benefits-section .content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.careers-section .benefits-section .content .content-left h5 {
  margin-top: 26px;
}
.careers-section .benefits-section .content .content-left p {
  margin-bottom: 0;
}
.careers-section .benefits-section .content .content-right h5 {
  margin-top: 24px;
}
.careers-section .benefits-section .card {
  text-align: center;
  margin-top: 46px;
  padding: 106px 18px;
  border-radius: 32px;
  border: 0.724px solid #e5e5ea;
  background: #fff;
  display: flex;
  justify-content: center;
  box-shadow: 0 8.689px 11.585px -2.896px rgba(165, 205, 166, 0.15), 0 2.896px 4.345px -1.448px rgba(149, 187, 149, 0.1);
}
@media (min-width: 768px) {
  .careers-section .benefits-section {
    padding: 0 0 60px;
  }
  .careers-section .benefits-section .container {
    padding: 0 19px;
  }
  .careers-section .benefits-section .content {
    gap: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
  .careers-section .benefits-section .content .content-right {
    padding: 32px 26px 32px 32px;
  }
  .careers-section .benefits-section .content .content-left {
    padding: 32px;
  }
  .careers-section .benefits-section .content .content-left p {
    max-width: 546px;
    margin-bottom: 0;
  }
  .careers-section .benefits-section .content .content-left h5 {
    margin-top: 14px;
  }
  .careers-section .benefits-section .content h5 {
    margin-bottom: 8px;
  }
  .careers-section .benefits-section .content p {
    margin-bottom: 12.5px;
    max-width: 590px;
  }
  .careers-section .benefits-section .card {
    padding: 138px 0;
    margin-top: 32px;
  }
}
.careers-section .section-careers-page {
  padding-top: 60px;
  padding-bottom: 60px;
  background: linear-gradient(178deg, rgba(136, 170, 137, 0.4) -10.39%, rgba(239, 245, 239, 0.32) 15.71%, rgba(239, 245, 239, 0.8) 44.45%, rgba(239, 245, 239, 0.16) 79.77%, rgba(136, 170, 137, 0.4) 109.68%), #eff7ef;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.careers-section .section-careers-page .container {
  padding: 0 11.5px;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container {
    padding: 0 19px;
  }
}
.careers-section .section-careers-page .container .careers-content {
  display: flex;
  gap: 32px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  max-width: 550px;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .careers-content {
    align-items: center;
    max-width: none;
    margin-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .careers-section .section-careers-page .container .careers-content {
    flex-direction: row;
    gap: 36px;
  }
}
@media (min-width: 1200px) {
  .careers-section .section-careers-page .container .careers-content {
    margin-bottom: 80px;
    gap: 80px;
  }
}
.careers-section .section-careers-page .container .careers-content .career-image-container {
  order: -1;
  height: 278px;
}
.careers-section .section-careers-page .container .careers-content .career-image-container img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}
@media (min-width: 525px) {
  .careers-section .section-careers-page .container .careers-content .career-image-container {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .careers-content .career-image-container {
    border-radius: 32px;
    height: 100%;
  }
}
@media (min-width: 992px) {
  .careers-section .section-careers-page .container .careers-content .career-image-container {
    order: 2;
    max-width: 500px;
  }
}
@media (min-width: 1200px) {
  .careers-section .section-careers-page .container .careers-content .career-image-container {
    max-width: 632px;
    flex: 0 0 632px;
  }
}
.careers-section .section-careers-page .container .careers-content .career-image-container .attachment-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
  display: block;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .careers-content .career-image-container .attachment-image {
    border-radius: 32px;
    height: auto;
    aspect-ratio: 1/1.15;
  }
}
@media (min-width: 992px) {
  .careers-section .section-careers-page .container .careers-content .career-image-container .attachment-image {
    height: auto;
    aspect-ratio: 1/1.05;
  }
}
.careers-section .section-careers-page .container .careers-content .text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 19px;
}
.careers-section .section-careers-page .container .careers-content .text-container .btn {
  padding: 11px 37px;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .careers-content .text-container {
    gap: 32px;
  }
  .careers-section .section-careers-page .container .careers-content .text-container .btn {
    padding: 15px 47px;
  }
}
.careers-section .section-careers-page .container .careers-content .text-container .heading {
  text-align: start;
  margin: 0;
  margin-bottom: 6px;
}
.careers-section .section-careers-page .container .careers-content .text-container .description {
  text-align: start;
  margin: 0;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .careers-content .text-container .description {
    margin: 0 0 26px;
    padding-right: 75px;
  }
}
.careers-section .section-careers-page .container .swiper {
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .careers-section .section-careers-page .container .swiper .swiper-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
.careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide {
    gap: 23px;
  }
}
.careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide a {
  padding: 3.5px 10px 5.5px;
  display: inline-block;
  background-color: #eff5ef;
  color: #556b58;
  border-radius: 32px;
  transition: all 250ms;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide a {
    padding: 3.5px 12px 5.5px;
  }
}
@media (min-width: 1056px) {
  .careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide a {
    padding: 3.5px 20px 5.5px;
  }
}
.careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide a:hover {
  background-color: #556b58;
  color: #ffffff;
}
.careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide .feature-item {
  display: flex;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide .feature-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 32px;
}
@media (min-width: 768px) {
  .careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide .feature-item img {
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 1360px) {
  .careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide .feature-item img {
    height: 395px;
  }
}
.careers-section .section-careers-page .container .swiper .swiper-wrapper .swiper-slide .feature-item .feature-title {
  margin: 0;
}
.careers-section .section-careers-page .container .swiper .swiper-pagination {
  margin-top: 48px;
  position: relative;
}
@media (min-width: 1056px) {
  .careers-section .section-careers-page .container .swiper .swiper-pagination {
    display: none;
  }
}
.careers-section .section-careers-page .container .swiper .swiper-pagination span {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 1px solid #556b58;
  opacity: 1;
}
.careers-section .section-careers-page .container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556b58 !important;
}
.hero-section-homepage {
  min-height: auto;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  height: auto;
  max-width: 2000px;
  margin: auto;
}
@media (min-width: 768px) {
  .hero-section-homepage {
    min-height: 900px;
  }
}
.hero-section-homepage .swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.hero-section-homepage .swiper .swiper-wrapper .swiper-slide {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
.hero-section-homepage .swiper .swiper-wrapper .swiper-slide.swiper-slide-active img {
  transform: scale(1.05);
}
.hero-section-homepage .swiper .swiper-wrapper .swiper-slide:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5411764706);
}
.hero-section-homepage .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 2.5s ease;
}
.hero-section-homepage .hero-container {
  padding-top: 160px;
  padding-bottom: 150px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}
.hero-section-homepage .hero-container__title {
  text-align: center;
  margin-bottom: 24px;
}
.hero-section-homepage .hero-container__title span {
  background: linear-gradient(135deg, #95bb95 10%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.hero-section-homepage .hero-container__paragraph {
  text-align: center;
  margin-bottom: 40px;
}
.hero-section-homepage .hero-container > a {
  text-align: center;
}
.three-columns-section-homepage {
  background: linear-gradient(178deg, rgba(136, 170, 137, 0.4) -10.39%, rgba(239, 245, 239, 0.32) 15.71%, rgba(239, 245, 239, 0.8) 44.45%, rgba(239, 245, 239, 0.16) 79.77%, rgba(136, 170, 137, 0.4) 109.68%), #eff5ef;
}
.three-columns-section-homepage .three-columns-container {
  max-width: 550px;
  margin: auto;
}
@media (min-width: 768px) {
  .three-columns-section-homepage .three-columns-container {
    max-width: 1350px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid {
  display: grid;
  gap: 32px;
  width: 100%;
  max-width: 1312px;
  grid-template-columns: 1fr;
}
@media (min-width: 1024px) {
  .three-columns-section-homepage .three-columns-container__partners-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .three-columns-section-homepage .three-columns-container__partners-grid {
    gap: 18px;
  }
}
@media (min-width: 1200px) {
  .three-columns-section-homepage .three-columns-container__partners-grid {
    gap: 26px;
  }
}
@media (min-width: 1360px) {
  .three-columns-section-homepage .three-columns-container__partners-grid {
    gap: 32px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card {
  background-color: #ffffff;
  border: 1px solid #f2f2f7;
  border-radius: 32px;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 22px;
  box-shadow: 0px 4px 6px -2px rgba(149, 187, 149, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.15);
}
@media (min-width: 768px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card {
    padding: 24px;
  }
}
@media (min-width: 992px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card {
    padding: 25px;
  }
}
@media (min-width: 1360px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card {
    padding: 31px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-icon-wrapper {
  background-color: #eff5ef;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0px 4px 4px -1px rgba(149, 187, 149, 0.2);
  padding: 14px;
}
@media (min-width: 992px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-icon-wrapper {
    width: 96px;
    height: 96px;
    padding: 16px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-icon-wrapper .card-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
@media (min-width: 992px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content {
    gap: 22px;
  }
}
@media (min-width: 1024px) and (max-width: 1360px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content {
    gap: 16px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content h3 {
  margin-bottom: 0;
}
@media (min-width: 1024px) and (max-width: 1360px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content h3 {
    font-size: 24px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-text {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 10px;
}
@media (min-width: 992px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-text {
    margin: 0 0 0;
  }
}
@media (min-width: 1024px) and (max-width: 1360px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-text {
    font-size: 16px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-button {
  border: 1px solid #556b58;
  border-radius: 12px;
  padding: 16px 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #556b58;
  font-family: "sofia-pro", "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 1024px) and (max-width: 1360px) {
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-button {
    font-size: 18px;
  }
  .three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-button svg {
    margin-top: 3px;
  }
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-button svg {
  margin-top: 3px;
  width: 7px;
  height: auto;
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-button svg path {
  fill: #556B58;
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-button:hover {
  background-color: #556b58;
  color: #ffffff;
}
.three-columns-section-homepage .three-columns-container__partners-grid .partner-card .card-content .card-button:hover svg path {
  fill: #ffffff;
}
.case-studies-section-homepage {
  background-color: #fff;
  overflow: hidden;
}
.case-studies-section-homepage .case-studies-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.case-studies-section-homepage .case-studies-container__row-1 {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
  max-width: 550px;
  margin: auto;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 {
    max-width: none;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 {
    gap: 18px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .case-studies-section-homepage .case-studies-container__row-1 {
    gap: 32px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 36px;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper {
    grid-column: span 2;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper {
    grid-column: span 1;
    gap: 60px;
  }
}
@media (min-width: 1200px) {
  .case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper {
    gap: 90px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content h2 {
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content .intro-button {
  border: 1px solid #556b58;
  border-radius: 12px;
  padding: 15px 6px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #556b58;
  font-weight: 700;
  font-size: 20px;
  max-width: 379px;
  transition: background-color 0.3s, color 0.3s;
  display: none;
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content .intro-button {
    display: flex;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content .intro-button svg {
  width: 8px;
  height: auto;
  margin-top: 4px;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content .intro-button svg path {
  transition: fill 0.3s;
  fill: #556b58;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content .intro-button:hover {
  background-color: #556b58;
  color: #ffffff;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .intro-content .intro-button:hover svg path {
  fill: #ffffff;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card {
  background: radial-gradient(182% 245.8% at -26.1% 39.98%, #546b58 31%, #a5cda6 80%);
  border-radius: 32px;
  padding: 24px;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  box-shadow: 0px 4px 6px -2px rgba(165, 205, 166, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.3);
  max-width: 550px;
  margin: auto;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card {
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card {
    display: flex;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card .stats-display {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  box-shadow: inset 0px 16px 32px -4px rgba(12, 12, 13, 0.1);
  /*  .stats-divider {
    width: 1px;
    height: 102px;
    background-color: #556b58;
    opacity: 0.5;
  } */
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card .stats-display .stat-number {
  color: #556b58;
  font-weight: 900;
  font-size: 56px;
  line-height: 1;
  letter-spacing: -1.28px;
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card .stats-display .texts {
  display: flex;
  gap: 16px;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card .stats-display .stat-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  flex: 1;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card .stats-display .stat-item .stat-label {
  color: #232323;
  font-weight: 800;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card .stats-button {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 16px 48px;
  width: 100%;
  text-align: center;
  color: #556b58;
  font-weight: 700;
  font-size: 20px;
  transition: opacity 0.3s;
  font-family: "sofia-pro", sans-serif;
}
.case-studies-section-homepage .case-studies-container__row-1 .intro-and-stats-wrapper .stats-card .stats-button:hover {
  opacity: 0.9;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card {
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  border: 1px solid #eff5ef;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
  min-height: 0px;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card {
    min-height: 450px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card.overlay-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .attachment-card-logo {
  position: absolute;
  width: 88px;
  height: 88px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  top: 12px;
  left: 10px;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .attachment-card-logo {
    top: 24px;
    left: 24px;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .attachment-card-logo {
    top: 24px;
    left: 24px;
    width: 22%;
    height: auto;
    min-width: 80px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .attachment-card-logo-bottom {
  position: absolute;
  width: 88px;
  height: 88px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  top: 12px;
  left: 10px;
  right: auto;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .attachment-card-logo-bottom {
    top: 24px;
    left: 24px;
    right: auto;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .attachment-card-logo-bottom {
    top: 24px;
    right: 24px;
    left: auto;
    width: 14.25%;
    height: auto;
    min-width: 80px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper {
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(84, 107, 87, 0.8) 40%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  padding: 16px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  border-radius: 0 0 0 0;
  max-height: 63%;
  margin-top: calc(59% + 24px);
}
@media (min-width: 525px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper {
    margin-top: calc(35% + 24px);
  }
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper {
    max-height: 62%;
    margin-top: calc(58% + 24px);
  }
}
@media (min-width: 992px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper {
    max-height: 50%;
    margin-top: calc(50% + 24px);
    padding: 24px;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper {
    margin-top: auto;
    border-radius: 16px 0 0 16px;
    gap: 32px;
    padding: 40px 26px;
    justify-content: center;
    width: 55%;
    /* Approximation from design */
    max-height: none;
    height: 100%;
  }
}
@media (min-width: 1360px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper {
    padding: 48px 32px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .split-text-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .split-text-content {
    gap: 16px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .overlay-button {
  width: 100%;
  height: auto;
  padding: 15px;
  border-radius: 12px;
  background-color: transparent;
  border: 1px solid white;
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .overlay-button svg {
  width: 8px;
  height: auto;
  margin-top: 4px;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .overlay-button svg path {
  fill: #fff;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .overlay-button:hover {
  background-color: #ffffff;
  color: #556b58;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .overlay-button:hover svg path {
  fill: #556b58 !important;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .split-content-wrapper .overlay-button {
    font-size: 20px;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content {
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(84, 107, 87, 0.8) 40%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  flex-grow: 1;
  max-height: 62%;
  padding: 16px;
  margin-top: calc(61% + 24px);
}
@media (min-width: 525px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content {
    margin-top: calc(35% + 24px);
  }
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content {
    margin-top: calc(58% + 24px);
    max-height: 62%;
    padding: 16px;
  }
}
@media (min-width: 992px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content {
    margin-top: calc(50% + 24px);
    max-height: 50%;
    padding: 24px 24px;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content {
    max-height: 54%;
  }
}
@media (min-width: 1200px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content {
    max-height: 50%;
  }
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-text-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-text-content .overlay-title {
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-text-content .overlay-text {
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-button {
  width: 100%;
  height: auto;
  padding: 15px;
  border-radius: 12px;
  background-color: transparent;
  border: 1px solid white;
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-button svg {
  width: 8px;
  height: auto;
  margin-top: 4px;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-button svg path {
  fill: #fff;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-button:hover {
  background-color: #ffffff;
  color: #556b58;
}
.case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-button:hover svg path {
  fill: #556b58 !important;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-1 .case-study-card .card-overlay-content .overlay-button {
    font-size: 20px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 {
  display: grid;
  gap: 32px;
  grid-template-columns: 1fr;
  max-width: 550px;
  margin: auto;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-2 {
    max-width: none;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-2 {
    gap: 18px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .case-studies-section-homepage .case-studies-container__row-2 {
    gap: 32px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .split-card {
  display: flex;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card {
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  border: 1px solid #eff5ef;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08);
  min-height: 0px;
  flex-direction: column;
  justify-content: flex-end;
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card {
    min-height: 450px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card.overlay-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .attachment-card-logo {
  position: absolute;
  width: 88px;
  height: 88px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  top: 12px;
  left: 10px;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .attachment-card-logo {
    top: 24px;
    left: 24px;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .attachment-card-logo {
    top: 24px;
    left: 24px;
    width: 22%;
    height: auto;
    min-width: 80px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .attachment-card-logo-bottom {
  position: absolute;
  width: 88px;
  height: 88px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
  top: 12px;
  left: 10px;
  right: auto;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .attachment-card-logo-bottom {
    top: 24px;
    left: 24px;
    right: auto;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .attachment-card-logo-bottom {
    top: 24px;
    right: 24px;
    left: auto;
    width: 14.25%;
    height: auto;
    min-width: 80px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper {
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(84, 107, 87, 0.8) 40%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  padding: 16px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  border-radius: 0 0 0 0;
  max-height: 63%;
  margin-top: calc(59% + 24px);
}
@media (min-width: 525px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper {
    margin-top: calc(35% + 24px);
  }
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper {
    max-height: 62%;
    margin-top: calc(58% + 24px);
  }
}
@media (min-width: 992px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper {
    max-height: 50%;
    margin-top: calc(50% + 24px);
    padding: 24px;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper {
    margin-top: auto;
    border-radius: 16px 0 0 16px;
    gap: 32px;
    padding: 40px 26px;
    justify-content: center;
    width: 55%;
    /* Approximation from design */
    max-height: none;
    height: 100%;
  }
}
@media (min-width: 1360px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper {
    padding: 48px 32px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .split-text-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .split-text-content {
    gap: 16px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .split-text-content .overlay-title {
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .split-text-content .overlay-text {
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .overlay-button {
  width: 100%;
  height: auto;
  padding: 15px;
  border-radius: 12px;
  background-color: transparent;
  border: 1px solid white;
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .overlay-button svg {
  width: 8px;
  height: auto;
  margin-top: 4px;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .overlay-button svg path {
  fill: #fff;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .overlay-button:hover {
  background-color: #ffffff;
  color: #556b58;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .overlay-button:hover svg path {
  fill: #556b58 !important;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .split-content-wrapper .overlay-button {
    font-size: 20px;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content {
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(84, 107, 87, 0.8) 40%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  flex-grow: 1;
  max-height: 62%;
  padding: 16px;
  margin-top: calc(61% + 24px);
}
@media (min-width: 525px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content {
    margin-top: calc(35% + 24px);
  }
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content {
    margin-top: calc(58% + 24px);
    max-height: 62%;
    padding: 16px;
  }
}
@media (min-width: 992px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content {
    margin-top: calc(50% + 24px);
    max-height: 50%;
    padding: 24px 24px;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content {
    max-height: 54%;
  }
}
@media (min-width: 1200px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content {
    max-height: 50%;
  }
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-text-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-text-content .overlay-title {
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-text-content .overlay-text {
  margin: 0;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-button {
  width: 100%;
  height: auto;
  padding: 15px;
  border-radius: 12px;
  background-color: transparent;
  border: 1px solid white;
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-button svg {
  width: 8px;
  height: auto;
  margin-top: 4px;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-button svg path {
  fill: #fff;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-button:hover {
  background-color: #ffffff;
  color: #556b58;
}
.case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-button:hover svg path {
  fill: #556b58 !important;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container__row-2 .case-study-card .card-overlay-content .overlay-button {
    font-size: 20px;
  }
}
.case-studies-section-homepage .case-studies-container .stats-card {
  background: radial-gradient(182% 245.8% at -26.1% 39.98%, #546b58 31%, #a5cda6 80%);
  border-radius: 32px;
  padding: 24px;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  box-shadow: 0px 4px 6px -2px rgba(165, 205, 166, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.3);
  max-width: 550px;
  margin: auto;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container .stats-card {
    max-width: none;
    margin: 0;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container .stats-card {
    display: flex;
  }
}
.case-studies-section-homepage .case-studies-container .stats-card .stats-display {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  box-shadow: inset 0px 16px 32px -4px rgba(12, 12, 13, 0.1);
  /*  .stats-divider {
    width: 4px;
    height: 102px;
    background-color: #556b58;
    border-radius: 4px;
  } */
}
.case-studies-section-homepage .case-studies-container .stats-card .stats-display .stat-number {
  color: #556b58;
  font-weight: 900;
  font-size: 45px;
  line-height: 1;
  letter-spacing: -1.28px;
  margin: 0;
}
.case-studies-section-homepage .case-studies-container .stats-card .stats-display .texts {
  display: flex;
  gap: 16px;
}
.case-studies-section-homepage .case-studies-container .stats-card .stats-display .stat-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  flex: 1;
}
.case-studies-section-homepage .case-studies-container .stats-card .stats-display .stat-item .stat-label {
  color: #232323;
  font-weight: 800;
  font-size: 14px;
  line-height: 150%;
  margin: 0;
}
.case-studies-section-homepage .case-studies-container .stats-card .stats-button {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 11.5px 32px 12.5px;
  width: 100%;
  text-align: center;
  color: #556b58;
  font-weight: 700;
  font-size: 18px;
  transition: opacity 0.3s;
  font-family: "sofia-pro", sans-serif;
}
.case-studies-section-homepage .case-studies-container .stats-card .stats-button:hover {
  opacity: 0.9;
}
.case-studies-section-homepage .case-studies-container .intro-button {
  border: 1px solid #556b58;
  border-radius: 12px;
  padding: 15px 6px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #556b58;
  font-weight: 700;
  font-size: 20px;
  transition: background-color 0.3s, color 0.3s;
  display: none;
  max-width: 550px;
  margin: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .case-studies-section-homepage .case-studies-container .intro-button {
    max-width: none;
  }
}
@media (min-width: 1056px) {
  .case-studies-section-homepage .case-studies-container .intro-button {
    display: flex;
  }
}
.case-studies-section-homepage .case-studies-container .intro-button svg {
  width: 8px;
  height: auto;
  margin-top: 4px;
}
.case-studies-section-homepage .case-studies-container .intro-button svg path {
  transition: fill 0.3s;
  fill: #556b58;
}
.case-studies-section-homepage .case-studies-container .intro-button:hover {
  background-color: #556b58;
  color: #ffffff;
}
.case-studies-section-homepage .case-studies-container .intro-button:hover svg path {
  fill: #ffffff;
}
.empower-section-homepage {
  padding-top: 0;
  padding-bottom: 60px;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .empower-section-homepage {
    padding-top: 60px;
    padding-bottom: 90px;
  }
}
.empower-section-homepage .container .empower-content {
  display: flex;
  gap: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  max-width: 550px;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .empower-section-homepage .container .empower-content {
    flex-direction: row;
    align-items: center;
    max-width: none;
    margin-bottom: 45px;
  }
}
@media (min-width: 992px) {
  .empower-section-homepage .container .empower-content {
    gap: 36px;
  }
}
@media (min-width: 1200px) {
  .empower-section-homepage .container .empower-content {
    margin-bottom: 60px;
    gap: 60px;
  }
}
.empower-section-homepage .container .empower-content .empower-image-container {
  flex-basis: 50%;
}
@media (min-width: 1200px) {
  .empower-section-homepage .container .empower-content .empower-image-container {
    flex: 0 0 616px;
  }
}
.empower-section-homepage .container .empower-content .empower-image-container .attachment-empower-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 23px;
  display: block;
}
@media (min-width: 768px) {
  .empower-section-homepage .container .empower-content .empower-image-container .attachment-empower-image {
    border-radius: 32px;
    height: auto;
    aspect-ratio: 1/1.15;
  }
}
@media (min-width: 992px) {
  .empower-section-homepage .container .empower-content .empower-image-container .attachment-empower-image {
    height: auto;
    aspect-ratio: 1/1.05;
  }
}
.empower-section-homepage .container .empower-content .empower-text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.empower-section-homepage .container .empower-content .empower-text-container .empower-heading {
  text-align: start;
  margin: 0;
}
.empower-section-homepage .container .empower-content .empower-text-container .empower-description {
  text-align: start;
  margin: 0;
}
@media (min-width: 768px) {
  .empower-section-homepage .container .empower-content .empower-text-container .empower-description {
    margin: 0 0 26px;
  }
}
.empower-section-homepage .container .features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  max-width: 550px;
  margin: auto;
}
@media (min-width: 768px) {
  .empower-section-homepage .container .features-grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .empower-section-homepage .container .features-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.empower-section-homepage .container .features-grid .feature-item {
  display: flex;
  align-items: center;
  gap: 16px;
  border-left: 2px solid #88aa89;
  padding: 8px 8px 8px 24px;
  min-height: 58px;
}
@media (min-width: 768px) {
  .empower-section-homepage .container .features-grid .feature-item {
    max-width: 286px;
  }
}
.empower-section-homepage .container .features-grid .feature-item .attachment-feature-icon {
  width: 58px;
  height: 58px;
  flex-shrink: 0;
}
.empower-section-homepage .container .features-grid .feature-item .feature-title {
  margin: 0;
}
.stats-section-homepage {
  background: linear-gradient(180deg, rgba(136, 170, 137, 0.4) 0%, rgba(239, 245, 239, 0.32) 27.03%, rgba(239, 245, 239, 0.8) 56.81%, rgba(239, 245, 239, 0.16) 93.4%, rgba(136, 170, 137, 0.4) 124.38%), #eff5ef;
}
.stats-section-homepage .container {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .stats-section-homepage .container {
    max-width: 1350px;
  }
}
.stats-section-homepage .container .stats-title-container {
  text-align: center;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .stats-section-homepage .container .stats-title-container {
    margin-bottom: 65px;
  }
}
@media (min-width: 1056px) {
  .stats-section-homepage .container .stats-title-container {
    margin-bottom: 80px;
  }
}
.stats-section-homepage .container .stats-title-container .stats-main-heading {
  text-align: center;
  margin: 0;
}
@media (min-width: 768px) {
  .stats-section-homepage .container .stats-title-container .stats-main-heading {
    text-align: start;
  }
}
.stats-section-homepage .container .stats-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px 22px;
}
@media (min-width: 768px) {
  .stats-section-homepage .container .stats-grid {
    gap: 28px;
  }
}
@media (min-width: 1056px) {
  .stats-section-homepage .container .stats-grid {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .stats-section-homepage .container .stats-grid {
    gap: 20px;
  }
}
@media (min-width: 1360px) {
  .stats-section-homepage .container .stats-grid {
    gap: 32px;
  }
}
.stats-section-homepage .container .stats-grid .stat-card {
  background-color: #ffffff;
  border-radius: 32px;
  box-shadow: 0px 4px 6px -2px rgba(136, 170, 137, 0.1), 0px 12px 16px -4px rgba(136, 170, 137, 0.15);
  padding: 18px 20px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  flex: 1 0 50%;
  width: 100%;
}
@media (min-width: 768px) {
  .stats-section-homepage .container .stats-grid .stat-card {
    flex: 0 0 30%;
  }
}
@media (min-width: 1056px) {
  .stats-section-homepage .container .stats-grid .stat-card {
    gap: 18px;
    flex: 1 0 18%;
    padding: 18px 20px 20px;
  }
}
@media (min-width: 1200px) {
  .stats-section-homepage .container .stats-grid .stat-card {
    gap: 20px;
    padding: 28px;
  }
}
@media (min-width: 1360px) {
  .stats-section-homepage .container .stats-grid .stat-card {
    padding: 32px;
    gap: 24px;
  }
}
.stats-section-homepage .container .stats-grid .stat-card .stat-value {
  color: #556b58;
  font-weight: 900;
  margin: 0;
  line-height: 100%;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.stats-section-homepage .container .stats-grid .stat-card .stat-value .stat-number-large {
  font-size: 60px;
  letter-spacing: -1.28px;
}
@media (min-width: 992px) {
  .stats-section-homepage .container .stats-grid .stat-card .stat-value .stat-number-large {
    font-size: 64px;
  }
}
.stats-section-homepage .container .stats-grid .stat-card .stat-value .stat-unit-small {
  font-size: 24px;
  letter-spacing: -0.48px;
}
.stats-section-homepage .container .stats-grid .stat-card .stat-value .stat-unit-medium {
  font-size: 40px;
  letter-spacing: -0.8px;
}
.stats-section-homepage .container .stats-grid .stat-card .stat-label {
  color: #232323;
  margin: 0;
}
:root {
  --color-primary-green: #556b58;
  --color-secondary-green: #88aa89;
  --color-text-dark: #232323;
  --color-text-light: #ffffff;
  --color-background-light: #ffffff;
  --color-background-tag: #eff5ef;
  --font-family-main: "Inter", sans-serif;
}
.page-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  overflow-x: hi dden;
}
.btn-primary {
  background-color: #556b58;
  color: #ffffff;
  border: 1px solid #556b58;
}
.btn-primary:hover {
  opacity: 0.9;
}
.btn-secondary {
  background-color: #ffffff;
  color: #556b58;
  border: 1px solid #ffffff;
}
.btn-secondary:hover {
  opacity: 0.9;
}
.btn-outline {
  background-color: transparent;
  color: #556b58;
  border: 1px solid #556b58;
}
.btn-outline:hover {
  background-color: #556b58;
  color: #ffffff;
}
.cta-banner-section-homepage {
  background-size: cover;
  background-position: center;
  padding: 100px 0 100px;
  text-align: center;
  background-color: #232323;
}
@media (min-width: 768px) {
  .cta-banner-section-homepage {
    padding: 110px 0;
  }
}
@media (min-width: 1200px) {
  .cta-banner-section-homepage {
    padding: 120px 0;
  }
}
.cta-banner-section-homepage .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
@media (min-width: 768px) {
  .cta-banner-section-homepage .container {
    gap: 30px;
  }
}
@media (min-width: 1056px) {
  .cta-banner-section-homepage .container {
    gap: 40px;
  }
}
.cta-banner-section-homepage .container .cta-banner-section__heading {
  color: #ffffff;
  max-width: 940px;
  margin: 0;
}
.brands-section-homepage {
  background-color: #ffffff;
}
.brands-section-homepage .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  max-width: 1440px;
}
.brands-section-homepage .container .brands-section__heading {
  color: #556b58;
  text-align: center;
}
.brands-section-homepage .container .swiper {
  width: 100%;
  height: 100%;
}
.brands-section-homepage .container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brands-section-homepage .container .swiper .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
@media (min-width: 768px) {
  .brands-section-homepage .container {
    gap: 40px;
  }
}
@media (min-width: 1056px) {
  .brands-section-homepage .container {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .brands-section-homepage .container {
    gap: 60px;
  }
}
@media (min-width: 1360px) {
  .brands-section-homepage .container {
    gap: 80px;
  }
}
.show-mobile {
  display: flex !important;
}
@media (min-width: 1056px) {
  .show-mobile {
    display: none !important;
  }
}
.show-desktop {
  display: none !important;
}
@media (min-width: 1056px) {
  .show-desktop {
    display: flex !important;
  }
}
#singular-template {
  margin-bottom: 50px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  min-height: calc(100vh - 530px);
}
@media (max-width: 992px) {
  #singular-template {
    min-height: calc(100vh - 700px);
  }
}
#singular-template section_content {
  margin: 0 auto;
  max-width: 800px;
}
.post-content {
  background-color: #fff;
  padding: 75px 0;
  margin: 0;
}
.post-content .container h2 {
  color: #556b58;
  font-family: "sofia-pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.64px;
  margin-bottom: 33px;
  border-bottom: 1px solid #88AA89;
  position: relative;
  padding-bottom: 16px;
  margin-top: 60px;
}
.post-content .container h2:not(:first-child) {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .post-content .container h2 {
    margin-bottom: 50px;
    font-size: 50px;
    letter-spacing: -1px;
    padding-bottom: 15px;
  }
  .post-content .container h2:not(:first-child) {
    margin-top: 100px;
  }
}
@media (min-width: 1200px) {
  .post-content .container h2 {
    margin-bottom: 76px;
  }
  .post-content .container h2:not(:first-child) {
    margin-top: 120px;
  }
}
.post-content .container h2::before {
  position: absolute;
  bottom: -3px;
  left: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
.post-content .container h2::after {
  position: absolute;
  bottom: -3px;
  right: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
.post-content .container h3 {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin: 16px auto;
}
@media (min-width: 768px) {
  .post-content .container h3 {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.4px;
    margin: 20px auto;
  }
}
@media (min-width: 1200px) {
  .post-content .container h3 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.post-content .container h4 {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: -0.4px;
  margin: 20px auto;
}
@media (min-width: 768px) {
  .post-content .container h4 {
    margin: 20px auto;
  }
}
@media (min-width: 1200px) {
  .post-content .container h4 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.post-content .container .wp-block-image {
  max-width: 700px;
  margin: auto;
}
.post-content .container p {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .post-content .container p {
    margin-bottom: 20px;
  }
}
.post-content .container p a {
  color: #556b58;
  font-size: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.post-content .container p strong {
  color: #232323;
  font-family: "sofia-pro";
  font-style: normal;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
@media (min-width: 1200px) {
  .post-content .container p {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.post-content .container ul {
  padding-left: 20px !important;
}
@media (min-width: 768px) {
  .post-content .container ul {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .post-content .container ul {
    padding-left: 49px !important;
  }
}
.post-content .container ul li {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}
.post-content .container ul li a {
  color: #556b58;
  font-size: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (min-width: 1200px) {
  .post-content .container ul {
    padding-left: 32px;
    padding-right: 32px;
  }
}
#post-not-found {
  padding: 100px 0;
  text-align: center;
}
.solution-section {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-top: -100px;
  position: relative;
}
.solution-section .hero-section {
  /* background-color: #AAAAAA; */
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 101px 0 0;
  min-height: 598px;
  overflow: hidden;
}
.solution-section .hero-section .hero-container {
  position: relative;
  width: 100%;
  /* max-width: 1440px; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.solution-section .hero-section .hero-container .bg-image-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .solution-section .hero-section .hero-container .bg-image-desktop {
    display: block;
  }
}
.solution-section .hero-section .hero-container .bg-image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .solution-section .hero-section .hero-container .bg-image-mobile {
    display: none;
  }
}
.solution-section .hero-section .hero-content-card {
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(0, 0, 0, 0.1) 0%, rgba(84, 107, 88, 0.6) 50%);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 32px 32px 0 0;
  padding: 36px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  max-width: 800px;
  margin-top: 186px;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
  z-index: 900;
}
.solution-section .hero-section .hero-content-card .hero-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  text-align: center;
  max-width: 650px;
}
.solution-section .hero-section .hero-actions {
  padding-top: 16px;
}
.solution-section .hero-section .hero-actions .hero-button {
  display: inline-block;
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 16px 48px;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
}
.solution-section .hero-section .hero-actions .hero-button:hover {
  background-color: #ffffff;
  color: #546B58;
}
@media (min-width: 768px) {
  .solution-section .hero-section .hero-content-card {
    padding: 40px 64px 48px;
    gap: 10px;
  }
  .solution-section .hero-section .hero-content-card .hero-text-content {
    gap: 9px;
  }
  .solution-section .hero-section .hero-actions .hero-button {
    padding: 12px 48px;
  }
}
.solution-section .line-ve {
  display: block;
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -25px);
  height: 60px;
  z-index: 1;
}
@media (min-width: 768px) {
  .solution-section .line-ve {
    left: 50%;
    transform: translate(-50%, -40px);
    height: 78px;
  }
}
.solution-section .how-it-works-section {
  margin-bottom: 35px;
  padding: 60px 19px 30px;
  width: 393px;
  margin: auto;
}
.solution-section .how-it-works-section .hw-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.solution-section .how-it-works-section .hw-header .h2-mobile {
  margin-bottom: 0;
}
.solution-section .how-it-works-section .hw-header .line-desktop {
  display: none;
}
.solution-section .how-it-works-section .hw-card {
  border-radius: 32px;
  overflow: hidden;
}
.solution-section .how-it-works-section .infusion-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-image: url("../../Card.png");
  background-position: center;
  min-height: 584px;
  margin: 26px 0;
}
.solution-section .how-it-works-section .infusion-card-content {
  display: flex;
  flex-direction: column;
  padding: 20px 16px;
  border-radius: 0 0 16px 16px;
  background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(84, 107, 87, 0.9) 40%, rgba(0, 0, 0, 0.2) 100%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.solution-section .how-it-works-section .infusion-card-text-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.solution-section .how-it-works-section .button-outline-light {
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  border-radius: 12px;
  transition: background-color 0.3s, color 0.3s;
  height: 51px;
}
.solution-section .how-it-works-section .button-outline-light:hover {
  background-color: #556b58;
  color: #fdfdfd;
}
.solution-section .how-it-works-section .button-icon {
  width: 15px;
  height: 15px;
}
.solution-section .how-it-works-section .difference-card {
  background-color: #eff5ef;
  display: flex;
  flex-direction: column;
  padding: 16px;
  margin-bottom: 26px;
}
.solution-section .how-it-works-section .difference-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 16px 12px;
}
.solution-section .how-it-works-section .difference-card-image-wrapper {
  width: 323px;
  height: 199.5px;
  margin: auto;
}
.solution-section .how-it-works-section .difference-card-image {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
}
.solution-section .how-it-works-section .features-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.solution-section .how-it-works-section .feature-card {
  background-color: #ffffff;
  border: 1px solid #f2f2f7;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 6px -2px rgba(149, 187, 149, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.15);
  padding: 24px 32px;
  width: 355px;
  height: auto;
}
.solution-section .how-it-works-section .feature-card .feature-description {
  margin-bottom: 0;
}
.solution-section .how-it-works-section .feature-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 5px;
}
.solution-section .how-it-works-section .feature-header .feature-title {
  margin-bottom: 3px;
}
.solution-section .how-it-works-section .feature-icon {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .solution-section .how-it-works-section {
    width: auto;
  }
  .solution-section .how-it-works-section .hw-header .line-mobile {
    display: none;
  }
  .solution-section .how-it-works-section .hw-header .line-desktop {
    display: block;
    height: auto;
  }
  .solution-section .how-it-works-section .container-infusion-card {
    display: flex;
    gap: 48px;
    margin-top: 80px;
    max-width: 1312px;
  }
  .solution-section .how-it-works-section .container-infusion-card .infusion-card {
    margin-top: 0;
    margin-bottom: 0;
    width: 438px;
    background-size: cover;
  }
  .solution-section .how-it-works-section .test {
    display: block;
    width: 60%;
  }
  .solution-section .how-it-works-section .test .features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .solution-section .how-it-works-section .test .features-grid .feature-card {
    width: auto;
    height: 100%;
  }
  .solution-section .how-it-works-section .test .features-grid .feature-card .feature-description {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .solution-section .how-it-works-section .container-infusion-card .infusion-card {
    height: 809px;
    width: 580px;
    background-image: url("../../Image-Bottle-Zoom.png");
  }
  .solution-section .how-it-works-section .container-infusion-card .difference-card {
    flex-direction: row;
    height: 463px;
    width: 684px;
    margin-bottom: 48px;
  }
  .solution-section .how-it-works-section .container-infusion-card .difference-card .difference-card-content {
    width: 342px;
    justify-content: center;
    padding: 32px;
  }
  .solution-section .how-it-works-section .container-infusion-card .difference-card .difference-card-image-wrapper {
    height: 431px;
    width: 326px;
  }
  .solution-section .how-it-works-section .container-infusion-card .features-grid {
    gap: 32px;
    width: 684px;
  }
}
.solution-section .designed-adapt-section {
  padding: 60px 19px 30px;
  margin: auto;
  width: 100%;
  max-width: 1350px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.solution-section .designed-adapt-section .hw-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.solution-section .designed-adapt-section .hw-header .h2-mobile {
  margin-bottom: 0;
}
.solution-section .designed-adapt-section .hw-header .line-desktop {
  display: none;
}
.solution-section .designed-adapt-section .cards-container {
  margin-top: 32px;
  border: 1px solid #c5c5c5;
  border-radius: 33px;
}
.solution-section .designed-adapt-section .cards-container .btn-images {
  border-radius: 100px;
  background: #556B58;
  padding: 6px 24px;
  z-index: 999999;
  position: absolute;
  margin: 15px;
}
.solution-section .designed-adapt-section .cards-container .text-reg-mobile {
  padding-top: 10px;
}
.solution-section .designed-adapt-section .cards-container img {
  width: 100%;
  height: auto;
  aspect-ratio: 6.32/3;
  border-top-left-radius: 33px;
  border-top-right-radius: 33px;
  -o-object-fit: cover;
     object-fit: cover;
}
.solution-section .designed-adapt-section .cards-container p {
  padding: 20px 30px 10px;
  text-align: start;
  margin: 0;
}
.solution-section .designed-adapt-section .cards-container ul {
  padding: 0 25px 20px;
  margin: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .solution-section .designed-adapt-section .cards-container ul {
    padding: 0 42px 20px;
  }
}
.solution-section .designed-adapt-section .cards-container ul li {
  border-bottom: 1px solid rgba(151, 151, 151, 0.8);
  padding: 16px 0 16px 20px;
  font-family: "sofia-pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  position: relative;
}
@media (min-width: 768px) {
  .solution-section .designed-adapt-section .cards-container ul li {
    font-family: "sofia-pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }
}
.solution-section .designed-adapt-section .cards-container ul li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 24px;
  width: 12px;
  height: 14px;
  background-image: url(../../assets/svg/check-1.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.solution-section .designed-adapt-section .cards-container ul li:last-child {
  border-bottom: 0px solid rgba(151, 151, 151, 0.8);
}
.solution-section .designed-adapt-section .cards-container p {
  width: 100% !important;
  margin: 0;
  padding: 0 10px 20px;
}
@media (min-width: 768px) {
  .solution-section .designed-adapt-section .cards-container p {
    padding: 0 30px 20px;
  }
}
.solution-section .designed-adapt-section .cards-container p a {
  width: 100%;
  border: 1px solid #556B58;
  color: #556B58;
  background-color: transparent;
  border-radius: 12px;
  padding: 12px 32px;
  justify-content: center;
  display: flex;
  margin-top: 20px;
  text-align: center;
  align-items: center;
}
.solution-section .designed-adapt-section .cards-container p a:hover {
  text-decoration: underline;
}
.solution-section .designed-adapt-section .btn-explore-results {
  border: 1px solid #556B58;
  background-color: transparent;
  border-radius: 12px;
  padding: 12px 48px;
  width: 355px;
  height: 51px;
  justify-content: center;
  display: flex;
  margin-top: 40px;
  align-items: center;
}
@media (min-width: 768px) {
  .solution-section .designed-adapt-section {
    width: 100%;
  }
  .solution-section .designed-adapt-section .hw-header .line-mobile {
    display: none;
  }
  .solution-section .designed-adapt-section .hw-header .line-desktop {
    display: block;
    height: auto;
  }
  .solution-section .designed-adapt-section .cards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    gap: 40px 20px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .solution-section .designed-adapt-section .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .solution-section .designed-adapt-section .cards .cards-container {
    width: 100%;
    margin-top: 0;
  }
  .solution-section .designed-adapt-section .cards .cards-container p {
    width: 355px;
  }
  .solution-section .designed-adapt-section .cards .cards-container .btn-images {
    padding: 2px 32px 10px 32px;
  }
  .solution-section .designed-adapt-section .cards .btn-explore-results {
    justify-self: center;
    align-self: center;
    margin-top: -20px;
    display: none;
  }
}
@media (min-width: 1200px) {
  .solution-section .designed-adapt-section {
    height: auto;
  }
  .solution-section .designed-adapt-section .cards {
    margin-top: 40px;
    gap: 60px 48px;
  }
  .solution-section .designed-adapt-section .cards .cards-container {
    width: 100%;
    height: auto;
  }
  .solution-section .designed-adapt-section .cards .cards-container .img-bg-card {
    height: auto;
    margin-bottom: 24px;
  }
  .solution-section .designed-adapt-section .cards .cards-container p {
    width: auto;
    padding-top: 23px;
  }
}
.solution-section .trusted-partners-container {
  background: linear-gradient(180deg, rgba(136, 170, 137, 0.4) 0%, rgba(239, 245, 239, 0.69) 23.53%, rgba(239, 245, 239, 0.8) 52.97%);
  padding: 72px 15px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.solution-section .trusted-partners-container .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 355px;
  margin: auto;
}
.solution-section .trusted-partners-container .intro-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.solution-section .trusted-partners-container .intro-content .h2-mobile {
  margin-bottom: 0;
}
.solution-section .trusted-partners-container .intro-content .text-reg-mobile {
  margin-bottom: 0;
}
.solution-section .trusted-partners-container .intro-content .line-desktop {
  display: none;
}
.solution-section .trusted-partners-container .partner-button {
  background-color: #556b58;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  padding: 12px 32px;
  border: 1px solid #556b58;
  border-radius: 12px;
  align-self: flex-start;
  transition: background-color 0.3s;
}
.solution-section .trusted-partners-container .partner-button:hover {
  background-color: #445846;
}
.solution-section .trusted-partners-container .carousel-slide {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.solution-section .trusted-partners-container .slide-header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.solution-section .trusted-partners-container .slide-header .timeline-connector {
  width: 2px;
  height: 130px;
  background-color: #445647;
}
.solution-section .trusted-partners-container .slide-icon {
  width: 58px;
  height: 58px;
  flex-shrink: 0;
}
.solution-section .trusted-partners-container .slide-main-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.solution-section .trusted-partners-container .stat-bar {
  background-color: #88aa89;
  border-left: 4px solid #556b58;
  padding: 4px 16px;
}
.solution-section .trusted-partners-container .carousel-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
.solution-section .trusted-partners-container .nav-arrow {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .solution-section .trusted-partners-container .TrustedPartnersSwiper {
    max-width: none;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
  }
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-button-prev,
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-button-next {
  position: relative;
  width: 34px;
  height: auto;
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-wrapper {
  overflow: visible !important;
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-slide {
  display: block;
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-slide .slide-main-content {
  justify-items: flex-end;
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-pagination {
  position: relative;
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 1px solid #556b58;
}
.solution-section .trusted-partners-container .TrustedPartnersSwiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #556b58;
}
@media (min-width: 768px) {
  .solution-section .trusted-partners-container .content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    max-width: 1312px;
    width: 100%;
    width: auto;
  }
  .solution-section .trusted-partners-container .content-wrapper .stat-bar p {
    margin: 0 0 9px;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper .slide-icon {
    width: 60px;
    height: 60px;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper .swiper-pagination {
    position: relative;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper .carousel-nav {
    position: absolute;
    bottom: 0;
    justify-self: anchor-center;
  }
}
@media (min-width: 1200px) {
  .solution-section .trusted-partners-container .slide-header {
    gap: 40px;
  }
  .solution-section .trusted-partners-container .content-wrapper {
    max-width: 1312px;
    width: 100%;
    margin: auto;
    height: 850px;
  }
  .solution-section .trusted-partners-container .content-wrapper .intro-content {
    width: 100%;
  }
  .solution-section .trusted-partners-container .content-wrapper .intro-content .line-desktop {
    display: block;
  }
  .solution-section .trusted-partners-container .content-wrapper .stat-bar {
    width: 516px;
    padding: 7px 16px;
  }
  .solution-section .trusted-partners-container .content-wrapper .timeline-connector {
    width: 2px;
    height: 130px;
    background-color: #445647;
    background-color: #88AA89;
    position: absolute;
    bottom: 0;
    padding-bottom: 2px;
    margin-left: 25px;
    margin-bottom: 10px;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper {
    max-width: 616px;
    width: auto;
    overflow: visible;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper .carousel-nav {
    display: none;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper .swiper-wrapper {
    display: block;
    height: 206px;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper .swiper-wrapper .swiper-slide .slide-main-content {
    width: auto;
    align-items: end;
  }
  .solution-section .trusted-partners-container .content-wrapper .TrustedPartnersSwiper .swiper-wrapper .swiper-slide .slide-main-content .text-sm-mobile {
    width: 516px;
  }
}
.solution-section .testimonial-section {
  background-color: rgba(149, 187, 149, 0.6);
  padding: 68px 30px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.solution-section .testimonial-section .testimonial-container {
  width: 100%;
  max-width: 393px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.solution-section .testimonial-section .testimonial-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}
.solution-section .testimonial-section .testimonial-header .line-desktop {
  display: none;
}
.solution-section .testimonial-section .accent-line {
  width: 100%;
}
.solution-section .testimonial-section .slider-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.solution-section .testimonial-section .slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48.31px;
  height: 48.31px;
}
.solution-section .testimonial-section .slider-arrow img {
  filter: drop-shadow(0px 3.65px 7.29px rgba(0, 0, 0, 0.15));
  position: fixed;
}
.solution-section .testimonial-section .arrow-left img {
  transform: rotate(-180deg);
  position: fixed;
}
.solution-section .testimonial-section .testimonial-card {
  background-color: #ffffff;
  border-radius: 32px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  width: 291px;
  text-align: center;
}
.solution-section .testimonial-section .quote-icon {
  width: 39.01px;
  height: 32.52px;
}
.solution-section .testimonial-section .rating-stars {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4.14px;
}
.solution-section .testimonial-section .testimonial-card figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.solution-section .testimonial-section .testimonial-card figcaption {
  opacity: 0.5;
}
.solution-section .testimonial-section .testimonial-quote {
  margin: 0;
}
.solution-section .testimonial-section .swiper-button-prev:after,
.solution-section .testimonial-section .swiper-rtl .swiper-button-next:after {
  display: none;
}
.solution-section .testimonial-section .swiper-button-next:after {
  display: none;
}
.solution-section .testimonial-section .testimonialSwiper {
  display: flex;
  align-items: center;
  width: 100%;
}
.solution-section .testimonial-section .testimonialSwiper .arrow-left {
  left: 0;
}
.solution-section .testimonial-section .testimonialSwiper .arrow-right {
  right: 0;
}
@media (min-width: 768px) {
  .solution-section .testimonial-section .testimonialSwiper {
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
  }
  .solution-section .testimonial-section .testimonial-container {
    max-width: 1312px;
    padding: 30px 0;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-header {
    align-items: start;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-header .line-movil {
    display: none;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-header .line-desktop {
    display: block;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-card {
    width: 394.6667px;
    gap: 24px;
    /*  height: 382px; */
    height: auto;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-card .quote-icon {
    width: 53.3398px;
    height: 53.3398px;
  }
  .solution-section .testimonial-section .testimonial-container .swiper-slide .select-wrapper {
    width: 1248.0007px;
  }
}
@media (min-width: 1200px) {
  .solution-section .testimonial-section .testimonial-container .testimonialSwiper .arrow-right {
    right: 0;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-header {
    align-items: start;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-header .line-movil {
    display: none;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-header .line-desktop {
    display: block;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-card {
    width: 394.6667px;
    gap: 24px;
    /*  height: 382px; */
    height: auto;
  }
  .solution-section .testimonial-section .testimonial-container .testimonial-card .quote-icon {
    width: 53.3398px;
    height: 53.3398px;
  }
  .solution-section .testimonial-section .testimonial-container .swiper-slide .select-wrapper {
    width: 1248.0007px;
  }
}
.solution-section .optimice-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 36px;
  background-color: #556b58;
}
.solution-section .optimice-section .container- {
  width: 355px;
  margin: auto;
  margin-top: 60px;
}
.solution-section .optimice-section .container- .title-container {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.solution-section .optimice-section .container- .title-container .line-desktop {
  display: none;
}
.solution-section .optimice-section .container- .svg-line {
  width: 355px;
}
.solution-section .optimice-section .container- .steps-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 8px 0;
  margin-bottom: 36px;
}
.solution-section .optimice-section .container- .step-item {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
}
.solution-section .optimice-section .container- .step-icon {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  margin-top: -1px;
}
.solution-section .optimice-section .container- .step-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.solution-section .optimice-section .container- .step-content .text- {
  width: 317px;
}
@media (min-width: 768px) {
  .solution-section .optimice-section .container- .step-content .step-action .button .desktop-cta {
    padding-bottom: 3px;
  }
}
.solution-section .optimice-section .container- .step-action {
  padding-top: 8px;
}
.solution-section .optimice-section .container- .step-action .button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 12px 32px;
  border: 1px solid #ffffff;
  border-radius: 12px;
  background-color: transparent;
  color: #ffffff;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.solution-section .optimice-section .container- .step-action .button .button-icon {
  width: 15px;
  height: 15px;
}
.solution-section .optimice-section .container- .step-action .button:hover {
  background-color: #88aa89;
}
.solution-section .optimice-section .container- .container-b {
  width: 359px;
  border-radius: 32px;
  background: linear-gradient(100deg, #2a3d2d, #88aa89, #80b181);
  padding-top: 1px;
  margin-bottom: 60px;
  height: 1368.9px;
}
@media (min-width: 768px) {
  .solution-section .optimice-section .container- .container-b {
    width: 402px;
    height: 1415.78px;
    margin-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .solution-section .optimice-section .container- .container-b {
    width: 618px;
    height: 1343.78px;
  }
}
.solution-section .optimice-section .container- .calculator-section {
  width: 100%;
  width: 355px;
  border-radius: 32px;
  /* background: radial-gradient(231% 135.8% at 0.9% 2.98%, rgba(0, 0, 0, 0.1) 0%, #465748 100%); */
  box-shadow: 0 20px 24px -4px rgba(0, 0, 0, 0.08), 0 8px 8px -4px rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  padding: 42px 16px;
  background: #445647;
  justify-self: anchor-center;
}
.solution-section .optimice-section .container- .calculator-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 323px;
}
.solution-section .optimice-section .container- .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 16px;
}
.solution-section .optimice-section .container- .form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.solution-section .optimice-section .container- .form-group .input-email {
  width: 323px;
  padding: 12px;
  color: #AAA;
}
.solution-section .optimice-section .container- .form-group .select-wrapper select {
  margin-bottom: 10px;
}
.solution-section .optimice-section .container- .input-wrapper,
.solution-section .optimice-section .container- .select-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 12px;
  height: 48px;
}
.solution-section .optimice-section .container- .select-wrapper select {
  width: 100%;
  padding: 12px;
  border: none;
  background: transparent;
  border-radius: 12px;
  font-size: 16px;
  line-height: 24px;
  color: #556B58;
  padding-bottom: 0;
}
.solution-section .optimice-section .container- .inputs {
  position: relative;
  display: flex;
  align-items: center;
  background-color: white;
  border: 1px solid #88AA89;
  border-radius: 12px;
  height: 48px;
  color: #556B58;
}
.solution-section .optimice-section .container- .select-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.solution-section .optimice-section .container- .slider-component {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.solution-section .optimice-section .container- .slider-container {
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
  /* Para que el track no tape el background en WebKit */
  /* Firefox */
}
.solution-section .optimice-section .container- .slider-container input {
  position: absolute;
  width: 100%;
  height: 6px;
}
.solution-section .optimice-section .container- .slider-container input[type=range] {
  accent-color: #88AA89;
  width: 100%;
  height: 6px;
  border-radius: 999px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  --percent: 60%;
  background: linear-gradient(to right, #88AA89 0%, #88AA89 var(--percent), #ffffff var(--percent), #ffffff 100%);
}
.solution-section .optimice-section .container- .slider-container input[type=range]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 999px;
  background: transparent;
}
.solution-section .optimice-section .container- .slider-container input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #88AA89;
  margin-top: -5px;
}
.solution-section .optimice-section .container- .slider-container input[type=range]::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: transparent;
}
.solution-section .optimice-section .container- .slider-container input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #88AA89;
}
.solution-section .optimice-section .container- .slider-track {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: white;
  border-radius: 100px;
  display: flex;
  align-items: center;
}
.solution-section .optimice-section .container- .slider-progress {
  position: absolute;
  height: 100%;
  background-color: #88AA89;
  border-radius: 100px;
}
.solution-section .optimice-section .container- .slider-tick {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #88AA89;
  border-radius: 50px;
  transform: translateX(-50%);
}
.solution-section .optimice-section .container- .slider-tick.is-inactive {
  background-color: white;
}
.solution-section .optimice-section .container- .slider-thumb-wrapper {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 20px;
  width: 20px;
}
.solution-section .optimice-section .container- .slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  color: white;
}
.solution-section .optimice-section .container- .results-card {
  background-color: white;
  border-radius: 24px;
  padding: 16px;
  box-shadow: inset 0px 16px 32px -4px rgba(12, 12, 13, 0.1);
}
.solution-section .optimice-section .container- .results-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
  border-radius: 24px;
}
.solution-section .optimice-section .container- .result-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 12px 16px;
  min-height: 74px;
}
.solution-section .optimice-section .container- .result-item .text-sm-mobile {
  margin-bottom: 0;
}
.solution-section .optimice-section .container- .result-item.dark {
  background-color: #556B58;
  border-left: 4px solid #232323;
}
.solution-section .optimice-section .container- .result-item.light {
  background-color: #88AA89;
  border-left: 4px solid #556B58;
}
.solution-section .optimice-section .container- .submit-button {
  width: 100%;
  padding: 12px 48px;
  background-color: white;
  border: 1px solid white;
  border-radius: 12px;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  cursor: pointer;
  transition: opacity 0.3s;
}
.solution-section .optimice-section .container- .submit-button:hover {
  opacity: 0.9;
}
@media (min-width: 768px) {
  .solution-section .optimice-section .container- {
    display: flex;
    width: auto;
    gap: 20px;
  }
  .solution-section .optimice-section .container- .calculator-section {
    width: 400px;
  }
  .solution-section .optimice-section .container- .calculator-section .calculator-form {
    width: 370px;
  }
  .solution-section .optimice-section .container- .calculator-section .calculator-form .form-group .select-wrapper select {
    margin-bottom: 10px;
  }
  .solution-section .optimice-section .container- .container-optimice {
    margin-left: 20px;
  }
  .solution-section .optimice-section .container- .container-optimice .title-container .line-desktop {
    display: block;
  }
  .solution-section .optimice-section .container- .container-optimice .title-container .svg-line {
    display: none;
  }
}
@media (min-width: 1200px) {
  .solution-section .optimice-section .container- {
    max-width: 1312px;
    gap: 20px;
  }
  .solution-section .optimice-section .container- .container-optimice {
    width: 616px;
    margin-left: 20px;
  }
  .solution-section .optimice-section .container- .step-content .text- {
    width: 560px;
  }
  .solution-section .optimice-section .container- .calculator-section {
    width: 616px;
    padding: 30px;
  }
  .solution-section .optimice-section .container- .calculator-section .calculator-form {
    width: 552px;
  }
}
.solution-section .cta-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 64px;
  background-image: url("../../Background-Pamos (1).png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  min-height: 392px;
  box-sizing: border-box;
}
.solution-section .cta-section .cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
.solution-section .cta-section .cta-content .cta-button {
  display: inline-block;
  background-color: #ffffff;
  padding: 16px 48px;
  border-radius: 12px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.solution-section .cta-section .cta-content .cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
  .solution-section .cta-section {
    padding: 80px 32px;
    background-image: url("../../Background-Pamos-Mobile.png");
  }
}
@media (max-width: 480px) {
  .solution-section .cta-section {
    padding: 60px 20px;
  }
  .solution-section .cta-section .cta-button {
    font-size: 18px;
    padding: 14px 32px;
  }
}
.solution-section .vendor-section {
  padding: 60px 19px;
}
.solution-section .vendor-section .vendor-container {
  flex-direction: column-reverse;
  text-align: center;
  gap: 30px;
  display: flex;
}
.solution-section .vendor-section .vendor-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  align-items: center;
}
.solution-section .vendor-section .vendor-text-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.solution-section .vendor-section .vendor-text-block .vendor-heading {
  text-align: justify;
}
.solution-section .vendor-section .vendor-text-block .vendor-text {
  text-align: left;
}
.solution-section .vendor-section .vendor-actions {
  width: 100%;
  justify-content: left;
  display: flex;
}
.solution-section .vendor-section .vendor-button {
  display: inline-block;
  background-color: #556B58;
  padding: 14px 32px 12px 32px;
  border-radius: 12px;
  border: 1px solid #556B58;
  transition: background-color 0.3s, border-color 0.3s;
  height: 62px;
}
.solution-section .vendor-section .vendor-button:hover {
  background-color: #445647;
  border-color: #445647;
}
.solution-section .vendor-section .vendor-image-wrapper {
  flex: 1;
  min-width: 0;
}
.solution-section .vendor-section .vendor-image-wrapper img {
  border-radius: 27px;
}
.solution-section .vendor-section .vendor-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .solution-section .vendor-section {
    padding: 120px 64px;
  }
  .solution-section .vendor-section .vendor-container {
    max-width: 1312px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 80px;
    flex-direction: row;
  }
  .solution-section .vendor-section .vendor-content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .solution-section .vendor-section .vendor-actions {
    padding-top: 16px;
  }
  .solution-section .vendor-section .vendor-actions .vendor-button {
    padding: 15px 48px 17px 48px;
  }
}
.hero-section-resource-center {
  background-color: #e5e5ea;
  display: flex;
  align-items: flex-end;
  padding-top: 112px;
  padding-bottom: 0;
  position: relative;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .hero-section-resource-center {
    padding-top: 142px;
  }
}
@media (min-width: 992px) {
  .hero-section-resource-center {
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 100px;
  }
}
.hero-section-resource-center .hero-content-wrapper {
  max-width: none;
  width: 90.5%;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-bottom: 0px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(0, 0, 0, 0.1) 0%, rgba(84, 107, 88, 0.6) 50%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px 24px 0 0px;
  padding: 48px 23px;
}
@media (min-width: 992px) {
  .hero-section-resource-center .hero-content-wrapper {
    padding: 48px 64px;
    max-width: 800px;
    border-top: 2px solid rgba(165, 205, 166, 0.75);
    border-right: 2px solid rgba(165, 205, 166, 0.75);
    border-bottom: 2px solid rgba(165, 205, 166, 0.75);
    border-left: 0 solid rgba(165, 205, 166, 0.75);
    border-radius: 0px 32px 32px 0px;
  }
}
.hero-section-resource-center .hero-content-wrapper .hero-text-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
@media (min-width: 992px) {
  .hero-section-resource-center .hero-content-wrapper .hero-text-content {
    align-items: flex-start;
  }
}
.hero-section-resource-center .hero-content-wrapper .hero-text-content h1 {
  margin: 0;
  text-align: center;
  font-size: 35px;
}
@media (min-width: 388px) {
  .hero-section-resource-center .hero-content-wrapper .hero-text-content h1 {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .hero-section-resource-center .hero-content-wrapper .hero-text-content h1 {
    text-align: start;
  }
}
.hero-section-resource-center .hero-content-wrapper .hero-text-content p {
  margin: 0;
  max-width: 646px;
  text-align: center;
}
@media (min-width: 992px) {
  .hero-section-resource-center .hero-content-wrapper .hero-text-content p {
    text-align: start;
  }
}
.hero-section-resource-center .hero-content-wrapper .hero-actions {
  padding-top: 16px;
  text-align: center;
}
@media (min-width: 992px) {
  .hero-section-resource-center .hero-content-wrapper .hero-actions {
    text-align: start;
  }
}
.hero-section-resource-center .hero-content-wrapper .hero-actions .hero-cta-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 12px;
  padding: 12px 20px;
  width: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #556b58;
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 525px) {
  .hero-section-resource-center .hero-content-wrapper .hero-actions .hero-cta-button {
    width: auto;
    padding: 16px 40px;
  }
}
@media (min-width: 768px) {
  .hero-section-resource-center .hero-content-wrapper .hero-actions .hero-cta-button {
    padding: 16px 48px;
    font-size: 20px;
  }
}
.hero-section-resource-center .hero-content-wrapper .hero-actions .hero-cta-button:hover {
  background-color: transparent;
  color: #ffffff;
}
.links-section-resource-center {
  background-color: #eff5ef;
  padding: 22px 0;
}
@media (min-width: 768px) {
  .links-section-resource-center {
    padding: 29px 0;
  }
}
.links-section-resource-center .container {
  padding: 0;
}
@media (min-width: 1200px) {
  .links-section-resource-center .container {
    padding: 0 19px;
  }
}
.links-section-resource-center .container .swiper {
  width: 100%;
  height: 100%;
}
.links-section-resource-center .container .swiper .swiper-wrapper {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .links-section-resource-center .container .swiper .swiper-wrapper {
    margin-bottom: 35px;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
.links-section-resource-center .container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto !important;
}
@media (min-width: 768px) {
  .links-section-resource-center .container .swiper .swiper-wrapper .swiper-slide {
    width: auto !important;
  }
}
.links-section-resource-center .container .swiper .swiper-wrapper .swiper-slide a {
  padding: 3.5px 10px 5.5px;
  display: inline-block;
  background-color: #eff5ef;
  color: #556b58;
  border-radius: 32px;
  transition: all 250ms;
}
@media (min-width: 768px) {
  .links-section-resource-center .container .swiper .swiper-wrapper .swiper-slide a {
    padding: 3.5px 12px 5.5px;
  }
}
@media (min-width: 1056px) {
  .links-section-resource-center .container .swiper .swiper-wrapper .swiper-slide a {
    padding: 3.5px 20px 5.5px;
  }
}
.links-section-resource-center .container .swiper .swiper-wrapper .swiper-slide a:hover {
  background-color: #556b58;
  color: #ffffff;
}
.links-section-resource-center .container .swiper .swiper-pagination {
  display: flex;
  gap: 0;
  bottom: 0;
  padding: 0 20px 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1360px) {
  .links-section-resource-center .container .swiper .swiper-pagination {
    display: none;
  }
}
.links-section-resource-center .container .swiper .swiper-pagination span {
  display: inline-block;
  margin: 0;
  border-radius: 0;
  width: 100%;
  background-color: rgba(55, 55, 54, 0.5019607843);
  opacity: 1;
  height: 2px;
  margin: 2px 0 0;
}
.links-section-resource-center .container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  margin: 0 !important;
  background-color: #556b58 !important;
  height: 4px !important;
}
.glossary-section-resource-center {
  background-color: #ffffff;
  padding: 60px 0 60px;
  display: flex;
  justify-content: center;
}
@media (min-width: 1056px) {
  .glossary-section-resource-center {
    padding: 60px 0 80px;
  }
}
@media (min-width: 1200px) {
  .glossary-section-resource-center {
    padding: 60px 0 100px;
  }
}
@media (min-width: 1360px) {
  .glossary-section-resource-center {
    padding: 60px 0 120px;
  }
}
.glossary-section-resource-center .glossary-container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (min-width: 768px) {
  .glossary-section-resource-center .glossary-container {
    gap: 60px;
  }
}
@media (min-width: 992px) {
  .glossary-section-resource-center .glossary-container {
    gap: 96px;
  }
}
.glossary-section-resource-center .glossary-container .glossary-title {
  color: #556b58;
  margin: 0;
}
.glossary-section-resource-center .glossary-container .glossary-grid {
  width: 100%;
  gap: 0;
  display: flex;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .glossary-section-resource-center .glossary-container .glossary-grid {
    gap: 32px;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }
}
@media (min-width: 1200px) {
  .glossary-section-resource-center .glossary-container .glossary-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.glossary-section-resource-center .glossary-container .glossary-grid.show-desktop {
  display: none !important;
}
@media (min-width: 768px) {
  .glossary-section-resource-center .glossary-container .glossary-grid.show-desktop {
    display: grid !important;
  }
}
.glossary-section-resource-center .glossary-container .glossary-grid .glossary-card {
  background-color: #ffffff;
  border: 1px solid #f2f2f7;
  border-radius: 32px;
  padding: 20px 24px 24px 30px;
  box-shadow: 0px 4px 6px -2px rgba(149, 187, 149, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.15);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 525px) {
  .glossary-section-resource-center .glossary-container .glossary-grid .glossary-card {
    padding: 38px;
  }
}
@media (min-width: 992px) {
  .glossary-section-resource-center .glossary-container .glossary-grid .glossary-card {
    padding: 32px;
  }
}
.glossary-section-resource-center .glossary-container .glossary-grid .glossary-card .card-header {
  display: flex;
  align-items: center;
  gap: 24px;
}
.glossary-section-resource-center .glossary-container .glossary-grid .glossary-card .card-header .card-initial {
  color: #232323;
  margin: 0;
}
.glossary-section-resource-center .glossary-container .glossary-grid .glossary-card .card-header .card-divider {
  width: 2px;
  height: 30px;
  background-color: #88aa89;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .glossary-section-resource-center .glossary-container .glossary-grid .glossary-card .card-header .card-divider {
    height: 100%;
  }
}
.glossary-section-resource-center .glossary-container .glossary-grid .glossary-card .card-header .card-term {
  color: #232323;
  margin: 0;
}
.glossary-section-resource-center .glossary-container .glossary-grid .glossary-card .card-definition {
  color: #232323;
  margin: 0;
  text-align: start;
}
.glossary-section-resource-center .glossary-container .glossary-grid .glossary-card .card-definition strong {
  font-weight: 800;
}
.glossary-section-resource-center .glossary-container .swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
}
.glossary-section-resource-center .glossary-container .swiper.show-mobile {
  display: flex !important;
}
@media (min-width: 768px) {
  .glossary-section-resource-center .glossary-container .swiper.show-mobile {
    display: none !important;
  }
  .glossary-section-resource-center .glossary-container .swiper {
    padding-bottom: 0;
  }
}
.glossary-section-resource-center .glossary-container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: calc((100% - 30px) / 2) !important;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  align-items: center;
}
.glossary-section-resource-center .glossary-container .swiper .swiper-pagination {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .glossary-section-resource-center .glossary-container .swiper .swiper-pagination {
    display: none;
  }
}
.glossary-section-resource-center .glossary-container .swiper .swiper-pagination span {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 1px solid #556B58;
  opacity: 1;
}
.glossary-section-resource-center .glossary-container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556B58 !important;
}
:root {
  --color-primary: #556b58;
  --color-text-dark: #232323;
  --color-text-light: #ffffff;
  --color-border: #88aa89;
  --color-background-light: #eff5ef;
  --color-white: #ffffff;
}
.btn-custom {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 12px 28px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  font-family: "sofia-pro", sans-serif;
}
@media (min-width: 992px) {
  .btn-custom {
    font-size: 20px;
    padding: 16px 48px;
  }
}
.btn-custom.btn-primary {
  background-color: #556b58;
  border-color: #556b58;
  color: #fff;
}
.btn-custom.btn-primary:hover {
  opacity: 0.9;
}
.btn-custom.btn-secondary {
  background-color: transparent;
  border-color: #556b58;
  color: #556b58;
  font-size: 18px;
}
@media (min-width: 992px) {
  .btn-custom.btn-secondary {
    font-size: 20px;
  }
}
.btn-custom.btn-secondary:hover {
  background-color: #556b58;
  color: #fff;
}
.btn-custom.btn-tertiary {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: #556b58;
}
.btn-custom.btn-tertiary:hover {
  opacity: 0.9;
}
.btn-custom.btn-quaternary {
  background-color: transparent;
  border-color: var(--color-white);
  color: #fff;
}
.btn-custom.btn-quaternary:hover {
  background-color: var(--color-white);
  color: #556b58;
}
.faq-section-resource-center {
  overflow: hidden;
  background: linear-gradient(180deg, rgba(136, 170, 137, 0.4) 0%, rgba(239, 245, 239, 0.32) 27.03%, rgba(239, 245, 239, 0.8) 56.81%, rgba(239, 245, 239, 0.16) 93.4%, rgba(136, 170, 137, 0.4) 124.38%), #eff5ef;
  padding: 120px 64px;
  border-bottom: 1px solid var(--color-border);
  box-sizing: border-box;
  padding: 68px 0;
}
@media (min-width: 768px) {
  .faq-section-resource-center {
    padding: 70px 0;
  }
}
@media (min-width: 1200px) {
  .faq-section-resource-center {
    padding: 100px 0;
  }
}
@media (min-width: 1360px) {
  .faq-section-resource-center {
    padding: 120px 0;
  }
}
.faq-section-resource-center .container .faq-grid {
  flex-direction: column;
  gap: 30px;
  display: flex;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid {
    flex-direction: row;
    gap: 16px;
  }
}
@media (min-width: 1056px) {
  .faq-section-resource-center .container .faq-grid {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .faq-section-resource-center .container .faq-grid {
    gap: 50px;
  }
}
@media (min-width: 1360px) {
  .faq-section-resource-center .container .faq-grid {
    gap: 80px;
  }
}
.faq-section-resource-center .container .faq-grid .faq-contact-prompt {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-contact-prompt {
    gap: 32px;
  }
}
.faq-section-resource-center .container .faq-grid .faq-contact-prompt.-show-desktop {
  display: none;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-contact-prompt.-show-desktop {
    display: flex;
  }
}
.faq-section-resource-center .container .faq-grid .faq-contact-prompt.-show-mobile {
  display: flex;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-contact-prompt.-show-mobile {
    display: none;
  }
}
.faq-section-resource-center .container .faq-grid .faq-contact-prompt .faq-subheading {
  margin: 0;
  color: var(--color-text-dark);
  text-align: center;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-contact-prompt .faq-subheading {
    text-align: start;
  }
}
.faq-section-resource-center .container .faq-grid .faq-contact-prompt .faq-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-contact-prompt .faq-actions {
    gap: 24px;
    justify-content: flex-start;
  }
}
.faq-section-resource-center .container .faq-grid .faq-intro {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-title {
  margin: 0 0 24px 0;
  color: #556b58;
  text-align: center;
  position: relative;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title {
    text-align: start;
    margin: 0 0 30px 0;
  }
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small::before {
    left: 600%;
    bottom: -332px;
  }
}
@media (min-width: 1056px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small::before {
    bottom: -322px;
  }
}
@media (min-width: 1200px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small::before {
    bottom: -292px;
  }
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small::after {
  left: auto;
  right: 0;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small::after {
    bottom: -332px;
  }
}
@media (min-width: 1056px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small::after {
    bottom: -322px;
  }
}
@media (min-width: 1200px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small::after {
    bottom: -292px;
  }
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small span {
    width: 600%;
    bottom: -330px;
  }
}
@media (min-width: 1056px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small span {
    bottom: -320px;
  }
}
@media (min-width: 1200px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-title.-line-bottom-small span {
    bottom: -290px;
  }
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-description {
  color: var(--color-text-dark);
  max-width: 616px;
  text-align: center;
  margin: auto;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-description {
    margin: 0 0 30px 0;
    text-align: start;
  }
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt.-show-desktop {
  display: none;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt.-show-desktop {
    display: flex;
  }
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt.-show-mobile {
  display: flex;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt.-show-mobile {
    display: none;
  }
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt .faq-subheading {
  margin: 0;
  color: var(--color-text-dark);
  font-family: "sofia-pro", sans-serif;
  /* Sofia Pro replacement */
  font-weight: 900;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt .faq-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 992px) {
  .faq-section-resource-center .container .faq-grid .faq-intro .faq-contact-prompt .faq-actions {
    gap: 24px;
  }
}
.faq-section-resource-center .container .faq-grid .faq-accordion {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cta-banner-section-resource-center {
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  text-align: center;
  background-color: #232323;
}
@media (min-width: 768px) {
  .cta-banner-section-resource-center {
    padding: 110px 0;
  }
}
@media (min-width: 1200px) {
  .cta-banner-section-resource-center {
    padding: 120px 0;
  }
}
.cta-banner-section-resource-center .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .cta-banner-section-resource-center .container {
    gap: 24px;
  }
}
@media (min-width: 1056px) {
  .cta-banner-section-resource-center .container {
    gap: 24px;
  }
}
.cta-banner-section-resource-center .container .cta-banner-section__heading {
  color: #ffffff;
  max-width: 940px;
  margin: 0;
}
.cta-banner-section-resource-center .container .button-wrapper {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.cta-banner-section-resource-center .container p {
  margin-bottom: 28px;
}
@media (min-width: 1056px) {
  .cta-banner-section-resource-center .container p {
    margin-bottom: 24px;
  }
}
.section-featured-resource-center {
  background-color: #fff;
  padding: 60px 0 20px;
}
@media (min-width: 768px) {
  .section-featured-resource-center {
    padding: 70px 0 40px;
  }
}
@media (min-width: 992px) {
  .section-featured-resource-center {
    padding: 100px 0 50px;
  }
}
@media (min-width: 1200px) {
  .section-featured-resource-center {
    padding: 120px 0 60px;
  }
}
.section-featured-resource-center .container .-show-desktop {
  display: none;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .-show-desktop {
    display: block;
  }
}
.section-featured-resource-center .container .-show-mobile {
  display: flex;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .-show-mobile {
    display: none;
  }
}
.section-featured-resource-center .container h2 {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .section-featured-resource-center .container h2 {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .section-featured-resource-center .container h2 {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .blog-hub-grid {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-featured-resource-center .container .blog-hub-grid {
    gap: 31px;
  }
}
.section-featured-resource-center .container .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-featured-resource-center .container .blog-hub-grid .article-card.-hide-article-white-paper {
  display: none !important;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-featured-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-featured-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-featured-resource-center .container .blog-hub-grid .article-card iframe {
  aspect-ratio: 11/6.2;
  border-radius: 32px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .blog-hub-grid .article-card iframe {
    aspect-ratio: 10/5.63;
    margin-bottom: 32px;
  }
}
.section-featured-resource-center .container .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .blog-hub-grid .article-card figure {
    aspect-ratio: 10/5.63;
    margin-bottom: 32px;
  }
}
.section-featured-resource-center .container .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-featured-resource-center .container .blog-hub-grid .article-card figure .float-image {
  aspect-ratio: 1/1;
  width: 30%;
  height: auto;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  bottom: -13px;
  right: -14px;
  padding: 15px;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-featured-resource-center .container .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-featured-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-featured-resource-center .container .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  .section-featured-resource-center .container .swiper {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .swiper .blog-hub-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-featured-resource-center .container .swiper .blog-hub-grid {
    gap: 31px;
  }
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-featured-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-featured-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .swiper .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-featured-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-featured-resource-center .container .swiper .swiper-pagination {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .section-featured-resource-center .container .swiper .swiper-pagination {
    display: none;
  }
}
.section-featured-resource-center .container .swiper .swiper-pagination span {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 1px solid #556B58;
  opacity: 1;
}
.section-featured-resource-center .container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556B58 !important;
}
.section-white-papers-resource-center {
  background-color: #fff;
  padding: 60px 0;
}
@media (min-width: 768px) {
  .section-white-papers-resource-center {
    padding: 45px 0 60px;
  }
}
@media (min-width: 992px) {
  .section-white-papers-resource-center {
    padding: 35px 0 100px;
  }
}
@media (min-width: 1200px) {
  .section-white-papers-resource-center {
    padding: 40px 0 120px;
  }
}
.section-white-papers-resource-center .container .-show-desktop {
  display: none;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .-show-desktop {
    display: block;
  }
}
.section-white-papers-resource-center .container .-show-mobile {
  display: flex;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .-show-mobile {
    display: none;
  }
}
.section-white-papers-resource-center .container h2 {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .section-white-papers-resource-center .container h2 {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .section-white-papers-resource-center .container h2 {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .blog-hub-grid {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-white-papers-resource-center .container .blog-hub-grid {
    gap: 31px;
  }
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card.-hide-article-white-paper {
  display: none !important;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-white-papers-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-white-papers-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card iframe {
  aspect-ratio: 11/6.2;
  border-radius: 32px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .blog-hub-grid .article-card iframe {
    aspect-ratio: 10/5.63;
    margin-bottom: 32px;
  }
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: auto;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-white-papers-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-white-papers-resource-center .container .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  .section-white-papers-resource-center .container .swiper {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .swiper .blog-hub-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-white-papers-resource-center .container .swiper .blog-hub-grid {
    gap: 31px;
  }
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-white-papers-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-white-papers-resource-center .container .swiper .swiper-pagination {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .section-white-papers-resource-center .container .swiper .swiper-pagination {
    display: none;
  }
}
.section-white-papers-resource-center .container .swiper .swiper-pagination span {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 1px solid #556B58;
  opacity: 1;
}
.section-white-papers-resource-center .container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556B58 !important;
}
.section-case-studies-resource-center {
  background-color: #fff;
  padding: 60px 0 30px;
}
@media (min-width: 768px) {
  .section-case-studies-resource-center {
    padding: 75px 0 35px;
  }
}
@media (min-width: 992px) {
  .section-case-studies-resource-center {
    padding: 90px 0 40px;
  }
}
@media (min-width: 1200px) {
  .section-case-studies-resource-center {
    padding: 120px 0 60px;
  }
}
.section-case-studies-resource-center .container .-show-desktop {
  display: none;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .-show-desktop {
    display: block;
  }
}
.section-case-studies-resource-center .container .-show-mobile {
  display: flex;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .-show-mobile {
    display: none;
  }
}
.section-case-studies-resource-center .container h2 {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .section-case-studies-resource-center .container h2 {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .section-case-studies-resource-center .container h2 {
    margin-bottom: 96px;
  }
}
.section-case-studies-resource-center .container .blog-hub-grid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .blog-hub-grid {
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .section-case-studies-resource-center .container .blog-hub-grid {
    gap: 24px;
  }
}
@media (min-width: 1360px) {
  .section-case-studies-resource-center .container .blog-hub-grid {
    gap: 31px;
  }
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  border-radius: 32px;
  border: 1px solid #e5e5ea;
  background: #fff;
  box-shadow: 0 12px 16px -4px rgba(165, 205, 166, 0.15), 0 4px 6px -2px rgba(149, 187, 149, 0.1);
  padding: 16px;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card.-hide-article-mobile-case-studies {
  display: none;
}
@media (min-width: 768px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card.-hide-article-mobile-case-studies {
    display: flex;
  }
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card.-hide-article-case-studies {
  display: none;
}
@media (min-width: 768px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card {
    width: calc(50% - 8px) !important;
  }
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card figure {
  border-radius: 16px;
  width: 100%;
  height: auto;
  aspect-ratio: 11/7.75;
  margin-bottom: 12px;
  position: relative;
  max-width: 100%;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card figure {
    aspect-ratio: 10/9.15;
    margin-bottom: 32px;
  }
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card figure img.background-image {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card figure .float-image {
  position: absolute;
  bottom: -2px;
  right: -2px;
  outline: 16px solid #fff;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #7b7b7b;
  width: 90px;
  height: 90px;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card figure .float-image {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 1200px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card figure .float-image {
    width: 118px;
    height: 118px;
  }
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  justify-content: space-between;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper a {
  text-align: center;
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border: 1px solid #556B58;
  padding: 15px 32px 16px;
  border-radius: 12px;
  gap: 14px;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper a:hover {
  background-color: #556B58;
  color: #fff;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper a:hover svg path {
  fill: #fff;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-case-studies-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-case-studies-resource-center .container .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  .section-case-studies-resource-center .container .swiper {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .swiper .blog-hub-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-case-studies-resource-center .container .swiper .blog-hub-grid {
    gap: 31px;
  }
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-case-studies-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-case-studies-resource-center .container .swiper .swiper-pagination {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .section-case-studies-resource-center .container .swiper .swiper-pagination {
    display: none;
  }
}
.section-case-studies-resource-center .container .swiper .swiper-pagination span {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 1px solid #556B58;
  opacity: 1;
}
.section-case-studies-resource-center .container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556B58 !important;
}
.cta-banner-top-section-resource-center {
  background-size: cover;
  background-position: center;
  padding: 100px 0;
  text-align: center;
  background-color: #232323;
}
@media (min-width: 768px) {
  .cta-banner-top-section-resource-center {
    padding: 110px 0;
  }
}
@media (min-width: 1200px) {
  .cta-banner-top-section-resource-center {
    padding: 120px 0;
  }
}
.cta-banner-top-section-resource-center .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .cta-banner-top-section-resource-center .container {
    gap: 24px;
  }
}
@media (min-width: 1056px) {
  .cta-banner-top-section-resource-center .container {
    gap: 24px;
  }
}
.cta-banner-top-section-resource-center .container .cta-banner-section__heading {
  color: #ffffff;
  max-width: 720px;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .cta-banner-top-section-resource-center .container .cta-banner-section__heading {
    margin: 0 auto 24px;
  }
}
.cta-banner-top-section-resource-center .container .button-wrapper {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.cta-banner-top-section-resource-center .container .button-wrapper .btn {
  padding: 12px 22px;
}
@media (min-width: 525px) {
  .cta-banner-top-section-resource-center .container .button-wrapper .btn {
    padding: 12px 24px;
  }
}
@media (min-width: 992px) {
  .cta-banner-top-section-resource-center .container .button-wrapper .btn {
    padding: 12px 32px;
  }
}
@media (min-width: 1056px) {
  .cta-banner-top-section-resource-center .container .button-wrapper .btn {
    padding: 12px 48px;
  }
}
.cta-banner-top-section-resource-center .container p {
  margin-bottom: 28px;
}
@media (min-width: 1056px) {
  .cta-banner-top-section-resource-center .container p {
    margin-bottom: 24px;
  }
}
.section-webinars-video-resource-center {
  background-color: #fff;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .section-webinars-video-resource-center {
    padding: 45px 0;
  }
}
@media (min-width: 1200px) {
  .section-webinars-video-resource-center {
    padding: 60px 0;
  }
}
.section-webinars-video-resource-center .container .-show-desktop {
  display: none;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .-show-desktop {
    display: block;
  }
}
.section-webinars-video-resource-center .container .-show-mobile {
  display: flex;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .-show-mobile {
    display: none;
  }
}
.section-webinars-video-resource-center .container h2 {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .section-webinars-video-resource-center .container h2 {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .section-webinars-video-resource-center .container h2 {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .blog-hub-grid {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-webinars-video-resource-center .container .blog-hub-grid {
    gap: 31px;
  }
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card.-hide-article-webinar {
  display: none !important;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-webinars-video-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-webinars-video-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card iframe {
  aspect-ratio: 11/6.2;
  border-radius: 32px;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .blog-hub-grid .article-card iframe {
    aspect-ratio: 10/5.63;
    margin-bottom: 32px;
  }
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: auto;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-webinars-video-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-webinars-video-resource-center .container .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  .section-webinars-video-resource-center .container .swiper {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .swiper .blog-hub-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-webinars-video-resource-center .container .swiper .blog-hub-grid {
    gap: 31px;
  }
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-webinars-video-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-webinars-video-resource-center .container .swiper .swiper-pagination {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .section-webinars-video-resource-center .container .swiper .swiper-pagination {
    display: none;
  }
}
.section-webinars-video-resource-center .container .swiper .swiper-pagination span {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 1px solid #556B58;
  opacity: 1;
}
.section-webinars-video-resource-center .container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556B58 !important;
}
.section-blog-hub-resource-center {
  background-color: #fff;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .section-blog-hub-resource-center {
    padding: 45px 0;
  }
}
@media (min-width: 1200px) {
  .section-blog-hub-resource-center {
    padding: 60px 0;
  }
}
.section-blog-hub-resource-center .container .-show-desktop {
  display: none;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .-show-desktop {
    display: block;
  }
}
.section-blog-hub-resource-center .container .-show-mobile {
  display: flex;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .-show-mobile {
    display: none;
  }
}
.section-blog-hub-resource-center .container h2 {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .section-blog-hub-resource-center .container h2 {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .section-blog-hub-resource-center .container h2 {
    margin-bottom: 96px;
  }
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .blog-hub-grid {
    justify-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-blog-hub-resource-center .container .blog-hub-grid {
    gap: 31px;
  }
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card.-hide-article {
  display: none !important;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-blog-hub-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-blog-hub-resource-center .container .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: auto;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-blog-hub-resource-center .container .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #556b58;
}
.section-blog-hub-resource-center .container .swiper {
  width: 100%;
  height: 100%;
  padding-bottom: 46px;
}
@media (min-width: 768px) {
  .section-blog-hub-resource-center .container .swiper {
    padding-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .swiper .blog-hub-grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .section-blog-hub-resource-center .container .swiper .blog-hub-grid {
    gap: 31px;
  }
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 8px) !important;
  }
}
@media (min-width: 1056px) {
  .section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 12px) !important;
  }
}
@media (min-width: 1200px) {
  .section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card {
    width: calc(33% - 17px) !important;
  }
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card figure {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  aspect-ratio: 11/6.2;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card figure {
    aspect-ratio: 10/7.2;
    margin-bottom: 32px;
  }
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card figure img {
  border-radius: 32px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span {
  color: #232323;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__categories-wrapper span.category {
  background-color: #eff5ef;
  padding: 4px 8px;
  border-radius: 10px;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper {
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper h3 {
  text-align: start;
  margin-bottom: 10px;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
  text-align: start;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper p {
    margin-bottom: 30px;
  }
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a {
  text-align: start;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg {
  width: 7.5px;
  height: auto;
  max-width: none;
  margin-top: 4px;
}
.section-blog-hub-resource-center .container .swiper .blog-hub-grid .article-card__content-wrapper a svg path {
  fill: #4f7153;
}
.section-blog-hub-resource-center .container .swiper .swiper-pagination {
  margin-top: 48px;
}
@media (min-width: 992px) {
  .section-blog-hub-resource-center .container .swiper .swiper-pagination {
    display: none;
  }
}
.section-blog-hub-resource-center .container .swiper .swiper-pagination span {
  width: 14px;
  height: 14px;
  background-color: white;
  border: 1px solid #556B58;
  opacity: 1;
}
.section-blog-hub-resource-center .container .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556B58 !important;
}
.search-section-resource-center {
  background-color: #ffffff;
  padding: 60px 19px 12px;
}
@media (min-width: 768px) {
  .search-section-resource-center {
    padding: 60px 19px 40px;
  }
}
.search-section-resource-center .search-container {
  max-width: 768px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  text-align: center;
}
.search-section-resource-center .search-container .search-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.search-section-resource-center .search-container .search-header .search-title {
  color: #556b58;
  margin: 0;
}
.search-section-resource-center .search-container .search-header .search-subtitle {
  color: #232323;
  margin: 0;
  max-width: 319px;
}
@media (min-width: 525px) {
  .search-section-resource-center .search-container .search-header .search-subtitle {
    max-width: none;
  }
}
.search-section-resource-center .search-container .search-form-wrapper {
  display: flex;
  gap: 6px;
  width: 100%;
}
@media (min-width: 768px) {
  .search-section-resource-center .search-container .search-form-wrapper {
    gap: 16px;
  }
}
.search-section-resource-center .search-container .search-form-wrapper .search-input-container {
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.search-section-resource-center .search-container .search-form-wrapper .search-input-container svg {
  width: 19px;
  height: 19px;
  aspect-ratio: 1/1;
}
.search-section-resource-center .search-container .search-form-wrapper .search-input-container .search-input {
  padding: 0;
  width: 100%;
  background: transparent;
  line-height: 1.5;
  color: #556b58;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  margin: 0;
}
@media (min-width: 768px) {
  .search-section-resource-center .search-container .search-form-wrapper .search-input-container .search-input {
    font-size: 16px;
    line-height: 150%;
    /* 24px */
  }
}
.search-section-resource-center .search-container .search-form-wrapper .search-input-container .search-input::-moz-placeholder {
  color: #556b58;
  opacity: 0.8;
}
.search-section-resource-center .search-container .search-form-wrapper .search-input-container .search-input::placeholder {
  color: #556b58;
  opacity: 0.8;
}
.search-section-resource-center .search-container .search-form-wrapper .filter-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background-color: transparent;
  border: 1px solid #556b58;
  border-radius: 12px;
  padding: 16px 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  color: #556b58;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  max-width: 105px;
}
@media (min-width: 768px) {
  .search-section-resource-center .search-container .search-form-wrapper .filter-button {
    gap: 12px;
    padding: 16px 48px;
    max-width: none;
  }
}
.search-section-resource-center .search-container .search-form-wrapper .filter-button:hover {
  background-color: #556b58;
  color: #ffffff;
}
.search-section-resource-center .search-container .search-form-wrapper .filter-button:hover svg path {
  fill: #ffffff;
}
.search-input-container {
  padding: 0;
  display: flex;
  gap: 6px;
  width: 100%;
}
.search-input-container form {
  width: 100%;
}
.search-input-container .swp-flex--row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  width: 100%;
}
.search-input-container .swp-flex--row .searchwp-form-input-container {
  width: 100%;
}
.search-input-container .swp-flex--row .searchwp-form-input-container input.swp-input--search {
  border: 1px solid #556b58;
  border-radius: 12px;
  outline: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath d='M8 16C9.77498 15.9996 11.4988 15.4054 12.897 14.312L17.293 18.708L18.707 17.294L14.311 12.898C15.405 11.4997 15.9996 9.77544 16 8C16 3.589 12.411 0 8 0C3.589 0 0 3.589 0 8C0 12.411 3.589 16 8 16ZM8 2C11.309 2 14 4.691 14 8C14 11.309 11.309 14 8 14C4.691 14 2 11.309 2 8C2 4.691 4.691 2 8 2Z' fill='%23556B58'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 14px;
  width: 100%;
  padding: 14px 14px 14px 30px;
  max-width: none;
  color: #556b58;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 768px) {
  .search-input-container .swp-flex--row .searchwp-form-input-container input.swp-input--search {
    background-position: 12px center;
    font-size: 16px;
    background-size: 18px;
    padding: 19px 19px 19px 48px;
  }
}
.search-input-container .swp-flex--row .searchwp-form-input-container input.swp-input--search::-moz-placeholder {
  color: #556b58;
  opacity: 0.8;
}
.search-input-container .swp-flex--row .searchwp-form-input-container input.swp-input--search::placeholder {
  color: #556b58;
  opacity: 0.8;
}
.search-submit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 11H17V13H7V11ZM4 7H20V9H4V7ZM10 15H14V17H10V15Z' fill='%23556B58'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background-color: transparent;
  border: 1px solid #556b58;
  border-radius: 12px;
  padding: 10px 21px 10px 38px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #556b58;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .search-submit {
    font-size: 20px;
    background-position: 36px center;
    gap: 12px;
    padding: 16px 48px 16px 66px;
    background-size: 22px;
    max-width: none;
  }
}
.search-submit:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 11H17V13H7V11ZM4 7H20V9H4V7ZM10 15H14V17H10V15Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
  background-color: #556b58 !important;
  color: #ffffff;
}
h4.searchwp-live-search-result--title a {
  font-family: "sofia-pro", sans-serif !important;
  color: #556b58 !important;
  font-weight: 600 !important;
}
.hero-section-search-page {
  background-color: #7e7e7e;
  display: flex;
  align-items: flex-end;
  padding-top: 112px;
  padding-bottom: 0;
  position: relative;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .hero-section-search-page {
    margin-bottom: 75px;
    padding-top: 142px;
  }
}
@media (min-width: 992px) {
  .hero-section-search-page {
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 100px;
  }
}
.hero-section-search-page .hero-content-wrapper {
  max-width: none;
  width: 90.5%;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-bottom: 0px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(0, 0, 0, 0.1) 0%, rgba(84, 107, 88, 0.6) 50%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px 24px 0 0px;
  padding: 48px 23px;
}
@media (min-width: 992px) {
  .hero-section-search-page .hero-content-wrapper {
    padding: 48px 64px;
    max-width: 800px;
    border-top: 2px solid rgba(165, 205, 166, 0.75);
    border-right: 2px solid rgba(165, 205, 166, 0.75);
    border-bottom: 2px solid rgba(165, 205, 166, 0.75);
    border-left: 0 solid rgba(165, 205, 166, 0.75);
    border-radius: 0px 32px 32px 0px;
  }
}
.hero-section-search-page .hero-content-wrapper .hero-text-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
@media (min-width: 992px) {
  .hero-section-search-page .hero-content-wrapper .hero-text-content {
    align-items: flex-start;
  }
}
.hero-section-search-page .hero-content-wrapper .hero-text-content h1 {
  margin: 0;
  text-align: center;
  font-size: 35px;
}
@media (min-width: 388px) {
  .hero-section-search-page .hero-content-wrapper .hero-text-content h1 {
    font-size: 45px;
  }
}
@media (min-width: 992px) {
  .hero-section-search-page .hero-content-wrapper .hero-text-content h1 {
    text-align: start;
  }
}
.search-results-grid {
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .search-results-grid {
    margin-bottom: 75px;
  }
}
.search-results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (min-width: 992px) {
  .search-results-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}
@media (min-width: 1360px) {
  .search-results-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
  }
}
.search-result-card {
  background: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .search-result-card {
    border-radius: 16px;
  }
}
.result-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 10/7.5;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .result-image img {
    aspect-ratio: 10/6;
  }
}
.result-content {
  padding: 8px;
}
@media (min-width: 768px) {
  .result-content {
    padding: 16px;
  }
}
@media (min-width: 1360px) {
  .result-content {
    padding: 20px;
  }
}
.result-type {
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.6;
}
.result-title {
  margin: 10px 0;
}
.result-excerpt {
  font-size: 14px;
  margin-bottom: 16px;
}
.no-search-results {
  margin-bottom: 35px;
}
@media (min-width: 1360px) {
  .no-search-results {
    margin-bottom: 75px;
  }
}
#searchsubmit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  background-color: transparent;
  border: 1px solid #556b58;
  border-radius: 12px;
  padding: 10px 21px 10px 21px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  color: #556b58;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  #searchsubmit {
    font-size: 20px;
    gap: 12px;
    padding: 12px 32px 12px 32px;
    max-width: none;
  }
}
#searchsubmit:hover {
  color: #ffffff;
  background-color: #556B58;
}
.video-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}
.video-modal.is-active {
  display: block !important;
}
.video-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}
.video-modal__content {
  position: relative;
  max-width: 900px;
  width: 90%;
  margin: 5% auto;
  background: #000;
  z-index: 2;
  border-radius: 30px;
  overflow: hidden;
}
.video-modal__iframe-wrapper {
  position: relative;
  padding-top: 56.25%;
  /* 16:9 */
}
.video-modal__iframe-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.video-modal__close {
  position: absolute;
  top: 18px;
  right: 15px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 3;
}
.hero-section-single {
  background-color: #7e7e7e;
  display: flex;
  align-items: flex-end;
  padding-top: 112px;
  padding-bottom: 0;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (min-width: 768px) {
  .hero-section-single {
    padding-top: 142px;
  }
}
.hero-section-single .bg-image-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-section-single .bg-image-desktop {
    display: block;
  }
}
.hero-section-single .bg-image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-section-single .bg-image-mobile {
    display: none;
  }
}
.hero-section-single .bg-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.45) 100%);
}
.hero-section-single .hero-content-wrapper {
  position: relative;
  z-index: 3;
  max-width: none;
  width: 90.5%;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-bottom: 0px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
  background: radial-gradient(173.07% 205.27% at 50% 50%, rgba(0, 0, 0, 0.1) 0%, rgba(84, 107, 88, 0.6) 50%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 24px 24px 0 0px;
  padding: 48px 14px;
}
@media (min-width: 768px) {
  .hero-section-single .hero-content-wrapper {
    padding: 48px 34px;
  }
}
@media (min-width: 992px) {
  .hero-section-single .hero-content-wrapper {
    padding: 48px 64px;
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .hero-section-single .hero-content-wrapper {
    padding: 84px 64px;
  }
}
.hero-section-single .hero-content-wrapper .hero-text-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}
@media (min-width: 992px) {
  .hero-section-single .hero-content-wrapper .hero-text-content {
    gap: 24px;
  }
}
.hero-section-single .hero-content-wrapper .hero-text-content .post-type {
  background-color: #eff5ef;
  padding: 4px 7.5px;
  border-radius: 10px;
}
.hero-section-single .hero-content-wrapper .hero-text-content h1 {
  margin: 0;
  text-align: center;
  max-width: 425px;
}
@media (min-width: 768px) {
  .hero-section-single .hero-content-wrapper .hero-text-content h1 {
    max-width: none;
  }
}
.hero-section-single .hero-content-wrapper .hero-text-content p {
  margin: 0;
}
.section-information-blog {
  background-color: #fff;
  margin: auto;
  padding: 60px 0 24px;
}
@media (min-width: 768px) {
  .section-information-blog {
    padding: 75px 0 24px;
  }
}
@media (min-width: 1200px) {
  .section-information-blog {
    padding: 100px 0 40px;
  }
}
.section-information-blog .container {
  max-width: 729px;
}
.section-information-blog .container .info-box {
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
  justify-content: center;
}
.section-information-blog .container .info-box p {
  display: inline-block;
  margin: 0;
}
.section-information-blog .container .post-categories {
  margin-bottom: 16px;
  gap: 24px;
  display: flex;
  justify-content: center;
}
.section-information-blog .container .post-categories .post-category {
  background-color: #eff5ef;
  padding: 4px 7.5px;
  border-radius: 10px;
}
.section-information-blog .container .hero-subheadline {
  text-align: center;
  margin: 0 auto 32px;
}
@media (min-width: 768px) {
  .section-information-blog .container .hero-subheadline {
    margin: 0 auto 40px;
  }
}
.section-information-blog .container > p {
  margin: 0;
  text-align: center;
}
.section-information-blog .container > p .-btn-outline-green {
  width: 100%;
  display: inline-block;
}
@media (min-width: 525px) {
  .section-information-blog .container > p .-btn-outline-green {
    width: auto;
  }
}
.two-columns-blog {
  background-color: #fff;
  padding: 24px 0 30px;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
@media (min-width: 768px) {
  .two-columns-blog {
    gap: 50px;
    padding: 24px 0 40px;
  }
}
@media (min-width: 992px) {
  .two-columns-blog {
    padding: 40px 0 60px;
  }
}
.two-columns-blog .two-columns {
  display: flex;
  align-items: center;
  align-self: center;
  flex-direction: column;
  gap: 30px;
}
@media (min-width: 768px) {
  .two-columns-blog .two-columns {
    flex-direction: row;
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .two-columns-blog .two-columns {
    gap: 48px;
  }
}
.two-columns-blog .two-columns__youtube {
  flex: 1 1 0;
  border-radius: 0;
  width: 100%;
}
.two-columns-blog .two-columns__image {
  flex: 1 1 0;
  border-radius: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  .two-columns-blog .two-columns__image {
    border-radius: 32px;
  }
}
.two-columns-blog .two-columns__image img {
  width: 100%;
  aspect-ratio: 10/8.15;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}
@media (min-width: 768px) {
  .two-columns-blog .two-columns__image img {
    aspect-ratio: 6.24/6.5;
    border-radius: 32px;
  }
}
@media (min-width: 992px) {
  .two-columns-blog .two-columns__image img {
    aspect-ratio: 6.24/3.9;
  }
}
.two-columns-blog .two-columns__info-box {
  flex: 1 1 0;
}
.two-columns-blog .two-columns__info-box h2 {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .two-columns-blog .two-columns__info-box h2 {
    margin-bottom: 16px;
  }
}
.two-columns-blog .two-columns__info-box p {
  margin: 0;
}
.section-challenge-blog {
  padding: 30px 0 24px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .section-challenge-blog {
    padding: 45px 0 40px;
  }
}
@media (min-width: 1200px) {
  .section-challenge-blog {
    padding: 60px 0;
  }
}
.section-challenge-blog .container-challenge-blog h2 {
  margin-bottom: 33px;
}
@media (min-width: 768px) {
  .section-challenge-blog .container-challenge-blog h2 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .section-challenge-blog .container-challenge-blog h2 {
    margin-bottom: 80px;
  }
}
.section-challenge-blog .container-challenge-blog__items-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 32px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  max-width: 1248px;
  margin: 0 auto 32px;
  width: 100%;
}
@media (min-width: 768px) {
  .section-challenge-blog .container-challenge-blog__items-wrapper {
    grid-auto-rows: minmax(200px, auto);
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 24px;
         column-gap: 24px;
    margin: 0 auto 50px;
  }
}
@media (min-width: 992px) {
  .section-challenge-blog .container-challenge-blog__items-wrapper {
    margin: 0 auto 80px;
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
.section-challenge-blog .container-challenge-blog__items-wrapper__item {
  max-width: none;
  padding: 0;
}
@media (min-width: 1200px) {
  .section-challenge-blog .container-challenge-blog__items-wrapper__item {
    max-width: 568px;
  }
}
.section-challenge-blog .container-challenge-blog__items-wrapper__item:nth-child(3n+1) {
  padding: 0;
  grid-row: span 2;
}
.section-challenge-blog .container-challenge-blog__items-wrapper__item__number {
  margin: 0;
}
.section-challenge-blog .container-challenge-blog__items-wrapper__item__head {
  margin: 0 0 8px;
}
.section-challenge-blog .container-challenge-blog__items-wrapper__item__description {
  margin: 0;
}
.section-challenge-blog .container-challenge-blog__two-columns {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .section-challenge-blog .container-challenge-blog__two-columns {
    flex-direction: row;
  }
}
.section-challenge-blog .container-challenge-blog__two-columns__content {
  border-radius: 32px;
  border: 1px solid #e5e5ea;
  max-width: none;
  background: #fff;
  box-shadow: 0 12px 16px -4px rgba(165, 205, 166, 0.15), 0 4px 6px -2px rgba(149, 187, 149, 0.1);
  padding: 19px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  flex: 1 1 0;
}
@media (min-width: 992px) {
  .section-challenge-blog .container-challenge-blog__two-columns__content {
    padding: 32px;
    max-width: 632px;
  }
}
.section-challenge-blog .container-challenge-blog__two-columns__content p {
  margin: 0;
}
.section-challenge-blog .container-challenge-blog__two-columns__image {
  max-width: none;
  flex: 1 1 0;
  height: auto;
  width: 100%;
  border-radius: 32px;
  border: 1px solid #e5e5ea;
  background: #fff;
  box-shadow: 0 12px 16px -4px rgba(165, 205, 166, 0.15), 0 4px 6px -2px rgba(149, 187, 149, 0.1);
  padding: 16px;
}
@media (min-width: 992px) {
  .section-challenge-blog .container-challenge-blog__two-columns__image {
    height: 330px;
    max-width: 632px;
  }
}
.section-challenge-blog .container-challenge-blog__two-columns__image img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  margin: 0;
  aspect-ratio: 10/9.62;
}
@media (min-width: 525px) {
  .section-challenge-blog .container-challenge-blog__two-columns__image img {
    aspect-ratio: 10/4.5;
  }
}
@media (min-width: 992px) {
  .section-challenge-blog .container-challenge-blog__two-columns__image img {
    aspect-ratio: none;
  }
}
.results-section {
  background-color: #ffffff;
  padding: 24px 0 42px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .results-section {
    padding: 40px 0 40px;
  }
}
@media (min-width: 1200px) {
  .results-section {
    padding: 60px 0 60px;
  }
}
.results-section .container {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
}
.results-section .container h2 {
  margin: 0 0 33px;
}
@media (min-width: 768px) {
  .results-section .container h2 {
    margin: 0 0 50px;
  }
}
@media (min-width: 992px) {
  .results-section .container h2 {
    margin: 0 0 75px;
  }
}
@media (min-width: 1200px) {
  .results-section .container h2 {
    margin: 0 0 112px;
  }
}
.results-section .container .content-row {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .results-section .container .content-row {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .results-section .container .content-row {
    gap: 48px;
  }
}
.results-section .container .content-row .content-col {
  padding: 0;
  flex: 1;
  max-width: none;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .results-section .container .content-row .content-col {
    max-width: 632px;
  }
}
@media (min-width: 1200px) {
  .results-section .container .content-row .content-col {
    padding: 32px;
  }
}
.results-section .container .content-row .content-col .green-text {
  color: #556b58;
}
.results-section .container .content-row .content-col .feature-block .feature-title {
  margin: 0;
}
.results-section .container .content-row .content-col .feature-block .feature-desc {
  margin: 0;
}
.results-section .container .content-row .content-col .main-feature {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.results-section .container .content-row .content-col .feature-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.results-section .container .content-row .content-col .feature-list .list-item {
  display: flex;
  flex-direction: column;
  border-left: 2px solid #88aa89;
  padding-left: 24px;
}
.results-section .container .content-row .content-col .feature-list .list-item .list-item-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 768px) {
  .results-section .container .content-row .content-col .feature-list .list-item .list-item-content {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .results-section .container .content-row .content-col .feature-list .list-item .list-item-content {
    gap: 16px;
  }
}
.results-section .container .content-row .content-col .feature-list .list-item .list-item-content .list-item-title {
  margin: 0;
}
.results-section .container .content-row .content-col .feature-list .list-item .list-item-content .list-item-desc {
  margin: 0;
}
#section-stats {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 19px 30px;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  #section-stats {
    padding: 0 19px 60px;
  }
}
#section-stats .stats-wrapper {
  width: 100%;
  max-width: 1440px;
  display: flex;
  justify-content: center;
}
#section-stats .stats-wrapper .stats-card {
  width: 100%;
  max-width: 1312px;
  background: linear-gradient(105deg, #546b58 20%, #a5cda6 100%);
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 6px -2px rgba(165, 205, 166, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.3);
  padding: 12px 16px 16px;
  border-radius: 24px;
  flex-direction: column;
  gap: 22px;
  height: auto;
}
@media (min-width: 768px) {
  #section-stats .stats-wrapper .stats-card {
    gap: 24px;
    border-radius: 32px;
  }
}
@media (min-width: 992px) {
  #section-stats .stats-wrapper .stats-card {
    flex-direction: row;
    padding: 28px 24px 28px 24px;
  }
}
@media (min-width: 1200px) {
  #section-stats .stats-wrapper .stats-card {
    padding: 36px 32px 36px 48px;
    gap: 46px;
  }
}
#section-stats .stats-wrapper .stats-card .stats-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 200px;
  flex-shrink: 0;
  color: #ffffff;
  padding: 0;
}
#section-stats .stats-wrapper .stats-card .stats-info .stats-number {
  font-family: "sofia-pro";
  font-size: 64px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -1.28px;
  margin: 0;
  text-align: center;
}
#section-stats .stats-wrapper .stats-card .stats-info .stats-description {
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  margin: 0;
}
#section-stats .stats-wrapper .stats-card .testimonial-card {
  background-color: #ffffff;
  padding: 18px 32px 24px;
  border-radius: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  box-shadow: inset 0px 4px 4px -1px rgba(12, 12, 13, 0.05);
}
@media (min-width: 768px) {
  #section-stats .stats-wrapper .stats-card .testimonial-card {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #section-stats .stats-wrapper .stats-card .testimonial-card {
    align-items: flex-start;
    text-align: start;
    padding: 0 20px 20px;
  }
}
@media (min-width: 1200px) {
  #section-stats .stats-wrapper .stats-card .testimonial-card {
    padding: 0 32px 24px;
  }
}
#section-stats .stats-wrapper .stats-card .testimonial-card .quote-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
}
@media (min-width: 1200px) {
  #section-stats .stats-wrapper .stats-card .testimonial-card .quote-icon-wrapper {
    width: 60px;
    height: 60px;
  }
}
#section-stats .stats-wrapper .stats-card .testimonial-card .quote-icon-wrapper svg {
  width: 100%;
  height: 100%;
}
#section-stats .stats-wrapper .stats-card .testimonial-card .quote-icon {
  width: 44px;
  height: auto;
}
#section-stats .stats-wrapper .stats-card .testimonial-card .testimonial-text {
  margin: 0;
  text-align: center;
}
@media (min-width: 992px) {
  #section-stats .stats-wrapper .stats-card .testimonial-card .testimonial-text {
    text-align: start;
  }
}
.main-container-blog .hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 98px 0;
}
@media (min-width: 768px) {
  .main-container-blog .hero-section {
    padding: 120px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
  }
}
.main-container-blog .hero-section .hero-content {
  position: relative;
  z-index: 4;
}
.main-container-blog .hero-section .h2-mobile {
  text-align: center;
}
.main-container-blog .hero-section .bg-image-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .main-container-blog .hero-section .bg-image-desktop {
    display: block;
  }
}
.main-container-blog .hero-section .bg-image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .main-container-blog .hero-section .bg-image-mobile {
    display: none;
  }
}
.main-container-blog .btn-hero {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  width: auto;
  position: relative;
  z-index: 4;
}
@media (min-width: 768px) {
  .main-container-blog .btn-hero {
    padding: 17px 46px;
  }
}
.main-container-blog .hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  padding-top: 14px;
  position: relative;
  z-index: 4;
}
@media (min-width: 768px) {
  .main-container-blog .hero-actions {
    gap: 32px;
  }
}
@media (min-width: 1200px) {
  .main-container-blog .hero-actions {
    gap: 40px;
  }
}
.main-container-blog .hero-actions .btn-solid {
  background-color: white;
  border-color: white;
}
.main-container-blog .hero-actions .btn-solid:hover {
  background-color: transparent;
  color: white;
}
.main-container-blog .hero-actions .btn-outline-light {
  background-color: transparent;
  border-color: white;
}
.main-container-blog .hero-actions .btn-outline-light:hover {
  background-color: white;
  color: #556b58;
}
@media (min-width: 768px) {
  .main-container-blog .hero-section .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }
  .main-container-blog .hero-section .hero-content .hero-title {
    margin: 0;
    max-width: 916px;
  }
  .main-container-blog .hero-section .hero-content .hero-actions {
    flex-wrap: nowrap;
    width: 100%;
  }
}
.section-solution-blog {
  background-color: #fff;
  padding: 30px 0 24px;
}
@media (min-width: 768px) {
  .section-solution-blog {
    padding: 45px 0 40px;
  }
}
@media (min-width: 1200px) {
  .section-solution-blog {
    padding: 60px 0;
  }
}
.section-solution-blog .container-solution-blog h2 {
  margin-bottom: 33px;
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog h2 {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .section-solution-blog .container-solution-blog h2 {
    margin-bottom: 80px;
  }
}
.section-solution-blog .container-solution-blog .swiperIssue {
  width: 100%;
  height: 100%;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog .swiperIssue {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .section-solution-blog .container-solution-blog .swiperIssue {
    margin-bottom: 0;
  }
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper {
  padding-bottom: 46px;
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  border-radius: 32px;
  border: 1px solid #e5e5ea;
  box-shadow: 0 12px 16px -4px rgba(165, 205, 166, 0.15), 0 4px 6px -2px rgba(149, 187, 149, 0.1);
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide {
    align-items: center;
    flex-direction: row;
    gap: 24px;
  }
}
@media (min-width: 1200px) {
  .section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide {
    gap: 32px;
  }
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide__content {
  flex: 1 1 0;
  padding: 0;
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide__content {
    padding: 0 0 0 16px;
  }
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide__image {
  flex: 1 1 0;
  border-radius: 24px;
  aspect-ratio: 3.2/2.1;
  margin: 0;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
@media (min-width: 525px) {
  .section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide__image {
    aspect-ratio: 3.2/1.5;
  }
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide__image {
    width: auto;
    aspect-ratio: 3/1.75;
  }
}
@media (min-width: 992px) {
  .section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide__image {
    flex: 1.2 1 0;
    aspect-ratio: 3/2.9;
  }
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-wrapper .swiper-slide__image img {
  border-radius: 24px;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-pagination {
  position: relative;
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-pagination span {
  width: 12px !important;
  height: 12px !important;
  background-color: #fff;
  border-radius: 24px;
  border: 1px solid #556b58;
  transform: scale(1) !important;
  opacity: 1;
}
.section-solution-blog .container-solution-blog .swiperIssue .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556b58 !important;
}
.section-solution-blog .container-solution-blog .swipertestimonial {
  width: 100%;
  height: 100%;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog .swipertestimonial {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .section-solution-blog .container-solution-blog .swipertestimonial {
    padding-bottom: 0;
  }
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  gap: 16px;
  border-radius: 32px;
  border: 1px solid #e5e5ea;
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide {
    gap: 24px;
  }
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide .svg-icon-park_quote {
  width: 53px;
  height: 53px;
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide .svg-icon-park_quote path {
  fill: #88AA89;
}
@media (min-width: 768px) {
  .section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide .svg-icon-park_quote {
    width: 54px;
    height: 54px;
  }
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide__stars {
  display: flex;
  gap: 4.5px;
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide__stars svg {
  width: 20px;
  height: 20px;
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide p {
  margin: 0;
  text-align: center;
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-wrapper .swiper-slide__name {
  opacity: 0.5;
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-pagination span {
  width: 12px !important;
  height: 12px !important;
  background-color: #fff;
  border-radius: 24px;
  border: 1px solid #556b58;
  transform: scale(1) !important;
  opacity: 1;
}
.section-solution-blog .container-solution-blog .swipertestimonial .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556b58 !important;
}
.section-related-posts {
  background-color: #fff;
  padding: 30px 0 60px;
}
@media (min-width: 768px) {
  .section-related-posts {
    padding: 45px 0 80px;
  }
}
@media (min-width: 1200px) {
  .section-related-posts {
    padding: 60px 0 100px;
  }
}
.section-related-posts .container h2 {
  margin-bottom: 33px;
}
@media (min-width: 768px) {
  .section-related-posts .container h2 {
    margin-bottom: 42px;
  }
}
@media (min-width: 1200px) {
  .section-related-posts .container h2 {
    margin-bottom: 60px;
  }
}
.section-related-posts .container .relatedPost {
  width: 100%;
  height: 100%;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .section-related-posts .container .relatedPost {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .section-related-posts .container .relatedPost {
    margin-bottom: 0;
  }
}
.section-related-posts .container .relatedPost .swiper-wrapper {
  padding-bottom: 46px;
}
.section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a {
  width: 100%;
  height: 100%;
  display: inline-block;
  margin: 0 0 8px;
  aspect-ratio: 3.5/2;
  border-radius: 24px;
  position: relative;
}
@media (min-width: 768px) {
  .section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a {
    border-radius: 32px;
    aspect-ratio: 6.32/3;
    margin: 0 0 20px;
  }
}
.section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}
@media (min-width: 768px) {
  .section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a img {
    border-radius: 32px;
  }
}
.section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a img.image-brand {
  position: absolute;
  width: 25.1%;
  aspect-ratio: 1/1;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (min-width: 768px) {
  .section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a img.image-brand {
    width: 24%;
  }
}
@media (min-width: 992px) {
  .section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a img.image-brand {
    width: 23%;
  }
}
@media (min-width: 1200px) {
  .section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide a img.image-brand {
    width: 22.16%;
  }
}
.section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide .case-study-content a {
  color: #556b58;
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: inline;
}
@media (min-width: 768px) {
  .section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide .case-study-content a {
    font-size: 20px;
  }
}
.section-related-posts .container .relatedPost .swiper-wrapper .swiper-slide .case-study-content a svg {
  margin: 0 0 0 6px;
  width: 24px;
  height: 24px;
}
.section-related-posts .container .relatedPost .swiper-pagination {
  position: relative;
}
.section-related-posts .container .relatedPost .swiper-pagination span {
  width: 12px !important;
  height: 12px !important;
  background-color: #fff;
  border-radius: 24px;
  border: 1px solid #556b58;
  transform: scale(1) !important;
  opacity: 1;
}
.section-related-posts .container .relatedPost .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: #556b58 !important;
}
.section-related-posts .container .case-studies-cta {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}
@media (min-width: 992px) {
  .section-related-posts .container .case-studies-cta {
    margin-top: 50px;
  }
}
.section-related-posts .container .case-studies-cta .btn-outline-white {
  color: #556b58;
  text-align: center;
  font-family: "sofia-pro";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding: 12px 32px;
  width: 100%;
  border: 1px solid #556b58;
  border-radius: 12px;
  transition: all 300ms;
  display: inline-block;
}
.section-related-posts .container .case-studies-cta .btn-outline-white:hover {
  background-color: #556b58;
  color: #fff;
}
@media (min-width: 525px) {
  .section-related-posts .container .case-studies-cta .btn-outline-white {
    width: auto;
  }
}
@media (min-width: 768px) {
  .section-related-posts .container .case-studies-cta .btn-outline-white {
    padding: 16px 48px;
    font-size: 20px;
  }
}
.legal-policies {
  background-color: #fff;
}
.legal-policies #section-hero {
  width: 100%;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 21.41%, rgba(0, 0, 0, 0) 100%), radial-gradient(97.57% 210.75% at 0.9% 2.98%, #a5cda6 0%, #546b58 70%);
  padding: 120px 0 80px;
}
@media (min-width: 992px) {
  .legal-policies #section-hero {
    padding: 150px 0 95px;
  }
}
@media (min-width: 1200px) {
  .legal-policies #section-hero {
    padding: 180px 0 121px;
  }
}
.legal-policies #section-hero .container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-blend-mode: normal;
}
.legal-policies .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 265px;
}
.legal-policies .content-wrapper h1 {
  margin: 0 auto;
  text-align: center;
}
.legal-policies .content-wrapper p {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 525px) {
  .legal-policies .content-wrapper {
    max-width: 450px;
  }
}
@media (min-width: 992px) {
  .legal-policies .content-wrapper {
    max-width: 672px;
  }
}
.legal-policies .links-section-text-template {
  background-color: #eff5ef;
  padding: 22px 0;
}
@media (min-width: 768px) {
  .legal-policies .links-section-text-template {
    padding: 29px 0;
  }
}
@media (min-width: 992px) {
  .legal-policies .links-section-text-template {
    padding: 35px 0;
  }
}
@media (min-width: 1200px) {
  .legal-policies .links-section-text-template {
    padding: 40px 0;
  }
}
.legal-policies .links-section-text-template .container {
  padding: 0;
}
@media (min-width: 1200px) {
  .legal-policies .links-section-text-template .container {
    padding: 0 19px;
  }
}
.legal-policies .links-section-text-template .container .swiper {
  width: 100%;
  height: 100%;
  max-width: 850px;
}
@media (min-width: 992px) {
  .legal-policies .links-section-text-template .container .swiper .swiper-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
.legal-policies .links-section-text-template .container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto !important;
}
@media (min-width: 768px) {
  .legal-policies .links-section-text-template .container .swiper .swiper-wrapper .swiper-slide {
    width: auto !important;
  }
}
.legal-policies .links-section-text-template .container .swiper .swiper-wrapper .swiper-slide a {
  padding: 3.5px 10px 5.5px;
  display: inline-block;
  background-color: #eff5ef;
  color: #556b58;
  border-radius: 32px;
  transition: all 250ms;
}
@media (min-width: 768px) {
  .legal-policies .links-section-text-template .container .swiper .swiper-wrapper .swiper-slide a {
    padding: 3.5px 12px 5.5px;
  }
}
@media (min-width: 1056px) {
  .legal-policies .links-section-text-template .container .swiper .swiper-wrapper .swiper-slide a {
    padding: 3.5px 20px 5.5px;
  }
}
.legal-policies .links-section-text-template .container .swiper .swiper-wrapper .swiper-slide a:hover {
  background-color: #556b58;
  color: #ffffff;
}
.legal-policies .container-text h2 {
  color: #556b58;
  font-family: "sofia-pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 100%;
  letter-spacing: -0.64px;
  margin-bottom: 33px;
  border-bottom: 1px solid #88AA89;
  position: relative;
  padding-bottom: 16px;
  margin-top: 60px;
}
.legal-policies .container-text h2:not(:first-child) {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .legal-policies .container-text h2 {
    margin-bottom: 50px;
    font-size: 50px;
    letter-spacing: -1px;
    padding-bottom: 15px;
  }
  .legal-policies .container-text h2:not(:first-child) {
    margin-top: 100px;
  }
}
@media (min-width: 1200px) {
  .legal-policies .container-text h2 {
    margin-bottom: 76px;
  }
  .legal-policies .container-text h2:not(:first-child) {
    margin-top: 120px;
  }
}
.legal-policies .container-text h2::before {
  position: absolute;
  bottom: -3px;
  left: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
.legal-policies .container-text h2::after {
  position: absolute;
  bottom: -3px;
  right: -2px;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #88AA89;
  border-radius: 6px;
}
.legal-policies .container-text h3 {
  color: #556b58;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin: 16px auto;
}
@media (min-width: 768px) {
  .legal-policies .container-text h3 {
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.4px;
    margin: 20px auto;
  }
}
@media (min-width: 1200px) {
  .legal-policies .container-text h3 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.legal-policies .container-text h4 {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 120%;
  letter-spacing: -0.4px;
  margin: 20px auto;
}
@media (min-width: 768px) {
  .legal-policies .container-text h4 {
    margin: 20px auto;
  }
}
@media (min-width: 1200px) {
  .legal-policies .container-text h4 {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.legal-policies .container-text p {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .legal-policies .container-text p {
    margin-bottom: 20px;
  }
}
.legal-policies .container-text p a {
  color: #556b58;
  font-size: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.legal-policies .container-text p strong {
  color: #232323;
  font-family: "sofia-pro";
  font-style: normal;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}
@media (min-width: 1200px) {
  .legal-policies .container-text p {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.legal-policies .container-text ul {
  padding-left: 20px !important;
}
@media (min-width: 768px) {
  .legal-policies .container-text ul {
    padding-left: 30px !important;
  }
}
@media (min-width: 1200px) {
  .legal-policies .container-text ul {
    padding-left: 49px !important;
  }
}
.legal-policies .container-text ul li {
  color: #232323;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
}
.legal-policies .container-text ul li a {
  color: #556b58;
  font-size: 16px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
@media (min-width: 1200px) {
  .legal-policies .container-text ul {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.main-container-text-template {
  margin: 41px auto 0;
}
@media (min-width: 1200px) {
  .main-container-text-template {
    margin: 100px auto 0;
    margin: 132px auto 0;
  }
}
.main-container-text-template .hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 98px 0;
}
@media (min-width: 768px) {
  .main-container-text-template .hero-section {
    padding: 120px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
  }
}
.main-container-text-template .hero-section .hero-content {
  position: relative;
  z-index: 4;
}
.main-container-text-template .hero-section .h2-mobile {
  text-align: center;
}
.main-container-text-template .hero-section .bg-image-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .main-container-text-template .hero-section .bg-image-desktop {
    display: block;
  }
}
.main-container-text-template .hero-section .bg-image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .main-container-text-template .hero-section .bg-image-mobile {
    display: none;
  }
}
.main-container-text-template .btn-hero {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 14px 32px;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  width: auto;
  position: relative;
  z-index: 4;
}
@media (min-width: 768px) {
  .main-container-text-template .btn-hero {
    padding: 17px 46px;
  }
}
.main-container-text-template .hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  padding-top: 14px;
  position: relative;
  z-index: 4;
}
@media (min-width: 768px) {
  .main-container-text-template .hero-actions {
    gap: 32px;
  }
}
@media (min-width: 1200px) {
  .main-container-text-template .hero-actions {
    gap: 40px;
  }
}
.main-container-text-template .hero-actions .btn-solid {
  background-color: white;
  border-color: white;
}
.main-container-text-template .hero-actions .btn-solid:hover {
  background-color: transparent;
  color: white;
}
.main-container-text-template .hero-actions .btn-outline-light {
  background-color: transparent;
  border-color: white;
}
.main-container-text-template .hero-actions .btn-outline-light:hover {
  background-color: white;
  color: #556b58;
}
@media (min-width: 768px) {
  .main-container-text-template .hero-section .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }
  .main-container-text-template .hero-section .hero-content .hero-title {
    margin: 0;
    max-width: 768px;
  }
  .main-container-text-template .hero-section .hero-content .hero-actions {
    flex-wrap: nowrap;
    width: 100%;
  }
}
.proven-results-section {
  overflow: hidden;
  /* 🟥 Ocultar modal por defecto */
}
.proven-results-section .hero-section {
  position: relative;
  width: 100%;
  height: 754px;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.proven-results-section .hero-section .hero-background-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-69%);
  height: 100%;
  display: flex;
  justify-content: end;
  gap: 16px;
  z-index: 1;
}
.proven-results-section .hero-section .bg-column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
  width: 171.86px;
}
.proven-results-section .hero-section .bg-img {
  border-radius: 32px;
  width: 268px;
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
}
.proven-results-section .hero-section .hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0) 75.78%, rgba(255, 255, 255, 0.56) 88.67%, white 100%);
  z-index: 2;
}
.proven-results-section .hero-section .hero-content-wrapper {
  position: relative;
  z-index: 3;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0 64px;
  max-width: 1440px;
}
.proven-results-section .hero-section .hero-content-wrapper .text-l-mobile {
  width: 355px;
}
.proven-results-section .hero-section .gradient-text {
  background: linear-gradient(to bottom right, #95bb95, white);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.proven-results-section .hero-section .hero-button {
  background-color: white;
  padding: 16px 48px;
  border-radius: 12px;
  margin-top: 16px;
  transition: background-color 0.3s, color 0.3s;
}
.proven-results-section .hero-section .hero-button:hover {
  background-color: #f1f1f1;
}
@media (min-width: 768px) {
  .proven-results-section .hero-section .hero-section {
    height: 900px;
  }
  .proven-results-section .hero-section .hero-background-container {
    transform: translateX(-50%);
    justify-content: center;
    width: 100%;
  }
  .proven-results-section .hero-section .bg-column {
    width: 268px;
    gap: 16px;
  }
  .proven-results-section .hero-section .hero-content-wrapper .text-l-desktop {
    width: auto;
  }
}
.proven-results-section .brands-section {
  padding: 60px 19px 30px;
}
.proven-results-section .brands-section .brands-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  max-width: 1312px;
  margin: 0 auto;
}
.proven-results-section .brands-section .brands-container .brands-section-header {
  align-items: center;
  gap: 80px;
  width: 100%;
}
.proven-results-section .brands-section .brands-container .brands-section-header .line-mobile {
  display: block;
}
.proven-results-section .brands-section .brands-container .brands-section-header .line-desktop {
  display: none;
}
.proven-results-section .brands-section .brands-container .category-filters {
  display: flex;
  gap: 6px;
  background-color: #f1f1f1;
  white-space: nowrap;
  border-radius: 32px;
  width: 110%;
  margin: auto;
  height: 69px;
  overflow-x: auto;
  padding: 10px 20px;
}
.proven-results-section .brands-section .brands-container .category-filters .filter-button {
  padding: 8px 16px;
  border-radius: 100px;
  transition: background-color 0.3s, color 0.3s;
  border: none;
  cursor: pointer;
}
.proven-results-section .brands-section .brands-container .category-filters .filter-button.active,
.proven-results-section .brands-section .brands-container .category-filters .filter-button:hover {
  background-color: #556B58;
  color: white;
}
.proven-results-section .brands-section .brands-container .brands-grid {
  gap: 48px;
  width: 100%;
}
.proven-results-section .brands-section .brands-container .brands-row {
  display: flex;
  justify-content: center;
  gap: 32px;
  width: 100%;
  flex-direction: column;
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}
@media (min-width: 525px) {
  .proven-results-section .brands-section .brands-container .brands-row {
    gap: 22px;
  }
}
@media (min-width: 768px) {
  .proven-results-section .brands-section .brands-container .brands-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .proven-results-section .brands-section .brands-container .brands-row {
    gap: 22px;
  }
}
@media (min-width: 1200px) {
  .proven-results-section .brands-section .brands-container .brands-row {
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1360px) {
  .proven-results-section .brands-section .brands-container .brands-row {
    gap: 32px;
  }
}
.proven-results-section .brands-section .brands-container .brand-card {
  position: relative;
  background-color: white;
  border: 1px solid #F1F1F1;
  border-radius: 32px;
  padding: 13.65px 13.65px 20.48px;
  display: flex;
  flex-direction: column;
  gap: 20.48px;
  flex: 1;
  width: 100%;
  box-shadow: 0px 4px 6px -2px rgba(149, 187, 149, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.15);
  transition: transform 0.3s, box-shadow 0.3s;
  margin: auto;
}
.proven-results-section .brands-section .brands-container .brand-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 8px -2px rgba(149, 187, 149, 0.15), 0px 15px 16px -4px rgba(165, 205, 166, 0.2);
}
.proven-results-section .brands-section .brands-container .brands-row .brand-card {
  display: none;
}
.proven-results-section .brands-section .brands-container .brands-row .brand-card:nth-child(-n+6) {
  display: block;
}
.proven-results-section .brands-section .brands-container .plus-icon {
  position: absolute;
  top: -9px;
  right: -2px;
  width: 45px;
  height: 45px;
  z-index: 10;
  cursor: pointer;
}
.proven-results-section .brands-section .brands-container .card-image-wrapper {
  position: relative;
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  padding: 13.65px;
  height: 250px;
}
@media (min-width: 525px) {
  .proven-results-section .brands-section .brands-container .card-image-wrapper {
    height: 350px;
    padding: 16px;
  }
}
.proven-results-section .brands-section .brands-container .card-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.proven-results-section .brands-section .brands-container .tag {
  background-color: #556B58;
  padding: 2px 12px;
  border-radius: 100px;
  line-height: 1.5;
}
.proven-results-section .brands-section .brands-container .logo-wrapper {
  position: absolute;
  width: 120px;
  height: 128px;
  background-color: white;
  border-radius: 100px 100px 0px 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  bottom: -16px;
  right: -12px;
}
.proven-results-section .brands-section .brands-container .logo {
  width: 96px;
  height: 96px;
  border-radius: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.proven-results-section .brands-section .brands-container .logo.svg-logo {
  -o-object-fit: scale-down;
     object-fit: scale-down;
  padding: 10px;
  border: none;
}
.proven-results-section .brands-section .brands-container .card-title {
  text-align: center;
  margin: 0;
  padding-bottom: 0;
  padding-top: 20.48px;
}
.proven-results-section .brands-section .brands-container .brands-section-footer {
  display: flex;
  justify-content: center;
}
.proven-results-section .brands-section .brands-container .button-outline {
  border: 1px solid #556B58;
  background-color: transparent;
  padding: 16px 48px;
  border-radius: 12px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}
.proven-results-section .brands-section .brands-container .button-outline:hover {
  background-color: #556b58;
  color: white;
}
@media (min-width: 768px) {
  .proven-results-section .brands-section {
    padding: 120px 64px 60px;
  }
  .proven-results-section .brands-section .brands-container {
    gap: 60px;
  }
  .proven-results-section .brands-section .brands-container .category-filters {
    padding: 6px;
  }
  .proven-results-section .brands-section .brands-container .brands-row .brand-card:nth-child(-n+9) {
    display: block;
    /* ------------ */
  }
  .proven-results-section .brands-section .brands-container .brands-section-header .brands-section-title {
    width: 800px;
  }
  .proven-results-section .brands-section .brands-container .brands-section-header .line-mobile {
    display: none;
  }
  .proven-results-section .brands-section .brands-container .brands-section-header .line-desktop {
    display: block;
  }
  .proven-results-section .brands-section .brands-container .category-filters {
    height: 52px;
    width: auto;
  }
  .proven-results-section .brands-section .brands-container .brand-card {
    padding: 16px;
    gap: 24px;
    width: 100%;
  }
  .proven-results-section .brands-section .brands-container .logo {
    width: 118px;
    height: 118px;
  }
  .proven-results-section .brands-section .brands-container .logo-wrapper {
    width: 150px;
    height: 150px;
    right: -16px;
  }
  .proven-results-section .brands-section .brands-container .card-title {
    padding-bottom: 8px;
  }
}
.proven-results-section .case-studies-section {
  padding-bottom: 60px;
  padding-top: 40px;
}
.proven-results-section .case-studies-section .container {
  max-width: 1312px;
  margin: 0 auto;
}
.proven-results-section .case-studies-section .section-header {
  margin-bottom: 48px;
}
.proven-results-section .case-studies-section .section-header .section-title {
  margin-bottom: 16px;
}
.proven-results-section .case-studies-section .section-header .line-mobile {
  display: block;
}
.proven-results-section .case-studies-section .section-header .line-desktop {
  display: none;
}
.proven-results-section .case-studies-section .case-studies-grid {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.proven-results-section .case-studies-section .case-study {
  gap: 24px;
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .proven-results-section .case-studies-section .case-study {
    flex-direction: row;
  }
}
.proven-results-section .case-studies-section .case-study.reverse {
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .proven-results-section .case-studies-section .case-study.reverse {
    flex-direction: row-reverse;
  }
}
.proven-results-section .case-studies-section .case-study.reverse .case-study-images {
  grid-column: 1;
  grid-row: 1;
}
.proven-results-section .case-studies-section .case-study.reverse .case-study-content {
  grid-column: 2;
  grid-row: 1;
}
.proven-results-section .case-studies-section .case-study-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.proven-results-section .case-studies-section .content-header {
  display: flex;
  align-items: center;
  gap: 24px;
  /*    flex-direction: row-reverse; */
  justify-content: flex-end;
}
.proven-results-section .case-studies-section .cont-header {
  flex-direction: row-reverse;
}
.proven-results-section .case-studies-section .brand-logo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}
.proven-results-section .case-studies-section .info-grid {
  display: grid;
  gap: 12px;
}
.proven-results-section .case-studies-section .card {
  padding: 15px 32px;
  border-radius: 32px;
  box-shadow: 0 4px 12px 0 rgba(136, 170, 137, 0.15), 0 4px 6px -4px rgba(85, 107, 88, 0.1);
}
.proven-results-section .case-studies-section .card .text-sm-mobile {
  margin-top: 16px;
}
.proven-results-section .case-studies-section .card-white {
  background-color: white;
  border: 1px solid #f1f1f1;
}
.proven-results-section .case-studies-section .panel {
  display: none;
  overflow: hidden;
}
.proven-results-section .case-studies-section .accordion {
  cursor: pointer;
  width: 100%;
  border: none;
  transition: 0.4s;
}
.proven-results-section .case-studies-section .card-light-green {
  background-color: #eff5ef;
}
.proven-results-section .case-studies-section .card-dark-green {
  background-color: #556b58;
}
.proven-results-section .case-studies-section .card-dark-green .testimonial-text {
  margin-top: 16px;
  font-weight: 100;
}
.proven-results-section .case-studies-section .card-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 0;
}
.proven-results-section .case-studies-section .card-icon {
  width: 29px;
  height: 29px;
  flex-shrink: 0;
}
.proven-results-section .case-studies-section .plus-icon {
  right: 29px;
  position: absolute;
  width: 38px;
  height: 38px;
}
.proven-results-section .case-studies-section .testimonial {
  position: relative;
  margin-top: 12px;
}
.proven-results-section .case-studies-section .testimonial-quote-icon {
  position: absolute;
  top: -24px;
  right: 24px;
  width: 60px;
  height: auto;
}
.proven-results-section .case-studies-section .case-study-images {
  position: relative;
  aspect-ratio: 3.55/3.8;
  width: 100%;
  max-width: 355px;
}
@media (min-width: 768px) {
  .proven-results-section .case-studies-section .case-study-images {
    aspect-ratio: none;
    max-width: 410px;
  }
}
@media (min-width: 992px) {
  .proven-results-section .case-studies-section .case-study-images {
    aspect-ratio: none;
    max-width: 410px;
  }
}
@media (min-width: 1200px) {
  .proven-results-section .case-studies-section .case-study-images {
    max-width: none;
  }
}
.proven-results-section .case-studies-section .case-study-images .image-large {
  max-width: 350px;
}
@media (min-width: 992px) {
  .proven-results-section .case-studies-section .case-study-images .image-large {
    max-width: 355px;
  }
}
@media (min-width: 1200px) {
  .proven-results-section .case-studies-section .case-study-images .image-large {
    max-width: 450px;
  }
}
.proven-results-section .case-studies-section .case-study-images .image-small {
  max-width: 175px;
}
@media (min-width: 992px) {
  .proven-results-section .case-studies-section .case-study-images .image-small {
    max-width: 200px;
  }
}
@media (min-width: 1200px) {
  .proven-results-section .case-studies-section .case-study-images .image-small {
    max-width: 304px;
  }
}
.proven-results-section .case-studies-section .case-study-images img {
  position: absolute;
  border-radius: 22px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  right: 0;
}
.proven-results-section .case-studies-section .img-left {
  left: 0;
}
.proven-results-section .case-studies-section #uncle-arnies .image-small {
  bottom: -10px;
  left: 0;
}
.proven-results-section .case-studies-section #fable .image-small {
  top: 55%;
  left: 50.9%;
}
.proven-results-section .case-studies-section #sweet-justice .image-small {
  top: 52%;
  left: 0;
}
.proven-results-section .case-studies-section .section-footer {
  text-align: center;
  margin-top: 48px;
}
.proven-results-section .case-studies-section .cta-button {
  display: inline-block;
  border: 1px solid #556B58;
  border-radius: 12px;
  padding: 16px 48px;
  transition: background-color 0.3s, color 0.3s;
}
.proven-results-section .case-studies-section .cta-button:hover {
  background-color: #556B58;
  color: white;
}
@media (min-width: 768px) {
  .proven-results-section .case-studies-section {
    padding: 60px 20px 120px;
  }
  .proven-results-section .case-studies-section #fable .image-small {
    top: 8%;
    left: 60.9%;
  }
  .proven-results-section .case-studies-section #uncle-arnies .image-small {
    left: 0;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .proven-results-section .case-studies-section #uncle-arnies .image-small {
    bottom: 130px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .proven-results-section .case-studies-section #uncle-arnies .image-small {
    bottom: -100px;
    left: 20px;
  }
}
@media (min-width: 768px) {
  .proven-results-section .case-studies-section #sweet-justice .image-small {
    top: 60%;
    left: 58px;
  }
  .proven-results-section .case-studies-section .plus-icon {
    display: none;
  }
  .proven-results-section .case-studies-section .case-studies-grid {
    gap: 120px;
  }
  .proven-results-section .case-studies-section .container {
    padding: 0;
  }
  .proven-results-section .case-studies-section .container .section-header .line-mobile {
    display: none;
  }
  .proven-results-section .case-studies-section .container .section-header .line-desktop {
    display: block;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .card-light-green .panel {
    display: block;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .card-dark-green .testimonial-text {
    margin-top: 16px;
    font-weight: 100;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study {
    align-items: center;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study .case-study-content {
    gap: 24px;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study .case-study-content .content-header {
    width: 100%;
    flex-direction: initial;
    justify-content: space-between;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study .case-study-content .content-header .brand-title {
    width: auto;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study .case-study-content .info-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study .case-study-content .info-grid .card {
    padding: 32px;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study .case-study-content .info-grid .card .panel {
    display: block;
  }
  .proven-results-section .case-studies-section .container .case-studies-grid .case-study .case-study-content .info-grid .card .text-reg-normal-desktop {
    margin-top: 16px;
  }
  .proven-results-section .case-studies-section .container .section-footer {
    margin-top: 80px;
  }
  .proven-results-section .case-studies-section .case-study-images {
    height: 640px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .proven-results-section .case-studies-section .case-study-images {
    height: 525px;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .proven-results-section .case-studies-section .case-study-images {
    height: 640px;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .proven-results-section .case-studies-section .case-study-images {
    width: 100%;
    max-width: 515px;
  }
}
@media (min-width: 768px) and (min-width: 1360px) {
  .proven-results-section .case-studies-section .case-study-images {
    width: 100%;
    max-width: 624px;
  }
}
.proven-results-section .by-the-numbers-section {
  background: linear-gradient(178deg, rgba(136, 170, 137, 0.4) -10.39%, rgba(239, 245, 239, 0.32) 15.71%, rgba(239, 245, 239, 0.8) 44.45%, rgba(239, 245, 239, 0.16) 79.77%, rgba(136, 170, 137, 0.4) 109.68%), #eff7ef;
  padding: 68px 19px;
}
.proven-results-section .by-the-numbers-section .container-number-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-self: center;
}
.proven-results-section .by-the-numbers-section .container-number-section .by-the-numbers-title {
  display: flex;
  flex-direction: column;
  /*    gap: 16px;  */
}
.proven-results-section .by-the-numbers-section .container-number-section .by-the-numbers-title h2 {
  margin-bottom: 16px;
  text-align: center;
}
.proven-results-section .by-the-numbers-section .container-number-section .by-the-numbers-title .line-desktop {
  display: none;
}
.proven-results-section .by-the-numbers-section .container-number-section .by-the-numbers-title .line-mobile {
  display: block;
}
.proven-results-section .by-the-numbers-section .container-number-section .stats-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px;
}
.proven-results-section .by-the-numbers-section .container-number-section .stats-container .stat-card {
  background-color: white;
  border-radius: 32px;
  box-shadow: 0px 4px 6px -2px rgba(136, 170, 137, 0.1), 0px 12px 16px -4px rgba(136, 170, 137, 0.15);
  padding: 8px 32px 17px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  flex: 1 1 355px;
}
.proven-results-section .by-the-numbers-section .container-number-section .stats-container .stat-card .stat-value {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.proven-results-section .by-the-numbers-section .container-number-section .stats-container .stat-card .stat-label {
  margin: 0;
}
@media (min-width: 768px) {
  .proven-results-section .by-the-numbers-section {
    padding: 120px 64px;
  }
  .proven-results-section .by-the-numbers-section .container-number-section {
    gap: 70px;
    max-width: 1312px;
  }
  .proven-results-section .by-the-numbers-section .container-number-section .by-the-numbers-title h2 {
    text-align: start;
  }
  .proven-results-section .by-the-numbers-section .container-number-section .by-the-numbers-title .line-desktop {
    display: block;
  }
  .proven-results-section .by-the-numbers-section .container-number-section .by-the-numbers-title .line-mobile {
    display: none;
  }
  .proven-results-section .by-the-numbers-section .container-number-section .stats-container {
    display: flex;
  }
  .proven-results-section .by-the-numbers-section .container-number-section .stats-container .stat-card {
    gap: 24px;
    padding: 32px;
  }
  .proven-results-section .by-the-numbers-section .container-number-section .stats-container .stat-card .stat-label {
    margin: 0;
    /* max-width: 172.8px; */
  }
}
@media (min-width: 1200px) {
  .proven-results-section .by-the-numbers-section .container-number-section .stats-container {
    display: flex;
    flex-wrap: nowrap;
  }
}
.proven-results-section .testimonial-section {
  padding: 60px 19px;
  display: flex;
  justify-content: center;
}
.proven-results-section .testimonial-section .container-testimonial {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 355px;
}
.proven-results-section .testimonial-section .testimonial-content-wrapper {
  display: contents;
}
.proven-results-section .testimonial-section .testimonial-image {
  width: 100%;
  height: auto;
  border-radius: 32px;
  display: block;
}
.proven-results-section .testimonial-section .testimonial-text-container {
  gap: 24px;
  justify-items: center;
  display: grid;
}
.proven-results-section .testimonial-section .testimonial-quote {
  margin: 0;
  text-align: center;
  margin-bottom: 24px;
}
.proven-results-section .testimonial-section .testimonial-attribution {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-self: center;
  margin-bottom: 32px;
}
.proven-results-section .testimonial-section .author-details {
  display: flex;
  flex-direction: column;
}
.proven-results-section .testimonial-section .attribution-divider {
  width: 2px;
  height: 61px;
  background-color: #88aa89;
}
.proven-results-section .testimonial-section .author-logo {
  /* width: 135px; */
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.proven-results-section .testimonial-section .slider-controls {
  display: flex;
  gap: 30px;
  height: 63px;
  top: -29px;
  position: relative;
}
.proven-results-section .testimonial-section .slider-button {
  display: flex;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  border: none;
  background-color: transparent;
}
.proven-results-section .testimonial-section .slider-button img {
  width: 48px;
  height: 48px;
}
.proven-results-section .testimonial-section .swiperTestimonial {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 768px) {
  .proven-results-section .testimonial-section .swiperTestimonial {
    max-width: none;
    width: 100%;
    /*  flex-direction: row; */
    align-items: flex-start;
    gap: 80px;
  }
}
.proven-results-section .testimonial-section .swiperTestimonial .swiper-button-prev,
.proven-results-section .testimonial-section .swiperTestimonial .swiper-button-next {
  position: relative;
}
.proven-results-section .testimonial-section .swiperTestimonial .swiper-slide {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .proven-results-section .testimonial-section .swiperTestimonial .swiper-slide {
    flex-direction: row;
    gap: 80px;
  }
}
.proven-results-section .testimonial-section .swiperTestimonial .swiper-slide .slide-main-content {
  justify-items: flex-end;
}
.proven-results-section .testimonial-section .swiperTestimonial .swiper-pagination {
  position: relative;
}
.proven-results-section .testimonial-section .swiperTestimonial .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 1px solid #556b58;
}
.proven-results-section .testimonial-section .swiperTestimonial .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #556b58;
}
@media (min-width: 768px) {
  .proven-results-section .testimonial-section {
    padding: 120px 64px;
  }
  .proven-results-section .testimonial-section .testimonial-attribution {
    justify-self: start;
    margin-bottom: 0;
  }
  .proven-results-section .testimonial-section .slider-controls {
    height: 51px;
    gap: 38px;
    align-items: start;
    align-self: center;
    top: -53px;
    position: relative;
  }
  .proven-results-section .testimonial-section .author-logo {
    width: 135px;
  }
  .proven-results-section .testimonial-section .container-testimonial {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    max-width: 1312px;
    padding: 0;
    width: 100%;
  }
  .proven-results-section .testimonial-section .container-testimonial .testimonial-content-wrapper {
    display: flex;
    align-items: center;
    gap: 80px;
    width: 100%;
  }
  .proven-results-section .testimonial-section .container-testimonial .testimonial-content-wrapper .testimonial-text-container {
    gap: 32px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 544px;
  }
  .proven-results-section .testimonial-section .container-testimonial .testimonial-content-wrapper .testimonial-text-container .testimonial-quote {
    text-align: left;
  }
  .proven-results-section .testimonial-section .container-testimonial .testimonial-content-wrapper .testimonial-image {
    width: auto;
  }
}
.proven-results-section .main-container {
  margin: 0 auto;
}
.proven-results-section .main-container .hero-section {
  background-image: url("../../Background-mobile-science.png");
  height: 414px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 19px;
}
.proven-results-section .main-container .hero-section .h2-mobile {
  text-align: center;
}
.proven-results-section .main-container .btn-hero {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 16px 48px;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  height: 51px;
}
.proven-results-section .main-container .hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  padding-top: 14px;
}
.proven-results-section .main-container .hero-actions .btn-solid {
  background-color: white;
  border-color: white;
}
.proven-results-section .main-container .hero-actions .btn-solid:hover {
  background-color: transparent;
  color: white;
}
.proven-results-section .main-container .hero-actions .btn-outline-light {
  background-color: transparent;
  border-color: white;
}
.proven-results-section .main-container .hero-actions .btn-outline-light:hover {
  background-color: white;
  color: #556b58;
}
@media (min-width: 768px) {
  .proven-results-section .main-container .hero-section {
    background-image: url("../../Background-science.png");
    padding: 120px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 442px;
    background-color: transparent;
    height: 442px;
  }
  .proven-results-section .main-container .hero-section .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }
  .proven-results-section .main-container .hero-section .hero-content .hero-title {
    margin: 0;
    max-width: 768px;
  }
  .proven-results-section .main-container .hero-section .hero-content .hero-actions .btn-hero {
    height: 62px;
  }
}
.proven-results-section .partner-section {
  padding: 60px 19px;
}
.proven-results-section .partner-section .partner-title-container .partner-title {
  text-align: center;
}
.proven-results-section .partner-section .partner-title-container .partner-title p {
  margin: 0;
}
.proven-results-section .partner-section .partner-title-container .line-mobile {
  margin: 20px 0;
}
.proven-results-section .partner-section .partner-title-container .line-desktop {
  display: none;
}
.proven-results-section .partner-section .partner-grid {
  gap: 24px;
  display: grid;
}
.proven-results-section .partner-section .partner-grid .partner-column-left {
  margin: auto;
}
.proven-results-section .partner-section .partner-grid .partner-column-right {
  display: flex;
  flex-direction: column-reverse;
  gap: 24px;
}
.proven-results-section .partner-section .partner-grid .partner-column-right picture {
  margin: auto;
}
.proven-results-section .partner-section .partner-grid .partner-column-right .partner-text-content {
  width: 95%;
  margin: auto;
}
.proven-results-section .partner-section .partner-grid .partner-column-right .btn-outline-dark {
  padding: 12px 32px;
  background-color: transparent;
  border: 1px solid #556B58;
  border-radius: 10px;
}
.proven-results-section .partner-section .partner-grid .partner-column-right .btn-outline-dark:hover {
  background-color: #556B58;
  color: white;
}
.proven-results-section .partner-section .partner-grid .partner-column-right .text-reg-mobile {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .proven-results-section .partner-section {
    padding: 120px 64px;
    display: flex;
    flex-direction: column;
    gap: 96px;
  }
  .proven-results-section .partner-section .partner-title-container {
    align-items: center;
    gap: 80px;
    max-width: 1312px;
    margin: auto;
  }
  .proven-results-section .partner-section .partner-title-container .line-mobile {
    display: none;
  }
  .proven-results-section .partner-section .partner-title-container .line-desktop {
    display: block;
  }
  .proven-results-section .partner-section .partner-title-container .partner-title {
    width: 1312px;
    text-align: start;
    margin-bottom: 12px;
  }
  .proven-results-section .partner-section .partner-grid {
    gap: 80px;
    max-width: 1312px;
    margin: auto;
    height: 640px;
    display: flex;
    flex-direction: row;
  }
  .proven-results-section .partner-section .partner-grid .partner-column-left,
  .proven-results-section .partner-section .partner-grid .partner-column-right {
    flex: 1;
    min-width: 0;
  }
  .proven-results-section .partner-section .partner-grid .partner-column-right {
    flex-direction: column;
    gap: 80px;
  }
  .proven-results-section .partner-section .partner-grid .partner-column-right .btn-outline-dark {
    padding: 16px 48px;
  }
  .proven-results-section .partner-section .partner-grid .partner-column-right .text-l-desktop {
    margin-bottom: 16px;
  }
  .proven-results-section .partner-section .partner-grid .partner-column-right .partner-text-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .proven-results-section .partner-section .partner-grid .partner-image {
    border-radius: 32px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .proven-results-section .partner-section .partner-grid .partner-image-1 {
    height: 640px;
    width: 616px;
  }
  .proven-results-section .partner-section .partner-grid .partner-image-2 {
    height: 376px;
    width: 616px;
  }
}
.proven-results-section #proven-results-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a4aba5;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.proven-results-section #proven-results-modal.active {
  display: flex;
}
.proven-results-section .modal-overlay {
  background-color: rgba(85, 107, 88, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  min-height: 100vh;
}
.proven-results-section .modal-overlay .modal-container {
  background-color: #ffffff;
  max-width: 768px;
  width: 100%;
  border-radius: 32px;
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.03), 0px 20px 24px -4px rgba(0, 0, 0, 0.08);
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.proven-results-section .modal-overlay .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proven-results-section .modal-overlay .modal-close-btn {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
}
.proven-results-section .modal-overlay .modal-close-btn img {
  width: 32px;
  height: 32px;
}
.proven-results-section .modal-overlay .modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.proven-results-section .modal-overlay .image-section {
  position: relative;
  height: 263px;
  /*  background-image: url('../../UncleA-PopUp.png'); */
  background-size: cover;
  background-position: center;
  border-radius: 24px;
}
.proven-results-section .modal-overlay .card-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 16px;
}
.proven-results-section .modal-overlay .card-tags .category-tag {
  background-color: #88aa89;
  padding: 2px 12px;
  border-radius: 100px;
}
.proven-results-section .modal-overlay .card-tags .label_optional {
  background-color: #88aa89;
  padding: 2px 12px;
  border-radius: 100px;
}
.proven-results-section .modal-overlay .logo-wrapper {
  position: absolute;
  top: 166px;
  left: 570px;
  width: 126px;
  height: 126px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px 100px 0px 100px;
  padding: 16px;
  left: auto;
  right: -15px;
  top: auto;
  bottom: -15px;
}
.proven-results-section .modal-overlay .logo-image {
  width: 99px;
  height: 99px;
  border-radius: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.proven-results-section .modal-overlay .story-section {
  display: flex;
  gap: 8px;
  flex-direction: column;
}
.proven-results-section .modal-overlay .story-heading {
  padding-left: 12px;
  margin-bottom: 0;
}
.proven-results-section .modal-overlay .story-text {
  width: 295px;
  padding-left: 12px;
}
.proven-results-section .modal-overlay .metrics-section {
  background: radial-gradient(121% 135.8% at 0.9% 2.98%, #546B58 30%, #A5CDA6 100%);
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 32px;
  box-shadow: 0px 4px 6px -2px rgba(165, 205, 166, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.3);
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}
.proven-results-section .modal-overlay .stats-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.proven-results-section .modal-overlay .stat-number {
  margin-bottom: 0;
}
.proven-results-section .modal-overlay .stat-description {
  width: 200px;
  text-align: center;
}
.proven-results-section .modal-overlay .quote-card {
  background-color: #ffffff;
  position: relative;
  padding: 24px 23px;
  border-radius: 24px;
  box-shadow: inset 0px 4px 4px -1px rgba(12, 12, 13, 0.05);
  flex-grow: 1;
}
.proven-results-section .modal-overlay .quote-icon {
  position: absolute;
  top: 0;
  left: 22px;
  width: 51px;
  height: 51px;
}
.proven-results-section .modal-overlay .quote-text {
  margin: 0;
  padding-top: 25px;
}
@media (min-width: 768px) {
  .proven-results-section .modal-overlay .logo-image {
    width: 118px;
    height: 118px;
  }
  .proven-results-section .modal-overlay .modal-container {
    padding: 32px;
  }
  .proven-results-section .modal-overlay .modal-body {
    gap: 32px;
  }
  .proven-results-section .modal-overlay .modal-body .image-section {
    height: 300px;
  }
  .proven-results-section .modal-overlay .modal-body .logo-wrapper {
    width: 150px;
    height: 150px;
  }
  .proven-results-section .modal-overlay .story-text {
    width: 546px;
    padding-left: 0;
  }
  .proven-results-section .modal-overlay .story-heading {
    padding-left: 0;
  }
  .proven-results-section .modal-overlay .story-section {
    gap: 29px;
    display: flex;
    flex-direction: row;
  }
  .proven-results-section .modal-overlay .metrics-section {
    display: flex;
    flex-direction: row;
  }
  .proven-results-section .modal-overlay .metrics-section .quote-card {
    padding: 24px 36px;
  }
  .proven-results-section .modal-overlay .metrics-section .quote-card .quote-icon {
    width: 60px;
    height: 60px;
  }
  .proven-results-section .modal-overlay .metrics-section .quote-card .quote-text {
    width: auto;
    padding-top: 39px;
  }
}
.hero-section-white-papers {
  background-color: #686868;
  padding: 120px 0;
  margin-bottom: 24px;
}
.innovation {
  --color-primary: #556b58;
  --color-accent: #88aa89;
  --color-white: #ffffff;
  --color-text-dark: #232323;
  --color-bg-light: #e5e5ea;
  --color-bg-placeholder: #dbdbdb;
  --font-family-main: "Sofia Sans", sans-serif;
}
.innovation * {
  box-sizing: border-box;
}
.innovation .bg-image-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover;
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .innovation .bg-image-desktop {
    display: block;
  }
}
.innovation .bg-image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .innovation .bg-image-mobile {
    display: none;
  }
}
.innovation .case-btn {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.innovation .line-mobile {
  display: none;
}
.innovation .line-desktop {
  display: block;
  height: auto;
}
.innovation .line-ve {
  display: block;
  margin: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -25px);
  height: 60px;
  z-index: 1;
}
@media (min-width: 768px) {
  .innovation .line-ve {
    left: 50%;
    transform: translate(-50%, -40px);
    height: 78px;
  }
}
.innovation body.menu-open .line-ve,
.innovation .menu-active .line-ve {
  display: none;
}
.innovation body {
  margin: 0;
  font-family: var(--font-family-main);
  color: var(--color-text-dark);
  background-color: var(--color-white);
}
.innovation .container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
}
.innovation section {
  overflow: hidden;
}
.innovation a {
  text-decoration: none;
  color: inherit;
}
.innovation h1,
.innovation h2,
.innovation h3,
.innovation h4,
.innovation h5,
.innovation h6,
.innovation p {
  margin: 0;
}
.innovation .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px 48px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.innovation .btn-outline-white {
  border: 1px solid var(--color-white);
  color: var(--color-white);
  background-color: transparent;
}
.innovation .btn-outline-white:hover {
  background-color: var(--color-white);
  color: var(--color-primary);
}
.innovation .btn-solid-green {
  border: 1px solid var(--color-primary);
  color: var(--color-white);
  background-color: var(--color-primary);
}
.innovation .btn-solid-green:hover {
  opacity: 0.9;
}
.innovation .btn-outline-dark {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  background-color: transparent;
  padding: 16px 32px;
}
.innovation .btn-outline-dark:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.innovation .btn-link-dark {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.innovation .logo img {
  height: 30px;
  width: auto;
}
.innovation .nav-dropdown {
  display: flex;
  align-items: center;
  gap: 4px;
}
.innovation .search-btn {
  background: transparent;
  border: 1px solid var(--color-white);
  border-radius: 12px;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.innovation .partner-btn {
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
  padding: 8px 32px;
  border-radius: 12px;
}
.innovation .hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 486px;
  padding-top: 180px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .innovation .hero-section {
    min-height: 550px;
  }
}
.innovation .hero-content-wrapper {
  background: radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%, rgba(84, 107, 88, 0.6) 50%);
  -webkit-backdrop-filter: blur(17.5px);
          backdrop-filter: blur(17.5px);
  border-radius: 32px 32px 0 0;
  padding: 48px 64px;
  max-width: 355px;
  width: 90%;
  z-index: 3;
  margin-top: -120px;
  margin-bottom: -112px;
  border: 2px solid;
  -o-border-image: radial-gradient(circle, #A5CDA6 0%, rgba(165, 205, 166, 0) 100%) 1;
     border-image: radial-gradient(circle, #A5CDA6 0%, rgba(165, 205, 166, 0) 100%) 1;
}
@media (max-width: 380px) {
  .innovation .hero-content-wrapper {
    margin-top: -70px;
  }
}
@media (min-width: 525px) {
  .innovation .hero-content-wrapper {
    max-width: 485px;
  }
}
@media (min-width: 768px) {
  .innovation .hero-content-wrapper {
    max-width: 800px;
    margin-top: -110px;
  }
}
.innovation .hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
}
.innovation .hero-content h1 {
  font-weight: 900;
  font-size: 64px;
  line-height: 1;
  letter-spacing: -1.28px;
  color: var(--color-white);
  max-width: 672px;
}
.innovation .hero-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: var(--color-white);
  max-width: 672px;
  margin-top: 24px;
  margin-bottom: 16px;
}
.innovation .hero-decoration {
  position: absolute;
  right: 180px;
  bottom: 146px;
  width: 53.38px;
  height: 53.38px;
}
.innovation .patents-section {
  padding: 120px 0 60px;
  background-color: var(--color-white);
}
.innovation .patents-section .container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.innovation .section-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.innovation .section-title h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1px;
  color: var(--color-primary);
}
.innovation .patents-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .innovation .patents-content-grid {
    gap: 0px;
  }
}
@media (min-width: 1200px) {
  .innovation .patents-content-grid {
    gap: 60px;
  }
}
@media (min-width: 1360px) {
  .innovation .patents-content-grid {
    gap: 80px;
  }
}
.innovation .patents-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}
.innovation .feature-item {
  border-left: 1px solid var(--color-accent);
  padding: 0 0 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.innovation .feature-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
  width: 100%;
  height: auto;
  /* Approximation */
}
.innovation .feature-header img {
  width: 58px;
  height: 58px;
}
.innovation .feature-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: var(--color-bg-placeholder);
}
.innovation .feature-item h3 {
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.48px;
}
.innovation .feature-item p {
  font-size: 16px;
  line-height: 24px;
}
.innovation .patents-summary {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: 70px;
}
.innovation .patents-summary p {
  font-size: 16px;
  line-height: 24px;
}
.innovation .patents-summary .btn-outline-dark {
  align-self: flex-start;
}
.innovation .team-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*gap: 54px;*/
}
.innovation .team-cards-container {
  display: flex;
  justify-content: space-between;
  gap: 48px;
  width: 100%;
}
.innovation .team-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: left;
}
.innovation .team-card-image-wrapper {
  position: relative;
}
.innovation .team-card-image {
  width: 100%;
  padding-bottom: 97.45%;
  /* Aspect ratio from 405.33x395 */
  background-color: var(--color-bg-placeholder);
  border-radius: 32px;
}
.innovation .team-card-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 130px;
}
.innovation .team-card-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /*align-items: left !important;*/
}
.innovation .team-card-content h4 {
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
}
.innovation .team-card-content span {
  font-size: 16px;
  line-height: 24px;
  margin-top: -16px;
}
.innovation .team-card-content p {
  font-size: 16px;
  line-height: 24px;
}
.innovation .research-section {
  padding: 40px 0;
  background-color: var(--color-white);
}
.innovation .section-title-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
}
.innovation .section-title-wrapper h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1px;
  color: var(--color-primary);
  flex-shrink: 0;
  margin-bottom: 6px;
}
.innovation .research-grid {
  overflow: hidden;
  border-radius: 24px;
  display: block;
  gap: 20px;
}
@media (min-width: 768px) {
  .innovation .research-grid {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }
}
@media (min-width: 1200px) {
  .innovation .research-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1360px) {
  .innovation .research-grid {
    gap: 48px;
  }
}
.innovation .testimonial-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}
.innovation .research-card {
  display: flex;
  border: 1px solid var(--color-bg-light);
  border-radius: 32px;
  box-shadow: 0px 4px 6px -2px rgba(149, 187, 149, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.15);
  overflow: hidden;
}
.innovation .research-card-text {
  flex: 1;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
.innovation .research-card-text h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
}
.innovation .research-card-text p {
  font-size: 16px;
  line-height: 24px;
}
.innovation .research-card-visual {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 22px;
}
@media (min-width: 1200px) {
  .innovation .research-card-visual {
    justify-content: center;
  }
}
.innovation .simbolo {
  margin-top: 5px;
}
.innovation .visual-placeholder {
  width: 100%;
  height: 100%;
  aspect-ratio: 3.23/3.16;
  background-color: var(--color-bg-placeholder);
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: left;
}
@media (min-width: 768px) {
  .innovation .visual-placeholder {
    aspect-ratio: none;
    width: 323px;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .innovation .visual-placeholder {
    width: 250px;
  }
}
@media (min-width: 1360px) {
  .innovation .visual-placeholder {
    width: 315px;
  }
}
.innovation .visual-placeholder img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.innovation .visual-suggestion {
  color: #bf1a82;
  font-size: 16px;
  line-height: 24px;
}
.innovation .testimonial-card {
  border: 1px solid var(--color-bg-light);
  border-radius: 32px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
}
.innovation .star-rating {
  display: flex;
  gap: 4.14px;
}
.innovation .quote {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
.innovation .author {
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
  opacity: 0.5;
}
.innovation .next-gen-section {
  padding: 60px 0;
}
.innovation .next-gen-section .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.innovation .next-gen-top {
  display: flex;
  align-items: center;
  gap: 80px;
}
.innovation .next-gen-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.innovation .next-gen-content h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
  color: var(--color-primary);
}
.innovation .next-gen-content p {
  font-size: 16px;
  line-height: 24px;
}
.innovation .next-gen-image {
  flex: 1;
  border-radius: 32px;
}
.innovation .next-gen-image img {
  width: 80% !important;
  margin-left: 100px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.innovation .next-gen-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.innovation .next-gen-feature-item {
  display: flex;
  gap: 16px;
  border-left: 2px solid var(--color-accent);
  padding: 10px;
}
.innovation .next-gen-feature-item img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 4px;
}
.innovation .feature-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.innovation .feature-text h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
}
.innovation .feature-text p {
  font-size: 14px;
  line-height: 24px;
}
.innovation .case-studies-section {
  padding: 60px 0 120px;
}
.innovation .case-studies-section .container {
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  gap: 76px;
}
.innovation .case-studies-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 72px 48px;
  /* row-gap column-gap */
  width: 100%;
}
.innovation .case-study-card {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.innovation .card-image-container {
  height: 300px;
  background-color: var(--color-bg-light);
  border-radius: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.innovation .card-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.innovation .card-logo-placeholder {
  width: 140px;
  height: 140px;
  background-color: var(--color-bg-placeholder);
  border-radius: 10px;
  /* Approximation */
}
.innovation .card-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.innovation .card-content h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  min-height: 58px;
}
.innovation .card-content p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  min-height: 48px;
}
.innovation .card-content .btn-link-dark {
  align-self: flex-start;
}
.innovation .cta-section {
  background-color: rgba(0, 0, 0, 0.5);
  /* Assuming a background image would be applied here */
  background-size: cover;
  background-position: center;
  padding: 120px 0;
}
.innovation .cta-section .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
.innovation .cta-section h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
  color: var(--color-white);
  max-width: 768px;
}
.innovation .btn-solid-white {
  background-color: var(--color-white);
  color: var(--color-primary);
  border: 1px solid var(--color-white);
}
.innovation .btn-solid-white:hover {
  background-color: transparent;
  color: var(--color-white);
}
.innovation .leading-section {
  padding: 120px 0;
}
.innovation .research-section .container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.innovation .leading-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  align-items: center;
}
.innovation .leading-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.innovation .leading-content > h2 {
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
  color: var(--color-primary);
}
.innovation .leading-content > p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.innovation .commitments-wrapper {
  display: flex;
  gap: 10px;
  width: 100%;
  margin-top: 24px;
  /* Spacing from paragraph */
  margin-bottom: 16px;
  /* Spacing to button */
}
.innovation .commitments-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex-grow: 1;
}
.innovation .commitments-list li {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.innovation .commitments-list img {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.innovation .commitments-list h3 {
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 16px;
}
.innovation .commitments-list p {
  font-size: 16px;
  line-height: 24px;
}
.innovation .logo-showcase {
  border: 1px solid var(--color-accent);
  border-radius: 32px;
  padding: 40px 24px;
  /* ← Más padding vertical */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  max-height: 350px;
}
.innovation .logo-showcase .logo-placeholder {
  width: 70px;
  height: 70px;
  background-color: var(--color-bg-placeholder);
}
.innovation .logo-showcase hr {
  width: 100%;
  border: none;
  height: 1px;
  background-color: var(--color-accent);
}
.innovation .newsletter-form {
  display: flex;
  gap: 16px;
}
.innovation .newsletter-form input {
  flex-grow: 1;
  background: transparent;
  border: 1px solid var(--color-white);
  border-radius: 12px;
  padding: 12px;
  color: var(--color-white);
  font-size: 16px;
}
.innovation .newsletter-form input::-moz-placeholder {
  color: var(--color-white);
  opacity: 0.7;
}
.innovation .newsletter-form input::placeholder {
  color: var(--color-white);
  opacity: 0.7;
}
.innovation .newsletter-form .btn {
  flex-shrink: 0;
}
.innovation .form-notice {
  font-size: 12px;
  line-height: 18px;
  opacity: 0.8;
}
.innovation .form-notice a {
  text-decoration: underline;
}
.innovation .social-links {
  gap: 0;
}
.innovation .social-links li a {
  padding: 8px 0;
}
.innovation .paragrahp-hidden-summary,
.innovation .btn-gen-section {
  display: none;
}
@media (max-width: 1024px) {
  .innovation .container {
    padding-left: 32px;
    padding-right: 32px;
  }
  .innovation .leading-grid {
    grid-template-columns: 1fr;
  }
  .innovation .main-nav {
    display: none;
  }
  .innovation .patents-content-grid {
    grid-template-columns: 1fr;
  }
  .innovation .testimonial-grid {
    grid-template-columns: 1fr;
  }
  .innovation .team-cards-container {
    flex-direction: column;
    align-items: center;
  }
  .innovation .team-card {
    max-width: 400px;
  }
  .innovation .case-studies-grid {
    gap: 48px;
  }
  .innovation .header-container {
    padding: 0 32px;
  }
  .innovation .next-gen-top {
    flex-direction: column;
    gap: 40px;
  }
  .innovation .next-gen-image {
    width: 100%;
    height: 400px;
  }
  .innovation .next-gen-features {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .innovation {
    /* Carousel para team cards */
  }
  .innovation .quote {
    line-height: 34px;
  }
  .innovation .star-rating {
    justify-content: center;
  }
  .innovation .visual-suggestion {
    font-size: 15px;
    line-height: 20px;
  }
  .innovation .commitments-list li {
    gap: 18px;
  }
  .innovation .patents-content-grid {
    gap: 40px;
  }
  .innovation .feature-text h3 {
    font-size: 20px;
  }
  .innovation .logo-showcase {
    width: 98%;
    padding: 10px 40px;
  }
  .innovation .leading-grid {
    width: 100%;
    gap: 30px;
    align-items: center;
  }
  .innovation .leading-image {
    text-align: center;
  }
  .innovation .leading-image img {
    width: 95%;
  }
  .innovation .line-mobile {
    display: block;
    height: auto;
  }
  .innovation .line-desktop {
    display: none;
  }
  .innovation .container {
    padding-left: 19px;
    padding-right: 19px;
  }
  .innovation .leading-section .container {
    padding-left: 15px;
  }
  .innovation .patents-section {
    padding-top: 80px;
  }
  .innovation .paragrahp-hidden-summary {
    display: block;
    transform: translate(0, -15%);
  }
  .innovation .btn-gen-section {
    display: block;
  }
  .innovation .patents-summary p,
  .innovation .next-gen-content a {
    display: none;
  }
  .innovation .patents-summary .btn {
    width: 100%;
  }
  .innovation .patents-summary {
    margin-left: 0;
  }
  .innovation .case-btn {
    width: 100%;
    margin-top: 20px;
  }
  .innovation .btn {
    padding: 12px 35px;
    font-size: 18px;
    margin-bottom: 28px;
  }
  .innovation .leading-section .btn {
    margin-bottom: 0;
    width: 78%;
  }
  .innovation .next-gen-section {
    padding: 0 0;
  }
  .innovation .next-gen-section h2 {
    font-size: 30px;
  }
  .innovation .team-card-content {
    margin-top: 20px;
  }
  .innovation .header-container {
    padding: 0 24px;
  }
  .innovation .partner-btn {
    font-size: 16px;
    padding: 8px 16px;
  }
  .innovation .hero-content {
    gap: 5px;
  }
  .innovation .hero-content-wrapper {
    padding: 25px 20px;
    width: 90%;
    border-radius: 32px;
  }
  .innovation .hero-content h1 {
    font-size: 40px;
  }
  .innovation .hero-content p {
    font-size: 18px;
  }
  .innovation .hero-decoration {
    display: none;
  }
  .innovation .patents-features {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .innovation .section-title h2 {
    font-size: 36px;
  }
  .innovation .research-section .container {
    gap: 40px;
  }
  .innovation .research-section {
    padding-top: 10px;
  }
  .innovation .section-title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .innovation .section-title-wrapper .divider {
    width: 100%;
  }
  .innovation .case-studies-grid {
    grid-template-columns: 1fr;
  }
  .innovation .card-content h3,
  .innovation .card-content p {
    min-height: auto;
  }
  .innovation .next-gen-image img {
    width: 100% !important;
    margin-left: 0;
  }
  .innovation .cta-section {
    padding: 80px 0;
  }
  .innovation .cta-section h2 {
    font-size: 30px;
  }
  .innovation .newsletter-form {
    flex-direction: column;
  }
  .innovation .footer-bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
  .innovation .team-cards-container {
    overflow: hidden;
    display: block !important;
    flex-direction: row !important;
  }
  .innovation .team-cards-container > * {
    display: inline-block;
  }
  .innovation .team-card {
    display: inline-block !important;
    min-width: 100% !important;
    vertical-align: top;
  }
  .innovation .research-card {
    flex-direction: column-reverse;
    display: flex !important;
    min-width: 100% !important;
    vertical-align: top;
    margin-top: 10px;
    /*margin-right: 15px;*/
  }
  .innovation .testimonial-grid {
    overflow: hidden;
    display: block !important;
  }
  .innovation .testimonial-card {
    display: inline-block !important;
    min-width: 100% !important;
    vertical-align: top;
  }
  .innovation .case-studies-grid {
    overflow: hidden;
    display: block !important;
  }
  .innovation .case-study-card {
    display: inline-block !important;
    min-width: 100% !important;
    vertical-align: top;
  }
  .innovation .carousel-dots {
    display: flex !important;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
  }
  .innovation .carousel-dots .dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid var(--color-primary);
    padding: 0;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  .innovation .carousel-dots .dot.active {
    background-color: var(--color-primary);
  }
  .innovation .leading-section {
    padding: 60px 0;
  }
  .innovation .leading-content > h2 {
    font-size: 36px;
  }
  .innovation .commitments-wrapper {
    flex-direction: column;
    gap: 24px;
  }
  .innovation .case-studies-section .container {
    gap: 10px;
  }
  .innovation .case-studies-section {
    padding: 40px 0 55px;
  }
  .innovation .card-image-container {
    height: 250px;
    background-color: transparent;
  }
  .innovation .logo-showcase {
    flex-direction: row;
  }
  .innovation .logo-showcase .logo-placeholder {
    width: 110px;
    height: auto;
    background-color: transparent;
  }
  .innovation .next-gen-top {
    flex-direction: column-reverse;
    gap: 40px;
  }
  .innovation .research-card-text {
    padding: 5px;
    justify-content: start;
    margin-left: 15px;
    gap: 8px;
  }
  .innovation .section-title-wrapper h2 {
    font-size: 35px;
    text-align: center;
  }
}
.contact-form-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.contact-form-section .hero-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  overflow: hidden;
  background-size: cover;
  background-position-x: center;
  background-color: #556b58;
}
.contact-form-section .hero-section .hero-container {
  position: relative;
  width: 100%;
  max-width: 355px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-form-section .hero-section .hero-content-card {
  background: rgba(84, 107, 88, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 32px 32px 0 0;
  padding: 48px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 800px;
  margin-top: 96px;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
}
.contact-form-section .hero-section .hero-content-card .hero-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  text-align: center;
  max-width: 672px;
}
.contact-form-section .hero-section .hero-content-card .hero-text-content .h5-mobile {
  padding: 0 51px;
}
@media (min-width: 768px) {
  .contact-form-section .hero-section {
    padding: 90px 20px 0;
  }
  .contact-form-section .hero-section .hero-container {
    max-width: 1440px;
  }
  .contact-form-section .hero-section .hero-content-card {
    padding: 29px 64px;
  }
  .contact-form-section .hero-section .hero-actions .hero-button {
    padding: 12px 48px;
  }
}
.contact-form-section .hw-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 58px 0 30px;
  margin: auto;
  max-width: 355px;
  width: 100%;
}
.contact-form-section .hw-header .h2-mobile {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .contact-form-section .hw-header {
    padding: 75px 56.5px 58px;
    max-width: 1312px;
  }
}
.contact-form-section .form-container {
  width: 100%;
  max-width: 355px;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.contact-form-section .form-container .contact-form {
  display: flex;
  flex-direction: column;
}
.contact-form-section .form-container .form-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
}
.contact-form-section .form-container .form-input {
  height: 48px;
  border: 1px solid rgb(136, 170, 137);
  border-radius: 12px;
  padding: 0 3px;
  font-size: 16px;
  color: #556b58;
  background-color: transparent;
  outline: none;
  width: 100%;
}
.contact-form-section .form-container input[type=text],
.contact-form-section .form-container select {
  margin-bottom: 0;
}
.contact-form-section .form-container .form-input:focus,
.contact-form-section .form-container .form-textarea:focus {
  border-color: #556b58;
  box-shadow: 0 0 0 2px rgba(85, 107, 88, 0.1);
}
.contact-form-section .form-container .form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  width: 100%;
}
.contact-form-section .form-container .form-row .ff-t-column-1 {
  margin-bottom: 12px;
}
.contact-form-section .form-container .half-width {
  flex: 1;
  min-width: 0;
}
.contact-form-section .form-container .custom-select {
  height: 48px;
  border: 1px solid #88aa89;
  border-radius: 12px;
  padding: 0 3px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}
.contact-form-section .form-container .form-textarea {
  height: 99px;
  border: 1px solid rgb(136, 170, 137);
  border-radius: 12px;
  padding: 0 3px;
  font-size: 16px;
  color: #556b58;
  background-color: #ffffff;
  resize: vertical;
  outline: none;
  font-family: "Inter", sans-serif;
}
.contact-form-section .form-container .ff-el-form-control {
  border: none;
  padding: 10px;
  color: #556b58;
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.contact-form-section .form-container .ff-el-input--content select.ff-el-form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../../assets/svg/chevron-down.svg");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 24px 24px;
  padding-right: 48px;
}
.contact-form-section .form-container .ff-el-input--content {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
.contact-form-section .form-container .ff-el-input--content textarea {
  height: 97px;
}
.contact-form-section .form-container .ff-el-form-check-label {
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
}
.contact-form-section .form-container .ff-el-form-check-label span {
  font-family: "sofia-pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 150%;
  color: #556b58;
}
.contact-form-section .form-container .ff-el-group {
  margin-bottom: 0;
}
.contact-form-section .form-container .ff-el-group p {
  margin-bottom: 9px;
}
.contact-form-section .form-container .ff-el-form-check-input {
  width: 25px;
  height: 23px;
  border: 1px solid #88aa89;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: background-color 0.2s, border-color 0.2s;
}
.contact-form-section .form-container .form-actions {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.contact-form-section .form-container .ff_btn_style {
  width: 100%;
  max-width: 272px;
  height: 51px;
  background-color: rgb(85, 107, 88) !important;
  border: 1px solid rgb(85, 107, 88);
  border-radius: 12px;
  cursor: pointer;
  transition: opacity 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  font-family: "sofia-pro";
}
@media (min-width: 768px) {
  .contact-form-section .form-container .ff_btn_style {
    font-size: 20px;
  }
}
.contact-form-section .form-container .ff_btn_style:hover {
  opacity: 0.9;
}
.contact-form-section .form-container .privacy-text p {
  margin: 0;
}
.contact-form-section .form-container .privacy-text a {
  color: #556b58;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .contact-form-section .form-container {
    max-width: 668px;
    padding: 0;
  }
  .contact-form-section .form-container .form-row {
    flex-direction: row;
    gap: 20px;
  }
  .contact-form-section .form-container .form-actions .submit-btn {
    max-width: 314px;
    height: 62px;
  }
  .contact-form-section .form-container .ff_btn_style {
    max-width: 314px;
    height: 62px;
  }
}
.contact-form-section .card-section {
  display: flex;
  max-width: 355px;
  margin: auto;
  flex-direction: column;
  padding-bottom: 50px;
  gap: 24px;
}
.contact-form-section .card-section .card {
  border: 1px solid rgb(229, 229, 234);
  box-shadow: 0px 4px 6px -2px rgba(149, 187, 149, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.15);
  border-radius: 32px;
  flex: 1;
  padding: 20px 33px;
}
.contact-form-section .card-section .card h3 {
  margin-bottom: 12px;
}
.contact-form-section .card-section .card p {
  margin-bottom: 20px;
}
.contact-form-section .card-section .card .social {
  display: flex;
  gap: 12px;
}
.contact-form-section .card-section .card .social p {
  margin-bottom: 0;
  margin-right: 18px;
}
.contact-form-section .main-container-contact .hero-section {
  background-image: url("../../background-formula-movil.png");
  height: 410px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 19px;
}
.contact-form-section .main-container-contact .hero-section .h2-mobile {
  text-align: center;
}
.contact-form-section .main-container-contact .hero-content {
  align-self: center;
}
.contact-form-section .main-container-contact .btn-hero {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  height: 51px;
  max-width: 223px;
  width: 100%;
}
@media (min-width: 768px) {
  .contact-form-section .card-section {
    max-width: 1312px;
    flex-direction: row;
    gap: 44px;
    padding-bottom: 90px;
  }
  .contact-form-section .card-section .card {
    padding: 27px 38px;
  }
  .contact-form-section .main-container-contact .hero-section {
    background-image: url("../../background-formula.png");
    padding: 120px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    height: 392px;
  }
  .contact-form-section .main-container-contact .hero-section .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }
  .contact-form-section .main-container-contact .hero-section .hero-content .hero-title {
    margin: 0;
    max-width: 768px;
  }
}
.contact-form-section .ff-message-success {
  border: none;
  box-shadow: none;
  max-width: 355px;
  text-align: center;
  margin: auto;
  padding: 48px 9px;
}
.contact-form-section .ff-message-success a {
  color: #556b58;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .contact-form-section .ff-message-success {
    max-width: 1312px;
    width: 712px;
    padding: 72px 0 30px;
  }
}
.hero-section-about-page {
  padding: 60px 0 27px;
  position: relative;
  aspect-ratio: 9/10.72;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .hero-section-about-page {
    aspect-ratio: 12/6.51;
    padding: 75px 0 33px;
  }
}
@media (min-width: 992px) {
  .hero-section-about-page {
    aspect-ratio: 12/5.51;
  }
}
.hero-section-about-page .bg-image-desktop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: none;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-section-about-page .bg-image-desktop {
    display: block;
  }
}
.hero-section-about-page .bg-image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  z-index: 1;
}
@media (min-width: 768px) {
  .hero-section-about-page .bg-image-mobile {
    display: none;
  }
}
.hero-section-about-page .bg-color-white {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 75.78%, rgba(255, 255, 255, 0.56) 88.67%, #fff 98.77%), rgba(0, 0, 0, 0.5);
}
.hero-section-about-page h1 {
  margin-bottom: 22px;
  text-align: center;
  position: relative;
  z-index: 3;
}
.hero-section-about-page h1 span {
  background: linear-gradient(101deg, #b0cfb0 0%, #FFF 140%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-section-about-page p {
  text-align: center;
  position: relative;
  z-index: 3;
}
.about-us-section-about-page {
  background-color: #fff;
  padding: 60px 0 20px;
}
@media (min-width: 768px) {
  .about-us-section-about-page {
    padding: 90px 0 75px;
  }
}
@media (min-width: 1200px) {
  .about-us-section-about-page {
    padding: 120px 0;
  }
}
.about-us-section-about-page .about-us-container > h2 {
  text-align: center;
  margin: 0 0 33px;
}
@media (min-width: 768px) {
  .about-us-section-about-page .about-us-container > h2 {
    margin: 0 0 50px;
  }
}
@media (min-width: 1200px) {
  .about-us-section-about-page .about-us-container > h2 {
    margin: 0 0 64px;
  }
}
.about-us-section-about-page .about-us-container__content-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 768px) {
  .about-us-section-about-page .about-us-container__content-box {
    flex-direction: row;
    gap: 26px;
  }
}
@media (min-width: 1200px) {
  .about-us-section-about-page .about-us-container__content-box {
    gap: 34px;
  }
}
@media (min-width: 1360px) {
  .about-us-section-about-page .about-us-container__content-box {
    gap: 48px;
  }
}
.about-us-section-about-page .about-us-container__content-box__content-item {
  display: flex;
  flex: 5;
  flex-direction: column;
  align-items: center;
  padding: 42px 32px;
  gap: 24px;
  border-radius: 32px;
  background: radial-gradient(151% 135.8% at 0.9% 2.98%, #546b58 30%, #a5cda6 100%);
}
@media (min-width: 992px) {
  .about-us-section-about-page .about-us-container__content-box__content-item {
    padding: 56px 46px;
  }
}
.about-us-section-about-page .about-us-container__content-box__content-item h3 {
  text-align: center;
  margin: 0;
}
.about-us-section-about-page .about-us-container__content-box__content-item p {
  text-align: center;
  margin: 0;
}
.values-section {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
  background-color: white;
}
@media (min-width: 1200px) {
  .values-section {
    padding: 0 0 20px;
  }
}
.values-section img {
  display: block;
  max-width: 100%;
}
.values-section .values-container {
  width: 100%;
  max-width: 1440px;
  padding: 0 11.5px;
  display: flex;
  flex-direction: column;
  gap: 27px;
}
.values-section .values-header {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.values-section .header-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.values-section .header-content h2 {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .values-section .header-content h2 {
    margin-top: 0;
  }
}
.values-section .values-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.values-section .team-image {
  border-radius: 32px;
  box-shadow: 0px 12px 16px -4px rgba(165, 205, 166, 0.15), 0px 4px 6px -2px rgba(149, 187, 149, 0.1);
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 355px;
}
@media (min-width: 525px) {
  .values-section .team-image {
    max-width: 425px;
  }
}
@media (min-width: 768px) {
  .values-section .team-image {
    aspect-ratio: 4.05/2.5;
    max-width: 785px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (min-width: 992px) {
  .values-section .team-image {
    aspect-ratio: 4.05/3.95;
    max-width: 405px;
  }
}
.values-section .features-list {
  display: flex;
  flex-direction: column;
  gap: 64px;
  justify-content: center;
}
.values-section .features-row {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  width: 100%;
  justify-content: center;
}
.values-section .feature-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 24px;
  border-left: 2px solid #88AA89;
  max-width: 355px;
  width: 100%;
}
@media (min-width: 525px) {
  .values-section .feature-item {
    max-width: 425px;
  }
}
.values-section .feature-item p {
  margin-bottom: 0;
}
.values-section .feature-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}
.values-section .feature-head h3 {
  margin: 0 0 5px;
}
.values-section .icon-wrapper {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.values-section .feature-icon {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .values-section .values-container {
    padding: 0 56.5px;
    gap: 80px;
  }
  .values-section .features-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 48px;
  }
  .values-section .values-body {
    flex-direction: column;
    gap: 48px;
  }
  .values-section .feature-item {
    gap: 16px;
    max-width: 371px;
    width: 100%;
  }
  .values-section .icon-wrapper {
    width: 58px;
    height: 58px;
  }
}
@media (min-width: 1200px) {
  .values-section .values-body {
    flex-direction: row;
  }
}
.values-section .values-banner-wrapper {
  width: 100%;
  border-radius: 32px;
  padding: 10.5px;
  background: radial-gradient(63.2% 296.65% at 15.73% 16.03%, rgb(85, 107, 88) 30%, rgb(165, 205, 166) 100%);
  box-shadow: 0px 4px 6px -2px rgba(165, 205, 166, 0.1), 0px 12px 16px -4px rgba(165, 205, 166, 0.3);
  margin-top: 5px;
}
.values-section .values-banner-wrapper .values-banner-inner {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 15px 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0px 4px 4px -1px rgba(12, 12, 13, 0.05);
}
.values-section .values-banner-wrapper .values-banner-inner .banner-text {
  text-align: center;
  margin: 0;
  max-width: 1058px;
}
@media (min-width: 768px) {
  .values-section .values-banner-wrapper .values-banner-inner {
    padding: 24px 32px;
  }
}
.section-community {
  background: linear-gradient(180deg, rgba(136, 170, 137, 0.5) 0%, rgba(239, 245, 239, 0.87) 22%, #eff5ef 49%);
  background-color: #eff5ef;
  padding: 60px 19px;
  display: flex;
  justify-content: center;
}
.section-community h1,
.section-community h2,
.section-community h3,
.section-community h4,
.section-community h5,
.section-community h6,
.section-community p {
  margin: 0;
}
.section-community .container {
  width: 100%;
  display: flex;
  padding: 0;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}
.section-community .image-column {
  flex: 0 0 auto;
  width: 100%;
  display: contents;
}
.section-community .feature-image {
  width: 100%;
  height: auto;
  aspect-ratio: 10/7.85;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 32px;
}
@media (min-width: 768px) {
  .section-community .feature-image {
    max-width: 616px;
    aspect-ratio: 10/7.85;
  }
}
@media (min-width: 992px) {
  .section-community .feature-image {
    aspect-ratio: 10/10.065;
    max-width: 450px;
  }
}
@media (min-width: 1360px) {
  .section-community .feature-image {
    max-width: 616px;
  }
}
.section-community .content-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 616px;
}
.section-community .content-column h2 {
  text-align: center;
}
.section-community .info-layout {
  display: flex;
  margin-top: 8px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.section-community .icon-pill {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #88aa89;
  border-radius: 32px;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  flex-direction: row;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 18px;
}
.section-community .pill-icon {
  width: 55px;
  height: 55px;
}
.section-community .pill-divider {
  height: auto;
  transform: rotate(90deg);
  width: 54.83px;
}
.section-community .text-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
  max-width: 451px;
}
.section-community .text-list p {
  text-align: center;
}
.section-community .action-wrapper {
  align-self: center;
}
.section-community .btn-primary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 11px 37px;
  background-color: #556b58;
  border: 1px solid #556b58;
  border-radius: 12px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.section-community .btn-primary:hover {
  opacity: 0.9;
}
@media (min-width: 768px) {
  .section-community {
    padding: 100px 56px 120px;
  }
  .section-community .container {
    max-width: 1312px;
    flex-direction: column;
    align-items: center;
    /* Vertically center the image and content */
    gap: 32px;
    padding: 0;
  }
  .section-community .content-column {
    gap: 32px;
  }
  .section-community .content-column h2 {
    text-align: start;
  }
  .section-community .content-column .info-layout {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 49px;
  }
  .section-community .content-column .icon-pill {
    flex-direction: column;
    padding: 19.5px 23px;
    gap: 24px;
  }
  .section-community .content-column .pill-icon {
    width: 70px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .section-community .content-column .pill-divider {
    transform: rotate(0deg);
    width: 70px;
  }
  .section-community .content-column .text-list {
    gap: 32px;
  }
  .section-community .content-column .text-list p {
    text-align: left;
    margin-bottom: 8px;
  }
  .section-community .action-wrapper {
    align-self: start;
  }
  .section-community .btn-primary {
    padding: 15px 46.6px;
  }
}
@media (min-width: 1200px) {
  .section-community .container {
    flex-direction: row;
    gap: 60px;
  }
  .section-community .icon-pill {
    padding: 19.4px 23px;
  }
}
@media (min-width: 1360px) {
  .section-community .container {
    flex-direction: row;
    gap: 80px;
  }
}
.main-container .hero-section {
  background-image: url("../../Background - team-mobile.png");
  height: 439px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 11px;
}
.main-container .hero-section .h2-mobile {
  text-align: center;
}
.main-container .btn-hero {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 16px 28px;
  border-radius: 12px;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
  height: 51px;
  max-width: 355px;
  width: 100%;
}
.main-container .hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  padding-top: 14px;
}
.main-container .hero-actions .btn-solid {
  background-color: white;
  border-color: white;
}
.main-container .hero-actions .btn-solid:hover {
  background-color: transparent;
  color: white;
}
.main-container .hero-actions .btn-outline-light {
  background-color: transparent;
  border-color: white;
}
.main-container .hero-actions .btn-outline-light:hover {
  background-color: white;
  color: #556b58;
}
@media (min-width: 768px) {
  .main-container .hero-section {
    background-image: url("../../Background-team.png");
    padding: 120px 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    height: 492px;
  }
  .main-container .hero-section .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }
  .main-container .hero-section .hero-content .hero-title {
    margin: 0;
    max-width: 916px;
  }
  .main-container .hero-section .hero-content .hero-actions {
    flex-wrap: nowrap;
    width: 562px;
  }
  .main-container .hero-section .hero-content .hero-actions .btn-hero {
    height: 62px;
    max-width: 275px;
    padding: 16px 38px;
    width: 100%;
  }
}
.team-section-page .cta-banner-section {
  background-size: cover;
  background-position: center;
  padding: 112px 0 80px;
  text-align: center;
  background-color: #232323;
  background-image: url("../../background-contact-mo.png");
}
@media (min-width: 768px) {
  .team-section-page .cta-banner-section {
    padding: 110px 0;
    background-image: url("../../back-banner.png");
  }
}
@media (min-width: 1200px) {
  .team-section-page .cta-banner-section {
    padding: 238px 0;
  }
}
.team-section-page .cta-banner-section .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
.team-section-page .cta-banner-section .container span {
  background: linear-gradient(135deg, #95bb95 10%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media (min-width: 768px) {
  .team-section-page .cta-banner-section .container {
    gap: 30px;
  }
}
@media (min-width: 1056px) {
  .team-section-page .cta-banner-section .container {
    gap: 40px;
  }
}
.team-section-page .cta-banner-section .container .cta-banner-section__heading {
  color: #ffffff;
  max-width: 1312px;
  margin: 0;
}
.team-section-page .team-section .team-container__button-wrapper {
  display: none;
}
.team-section-page .cta-banner-section-team {
  background-size: cover;
  background-position: center;
  padding: 100px 10px;
  text-align: center;
  background-image: url("../../background-contact-mo.png");
}
@media (min-width: 768px) {
  .team-section-page .cta-banner-section-team {
    padding: 110px 0;
    background-image: url("../../Background-team(2).png");
  }
}
@media (min-width: 1200px) {
  .team-section-page .cta-banner-section-team {
    padding: 119px 64px;
  }
}
.team-section-page .cta-banner-section-team .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.team-section-page .cta-banner-section-team .container .cta-banner-section__heading {
  color: #ffffff;
  max-width: 940px;
  margin: 0;
  margin-bottom: 2px;
}
.team-section-page .cta-banner-section-team .container .button-wrapper {
  display: flex;
  justify-content: center;
  gap: 16px;
  max-width: 355px;
  width: 100%;
}
.team-section-page .cta-banner-section-team .container .button-wrapper .-btn-white {
  width: 100%;
  padding: 11px;
}
@media (min-width: 768px) {
  .team-section-page .cta-banner-section-team .container .button-wrapper {
    max-width: 244px;
    width: 100%;
  }
  .team-section-page .cta-banner-section-team .container .button-wrapper .-btn-white {
    padding: 15px;
  }
}
.team-section-page .cta-banner-section-team .container p {
  margin-bottom: 20px;
}
@media (min-width: 1056px) {
  .team-section-page .cta-banner-section-team .container p {
    margin-bottom: 31px;
  }
}
.team-section {
  padding: 60px 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .team-section {
    padding: 75px 0;
  }
}
@media (min-width: 1200px) {
  .team-section {
    padding: 100px 0;
  }
}
.team-section .team-container h2 {
  margin-bottom: 28px;
}
@media (min-width: 768px) {
  .team-section .team-container h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .team-section .team-container h2 {
    margin-bottom: 80px;
  }
}
.team-section .team-container__team-main-wrapper {
  max-width: 1176px;
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}
@media (min-width: 768px) {
  .team-section .team-container__team-main-wrapper {
    margin: 0 auto 82px;
    grid-column-gap: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .team-section .team-container__team-main-wrapper {
    grid-column-gap: 68px;
    margin: 0 auto 100px;
  }
}
.team-section .team-container__team-main-wrapper__item {
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  position: relative;
}
.team-section .team-container__team-main-wrapper__item .image-team {
  width: 100%;
  height: auto;
  aspect-ratio: 3/3.15;
  margin: 0 0 24px;
  border-radius: 24px;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .team-section .team-container__team-main-wrapper__item .image-team {
    margin: 0 0 32px;
    border-radius: 32px;
  }
}
.team-section .team-container__team-main-wrapper__item .image-team img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 32px;
}
.team-section .team-container__team-main-wrapper__item .image-team span {
  position: absolute;
  cursor: pointer;
  bottom: 18px;
  right: 11px;
  width: 42px;
  height: 42px;
}
@media (min-width: 768px) {
  .team-section .team-container__team-main-wrapper__item .image-team span {
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 1200px) {
  .team-section .team-container__team-main-wrapper__item .image-team span {
    width: 60px;
    height: 60px;
    bottom: 16px;
    right: 15px;
  }
}
.team-section .team-container__team-main-wrapper__item .image-team span svg {
  width: 100%;
  height: 100%;
  z-index: 9;
}
.team-section .team-container__team-main-wrapper__item .image-team__pop-up {
  position: absolute;
  left: 0;
  bottom: auto;
  width: 100%;
  height: auto;
  border-radius: 32px;
  background: radial-gradient(141% 135.8% at 0.9% 2.98%, #546b58 30%, #a5cda6 100%);
  box-shadow: 0 12px 16px -4px rgba(165, 205, 166, 0.3), 0 4px 6px -2px rgba(165, 205, 166, 0.1);
  padding: 32px 32px 20px;
}
.team-section .team-container__team-main-wrapper__item .image-team__pop-up.-active {
  bottom: 0 !important;
}
.team-section .team-container__team-main-wrapper__item .image-team__pop-up span {
  position: absolute;
  top: 8px;
  display: block;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .team-section .team-container__team-main-wrapper__item .image-team__pop-up span {
    width: 34px;
    height: 34px;
    top: 10px;
    right: 12px;
  }
}
.team-section .team-container__team-main-wrapper__item .image-team__pop-up span svg {
  width: 100%;
  height: 100%;
}
.team-section .team-container__team-main-wrapper__item .image-team__pop-up__title {
  text-align: center;
  margin: 0 0 2px;
}
.team-section .team-container__team-main-wrapper__item .image-team__pop-up__paragraph {
  text-align: center;
  margin: 0 0 12px;
}
.team-section .team-container__team-main-wrapper__item__name-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
}
.team-section .team-container__team-main-wrapper__item__name-wrapper__name {
  margin: 0;
}
.team-section .team-container__team-main-wrapper__item__name-wrapper a {
  width: 29px;
  height: 29px;
  aspect-ratio: 1/1;
}
.team-section .team-container__team-main-wrapper__item__name-wrapper a svg {
  width: 26px;
  height: 26px;
  margin-top: -6px;
}
.team-section .team-container__team-main-wrapper__item__position {
  margin: 0 0 12px;
}
.team-section .team-container__team-complete-wrapper {
  max-width: 1176px;
  margin: 30px auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 17px 8px;
  justify-items: center;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
}
@media (min-width: 768px) {
  .team-section .team-container__team-complete-wrapper {
    margin: 42px auto 0;
    gap: 48px 24px;
  }
}
.team-section .team-container__team-complete-wrapper__member {
  flex: 0 0 calc(50% - 4px);
  padding: 8px 8px 12px;
  border-radius: 24px;
  border: 0.724px solid #e5e5ea;
  background: #fff;
  box-shadow: 0 8.689px 11.585px -2.896px rgba(165, 205, 166, 0.15), 0 2.896px 4.345px -1.448px rgba(149, 187, 149, 0.1);
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .team-section .team-container__team-complete-wrapper__member {
    padding: 16px 16px 20px;
    border-radius: 32px;
    flex: 0 0 calc(33.333% - 16px);
  }
}
@media (min-width: 992px) {
  .team-section .team-container__team-complete-wrapper__member {
    flex: 0 0 calc(25% - 18px);
  }
}
.team-section .team-container__team-complete-wrapper__member figure {
  width: 100%;
  height: auto;
  aspect-ratio: 3/3.57;
  margin: 0 0 8px;
  border-radius: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .team-section .team-container__team-complete-wrapper__member figure {
    border-radius: 24px;
    margin: 0 0 19px;
    aspect-ratio: 3/3.15;
  }
}
.team-section .team-container__team-complete-wrapper__member figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .team-section .team-container__team-complete-wrapper__member figure img {
    border-radius: 24px;
  }
}
.team-section .team-container__team-complete-wrapper__member figure span {
  position: absolute;
  bottom: 14px;
  right: 7px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.team-section .team-container__team-complete-wrapper__member figure span svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .team-section .team-container__team-complete-wrapper__member figure span {
    bottom: 14px;
    right: 6px;
    width: 38px;
    height: 38px;
  }
}
.team-section .team-container__team-complete-wrapper__member > p {
  margin: 0;
  text-align: center;
}
.team-section .team-container__team-complete-wrapper__member__pop-up-team {
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: auto;
  border-radius: 24px;
  background: radial-gradient(141% 135.8% at 0.9% 2.98%, #546b58 30%, #a5cda6 100%);
  box-shadow: 0 12px 16px -4px rgba(165, 205, 166, 0.3), 0 4px 6px -2px rgba(165, 205, 166, 0.1);
  padding: 13px 12px 9px;
}
@media (min-width: 768px) {
  .team-section .team-container__team-complete-wrapper__member__pop-up-team {
    padding: 16px 20px;
  }
}
.team-section .team-container__team-complete-wrapper__member__pop-up-team.-active {
  bottom: 0 !important;
}
.team-section .team-container__team-complete-wrapper__member__pop-up-team span {
  position: absolute;
  top: 8px;
  display: block;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .team-section .team-container__team-complete-wrapper__member__pop-up-team span {
    width: 34px;
    height: 34px;
    top: 10px;
    right: 12px;
  }
}
.team-section .team-container__team-complete-wrapper__member__pop-up-team span svg {
  width: 100%;
  height: 100%;
}
.team-section .team-container__team-complete-wrapper__member__pop-up-team__title {
  text-align: center;
  margin: 0 0 2px;
}
.team-section .team-container__team-complete-wrapper__member__pop-up-team__paragraph {
  text-align: center;
  margin: 0 0 12px;
}
.team-section .team-container__button-wrapper {
  margin: 42px 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .team-section .team-container__button-wrapper {
    margin: 60px 0 0;
  }
}
@media (min-width: 1200px) {
  .team-section .team-container__button-wrapper {
    margin: 80px 0 0;
  }
}
.team-section .team-container__button-wrapper a {
  transition: all 300ms !important;
}
.team-section .team-container__button-wrapper a:hover {
  background-color: #fff;
  color: #556b58;
}
.toggle-description {
  background: none;
  border: none;
  color: #556b58;
  cursor: pointer;
  padding: 0;
  margin-left: 5px;
  font-weight: 600;
}
.community-section {
  overflow: clip;
}
.community-section .hero-section {
  background-image: url("../../Background - team-mobile.png");
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  padding-right: 11.5px;
  padding-left: 11.5px;
  padding-top: 113px;
}
.community-section .hero-section .hero-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.community-section .hero-section .hero-content-card {
  background: rgba(84, 107, 88, 0.6);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  border-radius: 32px 32px 0 0;
  padding: 32px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 800px;
  border-top: 2px solid rgba(165, 205, 166, 0.75);
  border-right: 2px solid rgba(165, 205, 166, 0.75);
  border-left: 2px solid rgba(165, 205, 166, 0.75);
}
.community-section .hero-section .hero-content-card .hero-text-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 672px;
}
@media (min-width: 768px) {
  .community-section .hero-section {
    background-image: url("../../Background-team.png");
    padding: 142px 20px 0;
  }
  .community-section .hero-section .hero-container {
    max-width: 1440px;
  }
  .community-section .hero-section .hero-content-card {
    padding: 47px 106px;
    margin-top: 12px;
  }
  .community-section .hero-section .hero-content-card .hero-text-content {
    gap: 5px;
  }
  .community-section .hero-section .hero-actions .hero-button {
    padding: 12px 48px;
  }
}
.community-section .section-policy {
  background-color: #ffffff;
  padding: 60px 11.5px;
  display: flex;
  justify-content: center;
}
.community-section .section-policy h1,
.community-section .section-policy h2,
.community-section .section-policy h3,
.community-section .section-policy h4,
.community-section .section-policy h5,
.community-section .section-policy h6,
.community-section .section-policy p {
  margin: 0;
}
.community-section .section-policy .container {
  width: 100%;
  display: flex;
  padding: 0;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}
.community-section .section-policy .image-column {
  flex: 0 0 auto;
  width: 100%;
  display: contents;
}
.community-section .section-policy .feature-image {
  width: 100%;
  height: auto;
  aspect-ratio: 10/7.85;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 32px;
}
@media (min-width: 768px) {
  .community-section .section-policy .feature-image {
    max-width: 616px;
    aspect-ratio: 10/7.85;
  }
}
@media (min-width: 992px) {
  .community-section .section-policy .feature-image {
    aspect-ratio: 10/10.065;
    max-width: 450px;
  }
}
@media (min-width: 1360px) {
  .community-section .section-policy .feature-image {
    max-width: 616px;
  }
}
.community-section .section-policy .content-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 616px;
}
.community-section .section-policy .content-column h2 {
  text-align: left;
}
.community-section .section-policy .info-layout {
  display: flex;
  margin-top: 0;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.community-section .section-policy .icon-pill {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #88aa89;
  border-radius: 32px;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  flex-direction: row;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 18px;
}
.community-section .section-policy .pill-icon {
  width: 55px;
  height: 55px;
}
.community-section .section-policy .pill-divider {
  height: auto;
  transform: rotate(90deg);
  width: 54.83px;
}
.community-section .section-policy .text-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex: 1;
}
.community-section .section-policy .text-list p {
  text-align: center;
}
@media (min-width: 768px) {
  .community-section .section-policy {
    padding: 100px 56px;
  }
  .community-section .section-policy .container {
    max-width: 1312px;
    align-items: center;
    gap: 32px;
    padding: 0;
  }
  .community-section .section-policy .content-column {
    gap: 32px;
  }
  .community-section .section-policy .content-column h2 {
    text-align: start;
  }
  .community-section .section-policy .content-column .info-layout {
    justify-content: space-between;
    align-items: flex-start;
    gap: 36px;
  }
  .community-section .section-policy .content-column .icon-pill {
    padding: 24px 22px;
  }
  .community-section .section-policy .content-column .pill-icon {
    width: 70px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .community-section .section-policy .content-column .pill-divider {
    width: 70px;
  }
  .community-section .section-policy .content-column .text-list {
    gap: 32px;
  }
  .community-section .section-policy .content-column .text-list p {
    text-align: left;
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .community-section .section-policy .container {
    flex-direction: row;
    gap: 80px;
  }
  .community-section .section-policy .text-list {
    max-width: 451px;
  }
}
.community-section .progress-section {
  background: linear-gradient(180deg, rgba(136, 170, 137, 0.4) 0%, rgba(239, 245, 239, 0.32) 27.03%, rgba(239, 245, 239, 0.8) 56.81%, rgba(239, 245, 239, 0.16) 93.4%, rgba(136, 170, 137, 0.4) 124.38%), #eff5ef;
  padding: 60px 0;
}
.community-section .progress-section .container {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0 11px;
  gap: 32px;
}
.community-section .progress-section .content {
  padding: 0 3px;
}
.community-section .progress-section .content h2 {
  margin-bottom: 32px;
}
.community-section .progress-section .content .text-l-bold-mobile {
  margin-bottom: 2px;
}
.community-section .progress-section .image-column {
  order: -1;
  justify-self: center;
  width: 100%;
}
.community-section .progress-section .image-column .feature-image {
  height: auto;
  aspect-ratio: 10/7.81;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 17.14px;
  display: flex;
  margin: auto;
}
@media (min-width: 768px) {
  .community-section .progress-section {
    padding: 60px 56.5px;
  }
  .community-section .progress-section .container {
    grid-column-gap: 32px;
    padding: 0 19px;
  }
  .community-section .progress-section .content {
    width: 100%;
    align-self: center;
  }
  .community-section .progress-section .content h2 {
    margin-bottom: 32px;
  }
  .community-section .progress-section .content .text-desktop-bold {
    font-size: 19px;
  }
  .community-section .progress-section .image-column {
    width: 79%;
  }
  .community-section .progress-section .image-column .feature-image {
    aspect-ratio: 0;
  }
}
@media (min-width: 992px) {
  .community-section .progress-section {
    padding: 100px 56.5px;
  }
  .community-section .progress-section .content {
    max-width: 521px;
  }
  .community-section .progress-section .container {
    gap: 1px;
    grid-template-columns: repeat(2, 1fr);
  }
  .community-section .progress-section .image-column {
    order: 2;
    width: 100%;
  }
  .community-section .progress-section .image-column .feature-image {
    margin-left: 20px;
  }
}
.community-section .partners-section {
  padding: 60px 0;
  background-color: white;
}
.community-section .partners-section .container {
  padding: 0 11.1px;
}
.community-section .partners-section .container h2 {
  text-align: center;
}
.community-section .partners-section .images {
  display: grid;
  grid-column-gap: 16px;
  grid-template-columns: repeat(1, 1fr);
  padding: 0 1.9px;
  grid-row-gap: 16px;
  justify-items: center;
  margin: 48px 0;
}
.community-section .partners-section .image {
  border-radius: 27px;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 176/135;
}
@media (min-width: 768px) {
  .community-section .partners-section {
    /*     padding: 100px 37.5px; */
    padding: 100px 0;
  }
  .community-section .partners-section .container {
    padding: 0 19px;
  }
  .community-section .partners-section .images {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 24px;
    margin: 50px 0;
  }
  .community-section .partners-section .image {
    width: 421px;
    aspect-ratio: 151/142;
  }
}
@media (min-width: 992px) {
  .community-section .partners-section .images {
    grid-template-columns: repeat(3, 1fr);
    margin: 80px 0;
  }
}
.community-section .partners-section .brands-section-community {
  background-color: #ffffff;
}
.community-section .partners-section .brands-section-community .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  max-width: 1440px;
  padding: 0;
}
.community-section .partners-section .brands-section-community .container .swiper {
  display: inline;
  /* width: 100vw; */
  /* margin-left: calc(66% - 50vw); */
  height: 100%;
  max-width: 1440px;
  width: 100%;
}
.community-section .partners-section .brands-section-community .container .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 78px;
}
.community-section .partners-section .brands-section-community .container .swiper .swiper-wrapper .swiper-slide img {
  display: block;
  width: 78px;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
@media (min-width: 525px) {
  .community-section .partners-section .brands-section-community .container .swiper .swiper-wrapper .swiper-slide img {
    width: 140px;
  }
}
@media (min-width: 768px) {
  .community-section .partners-section .brands-section-community .container .swiper .swiper-wrapper .swiper-slide {
    width: 140px;
  }
}
.community-section .partners-section .brands-section-community .container .btn {
  padding: 11px 31px;
}
@media (min-width: 768px) {
  .community-section .partners-section .brands-section-community .container .btn {
    padding: 15px 47px;
  }
  .community-section .partners-section .brands-section-community .container {
    gap: 40px;
    padding: 0;
  }
}
@media (min-width: 1056px) {
  .community-section .partners-section .brands-section-community .container {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .community-section .partners-section .brands-section-community .container {
    gap: 60px;
  }
}
@media (min-width: 1360px) {
  .community-section .partners-section .brands-section-community .container {
    gap: 80px;
    padding: 0;
  }
}