:root {
  --black: #000;
  --lynch: #6e889c;
  --white: white;
  --cactus: #567952;
  --dusty-gray: #979797;
  --wild-sand: #f7f7f7;
  --cod-gray: #161616;
  --galery: #ececec;
  --nero-0-2: #fff3;
  --silver: #cacaca;
  --shark: #212529f2;
  --black-12-5: #0000001f;
  --white-2: white;
  --black-2: black;
}

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

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

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

.brand {
  float: left;
  width: 45px;
  height: 42px;
  margin-top: 8px;
}

.headersection {
  height: 360px;
  margin-top: 120px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  line-height: 1.6em;
}

.leftside {
  float: left;
  flex-flow: wrap;
  grid-template-rows: auto auto auto;
  grid-template-columns: .7fr 1.3fr;
  grid-auto-columns: 1fr;
  place-items: flex-start start;
  width: 50%;
  height: 340px;
  margin-top: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
}

.rightside {
  float: right;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center flex-start;
  place-items: flex-start stretch;
  width: 47%;
  height: 340px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.headercontainer {
  justify-content: center;
  max-width: 1100px;
  display: block;
}

.headercontainer.paddingc {
  padding-left: 15px;
  padding-right: 15px;
}

.logo {
  float: left;
  width: 150px;
  margin-right: 20px;
}

.heroheading {
  color: var(--black);
  margin-top: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}

.button {
  background-color: var(--lynch);
  color: var(--white);
  text-align: center;
  border-radius: 3px;
  width: 150px;
  height: 40px;
  margin-top: 60px;
  margin-right: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.button.cactus {
  background-color: var(--cactus);
}

.button.cactus.tool {
  margin-left: auto;
  margin-right: auto;
}

.button.btnviewmore {
  float: right;
  margin-right: 0;
  position: absolute;
  inset: auto 0% 0% auto;
}

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

.divblockimg1 {
  background-image: url('../images/26_1.avif');
  background-position: 0 0;
  background-size: cover;
  border-top-left-radius: 7px;
  width: 55%;
  height: 150px;
}

.divblockimg2 {
  background-image: url('../images/17_1.avif');
  background-position: 0 0;
  background-size: cover;
  border-top-right-radius: 7px;
  width: 44%;
  height: 150px;
}

.divblockimg4 {
  background-image: url('../images/21_1.avif');
  background-position: 0 0;
  background-size: cover;
  border-bottom-right-radius: 7px;
  width: 55%;
  height: 150px;
  margin-top: 4px;
}

.divblockimg3 {
  background-image: url('../images/4_1.avif');
  background-position: 0 0;
  background-size: cover;
  border-bottom-left-radius: 7px;
  width: 44%;
  height: 150px;
  margin-top: 4px;
}

.headerparagraph {
  color: var(--dusty-gray);
  font-size: 13px;
  line-height: 1.6;
}

.heroparagraph {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  line-height: 1.6;
  display: flex;
}

.body {
  font-family: Montserrat, sans-serif;
  line-height: 1.6;
}

.newssection {
  background-color: var(--wild-sand);
  padding: 40px 20px;
}

.newsheroimage {
  vertical-align: top;
  border-radius: 4px;
  width: 42%;
  height: 100%;
  position: absolute;
}

.h1 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}

.h1.center {
  text-align: center;
  text-transform: uppercase;
}

.projectssection {
  text-align: center;
  height: auto;
  padding: 40px 20px;
}

.paragraph {
  color: var(--dusty-gray);
  height: 20px;
  margin-bottom: 0;
  padding: 12px;
  font-size: 13px;
}

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

.slider {
  background-color: var(--white);
  width: 70%;
  height: 80px;
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
}

.right-arrow, .left-arrow {
  color: var(--dusty-gray);
  font-size: 18px;
}

.slide-nav {
  display: none;
}

.sliderparagraph {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--cactus);
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  width: 400px;
  height: 70px;
  margin: 12px auto;
  display: flex;
}

