@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi Variable;
  src: url('../fonts/Satoshi-Variable.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-VariableItalic.ttf') format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --color-6: #0f0f0f;
  --color-7: #3c3c3c;
  --color: #52a1c6;
  --color-13: white;
  --color-10: #d6d6d6;
  --color-4: #52a1c6bf;
  --color-8: #595959;
  --color-12: #f8f7f7;
  --color-2: #52a1c680;
  --color-11: #e9e9e9;
  --color-3: #52a1c640;
  --color-9: #909090;
}

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

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

h1 {
  color: var(--color-6);
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 54px;
  font-weight: 600;
  line-height: 1.45em;
}

h2 {
  color: var(--color-6);
  margin-top: 10px;
  margin-bottom: 18px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.33em;
}

h3 {
  color: var(--color-6);
  margin-top: 10px;
  margin-bottom: 16px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.44em;
}

h4 {
  color: var(--color-6);
  margin-top: 10px;
  margin-bottom: 12px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.345em;
}

h5 {
  color: var(--color-6);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.44em;
}

h6 {
  color: var(--color-6);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.44em;
}

p {
  color: var(--color-7);
  margin-bottom: 10px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  line-height: 1.444em;
}

a {
  color: var(--color-6);
  text-decoration: underline;
}

li {
  color: var(--color-6);
  margin-bottom: 8px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.444em;
}

blockquote {
  background-color: var(--color);
  color: var(--color-13);
  border: 1px #000;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 60px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.444em;
}

.nav-logo-link {
  color: #003f41;
  margin-top: 8px;
  margin-right: 20px;
  text-decoration: none;
}

.logo-brand {
  color: var(--color-6);
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi Variable, sans-serif;
  font-size: 28px;
}

.logo-brand.white {
  color: var(--color-13);
}

.options-menu.w--open {
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  width: 460px;
  margin-top: 0;
  padding: 20px;
  box-shadow: 0 5px 30px #0000001a;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.primary-button {
  background-color: var(--color-6);
  color: #fff;
  text-align: center;
  border: 1px solid #21404b;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 20px 32px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1em;
  text-decoration: none;
  transition: transform .4s, border-color .4s, background-color .4s;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 100px 100px #0000;
}

.primary-button:hover {
  border-color: var(--color-6);
  background-color: var(--color-6);
  box-shadow: none;
  color: #fff;
  text-decoration: none;
  transform: scale(1.05);
}

.primary-button._2 {
  border-width: 1px;
  border-color: var(--color);
  background-color: var(--color);
  color: #fff;
  text-align: center;
  border-radius: 10px;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 500;
}

.primary-button._2:hover {
  color: #fff;
}

.primary-button._2.w--current {
  color: #fff;
  background-color: #2a9d8f;
  border-color: #2a9d8f;
}

.primary-button._2.w--current:hover {
  background-color: #2a9d8f;
  border-color: #2a9d8f;
}

.primary-button._4 {
  color: #fff;
  background-color: #fff0;
  border-color: #fff;
  font-family: Satoshi Variable, sans-serif;
}

.primary-button._4:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.primary-button._3 {
  color: #21404b;
  background-color: #fff0;
  border: 1px solid #21404b;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Satoshi Variable, sans-serif;
}

.primary-button._3:hover {
  border-color: var(--color-6);
  background-color: var(--color-6);
  color: #fff;
}

.primary-button._2 {
  border-color: var(--color);
  background-color: var(--color);
  font-family: Satoshi Variable, sans-serif;
  font-weight: 500;
}

.primary-button._2:hover {
  border-color: var(--color);
  background-color: var(--color-6);
  color: var(--color);
}

.primary-button.categories {
  border-color: var(--color-10);
  background-color: var(--color-13);
  color: var(--color-6);
  padding: 10px 16px;
  font-family: Satoshi Variable, sans-serif;
}

.primary-button.categories.w--current {
  background-color: var(--color-6);
  color: var(--color-13);
}

.primary-button.hide-in-mbl {
  border-color: var(--color);
  background-color: var(--color);
  font-family: Satoshi Variable, sans-serif;
}

.display-2 {
  color: var(--color-6);
  letter-spacing: -.04em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.222;
}

.display-2.mb40 {
  margin-bottom: 56px;
}

.nav-container {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5em;
  padding-right: 2.5em;
  display: flex;
  position: relative;
}

.nav-menu-button:hover {
  background-color: var(--color);
  color: var(--color-6);
  border-radius: 16px;
}

.nav-menu-button.w--open {
  color: var(--color-6);
  background-color: #fff;
  border-radius: 16px;
}

.dropdown-switch {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 0;
  align-items: center;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.111em;
  text-decoration: none;
  transition: color .3s;
  display: flex;
}

.dropdown-switch:hover {
  color: var(--color-8);
}

.dropdown-switch.w--current {
  color: #642eff;
}

.dropdown-switch.w--open {
  border-radius: 0;
}

.nav-link {
  color: var(--color-7);
  text-transform: none;
  border-radius: 100px;
  width: 100%;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 6px 12px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.111;
  text-decoration: none;
  transition: background-color .3s;
}

.nav-link:hover {
  color: var(--color);
  border-radius: 100px;
  text-decoration: none;
}

.nav-link.w--current {
  color: var(--color-6);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.111em;
}

.nav-link.w--current:hover {
  color: var(--color-6);
  font-weight: 500;
}

.nav-button-wrapper {
  grid-column-gap: 8px;
  color: #fff;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.title-dropdown {
  text-transform: none;
}

.title-dropdown:hover {
  color: var(--color-7);
  font-weight: 500;
}

