@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2"), url('../fonts/fa-solid-900.eot') format("embedded-opentype"), url('../fonts/fa-solid-900.woff') format("woff"), url('../fonts/fa-solid-900.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2"), url('../fonts/fa-brands-400.eot') format("embedded-opentype"), url('../fonts/fa-brands-400.woff') format("woff"), url('../fonts/fa-brands-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2"), url('../fonts/fa-regular-400.eot') format("embedded-opentype"), url('../fonts/fa-regular-400.woff') format("woff"), url('../fonts/fa-regular-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-black: black;
  --white: white;
  --protag-sky-blue: #2eaae1;
  --midnight-blue-2: #011b29;
  --navigator_cons_green: #125430;
  --black: #111;
  --he-kupu-blue: #1c3957;
  --bright-yellow: #c8fa02;
  --forest-green: #289626;
  --black-2: #302f2f;
  --indigo: #44057b;
  --dark-teal-green: #015856;
  --white-ransparency: #fff6;
  --firebrick: #a80505;
  --white-30-transparency: #ffffff4d;
  --gainsboro: #fff;
  --protag-dark-ocean-blue: #1b323c;
  --aimer-lime-green: #73b33d;
  --midnight-blue: #00203d;
  --midnight-blue1: #00203d;
  --sd-blue: #0057a7;
  --dark-slate-blue: #00396d;
  --placeholder-grey: #858585;
  --olive: #9d8815;
  --peach: #f84b4b;
  --indigo-2: #33025d;
  --guide: #1d8df321;
}

.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-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

.navigationbar-section {
  z-index: 1;
  cursor: pointer;
  background-color: #000;
  border: 1px #000;
  border-bottom-color: #ffffff30;
  border-radius: 0;
  width: 100%;
  height: 60px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 50px 40px 30px;
  position: sticky;
  top: 0;
}

.navbar {
  background-color: #0000;
  position: static;
  top: 0;
}

.navlink2 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 6px 14px 11px;
  font-family: Orbitron, sans-serif;
  font-size: 15px;
  font-weight: 600;
  transition: all .2s;
}

.navlink2:hover {
  color: #fff;
  font-weight: 600;
}

.navlink2.w--current {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border: 0 #000;
  padding-top: 6px;
  padding-bottom: 11px;
  font-family: Orbitron, sans-serif;
  font-size: 15px;
  font-weight: 600;
  transition: all .3s;
}

.navlink2.w--current:hover {
  color: #fff;
  border-style: none;
  font-weight: 600;
}

.div-block-2 {
  width: 200px;
  height: 0;
}

.div-block-2.w--current {
  width: 200px;
}

.heading-sub-heading {
  color: #000;
  text-align: center;
  font-family: Droid Serif, serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 67px;
}

.heading-sub-heading.contact-heading {
  color: var(--white);
  padding-bottom: 66px;
  font-family: Chakra Petch, sans-serif;
  font-size: 20px;
  font-weight: 100;
  line-height: 30px;
}

.heading-sub-heading.protag-color {
  color: var(--protag-sky-blue);
  font-weight: 400;
}

.paragraph {
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

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

.paragraph.left-align.bold {
  font-weight: 500;
}

.paragraph.left-align-white {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  padding-bottom: 15px;
  font-family: Chakra Petch, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 100;
  line-height: 22px;
}

.port-gallery-container {
  max-width: 1300px;
}

.section_footer {
  background-color: #000;
}

.container_footer {
  padding-top: 105px;
  padding-bottom: 105px;
}

.footer_heading_h1 {
  color: #fff;
  text-align: center;
  font-family: Chakra Petch, sans-serif;
  font-size: 50px;
  font-weight: 100;
}

.div_footer_heading {
  padding-top: 0;
  padding-bottom: 47px;
  display: block;
}

.div_logo {
  flex-direction: column;
  align-items: center;
  padding-bottom: 32px;
  display: flex;
}

.image-2 {
  width: 400px;
  height: 100px;
}

.nav-on-footer {
  cursor: pointer;
  border: 3px solid #000;
  border-bottom: .5px #4b4b4b;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 29px;
  padding-left: 115px;
  display: block;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  padding-left: 15px;
  font-family: Chakra Petch, sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
}

.text-block-2.phone-numb-footer {
  padding-left: 6px;
}

.text-block-2.phone-numb-footer.project2x {
  text-decoration: none;
  transition: all .2s;
}

.text-block-2.phone-numb-footer.project2x:hover {
  font-weight: 500;
  text-decoration: line-through;
}

.text-block-2.insta2 {
  padding-left: 9px;
}

.text-block-2.insta2.about2x {
  transition: all .2s;
}

.text-block-2.insta2.about2x:hover {
  font-weight: 500;
  text-decoration: line-through;
}

.text-block-2.contact2x {
  cursor: pointer;
  text-decoration: none;
  transition: all .4s;
}

.text-block-2.contact2x:hover {
  font-weight: 500;
  text-decoration: line-through;
}

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

.contact_info.email_footer {
  font-weight: 400;
  text-decoration: none;
}

.contact_info.phone_footer {
  padding-left: 49px;
  text-decoration: none;
}

.contact_info.insta-footer {
  padding-left: 44px;
  text-decoration: none;
}

.div-block-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35px;
  display: block;
}

.kreval-logo {
  margin-top: -11px;
  transition: all .4s;
}

.kreval-logo:hover {
  transform: scale(1.07);
}

