@font-face {
  font-family: Tt Chocolates;
  src: url('../fonts/TT-Chocolates-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Chocolates;
  src: url('../fonts/TT-Chocolates-DemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tt Chocolates;
  src: url('../fonts/TT-Chocolates-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-color: #1a394a;
  --red-color: #e05a63;
  --white-color: white;
  --mint-green-color: #b2d8c8;
  --dark-green: #003d37;
  --light-color: #fdfdfd;
  --yellow-color: #f0f0bc;
  --greyish: #f2f2f2;
}

.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-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-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--dark-color);
  font-family: Outfit, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
}

h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Outfit, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 130%;
}

h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
}

h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
}

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

.section-padding {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container {
  flex: 1;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.style-guide-grid {
  grid-column-gap: 40px;
  grid-row-gap: 41px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  display: grid;
}

.style-guide-category {
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-bottom: 5px;
  font-weight: 700;
}

.style-guide-edit {
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 10px;
  margin-bottom: 10px;
}

.light-text {
  color: var(--white-color);
}

.style-guide-element {
  color: #fff;
  background-color: #3b83f7;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
}

.style-guide-class {
  color: #fff;
  background-color: #3b83f7;
  border-radius: 3px;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
}

.style-guide-class.tag-class {
  background-color: #cc55b8;
}

.style-guide-edit-wrap {
  opacity: .4;
}

.style-guide-edit-wrap:hover {
  opacity: 1;
}

.small-p {
  width: 100%;
  font-size: .875rem;
  line-height: 130%;
}

.small-p.about {
  font-size: 1rem;
}

.large-p {
  font-size: 2rem;
  line-height: 120%;
}

.large-p.mid {
  text-align: center;
  line-height: 1.3;
}

.style-guide-color-wrap {
  background-color: var(--dark-color);
  justify-content: flex-start;
  align-items: center;
  height: 100px;
  margin-top: 30px;
  padding: 15px 30px;
  display: flex;
}

.style-guide-color-wrap.primary-color-background {
  background-color: var(--red-color);
}

.style-guide-color-wrap.secondary-color-background {
  background-color: var(--mint-green-color);
}

.style-guide-color-wrap.mid-grey-color-background {
  background-color: var(--dark-green);
}

.style-guide-color-wrap.light-color-background, .style-guide-color-wrap.white-background {
  background-color: var(--white-color);
}

.style-guide-color-wrap.light-grey-color-background {
  background-color: var(--light-color);
}

.button {
  border: 1px solid var(--yellow-color);
  background-color: var(--red-color);
  color: var(--light-color);
  white-space: nowrap;
  border-radius: 1rem 0;
  margin-top: 0;
  padding: 12px 18px;
  font-size: 1rem;
  text-decoration: none;
  transition: all .6s cubic-bezier(.445, .05, .55, .95);
}

.button:hover {
  border-color: var(--mint-green-color);
  background-color: var(--dark-green);
  color: var(--white-color);
  border-radius: 1rem;
}

.button.ghost-button {
  border: 2px solid var(--white-color);
  background-color: var(--yellow-color);
  color: var(--dark-color);
}

.button.ghost-button:hover {
  border-color: var(--yellow-color);
  background-color: var(--red-color);
  color: var(--light-color);
}

.button.ghost-button.invese-ghost {
  border-color: var(--white-color);
  color: var(--dark-green);
}

.button.ghost-button.invese-ghost:hover {
  color: var(--white-color);
}

.button.ghost-button._2 {
  border-width: 1px;
  border-color: var(--dark-color);
  font-size: 1rem;
}

.button.ghost-button.detail {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.button.inverse-button {
  background-color: var(--white-color);
  color: var(--dark-color);
}

.button.inverse-button:hover {
  color: var(--red-color);
}

.button.form-submit {
  border-color: var(--dark-color);
  background-color: var(--yellow-color);
  color: var(--dark-color);
  margin-top: 15px;
}

.button.form-submit.email {
  border-color: var(--dark-color);
  background-color: var(--yellow-color);
  color: var(--dark-color);
  margin-top: 0;
}

.button._2 {
  border-color: var(--dark-color);
}

.style-guide-grid-item-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start stretch;
  padding-top: 10px;
  display: grid;
}

.list {
  padding-left: 15px;
}

.list-item {
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-field {
  border: 1px solid var(--dark-color);
  color: var(--dark-color);
  background-color: #f2f2f2;
  margin-top: .5rem;
}

.form-field.form-text-area {
  background-color: var(--white-color);
  margin-top: 0;
  padding: 12px 18px;
}

.form-field.form-select {
  background-color: var(--white-color);
}

.form-lable {
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.form-checkbox {
  width: auto;
  padding-left: 20px;
}

.style-guide-layout-demo {
  background-color: #d3d3d3;
  border: 1px solid #d3d3d3;
}

.style-guide-layout-demo.section-padding {
  margin-top: 30px;
}

.style-guide-white-div {
  background-color: var(--dark-color);
  width: 100%;
  height: 100%;
  padding: 20px;
}

.popup-background-wrap {
  z-index: 100;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-card {
  background-color: var(--dark-color);
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  padding: 30px;
  display: flex;
  position: relative;
}

.style-guide-wrap {
  padding-top: 20px;
}

.close-popup-button {
  color: var(--dark-color);
  padding: 15px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: -5px -5px auto auto;
}

.style-guide-popup-wrap {
  background-color: var(--dark-color);
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 22px;
  display: flex;
}

.delete-this {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.site-wrapper {
  z-index: 1;
  background-color: var(--light-color);
  height: 100%;
  position: relative;
}

.cs-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.cs-heading {
  text-transform: uppercase;
}

.form-wrapper {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.form-block {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: -4px;
  display: flex;
}

.form-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-label {
  text-align: left;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}

.input-field {
  background-color: var(--light-color);
  color: var(--dark-green);
  border-radius: .5rem;
  height: 100%;
}

.success-msg {
  background-color: var(--mint-green-color);
  color: var(--dark-green);
  border-radius: .5rem;
}

.success-msg.email {
  background-color: var(--dark-green);
}

.error-msg {
  background-color: var(--red-color);
  border-radius: 2px;
}

.hero-section {
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  height: 85vh;
  margin-left: 2rem;
  margin-right: 2rem;
  position: relative;
  overflow: hidden;
}

.hero-wrapper {
  z-index: 2;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: var(--dark-color);
  background-image: url('../images/Noise--Texture.png');
  background-position: 50%;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 0 0 2rem 2rem;
  flex-flow: column;
  height: 100%;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.hero-cont-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  height: 100vh;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.hero-text-wrapper {
  display: flex;
  overflow: hidden;
}

.h1-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  margin-right: 1.5rem;
  display: flex;
}

.h1-text.light-text {
  white-space: nowrap;
  margin-bottom: 0;
  line-height: 120%;
}

.nav-bar {
  background-color: #0000;
  position: fixed;
  inset: 0% 0% auto;
}

.ganos-logo {
  max-width: 80%;
}

.nav-menu {
  flex-flow: row;
  display: flex;
}

.nav-link {
  color: var(--light-color);
  padding: 1rem;
  transition: all .4s cubic-bezier(.445, .05, .55, .95);
}

.nav-link:hover {
  color: #df878d;
}

.nav-link.w--current {
  color: var(--mint-green-color);
}

.button-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-wrap.form {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 100%;
}

.nav-wrap {
  justify-content: space-between;
  align-items: center;
  padding: 1rem 3rem;
  display: flex;
}

.arrow-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

._1rem-text {
  color: var(--white-color);
}

.about-us-section {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.about-us-section.section-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
}

.h2-text {
  color: var(--red-color);
}

.h2-text.green {
  color: var(--dark-green);
}

.vertical-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vertical-wrap.short {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.vertical-wrap.lefty {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.vertical-wrap.lefty.edu {
  max-width: 50%;
}

.h2-wrapper {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.h2-wrapper.blog {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
}

.feature-box-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.feature-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.feat-title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.1;
}

.services-section.section-padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

._2-col-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

._2-col-wrapper.order {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._2-col-wrapper.blog {
  z-index: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1rem;
  position: relative;
}

.service-box {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  display: flex;
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.margin-bottom, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small, .margin-bottom.margin-medium {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.faq10_answer {
  overflow: hidden;
}

.text-size-medium {
  font-size: 1.125rem;
}

.text-size-medium.text-weight-bold {
  font-weight: 600;
}

.faq10_accordion {
  border: 1px solid var(--dark-color);
  border-radius: 1rem 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0 1rem;
}

.button-2 {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-color-neutral-2\>);
  text-align: center;
  padding: .75rem 1.5rem;
  text-decoration: none;
}

.button-2.is-secondary {
  color: var(--\<unknown\|relume-variable-color-neutral-1\>);
  background-color: #0000;
}

.faq10_list, .faq10_list.first-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.faq10_content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.icon-embed-small {
  border: 1px solid var(--red-color);
  background-color: var(--dark-color);
  color: var(--white-color);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
  transform: rotate(180deg);
}

.icon-embed-small.blog {
  border-color: var(--dark-color);
  background-color: var(--white-color);
  color: var(--dark-color);
  margin-top: 1rem;
  margin-right: 1rem;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(-135deg);
}

.icon-embed-small.blog.detail {
  margin-top: 0;
  margin-right: 0;
  position: relative;
}

.icon-embed-small.footer {
  border-color: var(--white-color);
  width: 1.5rem;
  height: 1.5rem;
}

.faq10_icon-wrapper {
  align-self: flex-start;
  width: 2rem;
  display: flex;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.margin-top, .margin-top.margin-xxlarge, .margin-top.margin-medium {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.faq10_question {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

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

.section_faq10 {
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
}

.medium-p.bold {
  font-weight: 600;
}

.edu-section {
  margin-top: 12rem;
}

.imgs-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image1._2 {
  margin-top: 6rem;
}

.testimonials-section {
  margin-top: 5rem;
  margin-bottom: 5em;
}

.testimonials-section.section-padding {
  display: none;
}

.testi-wrap {
  background-color: var(--mint-green-color);
  border-radius: 2rem;
  max-width: 69rem;
  max-height: 31rem;
  padding: 6rem 1rem;
}

.testimonial7_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
}

.testimonial7_logo {
  max-height: 3.5rem;
}

.testimonial7_slider {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 4rem;
}

.testimonial7_client-image {
  object-fit: cover;
  border-radius: 100%;
  width: 4rem;
  min-width: 4rem;
  height: 4rem;
  min-height: 4rem;
}

.slider-arrow {
  border: 1px solid var(--\<unknown\|relume-variable-color-neutral-1\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.slider-arrow.is-centre-next, .slider-arrow.is-centre-previous {
  bottom: 4rem;
}

.testimonial7_component {
  padding-top: 1rem;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.testimonial7_client {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial7_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-flow: column;
  max-width: 48rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slider-arrow-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.text-weight-semibold {
  font-weight: 600;
}

.section_testimonial7 {
  background-color: var(--\<unknown\|relume-variable-background-color-1\>);
  color: var(--\<unknown\|relume-variable-text-color-1\>);
}

.testimonial7_slide {
  padding-left: 4rem;
  padding-right: 4rem;
}

.greenball {
  background-color: var(--dark-green);
  border-radius: 2rem;
  width: 1rem;
  height: 1rem;
}

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

.blogs-section {
  background-color: var(--greyish);
  border-radius: 2rem;
  margin-left: 4rem;
  margin-right: 4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.blogs-section.section-padding {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.title-wrapper {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.blog-box-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.blog-box.big {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.img-blog-wrap {
  flex: none;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.img-blog-wrap.blog {
  width: auto;
}

.blog-tag-wrapper {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.blog-text-wrapper {
  flex: 0 auto;
}

.blog-text-wrapper.detail {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blog-image {
  border-radius: 1rem;
  width: 100%;
}

.blog-image.detail {
  min-width: 40vw;
}

.tag {
  background-color: var(--yellow-color);
  border-radius: .5rem;
  padding: .25rem .5rem;
  font-weight: 600;
}

.tag.promo {
  background-color: var(--red-color);
  color: var(--light-color);
}

.tag.article {
  background-color: var(--mint-green-color);
}

.tag.news {
  text-transform: uppercase;
}

.date {
  font-weight: 600;
}

.blog-title {
  font-size: 1.25rem;
}

.contact-section {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.feature-box-wrap-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.contact-box {
  border: 1px solid var(--dark-color);
  background-color: var(--mint-green-color);
  border-top-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.box-title {
  color: var(--red-color);
  font-size: 1.5rem;
}

.form-input {
  border: 1px solid var(--dark-color);
  align-self: center;
  min-width: 200px;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 18px;
}

.form-input.order {
  min-width: auto;
  max-width: 100%;
}

.msg-txt {
  color: var(--white-color);
}

.contact-info-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.contact-info-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-icon {
  color: var(--dark-green);
}

.contact-link {
  color: var(--dark-green);
  text-decoration: underline;
}

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

.huge-text {
  z-index: 20;
  background-color: #fff;
  margin-top: 5rem;
  margin-bottom: 5rem;
  position: relative;
}

.full-container {
  text-align: center;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.huge-text-wrap {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: relative;
}

.huge-text-wrap.left {
  justify-content: flex-start;
}

.huge-words {
  color: var(--dark-color);
  text-transform: uppercase;
  white-space: nowrap;
  margin-right: -40vw;
  font-size: 8vw;
  font-weight: 600;
  line-height: 1.3;
}

.huge-words._2 {
  margin-left: -20vw;
  margin-right: 0;
}

.text-shadow {
  background-image: linear-gradient(to right, #fff0, #fff);
  position: absolute;
  inset: 0%;
}

.text-shadow._2 {
  background-image: linear-gradient(270deg, #fff0, #fff);
}

.partners-section {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.logo-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.footer-section {
  margin-left: 2rem;
  margin-right: 2rem;
}

.footer-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: radial-gradient(circle farthest-side at 80% -20%, var(--red-color), var(--dark-color) 51%);
  border-radius: 2rem 2rem 0 0;
  flex-flow: column;
  height: 100%;
  padding-bottom: 1rem;
  display: flex;
}

._3-col-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4rem 5rem;
  display: flex;
}

.msg-from-list {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.link-wrapper.reverse {
  align-items: flex-end;
}

.footer-header {
  color: var(--light-color);
  font-size: 1rem;
  font-weight: 600;
}

.footer-link {
  color: var(--mint-green-color);
  text-decoration: none;
  transition: all .4s;
}

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

.footer-logo-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-logo-wrapper.reverse {
  align-items: flex-end;
}

.sm-logo-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: flex-start;
  display: flex;
}

.sm-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.sm-text {
  color: var(--light-color);
  text-decoration: none;
}

.bottom-info-wrap {
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.bottom-info {
  color: var(--greyish);
  font-size: .875rem;
}

.bottom-link {
  color: var(--greyish);
  font-size: .875rem;
  text-decoration: underline;
}

.lottie-arrow {
  max-width: 40%;
}

.hero-back-video {
  z-index: 1;
  background-color: var(--dark-color);
  max-width: 100%;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

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

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

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

.live-icon-chat {
  margin-right: 0;
}

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

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

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

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

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

.whatsapp-container:hover {
  border-color: var(--yellow-color);
  background-color: var(--dark-green);
  transform: scale(1.05);
}

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

.live-chat-top-text.block {
  color: var(--red-color);
  margin-bottom: 10px;
  font-size: 12px;
}

.chat-section {
  background-color: var(--yellow-color);
  height: 50%;
  padding: 16px 20px;
}

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

.live-icon {
  background-color: #00b94a;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  position: absolute;
  inset: 5px auto auto 5px;
}

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

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

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

.shapes-wrapper {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.right-up-shape {
  background-image: linear-gradient(90deg, var(--dark-green), var(--mint-green-color));
  border-radius: 3rem;
  justify-content: flex-end;
  align-items: center;
  width: 16rem;
  height: 4rem;
  display: flex;
  position: absolute;
  inset: 30% auto auto 5%;
  transform: rotate(-45deg);
}

.abou-balss {
  background-color: var(--mint-green-color);
  border-radius: 5rem;
  width: 4rem;
  height: 4rem;
}

.abou-balss.alone {
  background-color: var(--dark-green);
  position: absolute;
  inset: -6% auto auto 27%;
}

.abou-balss.alone.yellow {
  background-color: var(--yellow-color);
  top: 68%;
  left: 10%;
}

.abou-balss.alone.mintgreen {
  background-color: var(--mint-green-color);
  width: 4rem;
  height: 4rem;
  inset: auto 37% -8% auto;
}

.abou-balss.red {
  background-color: var(--red-color);
  width: 2rem;
  height: 2rem;
}

.r-left-up-shape {
  background-image: linear-gradient(90deg, var(--yellow-color), var(--light-color));
  border-radius: 3rem;
  justify-content: flex-end;
  align-items: center;
  width: 16rem;
  height: 4rem;
  display: flex;
  position: absolute;
  inset: auto auto -18% 15%;
  transform: rotate(45deg);
}

.r-left-up-shape.right {
  background-image: linear-gradient(90deg, var(--mint-green-color), var(--white-color) 63%, var(--yellow-color));
  width: 17rem;
  height: 4rem;
  inset: auto 7% 0% auto;
  transform: rotate(-45deg);
}

.left-up-shape {
  background-image: linear-gradient(90deg, var(--red-color), var(--dark-color));
  border-radius: 3rem;
  justify-content: flex-start;
  align-items: center;
  width: 18rem;
  height: 2rem;
  display: flex;
  position: absolute;
  inset: 15% 6% auto auto;
  transform: rotate(45deg);
}

.contact-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.page-title-wrap {
  background-image: radial-gradient(circle farthest-side at 85% 0%, #f83441, var(--dark-color) 31%, #1a394a 54%);
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100%;
  min-height: 30vh;
  padding-bottom: 3rem;
  padding-left: 2rem;
  display: flex;
}

.page-title-wrap.back {
  min-height: 20vh;
  padding-bottom: 2rem;
}

.title-section.section-padding {
  min-height: 20vh;
}

.page-title {
  color: var(--light-color);
  font-size: 3rem;
  font-weight: 600;
}

.page-title.red-text {
  color: var(--red-color);
  text-align: left;
}

.page-title.red-text.mid {
  text-align: center;
  line-height: 1.3;
}

.page-title.blog {
  font-size: 1.5rem;
}

.vector-ball {
  background-color: var(--red-color);
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
  position: relative;
  inset: 5px auto auto 5px;
}

.vector-ball.white {
  background-color: var(--white-color);
}

.page-info-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.page-title-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 2rem;
  display: flex;
}

.service-wrap {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.line {
  background-color: var(--mint-green-color);
  width: 100%;
  height: 1px;
}

.service-title {
  white-space: nowrap;
  flex: 0 auto;
  width: 100%;
  font-family: Tt Chocolates, Trebuchet MS, sans-serif;
}

.h-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.label-wrap {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.form-labell {
  margin-top: 0;
  margin-bottom: 0;
}

.checkbox-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-title-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.more-button-text {
  font-size: 1rem;
  font-weight: 500;
}

.div-block {
  border: 1px solid #000;
  border-radius: 17px;
  width: 308px;
  height: 56px;
}

.text-block {
  width: 48px;
  height: 16px;
}

.left-arrow {
  color: var(--light-color);
}

.share-content-wrap {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  min-width: 310px;
  height: 100%;
  display: flex;
  position: sticky;
  top: 5.2rem;
}

.share-box-wrap {
  border: 1px solid var(--dark-green);
  background-color: var(--yellow-color);
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  display: flex;
}

.share-icons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.content-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--dark-color);
  background-color: var(--yellow-color);
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  padding: 1rem;
  display: flex;
}

.box-toggle-wrap {
  justify-content: space-between;
  align-items: center;
  display: block;
}

.content-title-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-title {
  font-size: .875rem;
  line-height: 1.1375rem;
}

.content-title:lang(en) {
  font-weight: 700;
}

.blog-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2rem;
  display: flex;
}

.blog-content-title {
  font-size: 1.5rem;
  font-weight: 500;
}

.share-text {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
}

.share-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border: 1px solid var(--mint-green-color);
  background-color: var(--dark-color);
  color: var(--white-color);
  border-radius: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  text-decoration: none;
  transition: all .4s cubic-bezier(.445, .05, .55, .95);
  display: flex;
}

.share-link:hover {
  border-color: var(--red-color);
  background-color: var(--mint-green-color);
  color: var(--dark-color);
}

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

.blog-sub-title {
  font-size: 1.5rem;
}

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

.cta-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.reference-sections {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.title-info {
  font-size: 1rem;
}

.title-info.dark-text {
  color: #676569;
}

.title-info.dark-text.first {
  color: var(--red-color);
  text-align: center;
  flex: 0 auto;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: -5% 0% auto;
}

.logo-wrap {
  grid-column-gap: 6rem;
  justify-content: space-around;
  min-width: 100vw;
  display: flex;
  position: relative;
}

.ticker-logo-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.asset-shadow {
  background-image: linear-gradient(90deg, var(--white-color), #fff0 50%, var(--white-color));
  position: absolute;
  inset: 0%;
}

.ref-logo {
  filter: grayscale(40%);
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
}

.ref-logo:hover {
  filter: none;
}

.ticker-collabs.section-padding {
  align-items: center;
  min-height: 10rem;
  margin-top: 10rem;
  margin-bottom: 6rem;
  display: flex;
  position: relative;
}

.reference-section.section-padding {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  min-height: 10rem;
  margin-top: 10rem;
  margin-bottom: 6rem;
  display: flex;
  position: relative;
}

.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;
}

@media screen and (min-width: 1920px) {
  .livechat-button {
    background-color: var(--dark-green);
    transition: all .2s;
  }

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

  .whatsapp-block {
    bottom: 2rem;
    right: 2rem;
  }

  .whatsapp-container {
    border-color: var(--yellow-color);
    background-color: var(--dark-green);
    width: 5rem;
    height: 5rem;
    transition-duration: .6s;
  }

  .live-chat-top-text.block {
    color: var(--red-color);
  }

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

  .whatsapp-chat {
    border-color: var(--dark-green);
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .small-p {
    font-size: .675rem;
  }

  .large-p.mid {
    font-size: 1.4rem;
  }

  .button, .button.ghost-button._2, .button._2 {
    font-size: .875rem;
  }

  .h1-text.light-text {
    white-space: nowrap;
    font-size: 2.5rem;
  }

  .h1-img {
    max-width: 100%;
    max-height: 2.5rem;
  }

  .nav-menu {
    background-color: var(--dark-color);
    text-align: center;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    flex: 0 auto;
    justify-content: center;
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 1rem;
  }

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

  .button-wrap {
    justify-content: space-between;
    align-items: center;
  }

  ._1rem-text.light-text {
    font-size: .875rem;
  }

  .h2-text {
    font-size: 2rem;
  }

  .ball {
    max-width: 40%;
  }

  .feat-img {
    max-width: 80%;
  }

  .feat-title {
    font-size: 1.1rem;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .faq10_content {
    grid-column-gap: 3rem;
    grid-row-gap: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .medium-p, .medium-p.bold {
    font-size: .875rem;
  }

  .imgs-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .image1._2 {
    margin-top: 0;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .greenball {
    width: .875rem;
    height: .875rem;
  }

  .blogs-section.section-padding {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .tag, .date {
    font-size: .875rem;
  }

  .blog-title {
    font-size: .75rem;
  }

  .contact-box {
    padding: 1rem;
  }

  .form-input {
    min-width: 240px;
  }

  .form-input.email {
    min-width: 180px;
  }

  ._3-col-wrapper {
    padding: 2rem;
  }

  .footer-header {
    font-size: .875rem;
    font-weight: 500;
  }

  .footer-link, .sm-text {
    font-size: .875rem;
  }

  .menu-button {
    border: 1px solid var(--light-color);
    background-color: var(--dark-color);
    color: var(--light-color);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .menu-button.w--open {
    border-color: var(--yellow-color);
    background-color: var(--red-color);
  }

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

  .abou-balss {
    width: .875rem;
    height: .875rem;
  }

  .more-button-text {
    font-size: .75rem;
  }

  .logo-wrap {
    grid-column-gap: 1rem;
    flex-direction: row;
    justify-content: space-between;
    min-width: auto;
    position: static;
  }

  .ticker-logo-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    overflow: hidden;
  }

  .ref-logo {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .style-guide-color-wrap {
    height: auto;
  }

  .hero-cont-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
  }

  .hero-text-wrapper {
    justify-content: flex-start;
    align-items: stretch;
  }

  .h1-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-end;
    align-items: stretch;
    margin-right: 1.25rem;
  }

  .h1-text.light-text {
    font-size: 2.25rem;
  }

  .vertical-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .feat-title {
    white-space: nowrap;
  }

  ._2-col-wrapper {
    flex-flow: column;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .faq10_list.first-col {
    border-bottom-style: none;
    margin-bottom: 2rem;
  }

  .faq10_content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .faq10_icon-wrapper {
    width: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .faq10_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .testimonial7_slider {
    padding-bottom: 3rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .testimonial7_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-box-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .blog-box {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .blog-image {
    width: 100%;
  }

  .huge-words {
    -webkit-text-stroke-width: 1px;
  }

  ._3-col-wrapper {
    justify-content: center;
    padding: 1.5rem 1rem;
  }

  .footer-header, .footer-link {
    white-space: nowrap;
  }

  .sm-logo-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

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

  .title-info {
    font-size: .7rem;
  }
}

@media screen and (max-width: 479px) {
  .style-guide-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .large-p {
    font-size: .8rem;
  }

  .button {
    align-self: center;
  }

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

  .cs-logo {
    max-width: 80%;
  }

  .cs-heading {
    font-size: 2.5rem;
  }

  .form-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .form-block {
    flex-flow: column;
  }

  .form-box {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
  }

  .hero-section {
    height: 80vh;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .hero-wrapper {
    background-image: linear-gradient(#1a394acc, #1a394acc);
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .hero-cont-wrapper {
    justify-content: flex-end;
    align-items: flex-start;
    min-width: 330px;
    height: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    overflow: visible;
  }

  .hero-text-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .h1-text.light-text {
    white-space: normal;
    font-size: 1.876em;
  }

  .hero-line-wrapper {
    flex-flow: column;
    display: flex;
  }

  .nav-menu {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .button-wrap.form {
    flex-flow: column;
  }

  .nav-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .about-us-section.section-padding {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .h2-text {
    font-size: 1.75rem;
  }

  .vertical-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .vertical-wrap.short {
    width: auto;
    max-width: 100%;
  }

  .vertical-wrap.lefty {
    justify-content: flex-start;
    align-items: center;
  }

  .feature-box-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .medium-p {
    text-align: left;
  }

  .medium-p.bold {
    text-align: center;
  }

  .edu-section.section-padding {
    margin-top: 4rem;
  }

  .heading-style-h5 {
    font-size: 1rem;
  }

  .blogs-section.section-padding {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .title-wrapper {
    flex-flow: column;
  }

  .huge-text {
    overflow: hidden;
  }

  .huge-words {
    font-size: 20vw;
  }

  ._3-col-wrapper {
    flex-flow: column;
  }

  .link-wrapper, .link-wrapper.reverse {
    justify-content: space-between;
    align-items: center;
  }

  .footer-logo-wrapper {
    order: -1;
  }

  .sm-logo-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .bottom-info-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .bottom-info {
    font-size: .75rem;
  }

  .hero-back-video {
    background-image: linear-gradient(#00000080, #00000080);
  }

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

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

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

  .right-up-shape {
    width: 8rem;
    height: .875rem;
    top: 8%;
    left: -1%;
  }

  .abou-balss.red {
    width: 1rem;
    height: 1rem;
  }

  .r-left-up-shape.right {
    display: none;
  }

  .left-up-shape {
    width: 9rem;
    height: 1rem;
    display: flex;
    top: 5%;
    right: -2%;
  }

  .blog-title-wrapper {
    flex-flow: column;
  }
}

#w-node-af6ac8e3-b1ce-cda6-23dc-a32b43a6a065-9b6c991b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cef64361-1f9b-8732-7793-1d4785eeed97-9b6c991b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c4313243-b51c-03bb-11ad-c431ebe2a80b-9b6c991b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d0d2d682-3502-a29f-1a22-871f47028af2-9b6c991b, #w-node-eb00ca3d-f0c1-8354-e9aa-1faf574614be-9b6c991b, #w-node-_85cb43b8-5298-9d0a-b169-853350d81ae0-9b6c991b, #w-node-_5ce572de-a6ee-b264-99b3-588be3f1debe-9b6c991b, #w-node-e573c9ae-1e4b-15b0-7098-638502628a9c-9b6c991b, #w-node-_0c02166c-4ee3-9762-cc8d-f567a47991b2-9b6c991b, #w-node-_31bfd8e3-b79a-c6a8-c644-de3e1d6aef06-9b6c991b, #w-node-_8101b2ee-d87b-6d50-ecc4-1cc6560df4db-9b6c991b, #w-node-aa9291ec-5ca1-3ae2-496b-ff742d602a68-9b6c991b, #w-node-_479385eb-f044-0d6d-9fb9-3510fe0092c5-9b6c991b, #w-node-_36d6a540-3dac-ba1b-4887-4e460e7ddc86-9b6c991b, #w-node-_58a77a61-8d2a-f298-bcf8-5b5d6bda4258-9b6c991b, #w-node-_84eebd00-708d-d564-7474-81a48d7f1aa8-9b6c991b, #w-node-c0ceb277-bbf2-2cf4-4072-7fa273a7e783-9b6c991b, #w-node-_293d8aee-201d-8e8e-7d11-7b9b1bf3932f-9b6c991b, #w-node-e02f6cf5-e81b-07a2-d153-c916403846e7-9b6c991b, #w-node-_90e05c14-0560-63b0-7156-ffcbe12cdec6-9b6c991b, #w-node-_90e05c14-0560-63b0-7156-ffcbe12cdec7-9b6c991b, #w-node-_40d4d6df-e38b-f778-5115-ea8f93d0542e-9b6c991b, #w-node-c9d7c3ab-d31b-4fe2-e290-666f73a76a6a-9b6c991b, #w-node-_1cb2eaff-c085-9ab3-df4a-1725ee4f484b-9b6c991b, #w-node-_1229091c-99d0-b728-5727-37785a9996e2-9b6c991b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f637bbff-835b-0236-4124-4ac1eef82ac3-9b6c991b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_826fbc41-7f9a-f875-b76e-3e9c3ff2002b-9b6c991b, #w-node-ed82fd76-b394-3b31-d285-0d24c40a28ca-9b6c991b, #w-node-_11717b33-079b-321a-8523-e173de28bfe2-9b6c991b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e383549d-c8b3-87cd-ee42-73f99aa01117-9b6c991b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_55db6e40-b97b-9254-09df-2929df1b67ad-9b6c991b, #w-node-_8a96fce1-c74f-35f2-c6f4-3587e7d0e79a-9b6c991b, #w-node-bfdc7d70-2863-8331-b4f9-ad395f381310-9b6c991b, #w-node-_8219438d-b20e-01aa-f124-d537d0821573-9b6c991b, #w-node-df52a5df-cf6e-cd43-ccd8-20633efad3fb-9b6c991b, #w-node-cd8a551e-24bb-f985-80c2-ed654c7036ec-9b6c991b, #w-node-c73ec5c5-9d1c-c71a-647d-93fd71def3a3-9b6c991b, #w-node-b28db8fa-48cc-0fc7-f454-c90e65fa4e38-9b6c991b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18765f94-c4e6-c755-ac1d-a3de06ce4dbc-9b6c991b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_91cfe370-0245-0733-cc80-e0128461d2a5-9b6c991b, #w-node-_983a314a-baad-360b-c27c-560bd790abd0-9b6c991b, #w-node-dec986e8-2989-ac3d-9697-51959cdb817b-9b6c991b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_539debc5-c3bf-e500-5373-a3259d80206f-9b6c991b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-aecd07ed-cd8b-1716-e906-11a45aa52757-9b6c991b, #w-node-_432c5549-5a58-4527-4926-71dbf8e6a1d1-9b6c991b, #w-node-_165d79eb-b2a5-28c4-eb36-16dde57c961e-9b6c991b, #w-node-c962fc9a-3fcf-08e3-bdf2-4ecd4a9701dd-9b6c991b, #w-node-_448e0e5a-f5bb-b07f-46a7-e322d88554aa-9b6c991b, #w-node-_448e0e5a-f5bb-b07f-46a7-e322d88554ab-9b6c991b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bca97c44-ed2a-c4d2-234a-6c62ee4dc6b5-9b6c991b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_65cb131a-038a-ef25-ea34-fb9ed9c178b0-9b6c991b, #w-node-_50c4eecd-635c-c0cb-6b83-c35774246b79-9b6c991b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Tt Chocolates';
  src: url('../fonts/TT-Chocolates-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Chocolates';
  src: url('../fonts/TT-Chocolates-DemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tt Chocolates';
  src: url('../fonts/TT-Chocolates-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}