@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@import "https://fonts.cdnfonts.com/css/gt-walsheim-trial";
@import "https://fonts.cdnfonts.com/css/open-sauce-one";
.benefits .container .benefits-card,
.cta .container .cta-box img,
.navbar,
.hamb-menu .hamb-menu-inner,
.hamb-menu .hamb-menu-inner .hamb-link,
.footer .container .footer-panel,
.footer .container .footer-panel .footer-content,
.footer .container .footer-bar,
.footer .container .footer-figure,
.accordions,
.accordions .accordion,
.accordions .accordion .accordion-trigger,
.page-wrapper,
.container,
.content-box,
figure,
figure img,
figure video,
.shape-figure {
  width: 100%;
  height: auto;
}
.values .container .values-list,
.hamb-menu,
section .bg,
footer .bg,
section .bg img,
section .bg video,
footer .bg img,
footer .bg video,
.bg.overlay-20:before,
figure.overlay-20:before,
.bg.overlay-21:before,
figure.overlay-21:before,
.bg.overlay-22:before,
figure.overlay-22:before,
.bg.overlay-23:before,
figure.overlay-23:before,
.bg.overlay-24:before,
figure.overlay-24:before,
.bg.overlay-25:before,
figure.overlay-25:before,
.bg.overlay-26:before,
figure.overlay-26:before,
.bg.overlay-27:before,
figure.overlay-27:before,
.bg.overlay-28:before,
figure.overlay-28:before,
.bg.overlay-29:before,
figure.overlay-29:before,
.bg.overlay-30:before,
figure.overlay-30:before,
.bg.overlay-31:before,
figure.overlay-31:before,
.bg.overlay-32:before,
figure.overlay-32:before,
.bg.overlay-33:before,
figure.overlay-33:before,
.bg.overlay-34:before,
figure.overlay-34:before,
.bg.overlay-35:before,
figure.overlay-35:before,
.bg.overlay-36:before,
figure.overlay-36:before,
.bg.overlay-37:before,
figure.overlay-37:before,
.bg.overlay-38:before,
figure.overlay-38:before,
.bg.overlay-39:before,
figure.overlay-39:before,
.bg.overlay-40:before,
figure.overlay-40:before,
.bg.overlay-41:before,
figure.overlay-41:before,
.bg.overlay-42:before,
figure.overlay-42:before,
.bg.overlay-43:before,
figure.overlay-43:before,
.bg.overlay-44:before,
figure.overlay-44:before,
.bg.overlay-45:before,
figure.overlay-45:before,
.bg.overlay-46:before,
figure.overlay-46:before,
.bg.overlay-47:before,
figure.overlay-47:before,
.bg.overlay-48:before,
figure.overlay-48:before,
.bg.overlay-49:before,
figure.overlay-49:before,
.bg.overlay-50:before,
figure.overlay-50:before,
.bg.overlay-51:before,
figure.overlay-51:before,
.bg.overlay-52:before,
figure.overlay-52:before,
.bg.overlay-53:before,
figure.overlay-53:before,
.bg.overlay-54:before,
figure.overlay-54:before,
.bg.overlay-55:before,
figure.overlay-55:before,
.bg.overlay-56:before,
figure.overlay-56:before,
.bg.overlay-57:before,
figure.overlay-57:before,
.bg.overlay-58:before,
figure.overlay-58:before,
.bg.overlay-59:before,
figure.overlay-59:before,
.bg.overlay-60:before,
figure.overlay-60:before,
.bg.overlay-61:before,
figure.overlay-61:before,
.bg.overlay-62:before,
figure.overlay-62:before,
.bg.overlay-63:before,
figure.overlay-63:before,
.bg.overlay-64:before,
figure.overlay-64:before,
.bg.overlay-65:before,
figure.overlay-65:before,
.bg.overlay-66:before,
figure.overlay-66:before,
.bg.overlay-67:before,
figure.overlay-67:before,
.bg.overlay-68:before,
figure.overlay-68:before,
.bg.overlay-69:before,
figure.overlay-69:before,
.bg.overlay-70:before,
figure.overlay-70:before,
.bg.overlay-71:before,
figure.overlay-71:before,
.bg.overlay-72:before,
figure.overlay-72:before,
.bg.overlay-73:before,
figure.overlay-73:before,
.bg.overlay-74:before,
figure.overlay-74:before,
.bg.overlay-75:before,
figure.overlay-75:before,
.bg.overlay-76:before,
figure.overlay-76:before,
.bg.overlay-77:before,
figure.overlay-77:before,
.bg.overlay-78:before,
figure.overlay-78:before,
.bg.overlay-79:before,
figure.overlay-79:before,
.bg.overlay-80:before,
figure.overlay-80:before {
  width: 100%;
  height: 100%;
}
html.lenis,
html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
* {
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  box-sizing: inherit;
  outline: none;
  -webkit-touch-callout: none;
  font-family: Inter, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: GT Walsheim Trial, sans-serif !important;
  font-weight: 500;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  font-family: GT Walsheim Trial, sans-serif !important;
  font-weight: 500 !important;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
a {
  color: inherit;
  outline: none;
  pointer-events: auto;
  text-decoration: none;
}
button {
  background: none;
  border: none;
  border-radius: none;
  color: inherit;
  outline: none;
  cursor: pointer;
}
video,
img {
  vertical-align: middle;
  object-fit: cover;
  object-position: center;
}
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  pointer-events: auto;
}
:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-optical-sizing: auto;
}
html {
  box-sizing: border-box;
  overscroll-behavior: none;
  font-size: 0.5208333333vw !important;
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 0.9765625vw !important;
  }
}
@media only screen and (max-width: 482px) {
  html {
    font-size: 2.0746887967vw !important;
  }
}
body {
  overscroll-behavior: none;
  font-weight: 400;
  width: 100%;
  min-height: 100vh;
  background: #261d20;
  color: #fff;
}
[data-animation="reveal"] {
  position: relative;
  transition: opacity 0.6s cubic-bezier(0.3, 1, 0.3, 1),
    transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
  will-change: transform, opacity;
  opacity: 0;
  transform: translateY(5rem);
}
[data-animation="reveal"].reveal {
  opacity: 1;
  transform: translateY(0);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
::-webkit-scrollbar {
  display: none;
}
.page-wrapper {
  overflow: hidden;
}
.container {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  z-index: 2;
}
section,
footer {
  position: relative;
  overflow: hidden;
}
section .bg,
footer .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  position: relative;
  z-index: 2;
}
.content-box .btns {
  margin-top: 1rem;
}
.btns {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1remz;
}
figure {
  overflow: hidden;
}
.logos {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 2rem;
}
.shape-figure {
  -webkit-mask-image: url(../images/shapes/flower.svg);
  mask-image: url(../images/shapes/flower.svg);
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.bg.overlay-20:before,
figure.overlay-20:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0003;
  z-index: 1;
}
.bg.overlay-21:before,
figure.overlay-21:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000036;
  z-index: 1;
}
.bg.overlay-22:before,
figure.overlay-22:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000038;
  z-index: 1;
}
.bg.overlay-23:before,
figure.overlay-23:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000003b;
  z-index: 1;
}
.bg.overlay-24:before,
figure.overlay-24:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000003d;
  z-index: 1;
}
.bg.overlay-25:before,
figure.overlay-25:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000040;
  z-index: 1;
}
.bg.overlay-26:before,
figure.overlay-26:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000042;
  z-index: 1;
}
.bg.overlay-27:before,
figure.overlay-27:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000045;
  z-index: 1;
}
.bg.overlay-28:before,
figure.overlay-28:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000047;
  z-index: 1;
}
.bg.overlay-29:before,
figure.overlay-29:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000004a;
  z-index: 1;
}
.bg.overlay-30:before,
figure.overlay-30:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000004d;
  z-index: 1;
}
.bg.overlay-31:before,
figure.overlay-31:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000004f;
  z-index: 1;
}
.bg.overlay-32:before,
figure.overlay-32:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000052;
  z-index: 1;
}
.bg.overlay-33:before,
figure.overlay-33:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000054;
  z-index: 1;
}
.bg.overlay-34:before,
figure.overlay-34:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000057;
  z-index: 1;
}
.bg.overlay-35:before,
figure.overlay-35:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000059;
  z-index: 1;
}
.bg.overlay-36:before,
figure.overlay-36:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000005c;
  z-index: 1;
}
.bg.overlay-37:before,
figure.overlay-37:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000005e;
  z-index: 1;
}
.bg.overlay-38:before,
figure.overlay-38:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000061;
  z-index: 1;
}
.bg.overlay-39:before,
figure.overlay-39:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000063;
  z-index: 1;
}
.bg.overlay-40:before,
figure.overlay-40:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0006;
  z-index: 1;
}
.bg.overlay-41:before,
figure.overlay-41:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000069;
  z-index: 1;
}
.bg.overlay-42:before,
figure.overlay-42:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000006b;
  z-index: 1;
}
.bg.overlay-43:before,
figure.overlay-43:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000006e;
  z-index: 1;
}
.bg.overlay-44:before,
figure.overlay-44:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000070;
  z-index: 1;
}
.bg.overlay-45:before,
figure.overlay-45:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000073;
  z-index: 1;
}
.bg.overlay-46:before,
figure.overlay-46:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000075;
  z-index: 1;
}
.bg.overlay-47:before,
figure.overlay-47:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000078;
  z-index: 1;
}
.bg.overlay-48:before,
figure.overlay-48:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000007a;
  z-index: 1;
}
.bg.overlay-49:before,
figure.overlay-49:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000007d;
  z-index: 1;
}
.bg.overlay-50:before,
figure.overlay-50:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000080;
  z-index: 1;
}
.bg.overlay-51:before,
figure.overlay-51:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000082;
  z-index: 1;
}
.bg.overlay-52:before,
figure.overlay-52:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000085;
  z-index: 1;
}
.bg.overlay-53:before,
figure.overlay-53:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000087;
  z-index: 1;
}
.bg.overlay-54:before,
figure.overlay-54:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000008a;
  z-index: 1;
}
.bg.overlay-55:before,
figure.overlay-55:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000008c;
  z-index: 1;
}
.bg.overlay-56:before,
figure.overlay-56:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000008f;
  z-index: 1;
}
.bg.overlay-57:before,
figure.overlay-57:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000091;
  z-index: 1;
}
.bg.overlay-58:before,
figure.overlay-58:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000094;
  z-index: 1;
}
.bg.overlay-59:before,
figure.overlay-59:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #00000096;
  z-index: 1;
}
.bg.overlay-60:before,
figure.overlay-60:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0009;
  z-index: 1;
}
.bg.overlay-61:before,
figure.overlay-61:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000009c;
  z-index: 1;
}
.bg.overlay-62:before,
figure.overlay-62:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #0000009e;
  z-index: 1;
}
.bg.overlay-63:before,
figure.overlay-63:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a1;
  z-index: 1;
}
.bg.overlay-64:before,
figure.overlay-64:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a3;
  z-index: 1;
}
.bg.overlay-65:before,
figure.overlay-65:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a6;
  z-index: 1;
}
.bg.overlay-66:before,
figure.overlay-66:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000a8;
  z-index: 1;
}
.bg.overlay-67:before,
figure.overlay-67:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000ab;
  z-index: 1;
}
.bg.overlay-68:before,
figure.overlay-68:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000ad;
  z-index: 1;
}
.bg.overlay-69:before,
figure.overlay-69:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b0;
  z-index: 1;
}
.bg.overlay-70:before,
figure.overlay-70:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b3;
  z-index: 1;
}
.bg.overlay-71:before,
figure.overlay-71:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b5;
  z-index: 1;
}
.bg.overlay-72:before,
figure.overlay-72:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000b8;
  z-index: 1;
}
.bg.overlay-73:before,
figure.overlay-73:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000ba;
  z-index: 1;
}
.bg.overlay-74:before,
figure.overlay-74:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000bd;
  z-index: 1;
}
.bg.overlay-75:before,
figure.overlay-75:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000bf;
  z-index: 1;
}
.bg.overlay-76:before,
figure.overlay-76:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c2;
  z-index: 1;
}
.bg.overlay-77:before,
figure.overlay-77:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c4;
  z-index: 1;
}
.bg.overlay-78:before,
figure.overlay-78:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c7;
  z-index: 1;
}
.bg.overlay-79:before,
figure.overlay-79:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000000c9;
  z-index: 1;
}
.bg.overlay-80:before,
figure.overlay-80:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #000c;
  z-index: 1;
}
.shadow-top,
.shadow-bottom {
  width: 100%;
  height: 20rem;
  position: absolute;
  left: 0;
  z-index: 2;
}
.shadow-bottom {
  background: linear-gradient(to bottom, #261d2000, #261d20);
  bottom: 0;
}
.shadow-top {
  background: linear-gradient(to top, #261d2000, #261d20);
  top: 0;
}
.link-bg-pink,
.link-bg,
.link-outline,
.nav-link {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .link-bg-pink,
  .link-bg,
  .link-outline,
  .nav-link {
    font-size: 1.5rem;
  }
}
.footer-link,
.nav-link {
  position: relative;
}
.footer-link:after,
.nav-link:after {
  content: "";
  position: absolute;
  bottom: -0.4rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: currentColor;
  transition: transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
  transform: scaleX(0);
  transform-origin: left;
}
.footer-link:hover:after,
.nav-link:hover:after,
.footer-link:focus:after,
.nav-link:focus:after {
  transform: scaleX(1);
}
.footer-link {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
}
@media only screen and (max-width: 1024px) {
  .footer-link {
    font-size: 1.5rem;
  }
}
.link-bg-pink,
.link-bg,
.link-outline {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  border-radius: 5rem;
  padding: 1.25rem 2.5rem;
  transition: all 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.link-outline {
  border: 2px solid #ffffff;
}
.link-outline:hover,
.link-outline:focus {
  background: #fff;
  color: #000;
  box-shadow: 0 0 2rem #fff;
}
.link-bg {
  background: #fff;
  border: 2px solid #ffffff;
  color: #5d38cb;
}
.link-bg:hover,
.link-bg:focus {
  box-shadow: 0 0 2rem #fff;
}
.link-bg-pink {
  background: #ef307e;
  border: 2px solid #ef307e;
}
.link-bg-pink:hover,
.link-bg-pink:focus {
  box-shadow: 0 0 2rem #ef307e;
}
h1 {
  font-size: 5rem;
  line-height: 1.15;
}
h2 {
  font-size: 4rem;
  line-height: 1.2;
}
h3 {
  font-size: 3rem;
  line-height: 1.3;
}
h4 {
  font-size: 2.5rem;
  line-height: 1.4;
}
h5 {
  font-size: 2.25rem;
  line-height: 1.4;
}
h6 {
  font-size: 2rem;
  line-height: 1.4;
}
p {
  font-size: 1.65rem;
  font-weight: 400;
  line-height: 1.5;
}
.text-sm {
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1.4;
}
.pink {
  color: #ef307e;
}
.purple {
  color: #8469F7;
}
.green {
  color: #6add5e;
}
.orange {
  color: #f28444;
}
.bg-pink {
  background: #ef307e;
}
.bg-purple {
  background: #5d38cb;
}
.bg-green {
  background: #6add5e;
  color: #000;
}
.bg-orange {
  background: #f28444;
}
.bg-gray {
  background: #fff7ee;
  color: #000;
}
.font-medium{
	font-weight: 500 !important;
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3.5rem;
  }
  h3 {
    font-size: 2.75rem;
  }
  h4 {
    font-size: 2.25rem;
  }
  h5 {
    font-size: 2rem;
  }
  h6 {
    font-size: 1.75rem;
  }
  p {
    font-size: 1.5rem;
  }
  .text-sm {
    font-size: 1.25rem;
  }
}
.accordions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  margin-top: -3rem;
}
.accordions .accordion {
  padding: 3rem 0;
}
.accordions .accordion:not(:last-child) {
  border-bottom: 1px solid currentColor;
}
.accordions .accordion .accordion-trigger {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  cursor: pointer;
}
.accordions .accordion .accordion-trigger .trigger-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 6rem;
  max-width: calc(100% - 6rem);
}
.accordions .accordion .accordion-trigger .icon-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  width: 4.5rem;
  height: 4rem;
  border-radius: 0.5rem;
  color: currentColor;
}
.accordions .accordion .accordion-trigger .icon-box svg {
  width: 2.8rem;
  height: 2.8rem;
  transition: transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-trigger .icon-box svg path {
  stroke: currentColor;
  transform-origin: center;
  transition: transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-trigger:hover .icon-box svg {
  transform: rotate(180deg) scale(1.2);
}
.accordions .accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-content .accordion-content-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  padding-top: 2rem;
  max-width: 80%;
}
.accordions
  .accordion.active
  .accordion-trigger
  .icon-box
  svg
  path:first-child {
  transform: rotate(90deg);
}
@media only screen and (max-width: 1024px) {
  .accordions .accordion .accordion-content .accordion-content-inner {
    max-width: 100%;
  }
}
.footer .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12.5rem;
  padding: 15rem 0 5rem;
}
.footer .container a {
  font-family: Open Sauce One, sans-serif !important;
}
.footer .container .footer-panel {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
}
.footer .container .footer-panel .footer-box {
  max-width: 30%;
}
.footer .container .footer-panel .footer-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  max-width: 55%;
  color: #fff7ee !important;
}
.footer .container .footer-panel .footer-content .footer-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.footer .container .footer-panel .footer-content .footer-links h6 {
  margin-bottom: 2rem;
}
.footer .container .footer-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  border-top: 1px solid currentColor;
  padding: 2rem 0;
	order: 2;
}
.footer .container .footer-figure {
  margin-top: -5rem;
}
@media only screen and (max-width: 482px) {
  .footer .container {
    padding: 10rem 0 5rem;
    gap: 10rem;
  }
  .footer .container .footer-panel {
    gap: 5rem;
  }
  .footer .container .footer-panel .footer-box,
  .footer .container .footer-panel .footer-content {
    max-width: 100%;
  }
  .footer .container .footer-panel .footer-content .footer-links h6 {
    margin-bottom: 1rem;
  }
}
.hamb-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  background: #261d20;
  color: #fff;
  overflow-y: scroll;
  transition: all 0.6s cubic-bezier(0.3, 1, 0.3, 1);
  transform: translate(100%);
}
.hamb-menu .hamb-menu-inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  padding: 15rem 5%;
}
.hamb-menu .hamb-menu-inner .hamb-link {
  font-size: 5rem;
  line-height: 1.25;
  padding: 2rem 0;
  border-bottom: 1px solid currentColor;
}
.hamb-menu.active {
  transform: translate(0);
  opacity: 1 !important;
}
.navbar {
  position: absolute;
  z-index: 10;
}
.navbar .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8rem;
  padding: 3rem 0;
}
.navbar .container .logo img {
  width: 25rem;
  height: auto;
}
.navbar .container .navbar-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4rem;
}
.navbar .container .navbar-links:nth-of-type(1) {
  margin-right: auto;
}
.navbar .container .hamb-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  display: none;
  width: 4rem;
  height: 4rem;
  pointer-events: all;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.navbar .container .hamb-btn .div {
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  pointer-events: none;
  transition: all 0.7s cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .container .hamb-btn.active .div {
  background: #fff;
  transform: rotate(45deg) translate(0.75rem, 0.85rem);
}
.navbar .container .hamb-btn.active .div:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.navbar .container .hamb-btn.active .div:nth-child(3) {
  transform: rotate(-45deg) translate(0.75rem, -0.85rem);
}
@media only screen and (max-width: 1024px) {
  .navbar .container .navbar-links {
    display: none;
  }
  .navbar .container .hamb-btn {
    display: flex;
  }
}
.banner .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 10rem 0;
}
.banner .container .content-box {
  max-width: 42%;
}
.about .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem;
  padding: 25rem 0;
  text-align: center;
}
.about .container .about-title {
  max-width: 90%;
}
.about .container .about-title span {
  display: inline-block;
  vertical-align: top;
}
.benefits .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  padding: 10rem 0;
}
.benefits .container .benefits-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
}
.benefits .container .benefits-card figure {
  margin-bottom: 1rem;
}
.benefits .container .benefits-card p {
  margin-top: auto;
}
.experience {
  margin-top: 10rem;
}
.experience .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 10rem;
}
.experience .container .content-box {
  max-width: 60%;
  text-align: center;
  align-items: center;
}
.experience .container .content-box p {
  max-width: 80%;
}
.products .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  padding: 20rem;
}
.products .container .product-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2.5rem;
  overflow: hidden;
  border-radius: 2rem;
  position: relative;
  min-height: 40rem;
}
.products .container .product-card .content-box {
  max-width: 85%;
  height:100%;
  justify-content: space-between;
}
.products .container .product-card.full {
  grid-column: span 2;
}
.products .container .product-card.full .content-box {
  max-width: 65%;
}
.values .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem;
  min-height: calc(var(--vh, 1vh) * 100 + 20rem);
}
.values .container .content-box {
  max-width: 40%;
  align-items: center;
  text-align: center;
}
.values .container .values-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0;
  position: absolute;
  z-index: 2;
}
.values .container .values-list .value-card {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 2.5rem;
  border-radius: 2rem;
  position: absolute;
  will-change: transform, opacity;
}
.values .container .values-list .value-card:nth-child(1) {
  top: 20rem;
  left: 30rem;
}
.values .container .values-list .value-card:nth-child(2) {
  bottom: 40rem;
  left: 5rem;
}
.values .container .values-list .value-card:nth-child(3) {
  bottom: 27rem;
  left: 20rem;
}
.values .container .values-list .value-card:nth-child(4) {
  bottom: 15rem;
  right: 40rem;
}
.values .container .values-list .value-card:nth-child(5) {
  bottom: 50rem;
  right: 5rem;
}
.values .container .values-list .value-card:nth-child(6) {
  top: 27.5rem;
  right: 22.5rem;
}
.values .container .values-list .value-card:nth-child(7) {
  top: 12.5rem;
  right: 12.5rem;
}
.values .container .values-image {
  position: absolute;
  width: auto;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.integration .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem;
  padding: 20rem 0;
  padding-right: 12.5em;
}
.integration .container .content-box {
  max-width: 40%;
  gap: 4rem;
}
.integration .container figure {
  max-width: 40%;
  overflow: hidden;
  border-radius: 2rem;
}
.intro .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  padding: 10rem 0;
  min-height: calc(var(--vh, 1vh) * 100 + 20rem);
}
.reviews .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 2.5rem;
  padding: 10rem 0;
}
.reviews .container .review-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  border-radius: 2rem;
  padding: 4rem;
}
.reviews .container .review-box:nth-of-type(2) {
  grid-row: auto/3;
}
.reviews .container .review-box:nth-of-type(3) {
  grid-row: span 2;
}
.reviews .container .review-box .review-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: auto;
  padding-top: 2rem;
}
.reviews .container .review-box .review-bar figure {
  width: 2.8rem;
}
.reviews .container .review-box .review-bar p {
  opacity: 0.6;
}
.faq .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
  padding: 20rem 0;
}
.faq .container .content-box {
  max-width: 35%;
}
.faq .container .accordions {
  max-width: 50%;
}
.cta .container {
  padding: 15rem 0;
}
.cta .container .cta-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 42.5%;
  position: relative;
}
.cta .container .cta-box .content-box {
  position: absolute;
  padding: 10rem;
}
.cta .container .cta-box .content-box .btns {
  gap: 1rem;
}
@media only screen and (max-width: 1024px) {
  .banner .container .content-box {
    max-width: 60%;
  }
  .about .container {
    padding: 20rem 0;
  }
  .about .container .about-title {
    max-width: 100%;
  }
  .about .container .about-title br {
    display: none;
  }
  .benefits .container {
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
  }
  .experience .container .content-box {
    max-width: 100%;
  }
  .products .container {
    padding: 15rem 0;
  }
  .values .container .values-image {
    width: 100%;
    height: auto;
  }
  .values .container .values-list .value-card {
    padding: 2rem;
  }
  .values .container .values-list .value-card:nth-child(1) {
    top: 15rem;
    left: 10rem;
  }
  .values .container .values-list .value-card:nth-child(2) {
    bottom: 40rem;
    left: 2rem;
  }
  .values .container .values-list .value-card:nth-child(3) {
    bottom: 25rem;
    left: 12rem;
  }
  .values .container .values-list .value-card:nth-child(4) {
    bottom: 10rem;
    right: 25rem;
  }
  .values .container .values-list .value-card:nth-child(5) {
    bottom: 40rem;
    right: 2rem;
  }
  .values .container .values-list .value-card:nth-child(6) {
    top: 30rem;
    right: 0;
  }
  .values .container .values-list .value-card:nth-child(7) {
    top: 10rem;
    right: 8rem;
  }
  .integration .container {
    padding: 15rem 0;
    padding-right: 0;
  }
  .intro .container br {
    display: none;
  }
  .reviews .container {
    grid-template-columns: repeat(2, 1fr);
  }
  .faq .container {
    padding: 15rem 0;
  }
  .cta .container {
    padding: 10rem 0;
  }
  .cta .container .cta-box {
    max-width: 80%;
  }
}
@media only screen and (max-width: 482px) {
  .banner .container .content-box {
    max-width: 100%;
  }
  .about .container {
    padding: 10rem 0;
  }
  .benefits .container {
    padding: 10rem 0;
    grid-template-columns: 1fr;
    gap: 7.5rem;
  }
  .experience {
    margin-top: 0;
  }
  .experience .container {
    padding: 20rem 0;
  }
  .products .container {
    grid-template-columns: 1fr;
    padding: 10rem 0;
  }
  .products .container .product-card {
    min-height: 30rem;
  }
  .products .container .product-card.full {
    grid-column: span 1;
  }
  .products .container .product-card.full .content-box {
    max-width: 85%;
  }
  .values .container {
    padding: 7.5rem 0 5rem;
    gap: 7.5rem;
    min-height: auto;
  }
  .values .container .content-box {
    max-width: 100%;
  }
  .values .container .values-image {
    top: 0;
  }
  .values .container .values-list {
    height: auto;
    position: relative;
    gap: 2rem;
  }
  .values .container .values-list .value-card {
    width: 100%;
    position: static;
  }
  .values .container .values-list .value-card:nth-child(n) {
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
  }
  .integration .container {
    padding: 10rem 0;
    flex-wrap: wrap-reverse;
  }
  .integration .container figure,
  .integration .container .content-box {
    max-width: 100%;
  }
  .reviews .container {
    grid-template-columns: 1fr;
  }
  .faq .container {
    padding: 10rem 0;
  }
  .faq .container .content-box,
  .faq .container .accordions {
    max-width: 100%;
    margin-top: 0;
  }
  .cta .container .cta-box {
    max-width: 100%;
    background: #5d38cb;
    border-radius: 2rem;
  }
  .cta .container .cta-box .content-box {
    position: relative;
    padding: 4rem;
  }
  .cta .container .cta-box .shape-image {
    display: none;
  }
}