:root {
  --black-body: #191a1a;
  --middle-line-gray: #707070;
  --white: white;
  --silver-paragraph: #bbb;
  --black-faq: #252525;
  --venta-emerald: #00a188;
  --black: black;
  --black-2: #101010;
  --footer-black: #131313;
  --goldenrod: #fbbb2e;
}

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

body {
  background-color: var(--black-body);
  color: var(--middle-line-gray);
  font-family: Heebo;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
}

h1 {
  transform-origin: 0 0;
  color: var(--white);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Junge;
  font-size: 130px;
  font-weight: 400;
  line-height: 150px;
}

h2 {
  color: var(--white);
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 70px;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
}

h4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

h5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Junge;
  font-size: 46px;
  font-weight: 400;
  line-height: 66px;
}

h6 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Junge;
  font-size: 36px;
  font-weight: 400;
  line-height: 56px;
}

p {
  color: var(--silver-paragraph);
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}

a {
  color: var(--white);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 30px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.banner {
  background-color: #0000;
  align-items: center;
  height: 100vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.banner.about {
  background-color: var(--black-faq);
  background-image: url('../images/Venta-BKG-3.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner.about._2 {
  background-color: var(--black-body);
  background-image: none;
}

.banner.services {
  background-image: url('../images/Venta-BKG-10.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner.contact-us {
  background-image: url('../images/Venta-BKG-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.banner.thank-you {
  background-image: url('../images/jeremy-bishop-uAfZBP-GtiA-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner.portfolio {
  background-image: url('../images/Venta-BKG-6.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner.blog {
  background-image: url('../images/Venta-BKG-7.jpg');
  background-position: 0 0;
  background-size: cover;
}

.mouse-scroll {
  z-index: 10;
  width: 20px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.mouse-scroll-weel {
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0%;
}

.mouse-scroll-link {
  position: absolute;
  inset: 0%;
}

.sticky-menu {
  position: static;
}

.alpha {
  z-index: 9999;
  transition: transform .3s;
  position: fixed;
  inset: 100px 4vw auto auto;
}

.alpha:hover {
  transform: scale(1.05);
}

.menu-text {
  margin-left: 15px;
  font-family: Montserrat, sans-serif;
}

.info-left {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  color: var(--white);
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  font-family: Heebo;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  position: fixed;
  inset: auto auto 200px -75px;
  transform: rotate(-90deg);
}

.vertical-link {
  margin-left: 15px;
  font-family: Montserrat, sans-serif;
  transition: color .3s;
}

.vertical-link:hover {
  color: var(--venta-emerald);
}

.middle-line {
  background-color: var(--middle-line-gray);
  width: 48px;
  height: 1px;
  margin-left: 15px;
}

.info-right {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-family: Heebo;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  position: fixed;
  inset: auto 0 210px auto;
  transform: rotate(90deg);
}

.container-small {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: column wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: center;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.container-small.left-text-align {
  text-align: left;
}

.container-small.clients {
  max-width: none;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.link {
  box-shadow: inset 0 -2px 0 0 var(--middle-line-gray);
  margin-right: 50px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.link.gray {
  color: var(--silver-paragraph);
  width: 80px;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.link.last {
  margin-right: 0;
}

.link-underline {
  background-color: var(--venta-emerald);
  width: 12px;
  height: 2px;
  margin-top: 5px;
}

.link-underline:hover {
  background-color: #6ddac9;
}

.link-underline:active {
  background-color: var(--venta-emerald);
}

.banner-content-half {
  width: 70%;
}

.main-links {
  margin-top: 70px;
}

.coordinates-text-span {
  color: var(--silver-paragraph);
}

.coordinates {
  margin-left: 15px;
  font-family: Montserrat, sans-serif;
}

.sticky-info {
  margin-left: auto;
  margin-right: auto;
}

.container-banner {
  z-index: 10;
  margin-left: 15vw;
  margin-right: 15vw;
  position: relative;
}

.container-banner.second {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  margin-left: 15vw;
  margin-right: 15vw;
  display: flex;
}

.container-banner.second.contact {
  flex-direction: column;
  display: block;
}

.container-banner.second.referral {
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.heading-span {
  display: block;
}

.content-half {
  position: relative;
}

.step {
  margin-bottom: 200px;
  margin-right: 60px;
}

.step.last {
  margin-bottom: 0;
}

.background-video {
  opacity: .25;
  filter: grayscale(70%);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.style-guide-banner-holder {
  color: var(--white);
  text-align: center;
  flex-direction: column;
  align-self: center;
  padding-left: 17vw;
  padding-right: 17vw;
  display: flex;
}

.template-banner {
  background-color: var(--black);
  background-image: linear-gradient(#00000080, #00000080), url('../images/Venta-BKG-7.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  padding-left: 20px;
  padding-right: 20px;
}

.main-content {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.main-content.style-content {
  flex-direction: column;
  align-items: center;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.main-content.style-guide-main-content {
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 20px;
  padding-bottom: 100px;
}

.paragraph-banner {
  text-align: justify;
  align-self: center;
  width: 65vw;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.yellow-text-block {
  color: #00ffd0;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 60px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.content-holder {
  margin-bottom: 100px;
}

.style-guide-holder {
  padding-left: 20px;
  padding-right: 20px;
}

.yellow {
  color: var(--venta-emerald);
  text-align: left;
  min-width: 65vw;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 120px;
}

.headline-7 {
  color: var(--white);
  letter-spacing: .5px;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
}

.headline-7.no-margin-bottom {
  text-align: left;
  margin-bottom: 0;
}

.section-steps {
  background-color: var(--black-2);
  background-image: url('../images/Section-Shapes-Top.png'), url('../images/Section-Shapes-Middle.png');
  background-position: 100% 0, 0 60%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  background-attachment: scroll, scroll;
  padding-left: 20px;
  padding-right: 20px;
}

.steps-icon {
  margin-bottom: 40px;
}

.sticky-heading {
  margin-bottom: 180px;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  line-height: 70px;
  position: sticky;
  top: 200px;
}

.sticky-heading.newsletter {
  text-align: center;
  margin-bottom: 100px;
  position: relative;
  top: 40px;
  bottom: 100px;
}

.section {
  padding-left: 20px;
  padding-right: 20px;
}

.section.cta {
  background-color: var(--black-2);
  background-image: linear-gradient(to right, #000 25%, #0000), url('../images/Venta-BKG-4.jpg');
  background-position: 0 0, 100.5%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
  background-attachment: scroll, scroll;
  overflow: hidden;
}

.section.awards {
  background-image: linear-gradient(#00000080, #00000080), url('../images/Venta-BKG-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section.visit-our-work {
  background-image: url('../images/visit-work-shapes.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

.section.faq {
  background-color: var(--footer-black);
}

.section.form {
  background-image: url('../images/Contact-Us-Image.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 855px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.section.form.contact {
  flex-direction: column;
}

.container-big {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 150px;
  padding-bottom: 150px;
  display: grid;
}

.yellow-separator {
  background-color: var(--venta-emerald);
  width: 76px;
  height: 2px;
  margin-bottom: 60px;
}

._3d-content {
  flex-direction: column;
  justify-content: flex-end;
  margin: 20px 60px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

._3d-card-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow: -7px -7px 20px 6px #7070701a, 10px 10px 20px 4px #000000c2;
}

._3d-card {
  perspective: 1000px;
  width: 100%;
  height: 300px;
  margin-bottom: 5%;
  position: relative;
}

._3d-card.smaller {
  width: 100%;
  height: 200px;
  margin-right: 3%;
}

._3d-card.smaller.no-margin-left {
  height: 200px;
  margin-left: 3%;
  margin-right: 0;
}

._3d-content-wrapper-bottom {
  position: relative;
}

.d-133-image-wrapper {
  background-image: url('../images/alexander-slattery-311438-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 200%;
  height: 200%;
  position: absolute;
  right: auto;
}

.d-133-image-wrapper._2 {
  background-image: url('../images/jon-flobrant-65429-unsplash.jpg');
  background-size: cover;
}

.d-133-image-wrapper._3 {
  background-image: url('../images/annie-spratt-jue3sIqVz2Y-unsplash.jpg');
  background-size: cover;
}

.d-133-image-wrapper._14 {
  object-fit: cover;
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Concept-Design-Cadbury.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 110%;
  height: 110%;
}

._3d-card-image-wrapper {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Business-Cards.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  width: 110%;
  height: 110%;
}

._3d-card-image-wrapper._2, ._3d-card-image-wrapper._2:hover {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Company-Profile.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._3, ._3d-card-image-wrapper._3:hover {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---CI-Kit.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._4 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---3D-Architecture-Render.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._5 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---3D-Activation-Clinique.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._6 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Website-Design-WorkBar.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._7 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Makro-Outdoor-Signage.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._8 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Graphic-Design-University-in-Cape-Town-Poster.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._9 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Website-Design-Bella-Allure.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._10 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Logo-Design.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._11 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Packaging-Design-for-Primal-Element.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._12 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Graphic-Design-Magazine-Layout-for-Pulse-Digital.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

._3d-card-image-wrapper._15 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Corporate-Branding-Nerd-Next-Door.jpg');
}

._3d-card-image-wrapper._16 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Comp-Fire-Website-Design.jpg');
}

._3d-card-image-wrapper._17 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---3D-Archictecture-Render-Bar.jpg');
}

._3d-card-image-wrapper._18 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---3D-Activation-Tissot-Basketball.jpg');
}

._3d-card-image-wrapper._19 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Campaign-Build-Hansa-Golden-Crisp.jpg');
}

._3d-card-image-wrapper._20 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---3D-Architecture-Lounge-and-home.jpg');
}

._3d-card-image-wrapper._21 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---3D-Activation-Diesl-Shoes.jpg');
}

._3d-card-image-wrapper._22 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---3D-Activation-Coronation.jpg');
}

._3d-card-image-wrapper._30 {
  background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---Hologram-Artwork-Creation.jpg');
}

._3d-content-wrapper-top {
  position: absolute;
  inset: 0% auto auto 0%;
}

.container-small-grid {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1140px;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 200px;
  padding-bottom: 200px;
  display: grid;
}

.center-width {
  width: 64%;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
}

.logos-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 164px 164px auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  margin-top: 100px;
  display: grid;
}

.logos-grid.clients {
  align-items: center;
}

.friends-section {
  background-image: linear-gradient(#000000b8, #000000b8), url('../images/Venta-BKG-5.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-left: 20px;
  padding-right: 20px;
}

.friends-section.black-image {
  background-image: url('../images/Venta-BKG-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.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;
  display: flex;
}

.plus-margin-bottom {
  margin-bottom: 80px;
  font-family: Montserrat, sans-serif;
}

.plus-margin-bottom.quote {
  text-align: right;
  margin-bottom: 80px;
  font-size: 20px;
  line-height: 30px;
}

.plus-margin-bottom._1 {
  margin-bottom: 20px;
}

.content-width {
  width: 70%;
}

.content-left-right {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer-logo {
  z-index: 9999;
  margin-bottom: 60px;
}

.headline-8 {
  max-width: 70%;
  margin-bottom: 120px;
  font-family: Montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 46px;
}

.yellow-footer-link {
  color: var(--venta-emerald);
  transition: color .3s;
}

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

.footer {
  background-color: var(--footer-black);
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.footer-title {
  color: var(--venta-emerald);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 36px;
}

.top {
  padding-left: 20px;
}

.bottom {
  flex-direction: column;
  padding-left: 20px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-nav-link {
  color: var(--middle-line-gray);
  margin-right: 20px;
  font-family: Montserrat, sans-serif;
  transition: color .3s;
}

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

.bottom-links {
  flex-direction: column;
  display: block;
}

.container-footer {
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 150px;
  padding-bottom: 150px;
}

.menu-block {
  z-index: 9999;
  background-color: var(--black-body);
  transform-origin: 4vw 100px;
  justify-content: center;
  align-items: stretch;
  display: none;
  position: fixed;
  inset: 0%;
}

.menu-span {
  margin-top: 15px;
  margin-right: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.heading-menu {
  color: var(--venta-emerald);
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  transition: color .3s;
  display: flex;
}

.heading-menu:hover {
  color: var(--white);
}

.link-heading-menu {
  display: block;
}

.menu-links {
  align-self: center;
  margin-top: 133px;
}

.menu-contact {
  align-self: center;
  padding-left: 10%;
}

.menu-wrap {
  z-index: 9999;
  justify-content: center;
  align-items: stretch;
  margin-left: 20vw;
  margin-right: 20vw;
  display: flex;
}

.menu-circles {
  margin-bottom: 90px;
}

.menu-contact-link {
  color: var(--venta-emerald);
  font-family: Montserrat, sans-serif;
  transition: color .3s;
}

.menu-contact-link:hover {
  color: var(--middle-line-gray);
}

.link-2 {
  margin-right: 50px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  box-shadow: inset 0 -2px #707070;
}

.headline-top-text {
  color: var(--venta-emerald);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}

.menu {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  transition: color .6s;
  display: flex;
  position: fixed;
  inset: 100px auto auto 4vw;
}

.menu:hover {
  color: var(--venta-emerald);
}

.paragraph {
  color: #bbb;
  letter-spacing: .3px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
}

.paragraph.published {
  color: var(--middle-line-gray);
  text-align: right;
}

.slide {
  margin-right: 60px;
}

.content-grid {
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.content-left {
  width: 60%;
  margin-right: auto;
}

.content-left.right {
  margin-left: auto;
  margin-right: 0;
}

.left-arrow {
  filter: grayscale();
  background-image: url('../images/left-arrow2x_1left-arrow@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  height: 120px;
  font-size: 14px;
  transition: filter .3s, background-position .3s;
  inset: auto auto 0% 30%;
}

.left-arrow:hover {
  filter: grayscale(0%);
  background-position: 30%;
}

.slide-nav {
  background-image: linear-gradient(#0000, #000c);
  justify-content: center;
  align-items: center;
  width: auto;
  height: 120px;
  padding-top: 5px;
  font-size: 8px;
  line-height: 8px;
  display: flex;
}

.right-arrow {
  filter: grayscale();
  background-image: url('../images/right-arrow2x_1right-arrow@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  height: 120px;
  font-size: 14px;
  transition: filter .3s, background-position .3s;
  inset: auto 30% 0% auto;
}

.right-arrow:hover {
  filter: grayscale(0%);
  background-position: 70%;
}

.slider {
  background-color: #0000;
  max-width: 760px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.awards-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 164px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  margin-top: 100px;
}

.accordion-item-wrapper {
  margin-bottom: 40px;
}

.accordion-item-wrapper.last {
  margin-bottom: 0;
}

.accordion-tab-button {
  background-color: var(--black-faq);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 20px 50px;
  transition: background-color .3s;
  display: flex;
}

.accordion-tab-button:hover {
  background-color: var(--black-body);
}

.accordion-arrow {
  opacity: .8;
  width: 15px;
}

.accordion-pane {
  background-color: var(--black-body);
  overflow: hidden;
}

.accordion-pane-content {
  text-align: left;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-faq {
  text-align: center;
  margin-left: 20vw;
  margin-right: 20vw;
  padding-top: 150px;
  padding-bottom: 150px;
}

.form-content {
  background-color: var(--black-body);
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  padding: 10px 20px 10px 60px;
}

.form-container {
  max-width: 1360px;
  margin-left: 15vw;
  margin-right: 15vw;
  padding-top: 150px;
  padding-bottom: 150px;
}

.form-container.contact {
  flex-direction: row;
  max-width: none;
  display: block;
}

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

.text-field {
  background-color: var(--black-faq);
  color: var(--middle-line-gray);
  letter-spacing: .3px;
  border: 1px #000;
  border-radius: 0;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 33px;
}

.text-field.referral {
  padding-right: 12px;
}

.submit-button {
  border: 2px solid var(--venta-emerald);
  color: var(--silver-paragraph);
  background-color: #0000;
  background-image: none;
  border-radius: 0;
  margin-top: 30px;
  margin-left: 0;
  margin-right: 0;
  padding: 0 30px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 40px;
  transition: color .3s;
  box-shadow: -4px -4px 16px -1px #707070a3, 8px 8px 20px -1px #000;
}

.submit-button:hover {
  color: var(--venta-emerald);
}

.submit-button.protected-page {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.submit-button.portfolio {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  box-shadow: -1px -1px 19px -4px #707070d6, 8px 8px 20px 2px #000;
}

.submit-button.client-feedback._2 {
  background-color: var(--venta-emerald);
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  margin-top: 20px;
  display: block;
}

.submit-button.client-feedback._2:hover {
  background-color: var(--black-2);
  color: var(--venta-emerald);
}

.submit-button.contact-us {
  margin-left: 0;
  margin-right: 0;
}

.submit-button.blog {
  float: none;
  border: 2px solid var(--venta-emerald);
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-image: none;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  margin: 40px 0;
  display: block;
}

.submit-button.blog.next {
  margin-right: 0;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block {
  background-image: url('../images/alli-elder-1dTIVth36WQ-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-2 {
  background-image: url('../images/Layer-709.jpg');
  background-position: 50%;
  background-size: cover;
  padding-left: 20px;
  padding-right: 20px;
}

.block-quote {
  border-left-width: 3px;
  border-left-color: var(--silver-paragraph);
  font-family: Montserrat, sans-serif;
}

.link-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.image {
  object-fit: scale-down;
}

.color-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.color {
  background-color: var(--venta-emerald);
  width: 100%;
  height: 50px;
}

.color._3 {
  background-color: var(--middle-line-gray);
}

.color._2 {
  background-color: var(--silver-paragraph);
}

.color._4 {
  background-color: var(--black-faq);
}

.licencing-holder {
  margin-bottom: 100px;
}

.licencing-wrapper {
  border: 1px solid var(--venta-emerald);
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 4%;
  transition: box-shadow .3s;
  display: flex;
  box-shadow: 0 15px 30px 5px #1a237e1a;
}

.licencing-wrapper:hover {
  box-shadow: none;
}

.licencing-left {
  width: 50%;
}

.licencing-right {
  color: #1a237e;
  text-align: center;
  width: 48%;
}

.secondary-link {
  color: #a7a9c5;
  font-weight: 400;
  display: inline-block;
}

.secondary-link:hover {
  color: #1a237e;
}

.secondary-link.licencing-link {
  color: var(--venta-emerald);
  margin-left: 10px;
  margin-right: 10px;
  transition: color .3s;
  display: inline-block;
}

.secondary-link.licencing-link:hover {
  color: var(--middle-line-gray);
}

.license-video {
  opacity: .25;
  filter: grayscale(70%);
  height: 300px;
}

.list-item {
  margin-bottom: 20px;
}

.list-item.ordered {
  padding-left: 10px;
}

.list-block {
  width: 50%;
  font-family: Montserrat, sans-serif;
}

.list-text {
  color: var(--silver-paragraph);
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
}

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

.no-margin-botttom {
  margin-bottom: 0;
}

.heading {
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 100px;
}

.heading-2 {
  font-family: Montserrat, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
}

.text-block {
  font-family: Montserrat, sans-serif;
}

.text-block-2 {
  justify-content: space-between;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.text-block-3, .text-block-4, .link-3, .link-4 {
  font-family: Montserrat, sans-serif;
}

.heading-3 {
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  line-height: 45px;
}

.heading-3.blog {
  margin-top: 20px;
  margin-bottom: 0;
}

.heading-3.blog._2 {
  color: var(--venta-emerald);
  align-self: flex-start;
  margin-top: 60px;
  margin-bottom: 60px;
}

.heading-3.blog._2._1 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 25px;
}

.heading-3.blog._3 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.heading-3.contact {
  margin-top: 30px;
}

.heading-4 {
  align-self: flex-start;
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 100px;
}

.heading-5 {
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  line-height: 80px;
}

.heading-6 {
  font-family: Montserrat, sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 100px;
}

.text-block-5, .quick-menu, .list {
  font-family: Montserrat, sans-serif;
}

.rich-text-block {
  text-align: justify;
  column-count: 1;
  column-rule-style: none;
  column-gap: 100px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  display: inline-block;
}

.text-block-6 {
  font-family: Montserrat, sans-serif;
}

.text-block-7 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.success-message {
  background-color: var(--venta-emerald);
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.text-block-8 {
  color: #fff;
  font-family: Montserrat, sans-serif;
}

.error-message {
  background-color: #ff7373;
}

.heading-7, .text-block-9 {
  font-family: Montserrat, sans-serif;
}

.review-name {
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  line-height: 35px;
}

.review-paragraph {
  margin-top: 17px;
  font-size: 14px;
  line-height: 20px;
}

.review-div {
  width: 230px;
}

.subscribe {
  margin: 37px 20px;
}

.client-logo {
  width: 205px;
}

.html-embed {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.div-block-3 {
  background-color: #fafafa;
  flex-flow: column wrap;
  flex: 0 auto;
  place-content: center;
  align-self: center;
  align-items: center;
  min-width: 60vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  display: inline-block;
}

.form-2 {
  display: block;
}

.form-2.feedback {
  margin-left: auto;
  margin-right: auto;
}

.terms-and-conditions {
  margin-bottom: 0;
}

.form-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 220px;
  margin-right: 220px;
  display: block;
}

.radio-button-field {
  color: var(--middle-line-gray);
}

.radio-button-field:hover {
  color: var(--white);
  background-color: #ffffffad;
}

.radio-button-field:active, .radio-button-field:focus {
  color: var(--venta-emerald);
}

.dropdown {
  background-color: var(--black-faq);
  color: var(--middle-line-gray);
  border: 0 solid #000;
  border-radius: 0;
  min-height: 80px;
  margin-top: 20px;
  padding: 10px;
  font-family: Montserrat, sans-serif;
  display: block;
}

.dropdown:hover {
  background-color: var(--venta-emerald);
  color: var(--white);
}

.dropdown:active {
  background-color: var(--venta-emerald);
}

.feedback-questions {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 10px;
}

.questions {
  margin-top: 60px;
}

.grid {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.checkbox {
  min-width: 10px;
  min-height: 10px;
  margin-top: 12px;
  display: block;
}

.checkbox-label {
  text-align: left;
  padding-left: 10px;
}

.success-message-2 {
  color: var(--white);
  background-color: #a10003ad;
  font-family: Montserrat, sans-serif;
}

.text-block-10 {
  font-family: Montserrat, sans-serif;
}

.error-message-2 {
  background-color: #ff6565;
}

.paragraph-2, .paragraph-3, .paragraph-4, .paragraph-5, .paragraph-6 {
  color: var(--white);
}

.div-block-4 {
  display: none;
}

.section-3 {
  background-image: url('../images/Venta-BKG-7.jpg');
  background-position: 0 0;
  background-size: cover;
  align-items: center;
  height: 100vh;
  display: flex;
}

.section-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-2 {
  grid-template-rows: auto;
  margin-left: 17vw;
  margin-right: 17vw;
}

.featured-section {
  flex-direction: column;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.featured-section.featured {
  background-color: var(--black-faq);
  margin-left: 0;
  margin-right: 0;
}

.div-block-5 {
  margin-left: 17vw;
  margin-right: 17vw;
}

.blog-paragraph {
  text-align: left;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 25px;
}

.collection-item {
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.empty-state {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.div-block-6 {
  background-color: var(--white);
  height: 2px;
}

.div-block-6.blog-break {
  background-color: var(--middle-line-gray);
  margin-top: 30px;
}

.pagination {
  justify-content: space-between;
  margin-bottom: 50px;
}

.container {
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.container-2 {
  min-height: 100vh;
}

.image-2 {
  margin-bottom: 100px;
}

.heading-8 {
  font-family: Montserrat, sans-serif;
  line-height: 50px;
}

.collection-list-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.image-3 {
  object-fit: cover;
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 65px;
  margin-left: 0;
  margin-right: 10px;
}

.section-5 {
  display: block;
}

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

.paragraph-7 {
  color: var(--silver-paragraph);
  text-align: justify;
  column-count: 1;
  column-gap: 80px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph-7._2 {
  margin-top: 40px;
  font-size: 10px;
  line-height: 15px;
}

.paragraph-7.referral {
  width: 80%;
}

.paragraph-8 {
  margin-top: 85px;
}

.bold-text {
  color: var(--venta-emerald);
}

.div-block-7 {
  width: 80%;
  padding-left: 0;
}

.form-4 {
  display: block;
}

.form-4.referral {
  object-fit: fill;
  flex-flow: column wrap;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.collection-item-2 {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.collection-list {
  display: flex;
}

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

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

.live-chat-top-text {
  color: var(--white);
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  position: static;
}

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

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

.whatsapp-container:hover {
  background-color: var(--venta-emerald);
  transform: scale(1.05);
}

.live-chat-text {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

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

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

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

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

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

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

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

.livechat-button {
  background-color: var(--middle-line-gray);
  color: var(--silver-paragraph);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 42px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: flex;
}

.livechat-button:hover {
  background-color: var(--venta-emerald);
}

.livechat-button:focus {
  background-color: var(--black-body);
}

.live-chat-bottom-text {
  color: var(--silver-paragraph);
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  line-height: 20px;
}

.live-chat-bottom-text.block {
  color: var(--middle-line-gray);
  margin-bottom: 5px;
  font-size: 12px;
}

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

@media screen and (min-width: 1920px) {
  .link.gray {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .container-big {
    place-content: center;
    place-items: stretch stretch;
  }

  .whatsapp-block {
    display: none;
  }

  .live-icon {
    width: 8px;
    height: 8px;
    top: 10px;
    left: 10px;
  }

  .whatsapp-chat {
    display: block;
  }

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

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

@media screen and (max-width: 991px) {
  h1 {
    font-size: 80px;
    line-height: 100px;
  }

  h2 {
    font-size: 60px;
    line-height: 80px;
  }

  h3 {
    font-size: 30px;
    line-height: 45px;
  }

  h4 {
    font-size: 46px;
    line-height: 66px;
  }

  h5 {
    font-size: 36px;
    line-height: 56px;
  }

  h6 {
    font-size: 30px;
    line-height: 50px;
  }

  .banner {
    height: auto;
  }

  .mouse-scroll {
    display: block;
  }

  .alpha, .alpha.w--current {
    position: fixed;
    top: 40px;
  }

  .info-left, .info-right {
    display: none;
  }

  .container-small {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .link.gray {
    margin-right: 0;
  }

  .link-underline {
    width: 12px;
  }

  .banner-content-half {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .main-links {
    justify-content: center;
    display: flex;
  }

  .sticky-info {
    background-image: linear-gradient(#000, #fff);
  }

  .container-banner {
    justify-content: center;
    align-items: center;
    margin-left: 4vw;
    margin-right: 4vw;
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .container-banner.second {
    flex-direction: column;
  }

  .content-half.c-footer {
    min-height: 260px;
    margin-top: 60px;
  }

  .step {
    margin-right: 0;
  }

  .style-guide-banner-holder {
    align-items: stretch;
    padding-left: 13vw;
    padding-right: 13vw;
  }

  .main-content.style-content {
    padding-top: 150px;
    padding-bottom: 50px;
  }

  .main-content.style-guide-main-content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .paragraph-banner {
    text-align: left;
    margin-left: 4%;
    margin-right: 4%;
  }

  .content-holder {
    margin-bottom: 60px;
  }

  .yellow {
    text-align: left;
    margin-left: 0;
    margin-right: 20px;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 60px;
    line-height: 80px;
  }

  .headline-7 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 40px;
  }

  .section-steps {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .sticky-heading {
    font-size: 40px;
    line-height: 50px;
  }

  .sticky-heading.newsletter {
    margin-bottom: 60px;
    position: relative;
    top: 40px;
    bottom: 60px;
  }

  .section.cta {
    background-image: linear-gradient(to right, #000 25%, #0000);
    background-position: 0 0;
  }

  .section.form {
    background-image: url('../images/Contact-Us-Image.jpg');
    background-repeat: no-repeat;
    background-size: 820px;
  }

  .container-big {
    text-align: center;
    flex-direction: column;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
  }

  .yellow-separator {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  ._3d-content {
    margin-left: 10px;
    margin-right: 10px;
  }

  ._3d-card-image-wrapper._2 {
    background-color: var(--venta-emerald);
    background-image: linear-gradient(#00000080, #00a18880), url('../images/william-daigneault-DmyCYLLkazQ-unsplash.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  ._3d-card-image-wrapper._2:hover {
    background-image: linear-gradient(#00000080, #00a18880), url('../images/william-daigneault-DmyCYLLkazQ-unsplash.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  ._3d-card-image-wrapper._3:hover {
    background-image: linear-gradient(#00000080, #00a18880), url('../images/Venta-HQ---CI-Kit.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  ._3d-content-wrapper-top {
    inset: 0% 0% auto;
  }

  .container-small-grid {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .center-width {
    width: 90%;
  }

  .logos-grid {
    grid-template-rows: 164px 164px 164px 164px;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .plus-margin-bottom {
    margin-bottom: 40px;
  }

  .content-width {
    width: 100%;
  }

  .content-left-right {
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-logo {
    margin-bottom: 40px;
  }

  .footer-logo.w--current {
    margin-bottom: 30px;
  }

  .headline-8 {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .footer-title {
    margin-bottom: 10px;
  }

  .top {
    margin-top: -48px;
    padding-left: 0;
  }

  .bottom {
    padding-left: 0;
  }

  .bottom-links {
    line-height: 20px;
  }

  .container-footer {
    text-align: left;
    margin-left: 15vw;
    margin-right: 15vw;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .menu-block {
    transform-origin: 4vw 50px;
    display: none;
  }

  .menu-contact {
    display: none;
  }

  .menu-wrap {
    margin-left: 10vw;
    margin-right: 10vw;
  }

  .headline-top-text {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 35px;
  }

  .menu {
    position: fixed;
    top: 50px;
  }

  .content-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 100%;
    grid-auto-columns: auto;
  }

  .content-left {
    text-align: center;
    width: 100%;
    margin-top: 0;
  }

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

  .awards-grid {
    grid-template-rows: 164px 164px 164px;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .accordion-tab-button {
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-faq {
    text-align: center;
    margin-left: 4vw;
    margin-right: 4vw;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .form-content {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 60px;
  }

  .form-content.contact {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .form-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .form-block {
    margin-top: 60px;
  }

  .text-field {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px;
  }

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

  .submit-button.client-feedback {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .utility-page-form {
    width: 100%;
  }

  .licencing-holder {
    margin-bottom: 60px;
  }

  .section-2 {
    background-image: linear-gradient(to right, #000 25%, #0000), url('../images/Untitled-1.png');
    background-position: 0 0, 100.5%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    background-attachment: scroll, scroll;
  }

  .heading {
    font-size: 50px;
    line-height: 70px;
  }

  .heading-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .heading-3 {
    font-size: 30px;
    line-height: 45px;
  }

  .heading-4 {
    font-size: 50px;
    line-height: 70px;
  }

  .heading-6 {
    font-size: 60px;
    line-height: 65px;
  }

  .html-embed {
    flex-flow: row;
    min-width: 80vw;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-3 {
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .form-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .form-2.feedback {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .terms-and-conditions {
    line-height: 25px;
  }

  .form-3 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .success-message-2, .error-message-2 {
    margin-left: 4%;
    margin-right: 4%;
  }

  .div-block-4 {
    z-index: 20;
    background-color: #000;
    min-width: 100vw;
    min-height: 125px;
    display: block;
    position: fixed;
    inset: auto;
  }

  .blog-paragraph {
    text-align: left;
  }

  .heading-9 {
    font-size: 50px;
  }

  .paragraph-7.referral {
    width: 100%;
  }

  .div-block-7 {
    width: 100%;
    padding-left: 0;
  }

  .form-4 {
    width: 100%;
  }

  .collection-list {
    flex-direction: column;
  }

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

@media screen and (max-width: 767px) {
  h1 {
    font-size: 65px;
    line-height: 85px;
  }

  h2 {
    font-size: 56px;
    line-height: 76px;
  }

  .mouse-scroll {
    display: none;
  }

  .container-small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .main-links {
    display: none;
    overflow: visible;
  }

  .container-banner {
    margin-left: auto;
    margin-right: auto;
  }

  .container-banner.second {
    flex-flow: column wrap;
    align-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .content-half.c-footer {
    min-height: auto;
    margin-top: 40px;
  }

  .step {
    margin-bottom: 60px;
  }

  .style-guide-banner-holder {
    align-items: center;
    padding-left: 13vw;
    padding-right: 13vw;
  }

  .main-content.style-content {
    padding-bottom: 40px;
  }

  .main-content.style-guide-main-content {
    padding-top: 40px;
  }

  .yellow-text-block {
    margin-bottom: 40px;
  }

  .sticky-heading {
    margin-bottom: 40px;
    position: static;
  }

  .sticky-heading.newsletter {
    margin-bottom: 60px;
    top: 40px;
    bottom: 40px;
  }

  .section.form {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .container-big {
    flex-direction: column;
    grid-template-columns: 1fr;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  ._3d-card {
    height: 300px;
  }

  ._3d-card.smaller {
    width: 100%;
    height: 200px;
    margin-right: 0%;
  }

  ._3d-card.smaller.no-margin-left {
    margin-left: 0%;
  }

  .container-small-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .center-width {
    font-size: 30px;
    line-height: 45px;
  }

  .logos-grid {
    grid-template-rows: 130px 130px 130px 130px;
  }

  .plus-margin-bottom {
    font-size: 30px;
    line-height: 50px;
  }

  .footer {
    flex-flow: column wrap;
    place-content: space-between;
    align-items: center;
    display: block;
  }

  .top._456 {
    margin-top: -11px;
  }

  .bottom._755 {
    margin-top: 39px;
    display: block;
    position: relative;
    top: 0;
  }

  .footer-nav-link {
    line-height: 20px;
  }

  .footer-nav-link.last {
    margin-right: 0;
  }

  .bottom-links {
    line-height: 25px;
  }

  .container-footer.footer-2 {
    margin-left: 7vw;
    margin-right: 7vw;
  }

  .menu-block {
    display: none;
  }

  .heading-menu {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 60px;
  }

  .menu-wrap {
    overflow: auto;
  }

  .logo {
    height: 23px;
  }

  .headline-top-text {
    font-size: 20px;
    line-height: 30px;
  }

  .menu {
    top: 45px;
  }

  .left-arrow {
    left: 26%;
  }

  .right-arrow {
    right: 26%;
  }

  .container-faq {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .form-content {
    padding-left: 0;
    padding-right: 0;
  }

  .form-container.contact {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-field {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .submit-button {
    width: 450px;
    margin-top: 0;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .submit-button.portfolio {
    width: auto;
  }

  .submit-button.client-feedback {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .submit-button.blog {
    width: 170px;
  }

  .submit-button.blog.next {
    text-align: center;
    width: 150px;
  }

  .div-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-wrapper, .color-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
  }

  .licencing-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .licencing-left {
    width: 100%;
    margin-bottom: 40px;
  }

  .licencing-right {
    width: 100%;
  }

  .heading {
    font-size: 50px;
    line-height: 60px;
  }

  .heading-3 {
    font-size: 30px;
    line-height: 50px;
  }

  .heading-3.contact {
    margin-top: 0;
  }

  .heading-6 {
    font-size: 40px;
    line-height: 45px;
  }

  .subscribe {
    margin-left: 20px;
  }

  .html-embed, .div-block-3 {
    min-width: 100vw;
  }

  .form-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .form-2.feedback {
    margin-left: 0;
    margin-right: 0;
  }

  .grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .checkbox-label {
    text-align: left;
  }

  .success-message-2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .text-block-10 {
    font-family: Montserrat, sans-serif;
  }

  .error-message-2 {
    background-color: #ff5d5d;
  }

  .div-block-4 {
    min-height: 120px;
  }

  .div-block-5 {
    margin-left: 5vw;
    margin-right: 5vw;
  }

  .text-block-11, .text-block-12 {
    font-size: 14px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-7 {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .form-4 {
    object-fit: fill;
    flex-flow: column;
    flex: 0 auto;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    display: block;
  }

  .whatsapp-container {
    background-color: #006455;
  }

  .whatsapp-block {
    border: 1px #000;
    display: flex;
    bottom: 15px;
    right: 15px;
  }

  .whatsapp-chat {
    outline-color: var(--middle-line-gray);
    outline-offset: 0px;
    outline-width: 1px;
    outline-style: solid;
    display: none;
  }

  .livechat-button {
    background-color: #007563;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 50px;
    line-height: 70px;
  }

  h2 {
    font-size: 46px;
    line-height: 66px;
  }

  h3 {
    font-size: 20px;
    line-height: 30px;
  }

  h4 {
    font-size: 36px;
    line-height: 56px;
  }

  h5 {
    font-size: 28px;
    line-height: 48px;
  }

  h6 {
    font-size: 24px;
    line-height: 44px;
  }

  .link {
    margin-right: 30px;
  }

  .main-links {
    flex-flow: wrap;
    align-content: space-between;
  }

  .content-half.c-footer {
    min-height: 490px;
  }

  .style-guide-banner-holder {
    flex-flow: column wrap;
    align-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .main-content.style-content {
    flex-wrap: wrap;
    align-content: center;
  }

  .paragraph-banner {
    max-width: 300px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
  }

  .yellow {
    align-self: flex-start;
    margin-left: 30px;
    margin-right: auto;
    font-size: 25px;
    line-height: 30px;
  }

  .sticky-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .sticky-heading.newsletter {
    margin-bottom: 40px;
  }

  .section.form {
    flex-flow: column wrap;
    align-content: center;
  }

  .container-big {
    justify-content: flex-start;
  }

  ._3d-content {
    margin: 30px 10px;
  }

  .center-width {
    width: 100%;
  }

  .logos-grid {
    grid-column-gap: 30px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .logos-grid.clients {
    flex-wrap: nowrap;
    place-content: space-between center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .plus-margin-bottom {
    font-size: 20px;
    line-height: 30px;
  }

  .plus-margin-bottom.quote {
    text-align: center;
  }

  .headline-8 {
    font-size: 20px;
    line-height: 40px;
  }

  .top {
    margin-top: 0;
  }

  .bottom {
    flex-direction: column;
    display: flex;
  }

  .footer-nav-link {
    margin-right: 0;
  }

  .bottom-links {
    flex-direction: column;
    display: flex;
  }

  .menu-block {
    z-index: 9999;
    display: none;
  }

  .heading-menu {
    font-size: 30px;
  }

  .menu-wrap {
    z-index: 9999;
  }

  .logo {
    height: 18px;
  }

  .left-arrow {
    left: 13%;
  }

  .right-arrow {
    right: 13%;
  }

  .awards-grid {
    grid-column-gap: 30px;
  }

  .form-content {
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    max-width: 80%;
    display: flex;
  }

  .form-content.contact {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .form-container {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .form-block {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .text-field {
    width: 100%;
    margin: 10px 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .submit-button {
    width: 300px;
    margin-top: 18px;
  }

  .submit-button.client-feedback {
    width: 300px;
  }

  .submit-button.blog {
    width: 170px;
  }

  .link-wrapper, .color-wrapper {
    grid-auto-columns: auto;
    justify-items: stretch;
  }

  .list-block {
    width: 100%;
  }

  .list-wrapper {
    flex-direction: column;
  }

  .heading {
    font-size: 30px;
    line-height: 40px;
  }

  .heading-4 {
    font-size: 30px;
    line-height: 35px;
  }

  .heading-6 {
    font-size: 20px;
    line-height: 30px;
  }

  .subscribe {
    margin-left: 20px;
    margin-right: 20px;
  }

  .client-logo {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .html-embed {
    flex-flow: column wrap;
    flex: 0 auto;
    order: 0;
    align-content: center;
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-3 {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .form-2 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .form-2.feedback {
    margin-left: 0;
    margin-right: 0;
  }

  .form-3 {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

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

  .grid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .text-block-10 {
    width: 80%;
    display: inline-block;
  }

  .error-message-2 {
    align-self: center;
    width: 80%;
  }

  .div-block-4 {
    min-height: 120px;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-9 {
    font-size: 50px;
  }

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

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

  .live-icon {
    width: 8px;
    height: 8px;
    top: 10px;
    left: 10px;
  }

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

  .livechat-button {
    border-radius: 20px;
  }
}

#w-node-b6c67fcf-f17b-e4ee-f912-de02dbe2a7b6-162c492f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_90829064-2226-ee16-2adf-b49a4f0db9cc-162c492f {
  align-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-_90829064-2226-ee16-2adf-b49a4f0db9cc-162c492f {
    align-self: start;
  }
}