.link-dropdown {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #21404b;
  border-radius: 4px;
  align-items: center;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.333em;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.link-dropdown:hover {
  color: #21404b;
  background-color: #f8f7f7;
  border-radius: 4px;
  text-decoration: none;
}

.grid-drop-down-links {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: auto;
}

.header-right-side {
  display: flex;
}

.dropdown-toggle {
  color: var(--color-6);
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.dropdown-icon {
  background-color: var(--color);
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.navigation {
  z-index: 999;
  color: #003f41;
  background-color: #ddd0;
  border: 1px #000;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 30px 0;
  display: flex;
  position: absolute;
  top: 0;
}

.dropdown-title-link {
  color: #21404b;
  letter-spacing: -.25px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.333em;
}

.container {
  z-index: 5;
  color: #fff;
  border-radius: 20px 1px 1px;
  flex: 1;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 8em 2.5em;
  display: block;
  position: relative;
}

.container.home {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.container.hero {
  padding-top: 14em;
}

.container.no-top-padding {
  padding-top: 0;
}

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

.container.more-padding-top {
  padding-top: 12em;
}

.container.no-bottom-padding {
  padding-bottom: 0;
}

.container.user {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-grid {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.nav-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.nav-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--color);
  background-color: #fff;
  border: 1px solid #ffffff14;
  border-radius: 20px;
  align-items: center;
  margin: 17px 10px 14px;
  padding: 12px;
  display: flex;
  position: absolute;
  left: 10px;
  right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.dropdown-icon-circle {
  color: #f0f0f0;
  background-color: #f3f3f3;
  border-radius: 4px;
  width: 14px;
  max-width: none;
  height: 14px;
  margin-bottom: 0;
  margin-left: 6px;
  padding: 4px;
  transition: padding .4s;
  position: static;
}

.dropdown-icon-circle:hover {
  padding: 0;
}

.paragraph-big {
  color: var(--color-7);
  letter-spacing: -.02em;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.583em;
}

.mg-bottom-40px {
  color: #21404b;
  width: 100%;
  margin-bottom: 40px;
}

.hero-section {
  background-color: var(--color);
  justify-content: flex-start;
  align-items: center;
  height: 800px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.hero-section.home {
  background-color: var(--color-6);
}

.hero-section.subpages {
  background-color: var(--color-12);
  height: auto;
}

.hero-section.contact, .hero-section.post-page {
  background-color: var(--color-2);
}

.mg-bottom-16px {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  margin-bottom: 16px;
  font-weight: 400;
  display: flex;
}

.testimonials-name {
  color: var(--color-6);
  margin-top: 6px;
  margin-bottom: 0;
  font-family: Satoshi Variable, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.235em;
}

.div-image {
  background-image: url('../images/image-2.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 14px;
  width: 100%;
  height: 450px;
}

.div-image.hero {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Goes.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  margin-bottom: 2%;
}

.div-image.contact {
  background-image: url('../images/Image-6.jpg');
  height: 100%;
}

.hero-image-wrapper {
  border-radius: 14px;
  width: 100%;
  max-width: 50%;
  margin: 20px 20px 20px 0;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0 0% auto;
  overflow: hidden;
}

.icon-hamburger {
  color: var(--color-6);
  background-color: #0000;
}

.mg-bottom-100px {
  margin-bottom: 100px;
}

.mg-bottom-100px._800px {
  width: 800px;
}

.card-component {
  text-align: center;
  background-color: #0000;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 40px 5px #0000000d;
}

.color-shade-card {
  color: #000;
  text-align: left;
  background-color: #fff;
  border: 1px #000;
  flex: 1;
  padding: 10px;
  display: flex;
}

.button-wrapper {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding: 40px 0;
  display: flex;
}

.button-wrapper.dark {
  background-color: var(--color-6);
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}

.button-wrapper.user {
  background-color: var(--color-11);
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 0;
}

.undeline {
  text-decoration: underline;
}

.uppercase {
  color: #21404b;
  text-transform: uppercase;
}

.style-guide-buttons {
  grid-column-gap: 23px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  display: grid;
}

.paragraph-small {
  color: #21404b;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.714;
}

.font-grid {
  grid-template-rows: auto;
}

.component-wrapper {
  text-align: left;
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  width: 100%;
  margin-bottom: 40px;
  padding: 0;
}

.display-1 {
  color: var(--color-6);
  letter-spacing: -.04em;
  margin-bottom: 16px;
  font-size: 70px;
  font-weight: 500;
  line-height: 1.133em;
}

.display-4 {
  color: var(--color-6);
  letter-spacing: -.02em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.333;
}

.divider-line {
  background-color: #d6d6d6;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.section {
  z-index: 5;
  background-color: #fff;
  padding: 0;
  position: relative;
}

.section.color-4 {
  background-color: var(--color-12);
}

.section.insights {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--color-6);
  margin: 0;
  padding: 10px;
  display: flex;
}

.section.insights.hide {
  display: none;
}

.section.color-2 {
  background-color: var(--color);
}

.section.color-3 {
  background-color: #f8f7f7;
}

.section.color-3.black {
  background-color: var(--color-6);
}

.elements-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr;
}

.bold {
  color: #0f0f0f;
  font-weight: 600;
}

.text-small {
  color: #000;
  line-height: 150%;
}

.display-3 {
  color: var(--color-6);
  letter-spacing: -.02em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: 500;
  line-height: 1.222;
}

.display-3.white {
  color: var(--color-13);
}

.color-block {
  background-color: #bcebff;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  height: 100px;
  padding: 20px;
  display: flex;
}

.color-block._3 {
  background-color: #3c3c3c;
  border: 1px #dadada;
  border-radius: 0;
}

.color-block._4 {
  background-color: #595959;
}

.color-block._8 {
  background-color: #f8f7f7;
}

.color-block._6 {
  background-color: #d6d6d6;
}

.color-block._7 {
  background-color: #e9e9e9;
  border: 1px #cedad6;
}

.color-block._5 {
  background-color: #909090;
}

.color-block.primary-1 {
  background-color: var(--color);
}

.color-block.primary-3 {
  background-color: var(--color-3);
}

.color-block.primary-2 {
  background-color: var(--color-2);
}

.color-block._2 {
  background-color: #0f0f0f;
}

.color-block._9 {
  background-color: #fff;
}

.color-block.primary-4 {
  background-color: var(--color-4);
}

.grid-colors {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 60px;
}

.hero-button-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.side-img {
  object-fit: cover;
  border-radius: 14px;
  width: 100%;
  height: 100%;
}

.grid-insights {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start center;
  place-items: flex-start center;
  width: 100%;
  font-size: 16px;
  line-height: 160%;
  display: flex;
}

.grid-block-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid var(--color-11);
  color: var(--color-6);
  text-align: left;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.grid-block-item._2 {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.service-components {
  width: 33%;
}

.service-components.icon {
  width: 13%;
}

.service-components.icon.mb40 {
  padding-bottom: 40px;
}

.service-components.name {
  width: 53%;
}

.service-imeage {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 60px;
  height: 60px;
}

.service-imeage._1 {
  background-image: url('../images/lightbulb-regular-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 60px;
}

.service-imeage._2 {
  background-image: url('../images/mug-saucer-solid-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.service-imeage._3 {
  background-image: url('../images/trophy-solid-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.service-imeage._4 {
  background-image: url('../images/Service-3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.service-name {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Satoshi Variable, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.inner-content._850px {
  max-width: 850px;
}

.mg-bottom-8px {
  margin-bottom: 8px;
}

.template-grid-2-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  margin-bottom: 80px;
}

.template-grid-2-column.title-section-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  text-transform: none;
  grid-template-columns: 1fr auto;
  place-items: center stretch;
  width: 100%;
  margin-bottom: 80px;
}

.template-grid-2-column.no-padding-bottom {
  justify-content: space-between;
  place-items: center;
  margin-bottom: 0;
  display: flex;
}

.features-nr {
  margin-bottom: 20px;
  font-size: 74px;
  line-height: 1.1em;
}

.features-nr.small {
  color: var(--color-6);
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 40px;
}

.features-nr.small.hide {
  display: none;
}

.features-content.right-mg-40px {
  background-color: var(--color-11);
  color: var(--color-6);
  border-radius: 10px;
  margin-right: 0;
  padding: 30px;
  font-family: Satoshi Variable, sans-serif;
}

.social-icons-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  margin-top: 0;
  display: flex;
}

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

.content-block {
  direction: ltr;
  width: 100%;
  max-width: 540px;
  position: relative;
  overflow: visible;
}

.grid-info-compassion {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  min-height: auto;
  display: flex;
}

.content-width-500px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  direction: ltr;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img-block {
  border-radius: 10px;
  overflow: hidden;
}

.img-sponsor {
  background-color: var(--color-12);
  border-radius: 10px;
  height: 100px;
  padding: 20px;
}

.sponsor-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-right: 40px;
  display: grid;
}

.sponsor-flex {
  flex: none;
  width: auto;
  display: flex;
}

.animation-gradient.right {
  z-index: 5;
  background-image: linear-gradient(90deg, #fff0, #fff 40%);
  width: 120px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.animation-gradient.left {
  z-index: 4;
  background-image: linear-gradient(90deg, #fff 40%, #fff0);
  width: 120px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hero-content-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 550px;
  margin-top: 60px;
  display: flex;
}

.sponsor-bar {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  overflow: hidden;
}

.section-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.section-title.no-bottom-padding {
  margin-bottom: 0;
}

.top-headline {
  margin-top: 0;
}

.dark-color-text {
  color: #303030;
}

.input {
  background-color: #f7f7f7;
  border: 1px solid #b9b9b9;
  border-radius: 0;
  min-height: 55px;
  margin-bottom: 0;
  padding: 16px 20px;
  font-size: 14px;
  transition: border-color .3s, color .3s, box-shadow .3s;
  position: relative;
  overflow: hidden;
}

.input:hover {
  border-color: #ff84a7;
}

.input:focus {
  color: #303030;
  border-color: #dc003e;
}

.input::placeholder {
  color: #13003c;
  font-size: 16px;
  line-height: 150%;
}

.input.newsletter {
  color: #0f0f0f;
  background-color: #fff;
  border-style: none;
  font-weight: 400;
}

.footer-section {
  background-color: var(--color-6);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.footer-links {
  color: #6d6875;
  margin-top: 0;
  margin-bottom: 10px;
}

.mendosa-social-icon {
  width: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.footer-flex-container {
  z-index: 2;
  color: #666;
  text-align: left;
  flex-flow: column;
  justify-content: space-between;
  height: auto;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.success-message {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  background-color: #21404b;
  border-radius: 8px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.footer-bottom {
  z-index: 2;
  background-color: var(--color-7);
  color: #000;
  border: 1px #000;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
  position: relative;
}

.footer-column {
  color: #000;
  text-align: left;
  flex: 0 auto;
  width: 25%;
  margin-bottom: 20px;
  padding-right: 20px;
}

.footer-column.hide {
  display: none;
}

.form-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #21404b;
  background-color: #ffffff1a;
  border-radius: 20px;
  flex-direction: column;
  width: auto;
  margin: 0 auto 40px;
  padding: 0;
  font-size: 16px;
  line-height: 1.4em;
  display: flex;
}

.footer-side {
  color: #f8ffd9;
  padding-top: 0;
  padding-bottom: 60px;
  padding-right: 0;
  display: flex;
}

.footer-side.flex-side {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left: 1px solid #30364d2e;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.form-subscribe {
  color: var(--color-6);
  background-color: #fff;
  border: 1px #0000;
  border-radius: 10px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px;
  font-family: Satoshi Variable, sans-serif;
  display: flex;
  box-shadow: 2px 2px 10px #00000008;
}

.footer-title-block {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.footer-copyright {
  color: #fff;
  font-family: Satoshi Variable, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.footer-copyright.hide {
  display: none;
}

.footer-link {
  color: #fff;
  border-radius: 10px;
  margin-bottom: 24px;
  padding: 0;
  font-family: Satoshi Variable, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.111;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
}

.footer-link:hover {
  color: var(--color-9);
  border-radius: 0;
  text-decoration: none;
}

.social-footer-link {
  opacity: 1;
  background-color: #fff;
  border: 0 #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 4px 5px;
  display: flex;
  position: relative;
}

.social-footer-link:hover {
  background-color: var(--color-4);
  border-style: none;
}

.error-message {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  background-color: red;
  border-radius: 8px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.555em;
}

.footer-logo-link {
  color: #333;
  flex: 0 auto;
  min-width: auto;
  max-height: none;
  text-decoration: none;
  display: flex;
}

.footer-link-text {
  color: var(--color-2);
  border-radius: 10px;
  margin-bottom: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
}

.footer-link-text:hover {
  color: var(--color);
  text-decoration: underline;
}

.small-text {
  color: var(--color-6);
  font-family: Satoshi Variable, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
}

.insights-tittle {
  color: #252525;
  letter-spacing: -.02em;
  font-family: Satoshi Variable, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.2em;
}

.insight-top-wrapper {
  padding-right: 0;
}

.insights-card {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-radius: 48px;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 449px;
  padding: 36px;
  display: flex;
}

.insights-card._3 {
  background-color: var(--color-2);
  background-image: linear-gradient(#00000080, #00000080), url('../images/Goes.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  min-height: 300px;
  text-decoration: none;
}

.insights-card._4 {
  background-color: var(--color-3);
  background-image: linear-gradient(#00000080, #00000080), url('../images/40337649_2160098280935475_6595171481305481216_n.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  min-height: 300px;
  text-decoration: none;
}

.insights-card._2 {
  background-color: var(--color-4);
  color: var(--color-6);
  background-image: linear-gradient(#00000080, #00000080), url('../images/pexels-pixabay-207896.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  min-height: 300px;
  padding: 30px;
  text-decoration: none;
}

.insights-card.bg-white {
  background-color: var(--color);
  background-image: linear-gradient(#00000080, #00000080), url('../images/Goes-ZW.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 10px;
  min-height: 300px;
  padding: 32px;
  text-decoration: none;
}

.insight-description {
  font-family: Satoshi Variable, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
}

.progressive-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.mg-bottom-0px {
  margin-bottom: 0;
}

.top-grid-footer {
  grid-column-gap: 210px;
  grid-row-gap: 210px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.8fr;
}

._24px-text-bold {
  color: var(--color-6);
  font-family: Satoshi Variable, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.44em;
}

.flex-block-horizontal {
  border-top: 1px solid #e9e3de;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.flex-block-horizontal.invers {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
}

.flex-block-horizontal.legal-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px #000;
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
}

.post-block-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 0 8px 30px;
  display: flex;
}

.post-block-content.vr-2 {
  padding: 40px 0 0;
}

.created-on {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.created-on._16px {
  font-size: 16px;
}

.post-block-image {
  object-fit: cover;
  background-color: #f5f5f5;
  background-image: url('../images/40337649_2160098280935475_6595171481305481216_n.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 600px;
  margin-left: auto;
  transition: filter .2s;
  display: flex;
  position: relative;
}

.post-block-image.causes {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 600px;
  padding-left: 20px;
}

.post-short-description {
  color: #595959;
  margin-bottom: 4px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
}

.post-card-left-image {
  color: #151515;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  padding: 24px;
  text-decoration: none;
  transition: box-shadow .4s, transform .4s;
  display: flex;
  position: relative;
  box-shadow: 0 5px 40px #0000000f;
}

.post-card-left-image:hover {
  background-color: #fff;
  transform: translate(0, -5px);
  box-shadow: 0 5px 40px 1px #0000000f;
}

.post-card-left-image.vertical-layout {
  flex-flow: column;
}

.tittle-post-card {
  margin-bottom: 0;
}

.tittle-post-card.padding-bottom {
  margin-bottom: 14px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 28px;
  line-height: 1.333em;
}

.horizontal-separator {
  background-color: #fff;
  width: 75px;
  height: 1px;
}

.horizontal-separator.gray {
  background-color: #d6d6d6;
  width: 30px;
}

.label-text {
  color: #000;
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.56em;
  display: none;
  position: absolute;
  top: 20px;
  left: auto;
  right: 20px;
}

.label-text.categories {
  background-color: var(--color-2);
  color: var(--color-6);
  border-radius: 6px;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  top: auto;
  right: auto;
}

.label-text.profile {
  background-color: var(--color-11);
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: 0;
  right: auto;
}

.label-text.white {
  color: var(--color-6);
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: auto;
  right: auto;
}

.star {
  margin-left: 2px;
  margin-right: 2px;
}

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

.flex-center._100 {
  text-align: center;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.left-arrow {
  display: none;
}

.testimonial-info-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.slider {
  background-color: var(--color-12);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 40px 60px;
  display: flex;
}

.testimonials-bottom-info-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.right-arrow {
  display: none;
}

.testimonial-author-name {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #142335;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.star-wrapper {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-text {
  color: #160202;
  text-align: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  font-family: Satoshi Variable, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.mg-40px {
  width: 100%;
  height: 40px;
}

.mg-20px {
  width: 100%;
  height: 20px;
}

.testimonials-slide-nav {
  font-size: 10px;
}

.about-imagages-grid {
  flex-flow: column;
  grid-template-columns: 1fr;
  height: 100%;
  display: flex;
}

.icon-wrapper-contact {
  color: #1a2b4c;
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.contact-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.contact-tittle {
  color: var(--color-6);
  margin-bottom: 8px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 22px;
}

.card-form-contact {
  color: #fff;
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-weight: 500;
  display: flex;
}

.text-field {
  float: none;
  background-color: var(--color-13);
  color: var(--color-6);
  border: 1px #000;
  border-radius: 6px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  display: inline-block;
}

.text-field:hover, .text-field:active {
  border-color: #e9e9e9;
}

.text-field:focus {
  color: #000;
  background-color: #f7f7f7;
  border-color: #e9e9e9;
}

.text-field::placeholder {
  color: #1a2b4c;
}

.text-field.message {
  border-radius: 6px;
  height: 150px;
  margin-bottom: 0;
}

.component-info-left {
  background-color: #fff0;
  border-radius: 20px;
  align-items: flex-start;
  margin-top: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}

.service-icon {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 32px;
  display: flex;
}

.divider {
  background-color: #dae1e9;
  width: 100%;
  height: 1px;
  margin-top: 100px;
  margin-bottom: 100px;
}

.divider.less-padding {
  background-color: var(--color-3);
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider.dark {
  background-color: var(--color-10);
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-info-block {
  border: 1px #000;
  padding: 0;
}

.mg-10px-right {
  margin-right: 20px;
}

.form {
  border-radius: 0;
  width: 100%;
  padding: 0;
}

.contact-info-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.contact-info-box._20pxtop-bottm-padding {
  color: #fff;
  justify-content: flex-end;
  padding-top: 0;
  padding-bottom: 20px;
  display: none;
}

.contact-grid-wrapper {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 200px;
  display: grid;
}

.tab-icons {
  width: 22px;
}

.grid-info-glimmer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.tabs-content {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  overflow: visible;
}

.tab-img-wrapper {
  border-radius: 30px;
  width: 100%;
}

.img-block-compassion {
  border-radius: 30px;
  overflow: hidden;
}

.tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  inset: 40px 0 0;
}

.tab-link {
  color: #0f0f0f;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  width: 33%;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.456em;
  display: flex;
}

.tab-link.w--current {
  background-color: var(--color);
  color: var(--color-13);
  border-style: none;
  border-color: #0063ff;
  width: 33%;
  font-family: Satoshi Variable, sans-serif;
}

.tabs-testimonials {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 30px;
  flex-flow: column-reverse;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.tab-pane-tab-3 {
  width: 100%;
  overflow: visible;
}

.bottom-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.display-10 {
  color: var(--color-6);
  font-family: Satoshi Variable, sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.45em;
}

._100-cover-img-2 {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}

.team-name {
  color: #000;
  mix-blend-mode: difference;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.335em;
}

._100-cover-image-team {
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

.team-grid-content {
  grid-column-gap: 0px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  place-items: center stretch;
  width: 100%;
}

.team-absolut-img {
  border-radius: 0;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.team-absolut-img.hero {
  width: 160px;
  height: 160px;
  margin-bottom: 10px;
  position: relative;
}

.team-card {
  flex-direction: column;
  align-items: center;
  line-height: 22px;
}

.div-block {
  width: 100%;
  height: 320px;
  position: relative;
}

.flex-h {
  align-items: center;
  display: flex;
}

.flex-h.bottom-border {
  border: 1px #000;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.team-info-div {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.toggle-wrapper-div {
  color: #fff;
  background-color: #0000;
  border-top: 0 #000;
  border-bottom: 0 #424242;
  border-left: 0 solid #424242;
  border-right: 0 #000;
  border-radius: 0;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.toggle-wrapper-div:hover {
  background-color: #0000;
  border-style: none none solid;
  border-color: #31404b #31404b #4646531f;
}

.collection-list-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.categories-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.categories-collection {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.hero-about-image-1 {
  background-image: url('../images/Image-2_1.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  height: 50%;
  overflow: hidden;
}

.hero-about-image-2 {
  background-image: url('../images/Image-21.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  height: 50%;
  overflow: hidden;
}

.contact-info-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  padding-top: 0;
  font-size: 13px;
  line-height: 20px;
  display: grid;
}

.contact-list-wrapper {
  align-items: flex-start;
  margin-bottom: 10px;
  font-size: 16px;
  display: flex;
}

.text-block-18px {
  color: var(--color-6);
  font-family: Satoshi Variable, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.long-description-wrapper {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

.cms-link:hover {
  opacity: .85;
  color: var(--color);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.price-features-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: column;
  margin-top: 0;
  display: block;
}

.price-features-wrapper.vr-3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 0 0 0 46px;
  display: flex;
}

.black-line-pricing-card {
  border: 10px #000;
  border-radius: 6px;
  overflow: hidden;
}

.black-line-pricing-card.vr-3 {
  border: 1px solid var(--color-10);
  border-radius: 8px;
  padding: 43px;
  display: flex;
}

.mg-bottom-32px {
  margin-bottom: 32px;
}

.month-text {
  color: #000;
}

.top-price-content-card {
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.pricing-card-vr-2 {
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  padding: 40px 32px 32px;
  display: flex;
}

.pricing-card-vr-2._3 {
  background-color: var(--color-12);
  background-image: none;
  border: 0 solid #000;
  border-bottom: 10px #000;
  border-radius: 8px;
  padding-top: 32px;
}

.pricing-card-vr-2._1 {
  background-color: var(--color-2);
  border-radius: 8px;
  padding-top: 32px;
}

.pricing-card-vr-2._2 {
  background-color: var(--color);
  border-radius: 8px;
  padding-top: 32px;
}

.pricing-grid {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.info-wrapper-900px {
  width: 900px;
  margin-left: auto;
  margin-right: 0;
}

.pricing-feature-wrapper {
  grid-column-gap: 10px;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.checkmark-circle {
  background-color: var(--color-9);
  border: 1px solid #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.checkmark-circle.purple {
  background-color: var(--color-6);
}

.donation-amount {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
}

.black-dot {
  background-color: var(--color-6);
  border-radius: 100px;
  width: 5px;
  height: 5px;
}

.currency {
  font-size: 20px;
}

.compare-plan-price {
  background-color: var(--color-13);
  color: #010e24;
  border-radius: 6px;
  padding: 40px;
  font-size: 32px;
  line-height: 132%;
}

.row-item-4-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.row-item-4-column.white {
  background-color: var(--color-12);
  border-radius: 6px;
}

.pricing-row-title {
  color: #13003c;
  align-items: center;
  padding: 0 0 0 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
}

.pricing-item-box {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 56px;
  padding: 10px 24px;
  display: flex;
}

.pricing-row-item {
  border: 1px #000;
  width: 100%;
  display: flex;
}

.pricing-row-item.white {
  border-top-style: none;
  border-top-color: #d4f1f4;
}

.pricing-grid-compare {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f8f5ff;
  border: 1px solid #e7deff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  place-items: center start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.pricing-grid-compare.hide-in-mobile {
  color: #010e24;
  background-color: #0000;
  border-style: none;
  border-width: 0;
}

.invert {
  filter: invert();
}

.compare-title-packages {
  background-color: var(--color);
  color: var(--color-6);
  text-align: center;
  text-transform: none;
  border: 1px #000;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  position: absolute;
  inset: 0% 0% auto;
}

.compare-title-packages.hide-in-mobile {
  background-color: var(--color);
  color: #13003c;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  font-size: 16px;
  font-weight: 500;
}

.compare-title-packages.last {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pricing-plan-top-info {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 56px 20px 20px;
  display: flex;
  position: relative;
}

.features-tittle {
  margin-bottom: 0;
}

.toggle-info {
  background-color: #0000;
  border-bottom: 1px #000;
  width: 100%;
  height: auto;
  padding: 30px 20px;
}

.toggle-info:hover {
  background-color: #0000;
  border: 1px #000;
}

.horizontal-plus-line {
  color: #000;
  background-color: #21404b;
  width: 20px;
  height: 2px;
  position: absolute;
}

.vertical-plus-line {
  color: #000;
  background-color: #21404b;
  width: 20px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.toggle-column-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.toggle-name {
  color: #0f0f0f;
  text-transform: none;
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
}

.toggle-answer {
  text-align: left;
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 17px;
  line-height: 26px;
  display: block;
}

.toggle-icon {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  padding: 6px;
  display: flex;
}

.toggle-questions-faq {
  border-style: none none solid;
  border-width: 1px;
  border-color: #e3e4eb #e3e4eb var(--color-10);
  color: #fff;
  cursor: pointer;
  background-color: #fff;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 20px;
  font-weight: 400;
  display: flex;
}

.toggle-questions-faq:hover {
  background-color: #fff;
}

.licenses-paragraph {
  color: #40465c;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.3;
}

.component-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 200px;
}

.component-image._2 {
  background-color: #caf0f8;
  background-image: url('../images/Image-25.jpg');
  background-position: 50% 0;
}

.component-image._6 {
  background-image: url('../images/Image-7.jpg');
}

.component-image._1 {
  background-image: url('../images/Image-20.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
}

.component-image._5 {
  background-image: url('../images/Image-17.jpg');
}

.component-image._4 {
  background-image: url('../images/Image-16.jpg');
}

.component-image._3 {
  background-color: #92c4ff;
  background-image: url('../images/Image-3.jpg');
  background-position: 50% 0;
}

.licenses--grid-img {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}

.component-wrapper-block {
  color: #000;
  text-align: left;
  border: 1px #000;
  border-radius: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 0 0 100px;
}

.component-wrapper-block.last {
  padding-bottom: 0;
}

.icons-card {
  background-color: var(--color-12);
  border-radius: 14px;
  width: auto;
  height: 200px;
  margin-right: 0;
}

.icons-card._3 {
  background-image: url('../images/Service-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
}

.icons-card._4 {
  background-image: url('../images/Service-4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
}

.icons-card._2 {
  background-color: var(--color-12);
  background-image: url('../images/Service-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
  border-radius: 14px;
  padding: 23px;
  overflow: hidden;
}

.icons-card._1 {
  background-image: url('../images/Service-3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100px;
}

.width-800-px-wrapper-left-algined {
  width: 800px;
}

.logotypes {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.brands-logo {
  opacity: 1;
  text-align: center;
  background-color: #0000;
  width: 100%;
  height: 80px;
}

._800-px-width-container {
  width: 800px;
}

.top-header {
  color: #2a9d8f;
  font-weight: 400;
}

.top-header.white {
  color: #f8f7f7;
  font-weight: 400;
}

.flex-horizontal {
  display: flex;
}

.user {
  background-color: var(--color-12);
}

.user-block-form {
  background-color: var(--color-11);
  color: var(--color-6);
  border-radius: 8px;
  width: 460px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  line-height: 1.444em;
}

.footer-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.footer-wrapper.user {
  font-family: Satoshi Variable, sans-serif;
  font-weight: 500;
}

.footer-copyright-compassion {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.footer-copyright-compassion.black {
  color: #21404b;
  font-weight: 400;
}

.footer-link-text-green {
  color: var(--color-6);
  border-radius: 10px;
  margin-bottom: 0;
  padding: 0;
  font-family: Satoshi Variable, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
  display: inline-block;
}

.footer-link-text-green:hover {
  color: var(--color-9);
  text-decoration: underline;
}

.mg-40px-top-down {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.field-label {
  font-size: 14px;
  font-weight: 600;
}

.block-header {
  background-color: #fff0;
  justify-content: center;
  align-items: baseline;
  padding: 0;
}

.block-content {
  background-color: #fff0;
}

.causes-content-wrapper.w--current {
  width: 100%;
}

.qs-cause {
  padding: 0;
}

.number-percentual {
  color: var(--color-11);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100px;
}

.percentual-wrapper-absolute {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
}

.percentual-wrapper-absolute._2 {
  position: relative;
}

.percentual-symbol {
  color: var(--color-11);
  margin-bottom: 20px;
  font-size: 32px;
}

.collection-list-team {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-member-name {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.22em;
}

.white {
  color: var(--color-13);
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
}

.text-span, .text-span-2, .link, .text-span-3, .text-span-4 {
  color: var(--color);
}

.header-title {
  color: var(--color-13);
  letter-spacing: -.04em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 100px;
  font-weight: 900;
  line-height: 1.222;
}

.text-span-5 {
  color: var(--color);
}

.grid-info-chamber {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  grid-template: "."
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center start;
  width: 100%;
  height: 100%;
  display: flex;
}

.content-chambre {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  direction: ltr;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 850px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-block {
  position: absolute;
  inset: 1% auto auto 20%;
}

.text-span-6, .text-span-7, .text-span-8, .text-span-9 {
  color: var(--color);
}

.div-block-2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .options-menu.w--open {
    margin-top: 0;
  }

  .primary-button {
    border-width: 1px;
    border-color: #3a3129;
    transition: color .4s, border-color .4s, background-color .4s;
  }

  .primary-button._2 {
    transition: border-color .4s, background-color .4s, color .4s;
  }

  .primary-button._2:hover {
    color: #21404b;
    background-color: #fff;
    border-color: #fff;
  }

  .display-2 {
    font-size: 60px;
  }

  .navigation {
    position: absolute;
  }

  .container {
    padding-top: 6em;
  }

  .container.home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.hero {
    padding-top: 14em;
  }

  .paragraph-big {
    font-weight: 400;
  }

  .hero-section {
    justify-content: flex-start;
    align-items: center;
    height: 800px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .mg-bottom-16px {
    width: auto;
  }

  .div-image {
    height: 450px;
  }

  .hero-image-wrapper {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .button-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .display-4 {
    font-size: 60px;
  }

  .divider-line {
    background-size: 9px;
  }

  .display-3 {
    font-size: 44px;
  }

  .color-block._3 {
    background-color: #3c3c3c;
  }

  .grid-insights {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-info-compassion {
    justify-content: center;
    align-items: stretch;
  }

  .content-width-500px {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .top-headline {
    margin-top: 0;
  }

  .form-block {
    width: auto;
  }

  .text-field {
    border: 1px #000;
  }

  .text-field.message {
    border-radius: 10px;
  }

  .team-name {
    margin-bottom: 16px;
  }

  .team-grid-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .flex-h.bottom-border {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .cms-link {
    border-radius: 10px;
  }

  .cms-link:hover {
    opacity: .85;
    text-decoration: none;
  }

  .licenses-paragraph {
    font-weight: 400;
  }

  .header-title {
    font-size: 100px;
  }

  .grid-info-chamber {
    justify-content: center;
    align-items: stretch;
  }

  .content-chambre {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }
}

@media screen and (min-width: 1440px) {
  .options-menu.w--open {
    margin-top: 0;
  }

  .primary-button {
    border-width: 1px;
    border-color: #1b253d;
    transition: transform .4s, background-color .4s;
  }

  .primary-button._2 {
    border-style: solid;
  }

  .primary-button._2:hover {
    background-color: #fff;
    border-color: #fff;
  }

  .primary-button._2 {
    transition: transform .4s, color .4s;
  }

  .primary-button._2:hover {
    color: #21404b;
    background-color: #fff;
  }

  .display-2 {
    line-height: 1.111;
  }

  .nav-container {
    max-width: 1400px;
  }

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

  .navigation {
    position: absolute;
  }

  .container {
    background-color: #fff0;
    padding-top: 6em;
  }

  .container.home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-grid {
    grid-column-gap: 90px;
  }

  .paragraph-big {
    color: #3c3c3c;
    font-weight: 400;
  }

  .paragraph-big.white {
    color: var(--color-13);
  }

  .hero-section {
    justify-content: flex-start;
    align-items: center;
    height: 800px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .hero-section.home {
    height: 1000px;
  }

  .mg-bottom-16px {
    width: auto;
  }

  .div-image {
    height: 500px;
  }

  .hero-image-wrapper {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .button-wrapper {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 0;
  }

  .button-wrapper.dark {
    margin-top: 0;
  }

  .style-guide-buttons {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .component-wrapper {
    background-image: none;
    border-style: none;
  }

  .display-1 {
    font-size: 80px;
  }

  .display-4 {
    line-height: 1.111;
  }

  .divider-line {
    background-color: #d6d6d6;
    height: 1px;
  }

  .display-3 {
    line-height: 1.111;
  }

  .content-width-500px {
    justify-content: flex-start;
  }

  .hero-content-wrapper {
    height: 600px;
  }

  .top-headline {
    margin-top: 0;
  }

  .success-message {
    border: 1px solid var(--color-12);
    background-color: var(--color);
    font-family: Satoshi Variable, sans-serif;
    font-weight: 500;
  }

  .form-block {
    width: auto;
  }

  .social-footer-link {
    width: 40px;
    height: 40px;
  }

  .post-block-image {
    width: 100%;
  }

  .label-text {
    color: #565858;
  }

  .mg-10px-right {
    margin-right: 10px;
  }

  .team-name {
    color: #000;
    margin-bottom: 16px;
    font-size: 24px;
  }

  .team-grid-content {
    grid-row-gap: 0px;
  }

  .flex-h.bottom-border {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .toggle-info {
    border: 1px #000;
  }

  .toggle-info:hover {
    background-color: #0000;
  }

  .horizontal-plus-line, .vertical-plus-line {
    width: 15px;
  }

  .toggle-icon {
    color: #000;
  }

  .header-title {
    font-size: 100px;
    line-height: 1.222;
  }

  .content-chambre {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 1920px) {
  .nav-logo-link {
    color: var(--color-6);
    font-family: Satoshi Variable, sans-serif;
  }

  .dropdown-list {
    background-color: #000;
  }

  .options-menu.w--open {
    margin-top: 0;
  }

  .primary-button {
    background-color: var(--color-6);
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: Satoshi Variable, sans-serif;
    transition: transform .4s, background-color .4s;
  }

  .primary-button._2 {
    color: #fff;
    border-style: none;
    border-color: #e9452e;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .primary-button._2:hover {
    color: #1b253d;
    background-color: #fff;
    border-color: #fff;
  }

  .primary-button._4 {
    color: #fff;
  }

  .primary-button._2 {
    color: var(--color-13);
    border-color: #2a9d8f;
    transition: transform .4s, color .4s;
  }

  .display-2 {
    font-size: 60px;
    line-height: 1.111;
  }

  .nav-container {
    max-width: 1400px;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .nav-link {
    text-transform: none;
    font-size: 18px;
  }

  .nav-link:hover {
    color: var(--color-6);
    background-color: #fff0;
  }

  .nav-link.w--current {
    font-size: 18px;
  }

  .nav-link.w--current:hover {
    color: var(--color-8);
  }

  .link-dropdown {
    padding: 10px;
  }

  .header-right-side {
    justify-content: flex-start;
    align-items: center;
  }

  .dropdown-toggle {
    font-size: 18px;
  }

  .navigation {
    position: absolute;
  }

  .container {
    box-shadow: none;
    color: #000;
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .container.home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.hero {
    padding-top: 14em;
  }

  .container.no-top-padding {
    padding-top: 0;
  }

  .container.footer {
    padding-top: 0;
  }

  .container.no-bottom-padding {
    padding-bottom: 0;
  }

  .container.user {
    justify-content: center;
    align-items: center;
  }

  .hero-grid {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
  }

  .nav-wrapper {
    padding-top: 8px;
  }

  .paragraph-big {
    color: #3c3c3c;
    font-weight: 400;
  }

  .paragraph-big.white {
    color: var(--color-13);
  }

  .hero-section {
    justify-content: flex-start;
    align-items: center;
    height: 800px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .hero-section.home {
    height: 1000px;
  }

  .hero-section.contact {
    background-color: var(--color-2);
    justify-content: center;
    align-items: center;
    height: 1000px;
  }

  .mg-bottom-16px {
    margin-left: 0;
    margin-right: 0;
  }

  .div-image {
    background-image: url('../images/image-2.jpg');
    background-position: 50%;
    border-radius: 18px;
    height: 450px;
  }

  .div-image.hero {
    background-image: linear-gradient(#00000080, #00000080), url('../images/Goes.jpg');
    background-position: 0 0, 50%;
    max-width: none;
    height: 100%;
  }

  .hero-image-wrapper {
    border-radius: 20px;
    width: 100%;
    max-width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 0;
    inset: 0 0 0 auto;
    overflow: hidden;
  }

  .mg-bottom-100px {
    margin-bottom: 100px;
  }

  .card-component {
    border: 0 #fff;
  }

  .button-wrapper {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .paragraph-small {
    font-size: 14px;
  }

  .component-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .display-1 {
    margin-bottom: 16px;
    font-size: 80px;
  }

  .display-4 {
    font-family: Satoshi Variable, sans-serif;
    font-size: 32px;
    line-height: 1.111;
  }

  .divider-line {
    background-color: #d6d6d6;
    background-image: none;
    height: 1px;
  }

  .section {
    background-position: 50% 0;
  }

  .section.insights {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .section.color-2 {
    background-color: var(--color);
  }

  .display-3 {
    font-size: 44px;
    line-height: 1.222;
  }

  .color-block._3 {
    background-color: #3c3c3c;
  }

  .grid-insights {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
  }

  .grid-block-item {
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--color-10);
    width: 100%;
    padding-bottom: 20px;
  }

  .inner-content._850px {
    max-width: 850px;
  }

  .template-grid-2-column {
    grid-template-columns: .75fr 1fr;
    margin-bottom: 60px;
  }

  .template-grid-2-column.title-section-grid {
    place-items: center stretch;
    margin-bottom: 60px;
  }

  .features-nr.small {
    margin-top: 0;
  }

  .features-content.right-mg-40px {
    flex-flow: column;
    justify-content: space-around;
    margin-right: 20px;
    display: flex;
  }

  .content-block {
    max-width: 600px;
  }

  .grid-info-compassion {
    height: 78%;
  }

  .content-width-500px {
    justify-content: flex-start;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .sponsor-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .animation-gradient.right, .animation-gradient.left, .animation-gradient.right, .animation-gradient.left {
    width: 160px;
  }

  .hero-content-wrapper {
    flex-flow: column;
    justify-content: center;
    height: 700px;
    display: flex;
  }

  .hero-content-wrapper.post-page {
    height: 600px;
  }

  .sponsor-bar {
    padding-bottom: 30px;
  }

  .section-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 900px;
    margin-top: 0;
  }

  .section-title.no-bottom-padding {
    max-width: 700px;
  }

  .top-headline {
    margin-top: 0;
  }

  .footer-section {
    background-color: var(--color-6);
    color: #2a9d8f;
  }

  .footer-bottom {
    border-style: none;
    border-color: #000;
    padding: 20px;
  }

  .footer-side {
    padding-top: 80px;
  }

  .footer-side.flex-side {
    padding-top: 90px;
    padding-left: 0;
  }

  .footer-copyright {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
  }

  .footer-link {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.111;
  }

  .social-footer-link {
    background-color: #fff;
    border-style: none;
    border-width: 0;
    border-radius: 100%;
  }

  .social-footer-link:hover {
    background-color: #2a9d8f;
  }

  .footer-link-text {
    color: var(--color-2);
    margin-bottom: 0;
    font-size: 18px;
    text-decoration: none;
  }

  .footer-link-text:hover {
    text-decoration: underline;
  }

  .insights-card._3, .insights-card._4, .insights-card._2 {
    min-height: auto;
  }

  ._24px-text-bold {
    font-family: Satoshi Variable, sans-serif;
  }

  .flex-block-horizontal {
    margin-top: 20px;
  }

  .flex-block-horizontal.invers {
    justify-content: flex-start;
    align-items: center;
  }

  .post-block-image {
    border-radius: 10px;
    width: 100%;
    min-height: 600px;
  }

  .post-card-left-image {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    box-shadow: none;
    margin-bottom: 20px;
  }

  .post-card-left-image:hover {
    box-shadow: 0 5px 15px 1px #0000000f;
  }

  .post-card-left-image.vertical-layout {
    margin-left: 0;
  }

  .horizontal-separator.gray {
    background-color: #d6d6d6;
  }

  .label-text {
    color: #000;
  }

  .label-text.categories {
    color: var(--color-6);
    border-radius: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Satoshi Variable, sans-serif;
    font-size: 16px;
  }

  .testimonial-info-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .slider {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
  }

  .testimonials-bottom-info-block {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
  }

  .icon-wrapper-contact {
    border-radius: 0;
    height: 40px;
  }

  .card-form-contact {
    border-radius: 20px;
  }

  .text-field, .text-field.message {
    margin-bottom: 10px;
  }

  .divider.less-padding {
    background-color: var(--color-4);
  }

  .contact-info-block {
    border-style: none;
    padding: 0;
  }

  .mg-10px-right {
    margin-right: 10px;
  }

  .form {
    padding: 0;
  }

  .contact-info-box {
    width: 100%;
  }

  .contact-grid-wrapper {
    grid-template-rows: auto;
  }

  .tabs-testimonials {
    border-radius: 30px;
    margin-top: 0;
    padding: 40px;
  }

  .team-name {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .team-grid-content {
    grid-row-gap: 0px;
  }

  .team-absolut-img, .div-block {
    height: 320px;
  }

  .flex-h.bottom-border {
    border: 1px #000;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .toggle-wrapper-div {
    width: 100%;
  }

  .collection-list-grid {
    grid-template-rows: auto;
  }

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

  .price-features-wrapper {
    margin-top: 0;
  }

  .black-line-pricing-card.vr-3 {
    border-color: var(--color-10);
  }

  .info-wrapper-900px {
    margin-left: auto;
    margin-right: 0;
  }

  .horizontal-plus-line {
    background-color: #21404b;
    width: 15px;
  }

  .vertical-plus-line {
    width: 15px;
  }

  .toggle-column-1 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .toggle-name {
    color: #000;
  }

  .toggle-icon {
    padding: 6px;
  }

  .toggle-questions-faq {
    border-color: #e3e4eb;
  }

  .component-image, .component-image._1 {
    border-radius: 20px;
  }

  .component-wrapper-block {
    border-style: none;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 49px 0;
  }

  .icons-card {
    background-color: var(--color-12);
    background-image: none;
    border-radius: 8px;
    width: auto;
  }

  .icons-card._2 {
    background-color: var(--color-12);
  }

  .icons-card._1 {
    background-image: url('../images/Service-3.svg');
  }

  .brands-logo {
    opacity: 1;
  }

  ._800-px-width-container {
    width: 800px;
  }

  .footer-copyright-compassion {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
  }

  .footer-link-text-green {
    color: #2a9d8f;
    margin-bottom: 0;
    font-size: 18px;
    text-decoration: none;
  }

  .footer-link-text-green:hover {
    text-decoration: underline;
  }

  .percentual-wrapper-absolute {
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .header-title {
    font-size: 100px;
    line-height: 1.222;
  }

  .grid-info-chamber {
    height: 78%;
  }

  .content-chambre {
    justify-content: flex-start;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .nav-logo-link {
    margin-top: 0;
    margin-right: 0;
  }

  .options-menu.w--open {
    border-radius: 10px;
  }

  .mg-bottom-24px {
    margin-bottom: 24px;
  }

  .nav-container {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .nav-menu-button {
    background-color: #0000;
    border-radius: 8px;
    margin-left: 20px;
    padding: 18px;
  }

  .nav-menu-button:hover {
    background-color: var(--color-4);
  }

  .nav-menu-button.w--open {
    color: var(--color-6);
    background-color: #fff;
  }

  .dropdown-switch {
    color: #0f0f0f;
    justify-content: space-between;
    width: 100%;
  }

  .dropdown-switch:hover {
    color: #2a9d8f;
  }

  .nav-link {
    color: #0f0f0f;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .nav-link:hover {
    color: var(--color);
  }

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

  .nav-link.w--current:hover {
    color: #2a9d8f;
  }

  .nav-button-wrapper {
    grid-column-gap: 10px;
    align-items: center;
    width: auto;
    display: flex;
  }

  .header-right-side {
    justify-content: flex-start;
    align-items: center;
  }

  .navigation {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .container {
    padding-top: 9em;
    padding-bottom: 9em;
  }

  .container.home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container.hero {
    padding-top: 12em;
    padding-bottom: 6em;
  }

  .hero-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .hero-grid.post {
    margin-top: 100px;
  }

  .nav-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-menu {
    color: var(--color);
    background-color: #fff;
    border: 1px solid #ffffff14;
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    margin-left: 10px;
    padding: 12px;
    position: absolute;
    left: 10px;
    right: 10px;
    box-shadow: 0 2px 5px #0003;
  }

  .nav-menu.w--open {
    background-color: #282556;
    border-color: #fff;
  }

  .hero-section {
    height: auto;
    padding-top: 60px;
    padding-bottom: 700px;
  }

  .hero-section.home {
    padding-top: 140px;
    padding-bottom: 0;
  }

  .hero-section.subpages {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-section.contact {
    padding-top: 180px;
    padding-bottom: 100px;
  }

  .hero-section.post-page {
    padding-bottom: 0;
  }

  .mg-bottom-16px {
    width: auto;
  }

  .div-image {
    border-radius: 18px;
  }

  .div-image.hero {
    height: 500px;
  }

  .hero-image-wrapper {
    border-radius: 0;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin: 0;
    padding: 2.5em;
    position: static;
  }

  .hero-image-wrapper.contact-hero-img {
    max-width: 100%;
    height: 700px;
    position: relative;
  }

  .icon-hamburger {
    color: var(--color-13);
  }

  .mg-bottom-100px._800px {
    width: auto;
  }

  .card-component {
    padding: 0;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr 1fr;
  }

  .component-wrapper {
    padding-bottom: 40px;
  }

  .display-1 {
    line-height: 120%;
  }

  .section.insights {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 10px;
    margin-right: 10px;
    display: grid;
  }

  .grid-colors {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .template-grid-2-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: .75fr;
  }

  .template-grid-2-column.title-section-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    place-items: flex-start stretch;
    display: flex;
  }

  .template-grid-2-column.no-padding-bottom {
    flex-flow: column;
  }

  .social-icons-wrapper {
    justify-content: flex-start;
    margin-left: 0;
  }

  .content-block {
    order: -1;
    max-width: none;
  }

  .grid-info-compassion {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-template-areas: ".";
    min-height: auto;
  }

  .content-width-500px {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: auto;
    min-height: auto;
  }

  .hero-content-wrapper, .hero-content-wrapper.post-page {
    height: auto;
    margin-top: 0;
  }

  .section-title {
    margin-bottom: 60px;
  }

  .footer-section {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-links {
    margin-bottom: 0;
  }

  .left-side-top-footer {
    width: 100%;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .footer-column {
    width: 100%;
    padding-right: 0;
  }

  .form-block {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .footer-side {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-right: 0;
    display: grid;
  }

  .footer-side.flex-side {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .form-subscribe {
    flex-direction: row;
    margin-bottom: 0;
    padding-left: 5px;
  }

  .insights-tittle {
    letter-spacing: -.01em;
    font-size: 24px;
    line-height: 1.25em;
  }

  .insights-card {
    min-height: 349px;
  }

  .mg-bottom-0px {
    margin-bottom: 24px;
  }

  .top-grid-footer {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .post-block-content {
    padding-left: 30px;
    padding-right: 2%;
  }

  .post-block-image {
    width: 100%;
    min-height: 400px;
    max-height: none;
  }

  .post-short-description {
    font-size: 13px;
    line-height: 20px;
  }

  .testimonial-text {
    font-size: 20px;
    line-height: 36px;
  }

  .contact-grid {
    grid-template-columns: 1fr;
  }

  .card-form-contact {
    padding: 0;
  }

  .divider.less-padding {
    background-color: var(--color-8);
  }

  .contact-info-block {
    border: 0 #000;
    width: 100%;
    padding: 0;
  }

  .mg-10px-right {
    margin-right: 10px;
  }

  .contact-grid-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-info-glimmer {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    grid-template-areas: ".";
  }

  .tabs-content {
    margin-top: 100px;
    margin-left: 0;
  }

  .tab-img-wrapper {
    border-radius: 0;
  }

  .tabs-testimonials {
    flex-flow: column;
    padding: 0;
  }

  .team-grid-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .flex-h.bottom-border, .toggle-wrapper-div {
    width: 100%;
  }

  .collection-list-grid.causes, .collection-list {
    grid-template-columns: 1fr;
  }

  .hero-about-image-1, .hero-about-image-2 {
    height: 300px;
  }

  .long-description-wrapper {
    width: auto;
  }

  .price-features-wrapper.vr-3 {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding-left: 32px;
    padding-right: 32px;
  }

  .black-line-pricing-card.vr-3 {
    flex-flow: column;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .pricing-card-vr-2._3, .pricing-card-vr-2._1, .pricing-card-vr-2._2 {
    margin-bottom: 40px;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .info-wrapper-900px {
    width: 100%;
  }

  .pricing-feature-wrapper {
    text-align: left;
  }

  .compare-plan-price {
    text-align: center;
    padding: 32px;
  }

  .row-item-4-column {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .pricing-row-title {
    text-align: left;
    font-family: Satoshi Variable, sans-serif;
    font-size: 12px;
    font-weight: 500;
  }

  .pricing-grid-compare.hide-in-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .compare-title-packages {
    font-family: Satoshi Variable, sans-serif;
    font-size: 12px;
    font-weight: 500;
  }

  .compare-title-packages.hide-in-mobile {
    font-size: 12px;
  }

  .compare-title-packages.last {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .toggle-column-1 {
    width: 100%;
  }

  .toggle-questions-faq {
    text-align: left;
  }

  .licenses--grid-img {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    width: auto;
  }

  .component-wrapper-block {
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .component-wrapper-block.last {
    padding-left: 0;
    padding-right: 0;
  }

  .icons-card {
    width: 100%;
  }

  .collection-list-team, .grid {
    grid-template-columns: 1fr 1fr;
  }

  .header-title {
    font-size: 75px;
  }

  .grid-info-chamber {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-template-areas: ".";
  }

  .content-chambre {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .options-menu.w--open {
    width: auto;
  }

  .primary-button {
    font-size: 16px;
  }

  .display-2 {
    font-size: 50px;
  }

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

  .grid-drop-down-links {
    grid-template-columns: 1fr 1fr;
  }

  .navigation {
    padding-top: 20px;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .container {
    padding-top: 8em;
    padding-bottom: 8em;
  }

  .container.hero {
    padding-top: 12em;
    padding-bottom: 6em;
  }

  .hero-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .nav-wrapper {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .nav-menu {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 10px;
  }

  .mg-bottom-40px {
    margin-bottom: 24px;
  }

  .hero-section {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .hero-section.home {
    height: auto;
    padding-top: 140px;
    padding-bottom: 0;
  }

  .div-image.hero {
    background-position: 50%;
    height: 400px;
  }

  .hero-image-wrapper {
    max-width: none;
    height: auto;
    margin-top: 0;
    padding: 2.5em;
    position: static;
  }

  .mg-bottom-100px._800px {
    width: auto;
  }

  .card-component {
    padding: 0;
  }

  .color-shade-card {
    padding: 16px;
  }

  .style-guide-buttons, .font-grid {
    grid-template-columns: 1fr;
  }

  .component-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .display-1 {
    font-size: 60px;
  }

  .display-4 {
    font-size: 32px;
  }

  .display-3 {
    font-size: 36px;
  }

  .grid-block-item {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .grid-block-item._2 {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-components {
    width: 70%;
  }

  .template-grid-2-column.no-padding-bottom {
    flex-flow: column;
    display: flex;
  }

  .features-content.right-mg-40px {
    margin-bottom: 30px;
    margin-right: 0;
  }

  .content-block {
    width: 100%;
  }

  .grid-info-compassion {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-items: start;
  }

  .content-width-500px {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
  }

  .img-sponsor {
    height: 80px;
  }

  .animation-gradient.right, .animation-gradient.left {
    width: 60px;
  }

  .section-title {
    margin-bottom: 48px;
  }

  .input {
    min-height: 60px;
  }

  .footer-links {
    margin-bottom: 0;
  }

  .footer-flex-container {
    flex-wrap: wrap;
  }

  .footer-bottom {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-column {
    width: 100%;
    margin-bottom: 40px;
  }

  .form-block {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .footer-side {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: grid;
  }

  .footer-side.flex-side {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-left-style: none;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-left: 20px;
    display: grid;
  }

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

  .footer-copyright {
    font-size: 14px;
    line-height: 20px;
  }

  .insights-tittle {
    font-size: 24px;
    line-height: 1.35em;
  }

  .insights-card {
    border-radius: 24px;
    min-height: auto;
    padding: 24px;
  }

  .flex-block-horizontal.legal-info {
    justify-content: flex-start;
    align-items: center;
  }

  .post-block-content {
    padding: 20px 0 10px;
  }

  .post-block-image {
    border-radius: 8px;
    width: 100%;
    min-height: 400px;
  }

  .post-block-image.causes {
    padding-left: 10px;
  }

  .post-short-description {
    display: none;
  }

  .post-card-left-image {
    border-radius: 16px;
    flex-flow: column;
    padding: 12px;
  }

  .tittle-post-card.padding-bottom {
    margin-bottom: 0;
  }

  .testimonial-text {
    max-width: 366px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    line-height: 32px;
  }

  .icon-wrapper-contact {
    width: 52px;
    height: 52px;
  }

  .card-form-contact {
    width: 100%;
    min-height: 560px;
    padding: 0;
  }

  .contact-info-block {
    padding: 0;
  }

  .mg-10px-right {
    margin-right: 10px;
  }

  .form {
    padding: 0;
  }

  .grid-info-glimmer {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-items: start;
  }

  .tab-img-wrapper {
    border-radius: 0;
  }

  .tabs-menu {
    flex-flow: column;
  }

  .tab-link, .tab-link.w--current {
    width: 100%;
  }

  .tabs-testimonials {
    padding: 0;
  }

  .team-grid-content {
    justify-items: start;
  }

  .div-block {
    height: 500px;
  }

  .team-info-div {
    justify-content: space-between;
    align-items: flex-start;
  }

  .collection-list-grid {
    grid-template-columns: 1fr;
  }

  .categories-wrapper {
    flex-flow: column;
    width: 100%;
  }

  .categories-collection {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .price-features-wrapper.vr-3 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }

  .black-line-pricing-card.vr-3 {
    flex-direction: column;
  }

  .pricing-card-vr-2._3 {
    width: 100%;
  }

  .pricing-card-vr-2._1 {
    margin-bottom: 40px;
  }

  .compare-plan-price {
    padding: 24px;
    font-size: 24px;
  }

  .pricing-grid-compare.hide-in-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .toggle-questions-faq {
    text-align: left;
  }

  .licenses--grid-img {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .component-wrapper-block {
    padding-left: 0;
    padding-right: 0;
  }

  .icons-card, .icons-card._2 {
    width: 100%;
  }

  .width-800-px-wrapper-left-algined {
    width: auto;
  }

  .logotypes {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    margin-top: 0;
  }

  .brands-logo {
    align-self: auto;
    height: 70px;
  }

  .flex-horizontal {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-copyright-compassion {
    font-size: 14px;
    line-height: 20px;
  }

  .number-percentual {
    font-size: 60px;
  }

  .percentual-wrapper-absolute {
    padding-left: 10px;
  }

  .percentual-wrapper-absolute._2 {
    padding-left: 0;
  }

  .percentual-symbol {
    margin-bottom: 10px;
  }

  .collection-list-team {
    grid-template-columns: 1fr 1fr;
  }

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

  .header-title {
    font-size: 50px;
  }

  .grid-info-chamber {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    justify-items: start;
  }

  .content-chambre {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .logo-brand {
    width: 100px;
  }

  .mg-bottom-24px {
    margin-bottom: 16px;
  }

  .primary-button {
    font-size: 16px;
  }

  .primary-button.newsletter {
    width: 100%;
  }

  .primary-button.hide-in-mbl {
    display: none;
  }

  .display-2 {
    font-size: 42px;
  }

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

  .nav-menu-button {
    margin-left: 0;
    padding: 8px;
  }

  .header-right-side {
    justify-content: flex-start;
    align-items: center;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .container {
    padding: 7em 1.6em;
  }

  .hero-grid {
    margin-top: 0;
    margin-bottom: 20px;
  }

  .hero-grid.post {
    margin-top: 60px;
  }

  .nav-menu {
    margin-top: 17px;
    margin-left: 0;
  }

  .paragraph-big {
    font-size: 1rem;
  }

  .hero-section {
    padding-top: 48px;
  }

  .hero-section.home {
    height: auto;
    padding-top: 100px;
  }

  .testimonials-name {
    text-align: center;
  }

  .div-image {
    height: 350px;
  }

  .div-image.hero {
    height: 300px;
    margin-bottom: 20px;
  }

  .hero-image-wrapper {
    height: auto;
    padding: 1.6em;
  }

  .hero-image-wrapper.contact-hero-img {
    height: 550px;
  }

  .card-component {
    padding-left: 0%;
    padding-right: 0%;
  }

  .color-shade-card {
    padding: 12px;
  }

  .button-wrapper.user {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .style-guide-buttons {
    grid-template-columns: 1fr;
  }

  .component-wrapper {
    margin-bottom: 30px;
    padding: 30px 0;
  }

  .display-1 {
    font-size: 55px;
  }

  .display-4 {
    font-size: 32px;
  }

  .divider-line {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .section.insights {
    grid-template-columns: 1fr;
  }

  .display-3 {
    font-size: 32px;
  }

  .grid-colors {
    grid-template-columns: 1fr 1fr;
  }

  .grid-block-item {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
  }

  .grid-block-item._2 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-components, .service-components.name {
    width: auto;
  }

  .template-grid-2-column {
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .template-grid-2-column.title-section-grid {
    grid-template-columns: auto;
  }

  .grid-info-compassion {
    flex-flow: column;
    justify-content: flex-start;
    place-items: center start;
    display: flex;
  }

  .content-width-500px {
    width: 100%;
  }

  .img-sponsor {
    height: 70px;
  }

  .animation-gradient.right, .animation-gradient.left, .animation-gradient.right, .animation-gradient.left {
    width: 80px;
  }

  .section-title {
    margin-bottom: 36px;
  }

  .input {
    min-height: 54px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .footer-section {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-links {
    margin-bottom: 0;
  }

  .mendosa-social-icon {
    width: 16px;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-column {
    width: 100%;
    margin-bottom: 60px;
  }

  .form-block {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
  }

  .footer-side {
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .footer-side.flex-side {
    border-left-style: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 0;
  }

  .form-subscribe {
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 10px;
  }

  .social-footer-link {
    width: 30px;
    height: 30px;
  }

  .insights-tittle {
    letter-spacing: -.01em;
  }

  .insights-card {
    padding: 24px;
  }

  .flex-block-horizontal {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 20px;
  }

  .flex-block-horizontal.invers {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: flex-start;
    margin-bottom: 10px;
  }

  .post-block-content {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    padding: 20px 0 0;
  }

  .post-block-content.vr-2 {
    padding-top: 20px;
  }

  .post-block-image {
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 400px;
  }

  .post-block-image.causes {
    height: auto;
    min-height: 300px;
    padding-left: 10px;
  }

  .post-card-left-image {
    flex-direction: column;
    padding: 13px;
  }

  .tittle-post-card {
    font-size: 20px;
  }

  .tittle-post-card.padding-bottom {
    text-align: left;
    font-size: 20px;
  }

  .horizontal-separator.gray {
    width: 30px;
  }

  .label-text.categories {
    font-size: 16px;
  }

  .testimonial-author-name {
    text-align: center;
    flex-direction: column;
  }

  .card-form-contact {
    min-height: auto;
    padding: 0;
  }

  .text-field {
    font-family: Satoshi Variable, sans-serif;
    font-weight: 500;
  }

  .component-info-left {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-info-block {
    border-right-style: none;
    width: auto;
  }

  .mg-10px-right {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .form {
    padding: 0;
  }

  .grid-info-glimmer {
    flex-flow: column;
    justify-content: flex-start;
    place-items: center start;
    display: flex;
  }

  .tabs-content {
    margin-top: 60px;
  }

  .tab-img-wrapper {
    border-radius: 0;
  }

  .tabs-testimonials {
    padding: 0;
  }

  .div-block {
    height: 300px;
  }

  .team-info-div {
    flex-direction: column;
  }

  .categories-wrapper {
    flex-flow: column;
    width: 100%;
  }

  .categories-collection {
    grid-template-columns: 1fr;
  }

  .price-features-wrapper.vr-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .black-line-pricing-card.vr-3, .pricing-card-vr-2._3 {
    padding: 24px;
  }

  .pricing-card-vr-2._1 {
    margin-bottom: 40px;
  }

  .pricing-feature-wrapper {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .compare-plan-price {
    font-size: 18px;
  }

  .pricing-row-title {
    padding-left: 10px;
    font-size: 13px;
  }

  .pricing-item-box {
    padding-left: 0;
    padding-right: 0;
  }

  .compare-title-packages, .compare-title-packages.hide-in-mobile {
    font-size: 11px;
  }

  .pricing-plan-top-info {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .toggle-info {
    padding-left: 0;
    padding-right: 0;
  }

  .toggle-name {
    font-size: 18px;
  }

  .toggle-icon {
    margin-right: 0;
  }

  .toggle-questions-faq {
    text-align: left;
    flex-direction: row;
    align-items: center;
  }

  .licenses-paragraph {
    font-size: 1rem;
  }

  .licenses--grid-img {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .component-wrapper-block {
    margin-bottom: 30px;
    padding: 30px 0;
  }

  .logotypes {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .brands-logo {
    height: 60px;
  }

  .flex-horizontal {
    justify-content: flex-start;
    align-items: center;
  }

  .user-block-form {
    width: 100%;
  }

  .footer-wrapper.user {
    text-align: center;
  }

  .block-content {
    padding: 0;
  }

  .number-percentual {
    font-size: 40px;
  }

  .percentual-wrapper-absolute._2 {
    padding-left: 0;
  }

  .percentual-symbol {
    margin-bottom: 6px;
    font-size: 20px;
  }

  .collection-list-team, .grid {
    grid-template-columns: 1fr;
  }

  .header-title {
    font-size: 30px;
  }

  .grid-info-chamber {
    flex-flow: column;
    justify-content: flex-start;
    place-items: center start;
    display: flex;
  }

  .content-chambre {
    width: 100%;
  }
}

#w-node-cae60975-17c5-9f89-a312-f8890e9ea454-70a4904e {
  align-self: start;
}

#w-node-_9565d18d-3040-433c-020b-a851902bb69b-70a4904e, #w-node-dfa9e249-a8ea-1208-dbfc-b15d3e8c6b22-70a4904e, #w-node-_31c57d84-c6e3-3387-b7af-4d1b016811d6-70a4904e, #w-node-_3f014f69-d9d9-0b8c-aa74-99cb09603a67-70a4904e, #w-node-_9f88d0bb-f138-c34f-71bc-ebd08cda9b44-70a4904e, #w-node-_8c56785b-b22b-5414-b9d4-abf517d97bc2-70a4904e, #w-node-ee5a1f3a-965d-ac15-b079-10321aff8a82-70a4904e, #w-node-ea4d3e43-c07f-6803-c302-15f455c82478-70a4904e, #w-node-_0a4f4aa4-bdea-6058-9d23-8d7c89b88624-70a4904e, #w-node-a7a0fd4a-7925-6757-a529-b45ab4d13839-70a4904e, #w-node-_5d6f7e45-8e3f-dcf3-a2e7-7d22aa151f5d-70a4904e, #w-node-_9b8ef618-8721-6e52-56e0-aaf7f706fce3-70a4904e, #w-node-d02f1b5c-f63a-0a29-ab6d-52a2f51f824e-70a4904e, #w-node-_00af42a4-78be-4312-3e8d-bd593a156981-70a4904e, #w-node-_897e8601-c875-4110-cf0d-e45899a6177b-70a4904e, #w-node-_8a4b1f1f-f3fa-11cf-5e8f-d2c1026b097f-70a4904e, #w-node-acca653f-a498-3b97-8297-308a10eb5ba2-70a4904e, #w-node-_719f1737-6cf0-e4d0-10f0-fea09b426e66-70a4904e, #w-node-df962584-9311-c5b2-5d18-328223fb7883-70a4904e, #w-node-_1e147974-76e9-36b3-1a17-0ea5dfd280be-70a4904e, #w-node-be6b4e74-722d-b87c-4559-28e29a524190-70a4904e, #w-node-_7d689636-89fe-588e-8b1b-8db21da8993e-70a4904e, #w-node-_8a2bef85-bebc-c4ea-8c03-a601b9fd0c35-70a4904e, #w-node-_64f43ab8-fb2c-4192-3672-b88a769a6f0f-70a4904e {
  grid-area: 1 / 1 / 2 / 3;
}

@media screen and (min-width: 1920px) {
  #w-node-f30fcd65-fc85-3f6e-23c9-648f30a4631b-70a4904e {
    justify-self: end;
  }

  #w-node-_9565d18d-3040-433c-020b-a851902bb69b-70a4904e, #w-node-dfa9e249-a8ea-1208-dbfc-b15d3e8c6b22-70a4904e, #w-node-_31c57d84-c6e3-3387-b7af-4d1b016811d6-70a4904e, #w-node-_3f014f69-d9d9-0b8c-aa74-99cb09603a67-70a4904e, #w-node-_9f88d0bb-f138-c34f-71bc-ebd08cda9b44-70a4904e, #w-node-_8c56785b-b22b-5414-b9d4-abf517d97bc2-70a4904e, #w-node-ee5a1f3a-965d-ac15-b079-10321aff8a82-70a4904e, #w-node-ea4d3e43-c07f-6803-c302-15f455c82478-70a4904e, #w-node-_0a4f4aa4-bdea-6058-9d23-8d7c89b88624-70a4904e, #w-node-a7a0fd4a-7925-6757-a529-b45ab4d13839-70a4904e, #w-node-_5d6f7e45-8e3f-dcf3-a2e7-7d22aa151f5d-70a4904e, #w-node-_9b8ef618-8721-6e52-56e0-aaf7f706fce3-70a4904e, #w-node-d02f1b5c-f63a-0a29-ab6d-52a2f51f824e-70a4904e, #w-node-_00af42a4-78be-4312-3e8d-bd593a156981-70a4904e, #w-node-_897e8601-c875-4110-cf0d-e45899a6177b-70a4904e, #w-node-_8a4b1f1f-f3fa-11cf-5e8f-d2c1026b097f-70a4904e, #w-node-acca653f-a498-3b97-8297-308a10eb5ba2-70a4904e, #w-node-_719f1737-6cf0-e4d0-10f0-fea09b426e66-70a4904e, #w-node-df962584-9311-c5b2-5d18-328223fb7883-70a4904e, #w-node-_1e147974-76e9-36b3-1a17-0ea5dfd280be-70a4904e, #w-node-be6b4e74-722d-b87c-4559-28e29a524190-70a4904e, #w-node-_7d689636-89fe-588e-8b1b-8db21da8993e-70a4904e, #w-node-_8a2bef85-bebc-c4ea-8c03-a601b9fd0c35-70a4904e, #w-node-_64f43ab8-fb2c-4192-3672-b88a769a6f0f-70a4904e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_9565d18d-3040-433c-020b-a851902bb69b-70a4904e, #w-node-dfa9e249-a8ea-1208-dbfc-b15d3e8c6b22-70a4904e, #w-node-_31c57d84-c6e3-3387-b7af-4d1b016811d6-70a4904e, #w-node-_3f014f69-d9d9-0b8c-aa74-99cb09603a67-70a4904e, #w-node-_9f88d0bb-f138-c34f-71bc-ebd08cda9b44-70a4904e, #w-node-_8c56785b-b22b-5414-b9d4-abf517d97bc2-70a4904e, #w-node-ee5a1f3a-965d-ac15-b079-10321aff8a82-70a4904e, #w-node-ea4d3e43-c07f-6803-c302-15f455c82478-70a4904e, #w-node-_0a4f4aa4-bdea-6058-9d23-8d7c89b88624-70a4904e, #w-node-a7a0fd4a-7925-6757-a529-b45ab4d13839-70a4904e, #w-node-_5d6f7e45-8e3f-dcf3-a2e7-7d22aa151f5d-70a4904e, #w-node-_9b8ef618-8721-6e52-56e0-aaf7f706fce3-70a4904e, #w-node-d02f1b5c-f63a-0a29-ab6d-52a2f51f824e-70a4904e, #w-node-_00af42a4-78be-4312-3e8d-bd593a156981-70a4904e, #w-node-_897e8601-c875-4110-cf0d-e45899a6177b-70a4904e, #w-node-_8a4b1f1f-f3fa-11cf-5e8f-d2c1026b097f-70a4904e, #w-node-acca653f-a498-3b97-8297-308a10eb5ba2-70a4904e, #w-node-_719f1737-6cf0-e4d0-10f0-fea09b426e66-70a4904e, #w-node-df962584-9311-c5b2-5d18-328223fb7883-70a4904e, #w-node-_1e147974-76e9-36b3-1a17-0ea5dfd280be-70a4904e, #w-node-be6b4e74-722d-b87c-4559-28e29a524190-70a4904e, #w-node-_7d689636-89fe-588e-8b1b-8db21da8993e-70a4904e, #w-node-_8a2bef85-bebc-c4ea-8c03-a601b9fd0c35-70a4904e, #w-node-_64f43ab8-fb2c-4192-3672-b88a769a6f0f-70a4904e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-f30fcd65-fc85-3f6e-23c9-648f30a4631b-70a4904e {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_72db6436-925f-f439-944b-df8467b54eea-7f9a006a {
    order: -9999;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi Variable';
  src: url('../fonts/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-VariableItalic.ttf') format('truetype');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}