.contactsection {
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.contactleftside {
  float: left;
  height: 200px;
  padding-left: 30px;
}

.contactrightside {
  float: right;
  text-align: right;
  height: 140px;
  padding-right: 60px;
  line-height: 2.6;
}

.contactlogo {
  float: left;
  width: 150px;
}

.contactparagraph {
  float: right;
  color: var(--dusty-gray);
  width: 276px;
  margin: 12px;
  font-size: 13px;
  line-height: 2.8;
}

.footerparagraph {
  color: var(--black);
  text-align: center;
  margin: 12px;
  padding: 4px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 1.6;
}

.navbarmk {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 12px 16px;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 1px 6px #39494c59;
}

.navcontainermk {
  max-width: 1200px;
  position: relative;
}

.nav-menumk {
  font-family: Montserrat, sans-serif;
  display: flex;
  position: absolute;
  inset: 0% 6% 0% auto;
}

.navlinkmk {
  color: var(--black);
  padding-left: 24px;
  padding-right: 24px;
}

.navlinkmk:hover {
  color: var(--dusty-gray);
}

.navlinkmk.w--current {
  color: var(--cactus);
  font-weight: 600;
}

.navbaren {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 12px 16px;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 1px 6px #39494c59;
}

.navcontaineren {
  background-color: var(--white);
  align-self: stretch;
  max-width: 1200px;
  position: relative;
}

.nav-menuen {
  font-family: Montserrat, sans-serif;
  display: flex;
  position: absolute;
  inset: 0% 6% 0% auto;
}

.navlinken {
  color: var(--black);
  padding-left: 24px;
  padding-right: 24px;
}

.navlinken:hover {
  color: var(--dusty-gray);
}

.navlinken.w--current {
  color: var(--cactus);
  font-weight: 600;
}

.footermkd, .footereng {
  border-top: 1px solid var(--galery);
  height: 60px;
}

.aboutuspagesection {
  color: var(--black);
  margin-top: 80px;
  padding: 20px 10px 32px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.headingpage {
  text-align: center;
  height: 38px;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
}

.underline {
  background-color: var(--lynch);
  width: 35px;
  height: 2px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.paragraphcontent {
  color: var(--dusty-gray);
  text-align: justify;
  margin: 12px;
  font-size: 14px;
  line-height: 21px;
}

.paragraphcontent.paddingp {
  padding-top: 49px;
}

.paragraphcontent.textcenter {
  text-align: center;
  margin-top: 30px;
}

.paragraphcontent.paddingpdown {
  padding-bottom: 20px;
}

.h5content {
  margin: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.h5content.h5paddingup {
  padding-top: 40px;
}

.h5content.h5paddingdown {
  padding-bottom: 20px;
}

.list {
  color: var(--cactus);
  margin-bottom: 0;
  padding-left: 12px;
  font-size: 13px;
}

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

.newspagesection {
  margin-top: 80px;
  padding: 20px;
  font-family: Montserrat, sans-serif;
}

.news_wrapper {
  text-align: center;
  padding: 20px 10px;
}

.newsimg {
  border-radius: 8px;
  box-shadow: 0 0 15px 1px #0000004d;
}

.newsimg.smallernewsimg {
  width: 400px;
  margin: 20px;
}

.newsimg.middlenewsimg {
  width: 720px;
  margin: 20px auto;
}

.gallerypagesection {
  margin-top: 80px;
  padding: 20px 10px;
  font-family: Montserrat, sans-serif;
}

.gallerygrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 20px;
}

.galleryimg {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 252px;
}

.galleryimg.heroparagraph-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  line-height: 1.6;
  display: flex;
}

.lightbox-link {
  width: 366px;
  height: 252px;
  margin-bottom: 1rem;
  padding-left: 15px;
  padding-right: 15px;
}

.projectspagesection {
  margin-top: 80px;
  padding: 20px 10px;
  font-family: Montserrat, sans-serif;
  line-height: 1.6;
}

.contactinfo {
  text-align: center;
  justify-content: flex-start;
  margin-top: 100px;
  padding-bottom: 10px;
  display: flex;
}

.contactpagesection {
  height: 90vh;
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}

.contactinfo_img {
  width: 120px;
  margin-bottom: 10px;
}

.contactinfo_h5 {
  margin-top: 20px;
  margin-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.6;
}

.info {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 45%;
  display: flex;
}

.h3 {
  color: var(--black);
  margin-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

.h4 {
  color: var(--cod-gray);
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
}

.projectssubheader {
  color: var(--dusty-gray);
  margin-bottom: 0;
  padding: 12px;
}

.linkblockmkd {
  align-self: center;
  margin-right: 4px;
}

.linkblockmkd.w--current {
  margin-right: 4px;
}

.linkblockeng {
  align-self: center;
}

.toolsection {
  background-color: var(--wild-sand);
  padding: 40px 20px;
}

.toolwrap {
  text-align: center;
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}

.contacitinfo {
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
}

.contactdetail {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.6;
}

.btnwrap {
  width: 100%;
  display: flex;
}

.newscontainer {
  justify-content: center;
  max-width: 1100px;
  height: auto;
  display: block;
  position: relative;
}

.projectscontainer, .toolscontainer {
  justify-content: center;
  max-width: 1100px;
  display: block;
}

.contactcontainer {
  justify-content: center;
  max-width: 1200px;
  display: block;
}

.gallerycontainer {
  justify-content: center;
  max-width: 1100px;
  display: block;
}

.gallerycontainer.paddingc {
  padding-left: 15px;
  padding-right: 15px;
}

.languagewrap {
  justify-content: center;
  padding-top: 10px;
  display: flex;
  position: absolute;
  inset: 0% 1% 0% auto;
}

.toolpagesection {
  color: var(--black);
  height: 90vh;
  margin-top: 60px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.toolwrappage {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.textspan {
  color: var(--cactus);
  font-weight: 700;
}

.newsgrid1 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr .73fr;
}

.newsgrid2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .73fr;
}

.newsgrid3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1.2fr;
}

.newsgrid4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.newsgrid5 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
}

.newsgrid6 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .86fr 1.2fr;
}