.footer-bottom-line {
  opacity: .24;
  border-bottom: .5px solid #f5f5f5;
  margin-bottom: 37px;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-menu {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  display: flex;
}

.email-footer-tag, .phone-footer-tag, .insta-footer-tag {
  text-decoration: none;
}

.ac-paralax {
  background-image: url('../images/home-hero-kreval.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 71vh;
}

.first-block-hero {
  background-color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  height: 298px;
  display: flex;
}

.first-block-hero.sd {
  background-color: var(--navigator_cons_green);
}

.sd-laptop-2x {
  z-index: 0;
  width: 800px;
  position: relative;
  top: -206px;
}

.section-sd-laptop {
  display: block;
}

.section-the-challenge {
  margin: 50px;
}

.section-the-challenge.ejourn_3x {
  margin-top: 0;
  margin-bottom: 120px;
}

.section-the-challenge.sd {
  margin-top: 100px;
  margin-bottom: 100px;
}

.section-gallery {
  background-color: #f2f2f2;
}

.section-gallery.ejournal_3 {
  background-color: #1c3957;
  padding-left: 39px;
  padding-right: 39px;
}

.section-gallery.ejournal_3.sect_2x {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.about-sub-head {
  color: var(--black);
  font-family: Chakra Petch, sans-serif;
  font-weight: 500;
}

.about-sub-head.plus-sign-accordion {
  text-align: right;
  font-weight: 300;
}

.about-sub-head.solution {
  padding-top: 47px;
}

.about-sub-head.responsive-heading-sd {
  color: #fff;
  text-align: center;
  padding-top: 53px;
  font-weight: 300;
}

.about-sub-head.heading4-white {
  color: #fff;
  margin-top: 0;
  margin-bottom: 17px;
  font-family: Chakra Petch, sans-serif;
  font-weight: 300;
}

.section-accordion-sd {
  padding-top: 90px;
  padding-bottom: 90px;
}

.accordion-trigger {
  cursor: pointer;
  border: 1px #a5a5a5;
  border-bottom-style: solid;
}

.accordion-content {
  padding-top: 25px;
  overflow: hidden;
}

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

.paralax-bg-2 {
  background-image: url('../images/nicole-heavirland-ac.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 600px;
}

.screen_2-section, .screen_2-section.image5 {
  background-color: var(--white);
}

.screen_2-section.image5.darkgreen {
  background-color: var(--navigator_cons_green);
  display: none;
}

.image-max-width {
  max-width: 1200px;
}

.image-max-width.ejourn-im2 {
  max-width: 1000px;
}

.screen-demo-3 {
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 220px;
  display: flex;
}

.section-respoinsive-img {
  white-space: normal;
  background-color: #333334;
  display: none;
}

.div-block-13 {
  background-color: #333334;
  justify-content: center;
  align-items: center;
  display: flex;
}

.responsive-image-sd {
  max-width: 1150px;
}

.div-block-14 {
  border: 1px #696969;
  border-bottom-style: solid;
  padding-top: 37px;
  padding-bottom: 16px;
}

.div-block-15 {
  padding-bottom: 71px;
}

.section-video {
  padding-top: 108px;
  padding-bottom: 108px;
  display: flex;
}

.mid-section-div {
  background-color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.mid-section-div.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.mid-section-div.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.div-block-17 {
  background-image: url('../images/Corabear.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 70vh;
}

.container-2 {
  background-color: #0000;
  max-width: 1100px;
}

.div-block-18 {
  border: 1px #242424;
  padding-top: 0;
  box-shadow: 1px 1px 10px 5px #2525251a;
}

.list {
  margin-top: 40px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.div-ejourn-quote {
  border-style: none none none solid;
  border-width: 7px 7px 7px 12px;
  border-color: black black black var(--he-kupu-blue);
  color: var(--black);
  justify-content: center;
  align-items: center;
  max-width: 800px;
  text-decoration: none;
  display: flex;
  box-shadow: 1px 1px 14px #0000002e;
}

.hekupu-testimonial {
  padding: 47px;
}

.ejournal-conclusion-bg {
  background-image: url('../images/hekupu_digitalnz_partnership-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
  margin-top: 113px;
  display: block;
}

.section-about-1 {
  background-color: #000;
  padding-top: 82px;
  padding-bottom: 82px;
}

.about-grid-1 {
  grid-template-rows: auto;
}

.about-heading {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 6em;
  font-weight: 500;
  line-height: 40px;
}

.about-wrp {
  padding: 0 53px 44px;
}

.about-txt-wrp {
  border: 1px #000;
  padding-top: 0;
  padding-right: 15px;
}

.about-line {
  border: 1px #ece3e39e;
  border-bottom: 1px solid #ece3e3b0;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  margin-top: 0;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.about-line-divider {
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.about-us-us-div {
  padding-left: 26px;
}

.about-line-wrp {
  width: 100%;
  padding-top: 0;
  position: relative;
  top: 24px;
}

.about-year-txt {
  color: var(--bright-yellow);
  text-align: right;
  font-family: Chakra Petch, sans-serif;
  font-size: 29px;
  font-weight: 500;
}

.about-yr-wrp {
  padding-top: 26px;
  position: relative;
  top: 0;
}

.icon-paragraph {
  color: var(--white);
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  text-decoration: none;
}

.wireframe-image-about-us-1 {
  max-width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
}

.div-back-to-top-button {
  background-color: #0000;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.div-backtop-button {
  float: right;
  background-color: #dd441e;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  padding-top: 15px;
  padding-left: 0;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  position: relative;
  top: 0;
  left: 0;
  right: auto;
}

.div-backtop-button:hover {
  border: 1px none var(--forest-green);
  box-shadow: 1px 1px 19px -8px #fff;
}

.div-backtop-button.w--current {
  background-color: #dd441e;
  width: 50px;
  height: 50px;
  padding-top: 25px;
  padding-left: 0;
  text-decoration: none;
}

.div-backtop-button.hekupu-backbutton {
  border: 1px solid var(--white);
  background-color: var(--he-kupu-blue);
}

.text-block-4 {
  color: var(--white);
  justify-content: center;
  font-family: "Fa solid 900", sans-serif;
  font-size: 25px;
  font-weight: 400;
  transition: all .4s;
  display: flex;
}

.text-block-4:hover {
  transform: translate(0, 5px)translate(0, -5px);
}

.code-image {
  padding-top: 0;
  padding-bottom: 0;
}

.ejournal-wire1 {
  max-width: 800px;
  padding-top: 30px;
}

.wire-2 {
  padding-top: 30px;
}

.ejourn-prototype-link {
  color: var(--black-2);
  font-size: 16px;
  text-decoration: underline;
}

.ejounr-video-wrapper {
  padding-top: 66px;
}

.video-wrap {
  border-style: none;
  border-width: 1px;
  border-color: transparent var(--indigo) transparent transparent;
  width: 100%;
}

.div-navbar-menu-links {
  color: #fff;
  border: 0 #000;
  padding-top: 0;
  transition: all .8s;
}

.div-navbar-menu-links:hover {
  border: 0px none var(--dark-teal-green);
  width: auto;
}

.nav-line {
  background-color: var(--bright-yellow);
  width: 0;
  height: 2px;
  position: relative;
  left: 9px;
}

.body {
  background-color: var(--dark-black);
}

.profile-pic {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.mobile-about-div {
  display: none;
}

.text-span {
  font-weight: 300;
  text-decoration: none;
}

.text-div {
  background-color: var(--dark-black);
  justify-content: center;
  align-items: flex-start;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.left {
  background-color: var(--dark-black);
  width: 50%;
  height: auto;
  padding-left: 28px;
  padding-right: 28px;
}

.right {
  background-color: #0000;
  border-radius: 10px;
  width: 350px;
  height: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: sticky;
  top: 200px;
  bottom: 0;
  overflow: hidden;
}

.container-3 {
  background-color: var(--dark-black);
  max-width: 1200px;
}

.section-the-process-2021 {
  background-color: var(--dark-black);
}

.mobile-hidden-profile-image, .div-mob-footer-menu {
  display: none;
}

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

.section-2 {
  display: block;
}

.submit-button-2 {
  border: 1px solid var(--white-ransparency);
  background-color: var(--dark-black);
  letter-spacing: 1px;
  border-radius: 30px;
  width: 180px;
  max-width: none;
  height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 16px;
  font-weight: 300;
  transition: all .4s;
}

.submit-button-2:hover {
  background-color: var(--bright-yellow);
  color: var(--black);
  font-weight: 600;
}

.form-field-text {
  border: 1px solid var(--white-ransparency);
  background-color: var(--dark-black);
  color: var(--white);
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 26px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Chakra Petch, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: all .4s;
}

.form-field-text:focus {
  border-color: var(--bright-yellow);
  font-size: 15px;
}

.text-field-2 {
  border: 1px solid var(--white-ransparency);
  background-color: var(--dark-black);
  color: var(--white);
  border-radius: 10px;
  margin-bottom: 26px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Chakra Petch, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: all .4s;
}

.text-field-2:focus {
  border-color: var(--bright-yellow);
  font-size: 15px;
}

.text-field-3 {
  border: 1px solid var(--white-ransparency);
  background-color: var(--dark-black);
  color: var(--white);
  border-radius: 10px;
  margin-bottom: 26px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: Chakra Petch, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: all .4s;
}

.text-field-3:focus {
  border-color: var(--bright-yellow);
  font-size: 15px;
}

.textarea.message-area-2 {
  border: 1px solid var(--white-ransparency);
  background-color: var(--dark-black);
  color: var(--white);
  border-radius: 10px;
  height: 143px;
  margin-bottom: 26px;
  font-family: Chakra Petch, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: all .4s;
}

.textarea.message-area-2:focus {
  border-color: var(--bright-yellow);
  font-size: 15px;
}

.recaptcha {
  margin-right: 5%;
}

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

.centre-everything {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text-field-4, .text-field-5, .text-field-6 {
  border: 1px solid var(--white-ransparency);
  background-color: var(--dark-black);
}

.section-3 {
  display: none;
}

.send-captch-div {
  align-items: center;
  display: flex;
}

.section-gallery-heading1x {
  border: 1px solid var(--dark-black);
  background-color: var(--dark-black);
  margin-bottom: 10%;
  padding-top: 8%;
  padding-left: 10px;
  padding-right: 10px;
}

.container-black-v2 {
  border-right: 1px none var(--firebrick);
  border-left: 1px #ffffff26;
  max-width: 1500px;
  margin-bottom: 0;
  padding-left: 70px;
  padding-right: 70px;
  display: block;
}

.container-black-v2.no-right-border {
  border-left-style: none;
}

.container-black-v2.extra-padding {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5%;
  padding-bottom: 5%;
}

.v3-view-work {
  color: var(--white);
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.gallery-section-v3 {
  background-color: var(--dark-black);
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.v3_main-heading-div {
  background-color: #0000;
  height: auto;
  margin-top: 0;
  margin-bottom: 3%;
}

.v3-main-heading {
  color: #fff;
  text-align: center;
  letter-spacing: -3px;
  text-indent: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 8rem;
  font-weight: 600;
  line-height: 8rem;
}

.v3-heading-sub-heading {
  color: #fdfdfd;
  text-align: center;
  margin-bottom: 0;
  font-family: Chakra Petch, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.gallery-grid {
  grid-row-gap: 0%;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  place-content: start;
}

.main-grid-div-1 {
  color: #333;
  background-color: #0000;
  height: auto;
  margin-bottom: 25%;
}

.main-grid-div-2 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr;
  grid-auto-columns: 1fr;
  height: 400px;
  display: grid;
}

.main-grid-div-2.second-vertical-line {
  grid-column-gap: 0px;
  grid-template-columns: .5fr .75fr;
}

.main-grid-div-3, .main-grid-div-4 {
  background-color: #0000;
  height: auto;
}

.grid_2 {
  grid-column-gap: 83px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr .5fr;
}

.grid_2-wrapper-left {
  background-color: #0000;
  position: relative;
}

.grid_2-wrapper-right {
  background-color: #0000;
  height: auto;
  display: block;
}

.grid_2_left-image {
  transform-style: preserve-3d;
  background-image: url('../images/thumbnail-image.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 600px;
  margin-left: 57px;
  overflow: hidden;
}

.grid_2_left-image:hover {
  transform: scale3d(1none, 1none, 1none);
}

.v3-verticle-text-1 {
  color: #fff;
  font-family: Chakra Petch, sans-serif;
  font-weight: 300;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-68px, 512px)rotate(-90deg);
}

.v3-project-name-left {
  color: var(--white);
  text-transform: uppercase;
  margin-left: 57px;
  font-family: Chakra Petch, sans-serif;
  font-size: 28px;
  font-weight: 300;
}

.grid_2-wrapper-box-right {
  border-top: 2px none var(--white);
  border-bottom: 1px none var(--white);
  min-width: 225px;
  max-width: 270px;
  display: block;
}

.v3_gallery-description {
  color: #ffffffe0;
  margin-bottom: 0;
  padding-top: 38px;
  padding-bottom: 38px;
  font-family: Chakra Petch, sans-serif;
  font-weight: 300;
  text-decoration: none;
}

.v3_gallery-description.right-align {
  color: var(--white);
  text-align: right;
  text-decoration: none;
}

.v3-view-work-div {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.v3-view-work-div.right-align {
  justify-content: flex-end;
}

.view-work-icon-div {
  width: 62px;
  margin-right: 15px;
}

.view-work-icon-div.right-align {
  margin-left: 15px;
  margin-right: 0;
}

.grid_2-descrition-right {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}

.vertical-line-div {
  border-right: 1px solid var(--white-ransparency);
  background-color: #0000;
  border-left: 1px solid #000;
  position: relative;
}

.blank-div {
  background-color: #0000;
}

.outside-circle {
  border: 1px solid var(--white);
  background-color: var(--dark-black);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: translate(19px, 167px);
}

.inside-circle {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #272727;
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

.grid_4 {
  grid-column-gap: 83px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.5fr;
}

.grid_4-wrapper-left {
  background-color: #0000;
  text-decoration: none;
}

.grid_4-wrapper-right {
  background-color: #0000;
  position: relative;
}

.grid_4_right-image {
  justify-content: center;
  align-items: center;
  height: auto;
  display: block;
}

.grid_4_right-image2 {
  background-image: url('../images/evespaul-thumbnail-image.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
  margin-right: 57px;
}

.vertical-text-grid-4 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Spartan, sans-serif;
  font-weight: 300;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(67px, -138px)rotate(90deg);
}

.v3-project-name-right {
  color: var(--white);
  text-align: right;
  text-transform: uppercase;
  margin-right: 57px;
  font-family: Chakra Petch, sans-serif;
  font-size: 28px;
  font-weight: 300;
}

.why-work-with-khd-h1 {
  color: var(--white);
  font-family: Chakra Petch, sans-serif;
  font-weight: 400;
  line-height: 56px;
}

.why-work-with-khd-section {
  background-color: var(--dark-black);
  max-width: none;
  margin-top: 0%;
  padding-left: 10px;
  padding-right: 10px;
}

.why-work-with-khd-div {
  background-color: #0000;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 22px;
}

.why-work-with-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-content: start center;
  width: 100%;
  max-width: none;
}

.custom-design-icon-box {
  border-top: 1px solid var(--white-ransparency);
  border-right: 1px solid var(--white-30-transparency);
  border-left: 1px solid var(--white-ransparency);
  height: auto;
}

.custom-design-icon-box.last-box {
  height: auto;
}

.custom-design-icon-box.anim-xc1 {
  width: 100%;
  height: auto;
}

.custom-design-icon-box.last-1 {
  border-bottom: 1px solid var(--white-ransparency);
}

.custom-design-icon-box.last {
  border-bottom: 1px solid var(--white-ransparency);
  border-top-style: none;
}

.icon-wrapper-box {
  border-top: 0px none var(--white-30-transparency);
  border-bottom: 1px none var(--white-30-transparency);
  border-left: 1px none var(--white-30-transparency);
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.custom-design-icon-description {
  border-top: 1px solid var(--white-30-transparency);
  border-right: 1px solid var(--white-30-transparency);
  border-bottom: 1px solid var(--white-30-transparency);
  height: 140px;
  padding: 30px;
}

.custom-design-icon-description.anim-xc1 {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
  align-self: center;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.align-centre {
  background-color: #0000;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.why-icon-img-wrp {
  flex: none;
  order: 0;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 50px;
  display: block;
}

.icon-headings {
  color: var(--white);
  text-transform: uppercase;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Chakra Petch, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3em;
}

.div-block-59 {
  width: 70px;
}

.div-block-60 {
  width: 60px;
}

.verticle-line-grid-mobile {
  display: none;
}

.background-video {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: static;
  top: auto;
}

.body-2 {
  background-color: var(--dark-black);
}

.hero-text-cta {
  text-align: center;
  height: auto;
  margin-bottom: -57vh;
  display: block;
  overflow: visible;
}

.section-bg-vid {
  display: block;
  overflow: hidden;
}

.vimeo-full-width {
  height: auto;
}

.vimeo-section {
  display: none;
}

.grid-17 {
  display: grid;
}

.grid-18 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: stretch;
}

.hero-paragraph {
  color: var(--white);
  text-align: center;
  margin-bottom: 30px;
  font-family: Archivo, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4em;
}

.hero-paragraph.left-align-para {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.hero-paragraph.right-align-para {
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

.hero-paragraph.herosection-h2 {
  max-width: 70ch;
  margin-top: 0;
  font-family: Chakra Petch, sans-serif;
  font-weight: 400;
}

.hero-cta-button {
  border: 1px solid var(--white-ransparency);
  background-color: #0000;
  border-radius: 20px;
  padding: 10px 33px 7px;
  font-family: Chakra Petch, sans-serif;
  font-weight: 600;
  transition: all .4s cubic-bezier(0, .143, 0, 1.003);
}

.hero-cta-button:hover {
  color: var(--dark-black);
  background-color: #cf0;
  font-weight: 700;
}

.hero-headiing {
  text-transform: capitalize;
  margin-bottom: 20px;
  font-family: Orbitron, sans-serif;
  font-weight: 400;
}

.div-hero-heading1, .div-hero-paragraph, .div-hero-cta-button {
  height: auto;
  overflow: hidden;
}

.div-block-65 {
  height: 60px;
  overflow: hidden;
}

.nav-gator-div {
  text-decoration: none;
}

.create-value-section {
  background-color: var(--white);
  overflow: hidden;
}

.kreval-home-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: center;
}

.create-value-headings {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  font-family: Chakra Petch, sans-serif;
  font-size: 8em;
  font-weight: 700;
  line-height: 1em;
}

.create-value-headings.left-align-heading {
  text-align: left;
}

.create-value-headings.right-align-header {
  text-align: right;
}

.lottie-animation-2 {
  color: #0000;
  height: auto;
  padding-top: 25px;
}

.div-block-66 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lottie-animation-3 {
  opacity: .61;
}

.text-span-2 {
  font-family: Spartan, sans-serif;
  font-weight: 100;
}

.div-block-67 {
  padding-left: 127px;
  padding-right: 143px;
}

.text-block-wrp {
  text-align: center;
  width: 60vw;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.grid2__wrapper--touch, .grid19__wrapper--touch, .ux__wrapper--touch, .bringbrand__wrapper--touch, .grid4__rightimage--touch {
  display: none;
}

.grid__2--wrapper--touch {
  min-width: 225px;
  max-width: 270px;
  display: none;
}

.recapcha__wrapper {
  margin-right: 37px;
}

.text-block-5 {
  color: var(--forest-green);
  font-size: 19px;
  line-height: 30px;
}

.success-message {
  background-color: var(--white);
}

.main-grid-div-5 {
  background-color: #0000;
  height: auto;
  display: block;
}

.grid_3_left-image {
  transform-style: preserve-3d;
  background-image: url('../images/thumbnail-image.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
  margin-left: 57px;
  overflow: hidden;
}

.grid_3_left-image:hover {
  transform: scale3d(1none, 1none, 1none);
}

.main-grid-div-6 {
  color: #333;
  background-color: #0000;
  height: auto;
  display: block;
}

.underline_1a {
  font-weight: 500;
  text-decoration: underline;
}

.section-video_2 {
  background-color: var(--midnight-blue-2);
  padding-top: 108px;
  padding-bottom: 108px;
}

.video-div-2 {
  border: 1px none var(--indigo);
  box-shadow: 1px 1px 11px -1px #66666638;
}

.strategy-image-div {
  padding-bottom: 140px;
}

.strategy-image-ac {
  display: block;
}

.evspaul-paralax {
  background-image: url('../images/2_portable.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 71vh;
}

.evspaul-laptop {
  z-index: 0;
  width: 800px;
  position: relative;
  top: -206px;
}

.evespaulfirst-block-hero-copy {
  background-color: var(--dark-teal-green);
  justify-content: center;
  align-items: center;
  height: 298px;
  display: flex;
}

.evespaulfirst-block-hero-copy.sd {
  background-color: var(--navigator_cons_green);
}

.evespaul-mid-section {
  background-color: var(--gainsboro);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.evespaul-mid-section.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.evespaul-mid-section.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.eves-paul-vimeo-1 {
  mix-blend-mode: normal;
  border: 0 #0000;
  display: block;
}

.evespaul-paralax1 {
  background-image: url('../images/bg-eves-paul1.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 600px;
}

.evespaul-screen2-section {
  background-color: #184946;
}

.evespaul-screen2-section.image5 {
  background-color: var(--white);
}

.evespaul-screen2-section.image5.darkgreen {
  background-color: var(--navigator_cons_green);
  display: none;
}

.evespaul-screen-div {
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
}

.evespaul-screen3 {
  background-color: #184946;
}

.evespaul-screen3.image5 {
  background-color: var(--white);
}

.evespaul-screen3.image5.darkgreen {
  background-color: var(--navigator_cons_green);
  display: none;
}

.div-chksite-button {
  padding-bottom: 220px;
}

.div-chksite-button.bg-ac {
  background-color: #011b29;
}

.div-chksite-button.bg-protag {
  background-color: var(--protag-dark-ocean-blue);
  padding-top: 53px;
}

.div-chksite-button.it-thought {
  background-color: var(--midnight-blue-2);
}

.div-chksite-button.bg-aimer {
  background-color: var(--midnight-blue-2);
  padding-top: 58px;
}

.div-chksite-button.amua-block-03 {
  background-color: #2d481f;
  padding-top: 60px;
  padding-bottom: 60px;
}

.checkwbsite-button {
  border: 1px none var(--white);
  width: 220px;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.checkwbsite-button:hover {
  background-color: #0000;
}

.checksite-text {
  color: var(--white);
  text-align: center;
  padding-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.checkwbsite-button-wrp {
  border: 1px solid var(--white);
  border-radius: 10px;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 17px;
  padding-bottom: 17px;
  transition: all .2s;
}

.checkwbsite-button-wrp:hover {
  background-color: var(--dark-black);
}

.archive-div {
  display: none;
}

.grid_2_left-image-copy {
  transform-style: preserve-3d;
  background-image: url('../images/ProTag-bg-thumbnail.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 600px;
  margin-left: 57px;
  overflow: hidden;
}

.grid_2_left-image-copy:hover {
  transform: scale3d(1none, 1none, 1none);
}

.protag-first-block-hero {
  background-color: var(--protag-dark-ocean-blue);
  justify-content: center;
  align-items: center;
  height: 298px;
  display: flex;
}

.protag-first-block-hero.sd {
  background-color: var(--navigator_cons_green);
}

.protag-paralax {
  background-image: url('../images/ProTag-farm.jpeg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 71vh;
}

.protag-mid-section-div {
  background-color: var(--protag-sky-blue);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.protag-mid-section-div.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.protag-mid-section-div.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.protag-paralax-bg {
  background-image: url('../images/Pasture-Utlisation_1a.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 600px;
}

.protag-backtop-button {
  background-color: #0000;
  width: 60px;
  height: 60px;
  padding-top: 25px;
  padding-left: 0;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  position: relative;
  top: 85vh;
  left: -45px;
}

.protag-backtop-button:hover {
  border: 1px none var(--forest-green);
}

.protag-backtop-button.w--current {
  background-color: #0000;
  border-radius: 20px;
  width: 50px;
  height: 50px;
  padding-top: 25px;
  padding-left: 0;
  text-decoration: none;
}

.protag-backtop-button.w--current:hover {
  background-color: #0000;
  width: 50px;
  top: auto;
  left: auto;
}

.protag-backtop-button.hekupu-backbutton {
  border: 1px solid var(--white);
  background-color: var(--he-kupu-blue);
}

.protag-vimeo-1 {
  border: 1px #cfe648;
  height: auto;
  display: block;
}

.protagmid-section-div {
  background-color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.protagmid-section-div.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.protagmid-section-div.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.protag-mid-section {
  background-color: var(--protag-dark-ocean-blue);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.protag-mid-section.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.protag-mid-section.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.protag-screen_3_section {
  background-color: var(--protag-dark-ocean-blue);
}

.protag-mid-section1 {
  background-color: var(--protag-dark-ocean-blue);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
}

.protag-mid-section1.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.protag-mid-section1.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.challenge-rich-txt {
  text-decoration: none;
}

.challenge-rich-txt p {
  font-family: Archivo, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.5em;
}

.challenge-rich-txt h2 {
  color: var(--protag-sky-blue);
  margin-bottom: 20px;
  font-family: Chakra Petch, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.video-block {
  border: 1px solid var(--protag-sky-blue);
  box-shadow: 1px 1px 16px -4px var(--protag-sky-blue);
  background-color: #0000;
  width: 80%;
  max-width: 1200px;
  height: auto;
}

.vimeo-embed {
  justify-content: center;
  display: block;
}

.html-embed {
  width: 100%;
}

.hero-video-block {
  background-color: #0000;
  width: 80%;
  max-width: 1200px;
  height: auto;
}

.herovideo-protag-vimeo {
  height: auto;
  display: block;
}

.heading-v2 {
  color: var(--white);
  font-family: Droid Serif, serif;
  font-weight: 400;
}

.heading-v2-wrp {
  padding-top: 26px;
  padding-bottom: 26px;
}

.herovideo-wrp {
  border: 1px solid var(--protag-sky-blue);
  box-shadow: 1px 1px 11px -3px var(--protag-sky-blue);
}

.map-wrp {
  border: 1px solid var(--white);
  box-shadow: 1px 1px 7px 0 var(--protag-sky-blue);
}

.protag_hmepge-wrp {
  border: 1px none var(--protag-sky-blue);
  box-shadow: 1px 1px 16px 1px #85858563;
}

.hide-contact {
  display: block;
}

._100vh {
  background-color: var(--indigo);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.test-heading {
  color: #fff;
}

.aimer-farming-thumbnail-image {
  background-image: url('../images/AIMER-website-display-2.jpg');
  background-position: 50%;
  background-size: cover;
  height: 600px;
  margin-right: 57px;
}

.thumbnail-aimer {
  transform-style: preserve-3d;
  background-image: url('../images/AIMER-website-display-2.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 600px;
  margin-left: 57px;
  overflow: hidden;
}

.thumbnail-aimer:hover {
  transform: scale3d(1none, 1none, 1none);
}

.innovative-thought-thumbnail-image-copy {
  background-image: url('../images/Innovative-Thought-website-display.jpg');
  background-size: cover;
  border-radius: 10px;
  height: 600px;
  margin-right: 57px;
}

.inno-thought-paralax {
  background-image: url('../images/_Innovative-Thought_2-dark.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 71vh;
}

.macbook-div {
  position: relative;
  top: -208px;
}

.laptop-image-1 {
  z-index: 0;
  width: 800px;
  position: relative;
  top: 0;
}

.laptop-mask {
  background-color: #0000;
  width: 616px;
  height: 384px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 29px 0% 0%;
  overflow: hidden;
}

.it-mid-section {
  background-color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.it-mid-section.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.it-mid-section.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.inn-first-block {
  background-color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  height: 298px;
  display: flex;
}

.inn-first-block.sd {
  background-color: var(--navigator_cons_green);
}

.it-mid-section-2 {
  background-color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.it-mid-section-2.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.it-mid-section-2.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.it-section-the-challenge {
  margin: 0;
}

.it-section-the-challenge.ejourn_3x {
  margin-top: 0;
  margin-bottom: 120px;
}

.it-section-the-challenge.sd {
  margin-top: 100px;
  margin-bottom: 100px;
}

.it-section-wrp {
  background-color: #e4e4e4;
  padding-top: 50px;
  padding-bottom: 50px;
}

.it-section-3 {
  background-color: var(--midnight-blue-2);
}

.div-block-68 {
  background-image: url('../images/IT-Portfolio-2.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 800px;
}

.it-mobile-2 {
  background-image: url('../images/Mobile-demo-3d-IT.png');
  background-position: 50%;
  background-size: cover;
  width: 825px;
  height: 392px;
  margin: 100px auto;
}

.herovideo-it-vimeo-1 {
  height: auto;
  display: block;
}

.aimer-paralax-1 {
  background-image: url('../images/dairy-aimer.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 71vh;
}

.aimer-first-block-hero {
  background-color: var(--midnight-blue-2);
  justify-content: center;
  align-items: center;
  height: 298px;
  display: flex;
}

.aimer-first-block-hero.sd {
  background-color: var(--navigator_cons_green);
}

.aimer-farming-mid-section-div {
  background-color: var(--protag-dark-ocean-blue);
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.aimer-farming-mid-section-div.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.aimer-farming-mid-section-div.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.herovideo-aimer-vimeo {
  height: auto;
  display: block;
}

.aimer-paralax-bg {
  background-image: url('../images/grass-2.jpeg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 600px;
}

.aimer-vimeo-2 {
  border: 1px none var(--aimer-lime-green);
  height: auto;
  display: block;
}

.strategy-image-aimer {
  display: block;
}

.screen-demo-4 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 220px;
  display: flex;
}

.aimer-backtop-button {
  background-color: var(--dark-black);
  width: 60px;
  height: 60px;
  padding-top: 25px;
  padding-left: 0;
  font-size: 15px;
  text-decoration: none;
  transition: all .2s;
  position: relative;
  top: 85vh;
  left: -45px;
}

.aimer-backtop-button:hover {
  border: 1px none var(--forest-green);
  box-shadow: 1px 1px 19px -8px #fff;
}

.aimer-backtop-button.w--current {
  background-color: var(--protag-sky-blue);
  width: 60px;
  height: 60px;
  padding-top: 25px;
  padding-left: 0;
  text-decoration: none;
}

.aimer-backtop-button.w--current:hover {
  width: 60px;
}

.aimer-backtop-button.hekupu-backbutton {
  border: 1px solid var(--white);
  background-color: var(--he-kupu-blue);
}

.digi-ex-texwrp {
  margin-top: 0;
}

.test-specificpage-section {
  background-color: var(--protag-dark-ocean-blue);
}

.testimon-spebub-div {
  background-color: var(--protag-sky-blue);
  border-radius: 20px;
  justify-content: flex-start;
  max-width: 700px;
  margin-bottom: 135px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 30px 55px;
  display: flex;
  position: relative;
}

.testimon-spebub-text-wrp {
  display: flex;
}

.testimon-spebub-text {
  color: var(--white);
  font-family: Roboto, sans-serif;
}

.testimon-profile-wrp {
  margin-top: -71px;
  margin-bottom: 31px;
  display: flex;
}

.testimon-profile-div {
  border: 3px solid var(--white);
  object-fit: cover;
  background-image: url('../images/baden_parr_krevalhawkdigital.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 80px;
  flex: 0 auto;
  width: 110px;
  height: 110px;
  overflow: hidden;
  transform: translate(0);
}

.testimon-content {
  padding-left: 32px;
  padding-right: 32px;
}

.testimon-quote-wrp {
  flex: none;
  width: 44px;
}

.testimon-quote-wrp.endquote {
  transform: rotate(180deg);
}

.testimonial-quote {
  width: 120px;
  transform: rotate(0);
}

.testimon-profile-img {
  object-fit: cover;
  width: 300px;
}

.testimon-profile-div2 {
  align-self: flex-end;
  margin-left: 30px;
}

.testimon-buble-point {
  background-color: var(--protag-sky-blue);
  width: 30px;
  height: 30px;
  position: absolute;
  inset: auto 49% 0%;
  transform: translate(0, 14px)rotate(45deg);
}

.testimon-profile-boldtext {
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.testimon-spebub-richtext p {
  color: var(--white);
  font-family: Roboto, sans-serif;
}

.testimon-spebub-richtext h2 {
  color: var(--white);
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.testimon-spebub-richtext h4 {
  color: var(--white);
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

.test-section {
  background-color: var(--protag-dark-ocean-blue);
  padding: 70px 116px;
}

.kreval-rich-text-1 {
  color: var(--gainsboro);
  font-size: 18px;
}

.kreval-rich-text-h1, .kreval-rich-text-h2, .heading-7, .heading-8, .kreval-rich-text-p1, .block-quote {
  color: var(--gainsboro);
}

.body-paragraph {
  color: var(--black);
  text-align: center;
  margin-bottom: 15px;
  font-family: Chakra Petch, sans-serif;
  font-size: 16px;
  line-height: 25px;
}

.padding-top-bottom-10 {
  padding-top: 2%;
  padding-bottom: 0;
}

.menu-codespan {
  color: var(--bright-yellow);
}

.amua-image-display {
  background-image: url('../images/Kreval-Hawk-website-display-2.jpg');
  background-position: 50%;
  background-size: cover;
  border-top: 10px solid #000;
  border-radius: 10px;
  height: 600px;
  margin-right: 57px;
}

.why-work-icon-wrp {
  border-top: 1px #000;
  border-right: 1px solid var(--white-ransparency);
  width: 250px;
  min-width: 250px;
  height: 150px;
  padding: 0 3%;
  display: flex;
}

.why-work-icon {
  max-width: none;
  display: block;
  overflow: visible;
}

.z, .why-work-text-wrp, .why-text-wrp {
  align-self: center;
}

.image-4 {
  display: block;
}

.amua-paralax {
  background-image: url('../images/dairy-aimer.jpg');
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 71vh;
}

.amua-bg-div {
  background-color: #cfe648;
  justify-content: center;
  align-items: center;
  height: 298px;
  display: flex;
}

.amua-bg-div.sd {
  background-color: var(--navigator_cons_green);
}

.challenge-rich-txt-amua {
  text-decoration: none;
}

.challenge-rich-txt-amua p {
  font-family: Archivo, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.5em;
}

.challenge-rich-txt-amua h2 {
  color: #2d481f;
  margin-bottom: 20px;
  font-family: Chakra Petch, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.amua-laptop {
  z-index: 0;
  width: 800px;
  position: relative;
  top: -206px;
}

.amua-mid-section {
  background-color: #2d481f;
  justify-content: center;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.amua-mid-section.ejourn_y {
  padding-top: 144px;
  padding-bottom: 50px;
}

.amua-mid-section.ejourn_y.reponsive {
  background-color: #dddcdb;
  width: 100%;
  display: none;
}

.amua-glow-wrp {
  border: 1px solid #cfe648;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 1px 11px -3px #cfe648;
}

.amua-video-block {
  background-color: #0000;
  border: 1px solid #cfe648;
  width: 80%;
  max-width: 1200px;
  height: auto;
  box-shadow: 1px 1px 16px -4px #cfe648;
}

.amua-paralax-01 {
  background-image: url('../images/1_amua-test-01.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 600px;
}

.fixbutt-wrp {
  background-color: #0000;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 20px;
  padding-right: 20px;
  position: fixed;
  inset: auto 0% 0%;
}

@media screen and (max-width: 991px) {
  .navigationbar-section {
    background-color: #000;
    height: 73px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .navbar {
    background-color: #0000;
  }

  .navlink2 {
    text-align: left;
    font-size: 40px;
    font-weight: 400;
    line-height: 56px;
  }

  .div-block-2 {
    width: 250px;
  }

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

  .heading-sub-heading.contact-heading {
    padding-bottom: 45px;
    font-family: Roboto, sans-serif;
    font-size: 50px;
    font-weight: 100;
    line-height: 60px;
  }

  .paragraph {
    text-align: center;
  }

  .paragraph.left-align-white {
    padding-left: 0;
    padding-right: 10px;
    font-size: 15px;
    line-height: 23px;
  }

  .container_footer {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .div_footer_heading {
    padding-left: 38px;
    padding-right: 38px;
  }

  .kreval-logo {
    margin-top: -6px;
  }

  .icon {
    opacity: 1;
    color: #fff;
    margin-top: -16px;
    margin-bottom: -16px;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: 400;
    display: none;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-button.nav-close-btn {
    clear: none;
    flex: 0 auto;
    align-self: auto;
    margin-top: -80px;
    padding: 0;
    position: relative;
  }

  .nav-menu {
    background-color: #000;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 126px;
    padding-bottom: 126px;
    padding-left: 12%;
    font-size: 20px;
    display: block;
  }

  .first-block-hero {
    height: 136px;
  }

  .sd-laptop-2x {
    width: 600px;
    top: -160px;
  }

  .section-the-challenge.ejourn_3x {
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 59px;
  }

  .section-the-challenge.sd {
    margin-top: 68px;
    margin-bottom: 68px;
  }

  .section-accordion-sd {
    padding: 40px 30px;
  }

  .section-white-board-ux, .section-solution {
    padding-left: 30px;
    padding-right: 30px;
  }

  .image-max-width {
    width: 100%;
    max-width: none;
  }

  .section-video {
    padding: 50px 30px;
  }

  .mid-section-div {
    padding: 54px 27px;
  }

  .div-block-17 {
    height: 70vh;
  }

  .section-ejourn-video {
    padding-left: 31px;
    padding-right: 31px;
  }

  .section-about-1 {
    padding-top: 49px;
    padding-bottom: 43px;
  }

  .about-grid-1 {
    grid-column-gap: 0px;
    grid-template-columns: 2.25fr 2.75fr;
  }

  .about-heading {
    margin-top: 6px;
    font-size: 96px;
  }

  .about-wrp {
    padding-top: 14px;
    padding-left: 21px;
    padding-right: 0;
  }

  .about-txt-wrp {
    padding-top: 0;
    padding-right: 2px;
  }

  .about-line {
    width: 159px;
    margin-top: -9px;
  }

  .about-line-divider {
    padding-top: 17px;
  }

  .about-us-us-div {
    padding-top: 10px;
    padding-left: 20px;
  }

  .about-year-txt {
    margin-bottom: 0;
  }

  .about-yr-wrp {
    padding-top: 29px;
    top: -11px;
  }

  .div-backtop-button {
    top: 85.7vh;
  }

  .div-navbar-menu-links {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .profile-pic {
    width: 100%;
  }

  .text-span {
    color: var(--indigo);
    font-weight: 400;
  }

  .hamburg-bar1 {
    border: 1px none var(--indigo);
    background-color: var(--dark-teal-green);
    width: 30px;
    height: 2px;
    margin-bottom: 7px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburg-bar1.middle-bar {
    border-color: var(--dark-teal-green);
    justify-content: center;
    align-items: center;
    width: 28px;
    margin-bottom: 7px;
    margin-left: 0;
    padding-left: 0;
    display: block;
  }

  .hamburg-bar1.middle-bar.close-mid-nav1x {
    opacity: 0;
    display: none;
  }

  .hamburg-bar1.closenav-bro-top {
    width: 40px;
    transform: translate(0, 10.5px)rotate(-40deg);
  }

  .hamburg-bar1.closenav-bro-bottom {
    width: 40px;
    transform: translate(0, 1px)rotate(40deg);
  }

  .right {
    margin-bottom: -73px;
    padding-left: 20px;
    top: 155px;
  }

  .grid-11 {
    grid-template-columns: 1fr;
    place-items: stretch stretch;
  }

  .centre-everything {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-34 {
    margin-right: 5%;
    padding-right: 0;
  }

  .v3-main-heading {
    font-size: 8.9em;
  }

  .main-grid-div-1 {
    height: auto;
  }

  .main-grid-div-2 {
    grid-template-columns: .5fr .5fr;
  }

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

  .grid_2_left-image {
    background-repeat: repeat;
    background-size: cover;
    height: 400px;
    margin-left: 40px;
  }

  .v3-verticle-text-1 {
    transform: translate(-68px, 312px)rotate(-90deg);
  }

  .v3-project-name-left {
    margin-left: 40px;
    font-size: 20px;
    line-height: 1.5em;
  }

  .grid_2-wrapper-box-right {
    display: none;
  }

  .outside-circle {
    top: 0%;
  }

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

  .grid_4_right-image {
    display: block;
  }

  .grid_4_right-image2 {
    height: 400px;
    margin-right: 40px;
  }

  .vertical-text-grid-4 {
    transform: translate(67px, -184px)rotate(90deg);
  }

  .v3-project-name-right {
    margin-right: 40px;
    font-size: 20px;
  }

  .why-work-with-khd-h1 {
    text-align: center;
    font-size: 35px;
  }

  .why-work-with-grid {
    grid-template-columns: .25fr 1fr;
  }

  .custom-design-icon-box {
    height: 230px;
  }

  .icon-wrapper-box {
    height: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .custom-design-icon-description {
    width: 100%;
    height: 200px;
  }

  .align-centre {
    background-color: #0000;
  }

  .icon-headings {
    font-size: 16px;
    line-height: 22px;
  }

  .background-video {
    width: 100%;
  }

  .section-bg-vid {
    display: none;
  }

  .vimeo-section {
    display: block;
    overflow: hidden;
  }

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

  .kreval-home-grid {
    justify-content: center;
    justify-items: center;
  }

  .create-value-headings {
    margin-left: 0;
    margin-right: 0;
    font-size: 5.6em;
    line-height: 1em;
  }

  .create-value-headings.left-align-heading {
    font-size: 5em;
  }

  .wrapper-fadein-effect1 {
    justify-content: center;
    display: flex;
  }

  .grid19__wrapper--div, .ux__wrapper {
    display: none;
  }

  .grid2__wrapper--touch {
    min-width: 225px;
    max-width: 270px;
    display: block;
  }

  .grid19__wrapper--touch {
    display: block;
  }

  .ux__wrapper--touch {
    padding-left: 20px;
    display: block;
  }

  .bringbrand_wrapper {
    display: none;
  }

  .bringbrand__wrapper--touch, .grid4__rightimage--touch, .grid__2--wrapper--touch {
    display: block;
  }

  .grid_3_left-image {
    background-repeat: repeat;
    background-size: cover;
    height: 400px;
    margin-left: 40px;
  }

  .main-grid-div-6 {
    height: auto;
  }

  .section-video_2 {
    padding: 50px 30px;
  }

  .evspaul-laptop {
    width: 600px;
    top: -160px;
  }

  .evespaulfirst-block-hero-copy {
    height: 136px;
  }

  .evespaul-mid-section {
    padding: 54px 27px;
  }

  .grid_2_left-image-copy {
    background-repeat: repeat;
    background-size: cover;
    height: 400px;
    margin-left: 40px;
  }

  .protag-first-block-hero {
    height: 136px;
  }

  .protag-mid-section-div {
    padding: 54px 27px;
  }

  .protag-backtop-button {
    top: 85.7vh;
  }

  .protagmid-section-div, .protag-mid-section, .protag-mid-section1 {
    padding: 54px 27px;
  }

  .aimer-farming-thumbnail-image {
    height: 400px;
    margin-right: 40px;
  }

  .thumbnail-aimer {
    background-repeat: repeat;
    background-size: cover;
    height: 400px;
    margin-left: 40px;
  }

  .innovative-thought-thumbnail-image-copy {
    height: 400px;
    margin-right: 40px;
  }

  .laptop-image-1 {
    width: 600px;
    top: -160px;
  }

  .it-mid-section {
    padding: 54px 27px;
  }

  .inn-first-block {
    height: 136px;
  }

  .it-mid-section-2 {
    padding: 54px 27px;
  }

  .it-section-the-challenge.ejourn_3x {
    margin-top: 0;
    margin-bottom: 5px;
    padding-bottom: 59px;
  }

  .it-section-the-challenge.sd {
    margin-top: 68px;
    margin-bottom: 68px;
  }

  .aimer-first-block-hero {
    height: 136px;
  }

  .aimer-farming-mid-section-div {
    padding: 54px 27px;
  }

  .aimer-backtop-button {
    top: 85.7vh;
  }

  .deli-digex-div {
    padding-right: 20px;
  }

  .amua-image-display {
    height: 400px;
    margin-right: 40px;
  }

  .amua-bg-div {
    height: 136px;
  }

  .amua-laptop {
    width: 600px;
    top: -160px;
  }

  .amua-mid-section {
    padding: 54px 27px;
  }
}

@media screen and (max-width: 767px) {
  .heading-sub-heading {
    font-size: 45px;
  }

  .paragraph {
    font-size: 1.5em;
  }

  .paragraph.left-align-white {
    padding-bottom: 15px;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.5em;
  }

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

  .container_footer {
    padding-bottom: 0;
  }

  .footer_heading_h1 {
    text-align: center;
    font-size: 45px;
    line-height: 58px;
  }

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

  .div_logo {
    align-items: flex-start;
    display: none;
  }

  .nav-on-footer {
    padding-left: 0;
    display: none;
  }

  .text-block-2 {
    padding-left: 10px;
    display: none;
  }

  .text-block-2.phone-numb-footer {
    padding-left: 10px;
  }

  .text-block-2.phone-numb-footer.project2x {
    padding-left: 0;
  }

  .text-block-2.insta2 {
    padding-left: 10px;
  }

  .text-block-2.insta2.about2x, .text-block-2.contact2x {
    padding-left: 0;
  }

  .contact_info.email_footer {
    padding-bottom: 20px;
  }

  .contact_info.phone_footer {
    padding-bottom: 20px;
    padding-left: 0;
  }

  .contact_info.insta-footer {
    margin-bottom: 13px;
    padding-left: 0;
  }

  .div-block-8 {
    width: 63px;
  }

  .menu-button {
    margin-top: 0%;
  }

  .email-footer-tag {
    display: block;
  }

  .phone-footer-tag {
    padding-left: 30px;
    padding-right: 11px;
  }

  .sd-laptop-2x {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mid-section-div.ejourn_y {
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .about-grid-1 {
    grid-template-rows: repeat(auto-fit, minmax(57px, 1fr));
    grid-template-columns: minmax(222px, 5fr);
    grid-auto-flow: row;
  }

  .about-wrp {
    display: none;
  }

  .about-txt-wrp {
    padding-left: 45px;
    padding-right: 45px;
  }

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

  .div-navbar-menu-links {
    justify-content: center;
    align-items: center;
  }

  .nav-line {
    display: flex;
  }

  .profile-pic {
    padding-right: 0;
  }

  .mobile-about-div {
    text-align: center;
    padding-left: 11px;
    padding-right: 11px;
    font-family: Roboto, sans-serif;
    display: block;
  }

  .heading-6 {
    color: var(--white);
    text-transform: uppercase;
    font-size: 67px;
    font-weight: 300;
    line-height: 65px;
  }

  .text-div {
    display: block;
  }

  .left {
    width: 100%;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .right {
    display: none;
    position: static;
  }

  .mobile-hidden-profile-image {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    display: block;
  }

  .div-mob-footer-menu {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 49px;
    display: flex;
  }

  .mobile-text-footer-menu {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding-left: 11px;
    padding-right: 11px;
    font-family: Roboto, sans-serif;
    font-size: 23px;
    font-weight: 300;
    text-decoration: none;
  }

  .grid-10 {
    place-items: stretch stretch;
  }

  .submit-button-2 {
    width: 45%;
  }

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

  .v3_main-heading-div {
    margin-bottom: 150px;
  }

  .v3-main-heading {
    text-align: center;
    font-size: 6em;
    line-height: .9em;
  }

  .v3-heading-sub-heading {
    text-align: center;
    font-size: 18px;
  }

  .main-grid-div-2 {
    grid-column-gap: 0px;
  }

  .main-grid-div-2.second-vertical-line {
    grid-template-columns: 1fr 1fr;
  }

  .main-grid-div-3 {
    background-color: #0000;
  }

  .main-grid-div-4 {
    background-color: #0000;
    height: auto;
  }

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

  .grid_2-wrapper-right {
    height: auto;
  }

  .grid_2_left-image {
    height: 470px;
    margin-left: 0;
  }

  .grid_2_left-image:hover {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .v3-verticle-text-1 {
    text-align: center;
    position: static;
    transform: translate(0)rotate(0);
  }

  .v3-project-name-left {
    text-align: center;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 25px;
  }

  .grid_2-wrapper-box-right {
    max-width: 100%;
  }

  .v3_gallery-description, .v3_gallery-description.right-align {
    text-align: center;
  }

  .v3-view-work-div {
    display: none;
  }

  .grid_2-descrition-right {
    border-top-width: 1px;
    border-top-color: var(--white-ransparency);
    border-bottom-color: var(--white-ransparency);
  }

  .grid_4 {
    grid-template-columns: 1.5fr;
  }

  .grid_4-wrapper-left, .grid_4-wrapper-right {
    background-color: #0000;
  }

  .grid_4_right-image2 {
    margin-right: 0;
  }

  .vertical-text-grid-4 {
    text-align: center;
    position: static;
    transform: translate(0)rotate(0);
  }

  .v3-project-name-right {
    text-align: center;
    margin-bottom: 0;
    margin-right: 0;
  }

  .why-work-with-khd-h1 {
    line-height: 56px;
  }

  .why-work-with-khd-div {
    text-align: center;
    line-height: 20px;
  }

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

  .custom-design-icon-box {
    border-right-style: solid;
    border-right-width: 1px;
    height: auto;
  }

  .icon-wrapper-box {
    border-top-style: solid;
    border-bottom-style: none;
    height: auto;
    padding-top: 20px;
  }

  .custom-design-icon-description {
    border-left: 1px solid var(--white-30-transparency);
    border-top-style: none;
    height: auto;
    padding-top: 10px;
  }

  .verticle-line-grid-mobile {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-62 {
    border-right: 1px solid var(--white-30-transparency);
    height: 100px;
  }

  .hero-paragraph.left-align-para, .hero-paragraph.right-align-para {
    text-align: center;
  }

  .create-value-headings {
    font-size: 4.4em;
  }

  .create-value-headings.left-align-heading, .create-value-headings.right-align-header {
    text-align: center;
  }

  .div-block-66 {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

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

  .text-block-wrp {
    width: 90vw;
  }

  .grid2__wrapper--touch {
    max-width: 100%;
  }

  .lottie__wrapper--2 {
    display: none;
  }

  .grid__2--wrapper--touch {
    max-width: 100%;
  }

  .main-grid-div-5 {
    background-color: #0000;
  }

  .grid_3_left-image {
    height: 470px;
    margin-left: 0;
  }

  .grid_3_left-image:hover {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .evspaul-laptop {
    padding-left: 24px;
    padding-right: 24px;
  }

  .evespaul-mid-section.ejourn_y {
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .grid_2_left-image-copy {
    height: 470px;
    margin-left: 0;
  }

  .grid_2_left-image-copy:hover {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .protag-mid-section-div.ejourn_y, .protagmid-section-div.ejourn_y, .protag-mid-section.ejourn_y, .protag-mid-section1.ejourn_y {
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .aimer-farming-thumbnail-image {
    margin-right: 0;
  }

  .thumbnail-aimer {
    height: 470px;
    margin-left: 0;
  }

  .thumbnail-aimer:hover {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .innovative-thought-thumbnail-image-copy {
    margin-right: 0;
  }

  .laptop-image-1 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .it-mid-section.ejourn_y, .it-mid-section-2.ejourn_y, .aimer-farming-mid-section-div.ejourn_y {
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .amua-image-display {
    margin-right: 0;
  }

  .amua-laptop {
    padding-left: 24px;
    padding-right: 24px;
  }

  .amua-mid-section.ejourn_y {
    padding-top: 57px;
    padding-bottom: 57px;
  }
}

@media screen and (max-width: 479px) {
  .navigationbar-section {
    padding: 0;
  }

  .navbar {
    background-color: var(--dark-black);
    width: 100%;
    height: 72px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .navlink2 {
    font-size: 34px;
    line-height: 43px;
  }

  .heading-sub-heading {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Roboto, sans-serif;
    font-size: 28px;
    font-weight: 500;
  }

  .heading-sub-heading.contact-heading {
    font-size: 32px;
    line-height: 40px;
  }

  .paragraph {
    text-align: left;
    font-family: Roboto, sans-serif;
    font-weight: 300;
  }

  .paragraph.left-align {
    font-size: 1.2em;
    line-height: 25px;
  }

  .paragraph.left-align-white {
    font-size: 1.1em;
    line-height: 1.5em;
  }

  .container_footer {
    padding-top: 24px;
    padding-bottom: 0;
  }

  .footer_heading_h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 40px;
  }

  .div_footer_heading {
    padding: 36px 0;
  }

  .nav-on-footer {
    text-align: left;
    padding-bottom: 14px;
    display: flex;
  }

  .text-block-2, .contact_info.email_footer.w--current {
    display: none;
  }

  .kreval-logo {
    max-width: 90%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .menu-button {
    margin-top: 2%;
    margin-right: 0;
    padding: 6px 10px 0;
    position: relative;
    top: 0;
    right: 0%;
  }

  .first-block-hero {
    height: 65px;
  }

  .sd-laptop-2x {
    top: -85px;
    bottom: -85px;
  }

  .section-the-challenge.ejourn_3x {
    margin-left: 17px;
    margin-right: 17px;
  }

  .about-sub-head {
    font-size: 34px;
  }

  .about-sub-head.solution {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-solution {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-15 {
    padding-bottom: 20px;
  }

  .mid-section-div.ejourn_y {
    padding: 18px 0;
  }

  .div-block-17 {
    background-size: auto;
  }

  .container-2 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: block;
  }

  .section-ejourn-video {
    padding-left: 0;
    padding-right: 0;
  }

  .list {
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
  }

  .hekupu-testimonial {
    padding: 24px 20px;
  }

  .section-about-1 {
    display: block;
  }

  .about-txt-wrp {
    padding-left: 13px;
    padding-right: 13px;
  }

  .nav-line {
    display: none;
  }

  .heading-6 {
    margin-top: 0;
    font-size: 60px;
    line-height: 59px;
  }

  .hamburg-bar1 {
    width: 30px;
    margin-top: 9px;
    margin-bottom: 7px;
  }

  .hamburg-bar1.middle-bar {
    width: 30px;
  }

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

  .section-the-process-2021 {
    display: block;
  }

  .mobile-hidden-profile-image {
    padding-left: 0%;
    padding-right: 0%;
  }

  .mobile-text-footer-menu {
    font-size: 18px;
  }

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

  .section-2 {
    display: block;
  }

  .form-fields-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .submit-button-2 {
    border: 1px solid var(--white-ransparency);
    background-color: var(--dark-black);
    letter-spacing: 2px;
    width: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 100;
  }

  .submit-button-2:hover {
    background-color: var(--indigo);
  }

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

  .form-field-text, .text-field-2, .text-field-3 {
    border: 1px solid var(--white-ransparency);
    background-color: var(--dark-black);
    border-radius: 0;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .textarea {
    border: 1px solid var(--white);
    background-color: var(--dark-black);
    height: auto;
  }

  .textarea.message-area-2 {
    border-color: var(--white-ransparency);
    border-radius: 0;
    height: 150px;
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .form-2 {
    color: var(--white);
    height: auto;
    font-family: Roboto, sans-serif;
    font-weight: 300;
  }

  .recaptcha {
    margin-top: 27px;
    margin-bottom: 27px;
  }

  .send-captch-div {
    text-align: left;
    display: block;
  }

  .container-black-v2 {
    border-left-style: none;
    border-right-style: none;
    padding-left: 0;
    padding-right: 0;
  }

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

  .v3_main-heading-div {
    margin-bottom: 117px;
  }

  .v3-main-heading {
    letter-spacing: 3px;
    font-size: 3.5em;
    line-height: 1em;
  }

  .v3-heading-sub-heading {
    font-size: 16px;
  }

  .grid_2_left-image {
    height: 220px;
  }

  .v3-project-name-left {
    font-size: 18px;
    font-weight: 500;
  }

  .grid_4_right-image2 {
    height: 220px;
  }

  .why-work-with-khd-h1 {
    font-size: 26px;
    line-height: 40px;
  }

  .why-work-with-khd-div {
    background-color: #0000;
  }

  .why-work-with-grid {
    grid-template-columns: 1fr;
  }

  .background-video {
    width: 100vw;
    position: static;
    inset: 0% 0% auto;
  }

  .create-value-headings {
    font-size: 3.8em;
  }

  .create-value-headings.left-align-heading {
    font-size: 4em;
  }

  .grid_3_left-image {
    height: 220px;
  }

  .evspaul-laptop {
    top: -85px;
    bottom: -85px;
  }

  .evespaulfirst-block-hero-copy {
    height: 65px;
  }

  .evespaul-mid-section.ejourn_y {
    padding: 18px 0;
  }

  .grid_2_left-image-copy {
    height: 220px;
  }

  .protag-first-block-hero {
    height: 65px;
  }

  .protag-mid-section-div.ejourn_y, .protagmid-section-div.ejourn_y, .protag-mid-section.ejourn_y, .protag-mid-section1.ejourn_y {
    padding: 18px 0;
  }

  .aimer-farming-thumbnail-image, .thumbnail-aimer, .innovative-thought-thumbnail-image-copy {
    height: 220px;
  }

  .laptop-image-1 {
    top: -85px;
    bottom: -85px;
  }

  .it-mid-section.ejourn_y {
    padding: 18px 0;
  }

  .inn-first-block {
    height: 65px;
  }

  .it-mid-section-2.ejourn_y {
    padding: 18px 0;
  }

  .it-section-the-challenge.ejourn_3x {
    margin-left: 17px;
    margin-right: 17px;
  }

  .aimer-first-block-hero {
    height: 65px;
  }

  .aimer-farming-mid-section-div.ejourn_y {
    padding: 18px 0;
  }

  .emty-div {
    display: block;
  }

  .amua-image-display {
    height: 220px;
  }

  .amua-bg-div {
    height: 65px;
  }

  .amua-laptop {
    top: -85px;
    bottom: -85px;
  }

  .amua-mid-section.ejourn_y {
    padding: 18px 0;
  }
}

#w-node-f95fe294-ac92-5cca-46c6-4af971d3274d-ea4a8521 {
  place-self: center;
}

#w-node-a9c8ccef-ecf8-e144-a0ce-8c6bafa1489b-ea4a8521 {
  place-self: center end;
}

#w-node-_13c213f4-ac12-4083-8026-946a4d809898-ea4a8521 {
  place-self: center;
}

#w-node-b95f5bea-ae41-e326-9218-d23bfc4d03ba-ea4a8521 {
  place-self: center end;
}

#w-node-c2c49f97-231b-dcb7-e458-3700e29e03fa-ea4a8521 {
  place-self: center;
}

#w-node-eed755f7-e528-cd49-2a55-ee43b9a01561-ea4a8521 {
  justify-self: center;
}

#w-node-_42193165-e37e-73c8-b63c-de0b373ca2d0-fca94815 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_4120e169-b4d8-e2b7-4704-231af510efd4-ea4a8521 {
    place-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a9c8ccef-ecf8-e144-a0ce-8c6bafa1489b-ea4a8521, #w-node-b95f5bea-ae41-e326-9218-d23bfc4d03ba-ea4a8521 {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.eot') format('embedded-opentype'), url('../fonts/fa-solid-900.woff') format('woff'), url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.eot') format('embedded-opentype'), url('../fonts/fa-brands-400.woff') format('woff'), url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.eot') format('embedded-opentype'), url('../fonts/fa-regular-400.woff') format('woff'), url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}