.newsgrid7 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.07fr .86fr .92fr;
  margin-top: 40px;
}

.hyperlink {
  color: var(--cactus);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.hyperlink.border {
  border-bottom: 2px solid #0000;
  font-weight: 600;
}

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

.newsgrid9 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.35fr .61fr;
}

.newsgrid10 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.24fr .8fr .8fr;
}

.newsgrid11 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr 1fr 1fr;
}

.newsgrid12 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .7fr;
}

.newshomeparagraph {
  color: var(--dusty-gray);
  text-align: justify;
  margin-top: 20px;
  font-size: 13px;
}

.newshomewrap {
  height: 275px;
  display: flex;
  position: relative;
}

.newshomecontent {
  width: 50%;
  height: 264px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.h1-heronews {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}

.h1-heronewsmobile {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
}

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

.h1-heronewsmobile.center.top {
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.mapembeded {
  justify-content: center;
  align-self: center;
  width: 55%;
  display: flex;
  overflow: hidden;
}

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

.newsgrid14 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .54fr;
  margin-top: 40px;
}

.newsgrid15 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1.25fr;
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .headersection {
    text-align: center;
    height: auto;
  }

  .leftside {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .rightside {
    width: 86%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .headercontainer {
    flex-flow: column;
    display: flex;
  }

  .logo {
    width: 140px;
    height: auto;
    margin-right: 0;
  }

  .heroheading {
    margin-top: 10px;
  }

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

  .button.cactus.tool {
    margin-top: 40px;
  }

  .button.btnviewmore {
    align-self: center;
    margin-top: 40px;
    margin-right: 0;
    position: static;
  }

  .button.mpmarginbtn {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .divblockimg1, .divblockimg2, .divblockimg4, .divblockimg3 {
    height: 160px;
  }

  .headerparagraph {
    margin-top: 10px;
    padding-left: 60px;
    padding-right: 60px;
    font-size: 14px;
  }

  .newssection {
    text-align: center;
    height: auto;
    padding-bottom: 10px;
  }

  .newsheroimage {
    align-self: center;
    width: 60%;
    position: static;
  }

  .h1 {
    margin-bottom: 0;
  }

  .projectssection {
    height: auto;
  }

  .mask {
    width: 80%;
  }

  .slider {
    width: 80%;
    height: auto;
  }

  .sliderparagraph {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .contactsection {
    text-align: center;
  }

  .contactleftside {
    flex-flow: column;
    align-items: center;
    width: 80%;
    height: auto;
    margin-top: 20px;
    padding-left: 0;
    display: flex;
  }

  .contactrightside {
    text-align: center;
    width: 80%;
    height: auto;
    padding-right: 0;
  }

  .contactlogo {
    width: 130px;
  }

  .contactparagraph {
    width: 90%;
  }

  .navbarmk {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
  }

  .nav-menumk {
    background-color: var(--cod-gray);
    height: 100%;
    padding-top: 40px;
    position: absolute;
    inset: 0%;
  }

  .navlinkmk {
    color: var(--wild-sand);
    text-align: center;
    margin-top: 10px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
  }

  .navlinkmk.w--current {
    color: var(--cactus);
  }

  .navbaren {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
  }

  .navcontaineren {
    padding-left: 0;
  }

  .nav-menuen {
    background-color: var(--cod-gray);
    height: 100%;
    padding-top: 40px;
    inset: 0%;
  }

  .navlinken {
    color: var(--wild-sand);
    text-align: center;
    margin-top: 10px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
  }

  .navlinken.w--current {
    color: var(--cactus);
  }

  .paragraphcontent {
    font-size: 13px;
  }

  .newspagesection {
    padding-top: 0;
  }

  .newsimg.smallernewsimg {
    width: 340px;
  }

  .newsimg.middlenewsimg {
    width: 600px;
  }

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

  .lightbox-link {
    padding-left: 0;
  }

  .contactinfo_img {
    width: 100px;
  }

  .contactinfo_h5 {
    margin-bottom: 40px;
  }

  .info {
    width: 40%;
  }

  .toolwrap {
    width: 90%;
  }

  .btnwrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    display: flex;
  }

  .projectscontainer {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .toolscontainer {
    flex-flow: column;
    display: flex;
  }

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

  .slide1 {
    text-align: justify;
    vertical-align: text-top;
  }

  .gallerycontainer {
    flex-flow: column;
    display: flex;
  }

  .languagewrap {
    margin-right: 40px;
    padding-top: 0;
    right: 4%;
  }

  .menubutton, .menubutton:active {
    background-color: var(--white);
  }

  .lottieicon {
    background-color: var(--white);
    justify-content: center;
    width: 24px;
    height: 24px;
    display: flex;
    transform: scale(3);
  }

  .toolwrappage {
    width: 90%;
  }

  .newsgrid1, .newsgrid2, .newsgrid3, .newsgrid4, .newsgrid5, .newsgrid6, .newsgrid7 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hyperlink {
    font-size: 13px;
  }

  .newsgrid8, .newsgrid9, .newsgrid10, .newsgrid11, .newsgrid12 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .newshomeparagraph {
    width: 90%;
    height: auto;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .newshomewrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    height: auto;
    margin-top: 60px;
  }

  .newshomecontent {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }

  .h1-heronews {
    margin-bottom: 0;
    display: none;
  }

  .h1-heronewsmobile {
    margin-bottom: 0;
  }

  .h1-heronewsmobile.center.top {
    display: block;
  }

  .mapembeded {
    width: 60%;
  }

  .newsgrid13, .newsgrid14, .newsgrid15 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}

@media screen and (max-width: 767px) {
  .brand {
    width: 40px;
    height: auto;
    margin-top: 12px;
    margin-left: 12px;
    padding-left: 0;
  }

  .leftside {
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .rightside {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    width: 90%;
  }

  .logo {
    width: 100px;
  }

  .heroheading {
    font-size: 20px;
  }

  .button {
    font-size: 13px;
  }

  .button.btnviewmore {
    margin-top: 30px;
  }

  .divblockimg1, .divblockimg4 {
    width: 50%;
  }

  .headerparagraph {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
  }

  .newssection {
    padding-bottom: 40px;
  }

  .newsheroimage {
    width: 70%;
  }

  .h1 {
    font-size: 20px;
  }

  .projectssection {
    height: auto;
  }

  .paragraph {
    width: 90%;
    margin: 20px auto;
  }

  .slider {
    width: 100%;
  }

  .sliderparagraph {
    font-size: 13px;
  }

  .navbarmk {
    padding-left: 4px;
    padding-right: 4px;
  }

  .navcontainermk {
    background-color: var(--white);
    padding-left: 0;
  }

  .nav-menumk {
    background-color: var(--cod-gray);
    height: 100%;
    padding-top: 20px;
    inset: 0%;
  }

  .navlinkmk {
    color: var(--wild-sand);
    text-align: center;
    margin-top: 10px;
    padding: 10px 14px;
    font-size: 12px;
    line-height: 22px;
  }

  .navlinkmk.w--current {
    color: var(--cactus);
  }

  .navbaren {
    padding-left: 4px;
    padding-right: 4px;
  }

  .navcontaineren {
    padding-left: 0;
  }

  .nav-menuen {
    background-color: var(--cod-gray);
    height: 100%;
    padding-top: 20px;
    display: block;
    inset: 0%;
  }

  .navlinken {
    color: var(--wild-sand);
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 22px;
  }

  .navlinken.w--current {
    color: var(--cactus);
  }

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

  .underline {
    margin-bottom: 20px;
  }

  .paragraphcontent {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
  }

  .paragraphcontent.paddingp {
    padding-top: 20px;
  }

  .h5content {
    margin-left: 0;
    margin-right: 0;
    font-size: 13px;
  }

  .h5content.h5paddingup {
    padding-top: 20px;
  }

  .list {
    font-size: 12px;
  }

  .news_wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .newsimg {
    width: 96%;
  }

  .newsimg.smallernewsimg {
    width: 260px;
  }

  .newsimg.middlenewsimg {
    width: 400px;
  }

  .gallerygrid {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    justify-items: center;
  }

  .galleryimg {
    height: auto;
    max-height: 320px;
  }

  .lightbox-link {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

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

  .contactpagesection {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contactinfo_img {
    width: 80px;
  }

  .contactinfo_h5 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 600;
  }

  .info {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .h3, .h4 {
    font-size: 12px;
  }

  .projectssubheader {
    font-size: 13px;
  }

  .toolwrap {
    width: 100%;
    padding: 20px;
  }

  .btnwrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .languagewrap {
    margin-right: 50px;
    padding-top: 0;
    padding-bottom: 4px;
  }

  .menubutton, .menubutton.w--open:focus {
    background-color: var(--white);
  }

  .lottieicon {
    justify-content: center;
    display: flex;
    transform: scale(3);
  }

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

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

  .newsgrid1, .newsgrid2, .newsgrid3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .newsgrid4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

  .newsgrid5, .newsgrid6 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .newsgrid7 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

  .hyperlink {
    font-size: 12px;
  }

  .newsgrid8, .newsgrid9, .newsgrid10, .newsgrid11, .newsgrid12 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .newshomeparagraph {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .newshomecontent {
    height: auto;
    padding-top: 10px;
  }

  .h1-heronewsmobile {
    font-size: 20px;
  }

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

  .newsgrid14 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

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

@media screen and (max-width: 479px) {
  .leftside {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .rightside {
    flex-flow: wrap;
    place-content: flex-start center;
    align-items: flex-start;
  }

  .logo {
    width: 100px;
    height: 100px;
  }

  .heroheading {
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
  }

  .button {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    line-height: 2;
  }

  .button.cactus {
    font-size: 12px;
  }

  .button.btnviewmore {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .button.mpmarginbtn {
    margin-top: 20px;
  }

  .divblockimg1 {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 100%;
    height: 240px;
  }

  .divblockimg2 {
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 100%;
    height: 240px;
  }

  .divblockimg4 {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 100%;
    height: 240px;
    margin-top: 0;
  }

  .divblockimg3 {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    width: 100%;
    height: 240px;
    margin-top: 0;
  }

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

  .newssection {
    margin-bottom: 20px;
  }

  .newsheroimage {
    width: 90%;
  }

  .projectssection {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .paragraph {
    width: 100%;
    height: auto;
    line-height: 1.5;
  }

  .mask {
    width: 100%;
  }

  .slider {
    margin-top: 10px;
  }

  .right-arrow, .left-arrow {
    width: 10%;
  }

  .sliderparagraph {
    text-align: center;
    width: 80%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
  }

  .contactlogo {
    width: 100px;
  }

  .contactparagraph {
    line-height: 1.6;
  }

  .navbarmk {
    width: 100%;
  }

  .headingpage {
    height: auto;
  }

  .paragraphcontent {
    text-align: center;
    width: 100%;
  }

  .paragraphcontent.paddingp {
    padding-top: 20px;
  }

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

  .h5content, .h5content.h5paddingup {
    margin-left: 6px;
    margin-right: 6px;
  }

  .list {
    padding-left: 6px;
  }

  .news_wrapper {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .newsimg {
    width: 100%;
    max-height: 400px;
  }

  .newsimg.thinnerimg {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .galleryimg {
    min-height: 200px;
    max-height: 260px;
  }

  .contactinfo {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-top: 60px;
  }

  .contactpagesection {
    height: auto;
    margin-top: 60px;
  }

  .contactinfo_h5 {
    margin-bottom: 20px;
  }

  .info {
    width: 100%;
  }

  .toolsection {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contacitinfo {
    font-size: 13px;
    line-height: 2;
  }

  .contactdetail {
    font-size: 12px;
  }

  .btnwrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .slide1 {
    vertical-align: text-top;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .languagewrap {
    margin-right: 55px;
  }

  .toolpagesection {
    height: auto;
    padding-bottom: 20px;
  }

  .newsgrid1 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.3fr;
  }

  .newsgrid2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.2fr;
  }

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

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

  .newsgrid5, .newsgrid6 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .newsgrid7, .newsgrid8 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .newsgrid9, .newsgrid10 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .newsgrid11 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: .75fr;
  }

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

  .newshomeparagraph {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .newshomecontent {
    height: auto;
    padding-top: 20px;
  }

  .h1-heronews {
    font-size: 19px;
  }

  .mapembeded {
    width: 100%;
  }

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

  .newsgrid14 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.4fr;
    grid-auto-flow: column;
  }

  .newsgrid15 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
}

#w-node-_88c178ac-50a4-c2a2-5c87-6e251f983c2b-c936781d {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_9f2eec10-2715-1c0c-5cb7-f5b43677fb3b-c936781d {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-c0a33ce1-8ece-2feb-3a85-2ab116319ab1-c936781d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_96fc5bdf-3bd6-3c95-8cd1-34f19135ef16-c936781d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-_31bb047a-7919-51d2-f979-fd45bb77e7f9-c9367854 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-a7f7cd2e-da80-1f0b-bd91-f5b876447ea2-c9367854 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_0e712464-4467-b3ec-fff7-07eea80212a2-c9367854 {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-_73e1fdd2-61a9-a238-c3c1-cf0cb5d2cd71-c9367854 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-a2bbac9c-4444-e8e6-7c90-ae0b2e87f707-c9367854 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_8503a021-92a9-6a87-010d-99359a1419b7-c9367858 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_8503a021-92a9-6a87-010d-99359a1419b9-c9367858 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_8503a021-92a9-6a87-010d-99359a1419bc-c9367858 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8503a021-92a9-6a87-010d-99359a1419bf-c9367858 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: end;
}

#w-node-d7a04e5e-931b-3364-91be-1184b6efd732-c936785a {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-d7a04e5e-931b-3364-91be-1184b6efd733-c936785a {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-d7a04e5e-931b-3364-91be-1184b6efd734-c936785a {
  grid-area: 2 / 3 / 3 / 5;
}

#w-node-_1a0814c5-7f1b-16fa-dfe5-4877b94e5b25-c936785a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_1a0814c5-7f1b-16fa-dfe5-4877b94e5b26-c936785a {
  grid-area: 1 / 3 / 2 / 4;
}

@media screen and (max-width: 479px) {
  #w-node-_070b343f-984f-31bb-8c8b-6bf2a2fb0091-c9367854, #w-node-_070b343f-984f-31bb-8c8b-6bf2a2fb0092-c9367854, #w-node-_070b343f-984f-31bb-8c8b-6bf2a2fb0093-c9367854, #w-node-_31bb047a-7919-51d2-f979-fd45bb77e7f9-c9367854, #w-node-a7f7cd2e-da80-1f0b-bd91-f5b876447ea2-c9367854, #w-node-_0e712464-4467-b3ec-fff7-07eea80212a2-c9367854 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_73e1fdd2-61a9-a238-c3c1-cf0cb5d2cd71-c9367854, #w-node-a2bbac9c-4444-e8e6-7c90-ae0b2e87f707-c9367854 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0eadc6d6-b8eb-2382-bbd4-c99b6afbd487-c936785a, #w-node-b56bccb0-f31c-55df-a72c-bea2f821e056-c936785a, #w-node-_18ed272d-3323-265e-17dc-66073d2c7df8-c936785a, #w-node-d7a04e5e-931b-3364-91be-1184b6efd732-c936785a, #w-node-d7a04e5e-931b-3364-91be-1184b6efd733-c936785a, #w-node-d7a04e5e-931b-3364-91be-1184b6efd734-c936785a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1a0814c5-7f1b-16fa-dfe5-4877b94e5b25-c936785a, #w-node-_1a0814c5-7f1b-16fa-dfe5-4877b94e5b26-c936785a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}