:root {
  --white-smoke: #ebebeb;
  --royal-blue: #0063d5;
  --yellow: #feeb53;
  --medium-purple: #a696f7;
  --aquamarine: #0fe9c1;
}

body {
  color: #333;
  background-color: #dfdfdf;
  background-image: url('../images/bg.png'), radial-gradient(circle closest-corner, #fff 22%, #fff 51%, #c3dae9);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
  font-family: Faktum, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.container {
  max-width: 75%;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 79px;
  display: flex;
}

.grid {
  grid-column-gap: 17px;
  grid-row-gap: 18px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.divbob {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border: 1px solid rgba(106, 126, 136, .25);
  border-radius: 25px;
  box-shadow: 0 0 50px 25px rgba(0, 0, 0, .06);
}

.div-block {
  width: 65px;
  height: 65px;
  background-color: #dfefff;
  border: 1.5px solid rgba(0, 116, 226, .35);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin: 12px auto 10px;
  padding-bottom: 0;
  display: flex;
  box-shadow: 0 0 35px 15px rgba(0, 131, 255, .1);
}

.div-block.engineers---technicians {
  background-color: #dcffdf;
  border-color: #64ff6e;
  box-shadow: 0 0 35px 15px rgba(0, 181, 156, .1);
}

.div-block.rate {
  background-color: #ffe9f0;
  border-color: #ff98b7;
  box-shadow: 0 0 35px 15px rgba(235, 55, 109, .1);
}

.div-block.project {
  background-color: #f0e5fc;
  border-color: rgba(91, 5, 196, .15);
  box-shadow: 0 0 35px 15px rgba(91, 5, 196, .1);
}

.div-block.established {
  background-color: #fceee5;
  border-color: #ffbd91;
  box-shadow: 0 0 35px 15px rgba(243, 106, 18, .1);
}

.heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Faktum, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
}

.text-block {
  text-align: center;
  font-family: Faktum, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.pareagra1 {
  width: 200px;
  height: 200px;
  text-align: left;
  align-items: center;
  font-family: Faktum, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: flex;
}

.div-block-2 {
  width: 65%;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.body {
  background-color: #fff;
}

.section {
  flex-direction: column;
  align-items: center;
  display: none;
  position: relative;
  overflow: hidden;
}

.div-block-3 {
  width: 100%;
  max-width: 1328px;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.grid-2 {
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.div-block-4 {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 17px;
  display: flex;
  overflow: hidden;
}

.image {
  width: 100%;
  height: 100%;
}

.div-block-5 {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.section-2 {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.div-block-6 {
  max-width: 1100px;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
}

.grid-3 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-content: center;
  justify-content: center;
}

.boxd {
  width: 200px;
  height: 200px;
  background-color: #fff;
  border: 1px solid rgba(106, 126, 136, .25);
  border-radius: 25px;
  flex: none;
  justify-content: center;
  margin: 10px 0 10px 10px;
  display: flex;
  box-shadow: 0 0 50px 25px rgba(0, 0, 0, .06);
}

.div-block-7 {
  width: 80px;
  height: 80px;
  background-color: #dfefff;
  border: 1.5px solid rgba(0, 116, 226, .35);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-top: 0;
  display: flex;
}

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

.navbar_style {
  height: 5em;
  border-bottom: 1px solid rgba(106, 126, 136, .25);
  box-shadow: 0 0 10px 15px rgba(0, 0, 0, .02);
}

.navbar {
  height: 5em;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 0 10px 15px rgba(0, 0, 0, .02);
}

.container-2 {
  max-width: 1500px;
}

.body-2 {
  background-color: #ebebeb;
  font-weight: 700;
}

.nav_button {
  font-size: 1.04em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
}

.navbar-2 {
  height: 96px;
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background-color: #fff;
  align-items: center;
  display: flex;
  box-shadow: 11px 11px 10px rgba(0, 0, 0, .02);
}

.div-block-9 {
  width: 100vw;
  height: 100vh;
  background-color: #bdbdbd;
}

.button {
  max-width: 1200px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-up {
  max-width: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 40px 0 60px;
  display: flex;
  position: static;
}

.div-block-12 {
  width: 199px;
  height: 69px;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-2 {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 27px;
  font-weight: 400;
  line-height: 35px;
}

.paragraph {
  max-width: 1200px;
  margin-bottom: 20px;
  font-size: 23px;
  font-weight: 500;
  line-height: 33px;
}

.paragraph.logestic {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.paragraph-2 {
  max-width: 1000px;
  text-align: justify;
  margin-bottom: 20px;
  font-size: 35px;
  font-weight: 700;
  line-height: 45px;
}

.paragraph-2.logestic {
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.paragraph-2.home {
  font-size: 25px;
  line-height: 32px;
}

.icon-holder {
  max-width: 1200px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.icon {
  width: 230px;
  height: 230px;
  background-image: url('../images/Group-258.svg');
  background-position: 50%;
  background-size: auto;
  transition: box-shadow .3s;
}

.icon:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.icon._2 {
  background-image: url('../images/Group-259.svg');
  background-position: 50%;
  background-size: auto;
}

.icon._3 {
  background-image: url('../images/Group-260.svg');
  background-position: 50%;
  background-size: auto;
}

.icon._4 {
  background-image: url('../images/Group-261.svg');
  background-position: 50%;
  background-size: auto;
}

.div-block-13 {
  height: 61px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-3 {
  font-size: 22px;
  line-height: 25px;
}

.icon-group {
  padding-left: 15px;
  padding-right: 15px;
}

.footer {
  object-fit: fill;
  background-color: #fff;
  border-top: 1.5px solid rgba(0, 0, 0, .04);
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-span {
  font-weight: 400;
}

.text-block-2 {
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.div-block-14 {
  max-width: 1200px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.text-span-2 {
  color: #000;
  text-transform: none;
  font-weight: 400;
  text-decoration: none;
}

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

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

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

.up-text {
  max-width: 1000px;
  flex-direction: column;
  flex: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.paragraph-3 {
  font-size: 20px;
}

.paragraph-4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.paragraph-4.home {
  text-align: left;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}

.div-block-16 {
  width: 60px;
  height: 60px;
  background-color: #000;
  border: 1px #000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.heading-4 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 20px;
}

.heading-4._2 {
  margin-top: 0;
  font-weight: 500;
  line-height: 24px;
}

.five-icon-holder {
  max-width: 1200px;
  flex-flow: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.five-iconn {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.icon-homepage {
  width: 250px;
  height: 250px;
  background-color: #dee8ef;
  border: 1px solid rgba(0, 0, 0, .07);
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
}

.icon-homepage.employees {
  width: 200px;
  height: 200px;
  background-color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  transition: border-color .3s, box-shadow .3s;
}

.icon-homepage.employees:hover {
  border-width: 2px;
  border-color: rgba(0, 200, 33, .25);
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.icon-homepage.established {
  width: 200px;
  height: 200px;
  background-color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  transition: border-color .3s, box-shadow .3s;
}

.icon-homepage.established:hover {
  border-width: 2px;
  border-color: rgba(12, 101, 255, .25);
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.icon-homepage.engineers {
  width: 200px;
  height: 200px;
  background-color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  transition: border-color .3s, box-shadow .3s;
}

.icon-homepage.engineers:hover {
  border-width: 2px;
  border-color: rgba(189, 0, 255, .25);
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.icon-homepage.projects {
  width: 200px;
  height: 200px;
  background-color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  transition: border-color .3s, box-shadow .3s;
}

.icon-homepage.projects:hover {
  border-width: 2px;
  border-color: rgba(104, 59, 255, .25);
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.icon-homepage.projects.rate:hover {
  border-color: rgba(255, 0, 102, .25);
}

.heading-5 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 30px;
}

.text-block-3 {
  color: #000;
  font-size: 18px;
  line-height: 22px;
}

.body-3 {
  background-color: var(--white-smoke);
  -webkit-text-fill-color: inherit;
  background-image: radial-gradient(circle closest-corner, #fff, #ebf6fd 0%, #fff 0%, #dae6ee 75%, #fff);
  background-clip: border-box;
}

.icons {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.section-4 {
  margin-bottom: 100px;
}

.text-and-rating {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.slideshow {
  position: static;
}

.slideshow.overflow-hidden {
  margin-top: 100px;
  display: none;
  overflow: hidden;
}

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

.card-slider-dot {
  margin-top: 30px;
  padding-top: 10px;
  display: flex;
  position: static;
}

.card-slider-slide {
  width: 350px;
  max-width: 92.5vw;
  background-color: #fff;
  margin-right: 40px;
}

.card-slider-mask {
  width: 400px;
  height: auto;
  overflow: visible;
}

.card-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 40px;
  padding-left: 7.5vw;
}

.card-slider-content-wrapper {
  padding: 20px;
  transition: box-shadow .4s ease-in-out;
}

.card-slider-content-wrapper:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.heading-6 {
  color: #000;
  font-size: 18px;
  line-height: 23px;
  transition: color .2s;
}

.heading-6:hover {
  color: #474747;
}

.div-block-17 {
  height: 2px;
  background-color: #eedb3f;
}

.div-block-17._2 {
  background-color: #3dd4b8;
}

.div-block-17._3 {
  background-color: #a696f7;
}

.div-block-17._4 {
  background-color: #5386fe;
}

.div-block-17._5 {
  background-color: #1c9fd1;
}

.div-block-17._6 {
  background-color: #ee8e3f;
}

.div-block-17._7 {
  background-color: #dbdbdb;
}

.div-block-17._8 {
  background-color: #ff7274;
}

.div-block-18 {
  width: 200px;
  height: 50px;
  background-color: #feeb53;
  border: 2px solid rgba(0, 0, 0, .1);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  transition: margin-left .2s, box-shadow .4s;
  display: flex;
}

.div-block-18:hover {
  border: 2px rgba(0, 0, 0, .1);
  margin-left: -5px;
  position: static;
  box-shadow: 6px 6px 12px 3px rgba(0, 0, 0, .05);
}

.div-block-18._2 {
  background-color: #3dd4b8;
}

.div-block-18._3 {
  background-color: #a696f7;
}

.div-block-18._4 {
  background-color: #5386fe;
}

.div-block-18._5 {
  background-color: #1c9fd1;
}

.div-block-18._6 {
  background-color: #ee8e3f;
}

.div-block-18._7 {
  background-color: #dbdbdb;
}

.div-block-18._8 {
  background-color: #ff7274;
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.heading-7:hover {
  font-weight: 400;
}

.text-block-4 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 25px;
}

.navbar-3 {
  max-width: 100vw;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, .84);
  border: 1px #000;
  border-bottom: 1px solid #d8dde2;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.brand {
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.brand.w--current {
  padding-top: 12px;
  padding-bottom: 12px;
}

.container-3 {
  max-width: 1200px;
  background-color: rgba(0, 99, 213, 0);
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.navlink {
  color: #000;
  margin-left: 15px;
  margin-right: 15px;
  padding: 5px 0;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1em;
  transition: color .5s cubic-bezier(.075, .82, .165, 1);
}

.navlink:hover {
  box-shadow: none;
  color: var(--royal-blue);
  border-bottom: 2px #0063d5;
  padding-bottom: 5px;
  font-weight: 400;
}

.navlink.w--current {
  box-shadow: none;
  font-size: 1.2em;
  transition: color .3s;
}

.navlink.w--current:hover {
  box-shadow: none;
  color: var(--royal-blue);
}

.nav-menu {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.button-2 {
  color: #000;
  background-color: rgba(0, 99, 213, 0);
  border: 2px solid #0063d5;
  border-radius: 100px;
  margin-left: auto;
  padding-left: 23px;
  padding-right: 23px;
  font-size: 1.2em;
  line-height: 1.2em;
  transition: color .5s ease-in-out, background-color .5s ease-in-out;
}

.button-2:hover {
  background-color: var(--royal-blue);
  color: #fff;
}

.section-5 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-19 {
  height: 100px;
  max-width: 1200px;
}

.text-holder {
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-warp {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.button-3 {
  width: 330px;
  height: 70px;
  max-width: 330px;
  text-align: center;
  background-color: #000;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
}

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

.paragraph-5 {
  margin-top: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.pricicon-wrap {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 140px;
  display: flex;
}

.div-block-20 {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.princicon-wrap {
  width: 385px;
  height: 430px;
  background-color: var(--yellow);
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 25px;
  position: static;
}

.princicon-wrap._2 {
  width: 350px;
  height: 400px;
  background-color: #fff;
  border: 1.5px rgba(13, 191, 159, .4);
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
  transition: box-shadow .4s ease-in-out;
  position: relative;
}

.princicon-wrap._2:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.princicon-wrap._2.purpule, .princicon-wrap._2.green {
  width: 350px;
  height: 400px;
  background-color: #fff;
}

.princicon-wrap._3 {
  height: 430px;
  background-color: var(--medium-purple);
}

.heading-9 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 25px;
}

.div-block-21 {
  height: 3px;
  background-color: #000;
  margin-bottom: 20px;
}

.paragraph-6 {
  text-align: left;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 23px;
}

.div-block-22, .div-block-23, .div-block-24 {
  height: 50px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.section-6 {
  width: 100vw;
  height: 100vh;
  object-fit: fill;
  background-color: #d12727;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.div-block-25 {
  max-width: 400px;
  display: none;
}

.div-block-26 {
  width: 400px;
  height: 100px;
  background-color: #fff;
  border-radius: 25px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
}

.heading-10 {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 25px;
  line-height: 35px;
}

.heading-11 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

.principle-text-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  margin-bottom: 30px;
  display: flex;
}

.div-block-27 {
  max-width: 1000px;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding: 20px;
  display: flex;
}

.div-block-28 {
  width: 330px;
  height: 70px;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-12 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 20px;
  font-size: 27px;
  font-weight: 400;
  line-height: 35px;
}

.heading-13 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 40px;
}

.paragraph-7 {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.div-block-29 {
  max-width: 1200px;
}

.section-7 {
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  margin-bottom: 20px;
  display: none;
}

.section-7.constraction {
  margin-top: 120px;
}

.section-7.constraction.v2, .section-7.v2 {
  display: flex;
}

.expertise-text-wrap {
  max-width: 1200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 20px;
  display: flex;
}

.div-block-30 {
  width: 210px;
  height: 70px;
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-30.hospitalty {
  width: auto;
  height: auto;
  background-image: linear-gradient(112deg, #039aff, #19b2a0 60%, #27c260);
  border-radius: 100px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-30.hospitalty.about {
  color: #504219;
  background-color: #fff;
  background-image: none;
}

.heading-14 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px 20px;
  font-size: 27px;
  font-weight: 400;
  line-height: 35px;
}

.heading-14.hospitality {
  color: #000;
  padding: 15px 20px;
  font-weight: 400;
}

.heading-14.hospitality._2 {
  color: #fff;
}

.heading-15 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 40px;
}

.text-span-3 {
  font-weight: 400;
}

.expertise {
  max-width: 1200px;
  margin: 5px;
  padding: 5px;
}

.section-8 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 120px;
  display: flex;
}

.expertise-bg {
  width: 350px;
  height: 370px;
  background-color: var(--yellow);
  padding: 30px 20px;
  transition: box-shadow .3s;
  position: relative;
}

.expertise-bg:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.expertise-bg._2 {
  height: 370px;
  background-color: var(--aquamarine);
}

.expertise-bg._3 {
  height: 370px;
  background-color: var(--medium-purple);
}

.expertise-line {
  height: 4px;
  background-color: #000;
  margin-bottom: 20px;
}

.expertise-icon {
  margin-bottom: 20px;
}

.paragraph-8 {
  font-size: 18px;
  line-height: 22px;
}

.expertise-arrow {
  justify-content: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 10%;
}

.heading-16 {
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 25px;
}

.div-block-31 {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-experties {
  transition: background-color .3s;
}

.arrow-experties:hover {
  background-color: #fff;
}

.section-9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.div-block-32 {
  max-width: 1200px;
  display: flex;
}

.who-we-are {
  height: 1354px;
  max-width: 550px;
  background-color: #fff;
  margin-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.aircraft {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 0;
  display: block;
}

.heading-17 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 25px;
  line-height: 17px;
}

.div-block-33 {
  width: 34px;
  height: 4px;
  background-color: #000;
}

.paragraph-9 {
  max-width: 600px;
  text-align: justify;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 19px;
  line-height: 23px;
}

.div-block-34 {
  width: 180px;
  height: 180px;
  display: flex;
}

.div-block-35 {
  height: 263px;
  max-width: 460px;
  background-color: #fff;
  padding-left: 20px;
  padding-right: 30px;
}

.div-block-36 {
  max-width: 1200px;
  display: flex;
}

.heading-18 {
  font-size: 22px;
  line-height: 25px;
}

.div-block-37 {
  height: 4px;
  background-color: #000;
}

.paragraph-10 {
  margin-top: 10px;
  font-size: 19px;
  line-height: 23px;
}

.div-block-38 {
  margin-bottom: 10px;
  display: flex;
}

.section-10 {
  justify-content: center;
  align-items: center;
  margin-top: 251px;
  display: flex;
}

.div-block-39 {
  width: 1200px;
  height: 500px;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slide-nav {
  display: none;
}

.mask {
  height: 500px;
  background-color: #fff;
}

.icon-3, .icon-4 {
  color: #000;
}

.div-block-40 {
  width: 100%;
  height: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-41 {
  width: 250px;
  height: 250px;
}

.div-block-42 {
  width: 580px;
  height: 250px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, .1);
  padding: 20px;
}

.heading-19 {
  margin-bottom: 20px;
  font-size: 25px;
  line-height: 17px;
}

.div-block-43 {
  height: 4px;
  background-color: #000;
}

.paragraph-11 {
  margin-top: 20px;
  font-size: 19px;
  line-height: 23px;
}

.div-block-44 {
  max-width: 1000px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px 20px;
  display: flex;
}

.expertis-text {
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  display: flex;
}

.expertis-text.constraction {
  margin-top: 60px;
  margin-bottom: 20px;
}

.expertis-text.constro {
  margin-top: 40px;
  margin-bottom: 20px;
}

.paragraph-12 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

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

.expertise-iconholder._2 {
  justify-content: center;
  margin-bottom: 120px;
}

.div-block-45 {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.div-block-46 {
  width: 370px;
  height: 400px;
  background-color: #fff;
  flex-direction: column;
  margin: 10px;
  padding: 30px;
  transition: box-shadow .3s ease-in-out;
  display: flex;
}

.div-block-46:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 20px 20px rgba(0, 0, 0, .04);
}

.div-block-46._5 {
  width: 555px;
  height: 400px;
}

.div-block-47 {
  height: 4px;
  background-color: #000;
  margin-bottom: 15px;
}

.image-5 {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.image-5:hover {
  margin-top: 0;
}

.heading-20 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 25px;
}

.paragraph-13 {
  text-align: left;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 22px;
}

.heading-21 {
  margin-top: 0;
  font-size: 25px;
  line-height: 30px;
}

.div-block-48 {
  width: 20%;
  height: 4px;
  background-color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
}

.button-tertiary {
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.blog36_meta-wrapper {
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.blog36_title-wrapper {
  margin-bottom: .5rem;
}

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

.button-row {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-row.button-row-center {
  justify-content: center;
}

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

.blog36_component {
  flex-direction: column;
  align-items: center;
}

.button-tertiary_icon {
  width: 1rem;
  height: 1rem;
  margin-left: .5rem;
}

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

.text-size-small {
  font-size: .875rem;
}

.text-size-small.text-weight-semibold.text-inline {
  display: inline;
}

.blog36_item-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1.5rem;
  display: flex;
}

.blog36_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

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

.blog36_button-wrapper {
  margin-top: 1.5rem;
  display: flex;
}

.button-secondary {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

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

.blog36_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.blog36_item {
  border: 1px solid rgba(0, 0, 0, 0);
}

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

.blog36_category {
  background-color: rgba(0, 0, 0, 0);
  margin-right: 1rem;
  padding: .25rem .5rem;
  display: flex;
}

.blog36_item-link {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  text-decoration: none;
  display: flex;
}

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

.blog36_image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

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

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

.section-11 {
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
  display: flex;
}

.div-block-49 {
  max-width: 1200px;
  padding: 20px 10px 10px;
}

.div-block-50 {
  width: 378px;
  height: 505px;
  background-color: #fff;
  border: 2px rgba(0, 0, 0, .1);
}

.div-block-51 {
  width: 345px;
  height: 505px;
  background-color: #fff;
  border: 2px #5386fe;
  margin-bottom: 10px;
  margin-right: 20px;
  transition: box-shadow .3s ease-in-out;
}

.div-block-51:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.div-block-51.food {
  border-bottom-color: #1c9fd1;
  border-left-color: #1c9fd1;
  border-right-color: #1c9fd1;
}

.div-block-51.cip {
  border-color: #f9da4e #f9da4e #f9da4e #a696f7;
}

.div-block-51.catering {
  border-top-color: #27c260;
  border-bottom-color: #27c260;
  border-left-style: solid;
  border-left-color: #27c260;
  border-right-style: none;
}

.heading-22 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 22px;
  line-height: 25px;
  transition: padding-left .3s ease-in-out;
}

.heading-22:hover {
  padding-left: 20px;
}

.div-block-52 {
  height: 4px;
  background-color: #1c9fd1;
  margin-left: 30px;
  margin-right: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-52.food {
  background-color: #27c260;
  transition: width .3s cubic-bezier(.23, 1, .32, 1);
}

.div-block-52.cip {
  background-color: #f9da4e;
}

.div-block-52.catering {
  background-color: #27c260;
}

.div-block-52.res {
  background-color: #f9da4e;
}

.paragraph-14 {
  padding: 40px 30px 20px;
  font-size: 18px;
  line-height: 22px;
  transition: padding-left .3s ease-in-out;
}

.paragraph-14:hover {
  padding-left: 20px;
}

.image-6 {
  max-width: none;
}

.image-6:hover {
  filter: none;
}

.camps-housing {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.div-block-53 {
  width: 355px;
  height: 505px;
  background-color: #fff;
  transition: box-shadow .3s ease-in-out;
}

.div-block-53:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.div-block-54 {
  height: 213px;
  background-color: #1c9fd1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-54.food {
  background-color: #27c260;
}

.div-block-54.res {
  background-color: #f9da4e;
}

.div-block-55 {
  height: 60px;
  border: 2px solid #1c9fd1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin: 20px;
  transition: background-color .3s;
  display: flex;
}

.div-block-55:hover {
  background-color: #1c9fd1;
}

.div-block-55.food {
  border-color: #27c260;
}

.div-block-55.food:hover {
  background-color: #27c260;
}

.div-block-55.res {
  border-color: #f9da4e;
}

.div-block-55.res:hover {
  background-color: #f9da4e;
}

.heading-23 {
  margin-bottom: 20px;
  font-size: 23px;
  line-height: 23px;
  transition: color .5s;
}

.heading-23:hover {
  color: #fff;
}

.paragraph-15 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 22px;
  transition: padding-left .3s ease-in-out;
}

.paragraph-15:hover {
  margin-left: 0;
  padding-left: 10px;
}

.labor {
  transition: filter .3s ease-in-out;
}

.labor:hover {
  filter: invert();
}

.onsite {
  transition: filter .3s ease-in-out;
}

.onsite:hover {
  filter: invert();
}

.emergencyrs {
  transition: filter .3s ease-in-out;
}

.emergencyrs:hover {
  filter: invert();
}

.text-span-4, .text-span-5 {
  font-weight: 500;
}

.text-span-6 {
  font-weight: 400;
}

.text-span-7 {
  font-weight: 500;
}

.text-span-8, .text-span-9 {
  font-weight: 400;
}

.project-waraper {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-card {
  width: 500px;
  height: 555px;
  background-color: #fff;
  margin: 10px;
  transition: box-shadow .4s ease-in-out;
}

.project-card:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.project-card.new {
  width: 1020px;
}

.section-12 {
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
  display: flex;
}

.div-block-56, .photo-wrap {
  height: 277px;
}

.heading-24 {
  font-size: 25px;
  line-height: 35px;
}

.heading-25 {
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 21px;
  font-weight: 700;
  line-height: 31px;
  transition: padding .2s ease-in-out;
}

.heading-25:hover {
  padding-left: 20px;
}

.div-block-57 {
  width: 210px;
  height: 50px;
  border: 2px solid #27c260;
  border-radius: 100px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 20px 20px 10px;
  transition: background-color .3s;
  display: flex;
}

.div-block-57:hover {
  background-color: #27c260;
}

.div-block-57._2 {
  border-color: #a696f7;
}

.div-block-57._2:hover {
  background-color: #a696f7;
}

.div-block-57._3 {
  border-color: #5386fe;
}

.div-block-57._3:hover {
  background-color: #5386fe;
}

.div-block-57._4 {
  border-color: #1c9fd1;
}

.div-block-57._4:hover {
  background-color: #1c9fd1;
}

.div-block-57._22 {
  display: none;
}

.heading-26 {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 19px;
  font-weight: 400;
  line-height: 23px;
}

.div-block-58 {
  width: 392px;
  height: 50px;
  background-color: #efefef;
  border: 2px solid #e5e5e5;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.div-block-58._2 {
  display: none;
}

.text-span-10, .text-span-11, .text-span-12, .text-span-13, .text-span-14, .text-span-15, .text-span-16, .text-span-17, .bold-text, .text-span-18 {
  font-weight: 500;
}

.text-span-19 {
  font-weight: 400;
}

.bold-text-2 {
  font-weight: 500;
}

.text-span-20, .text-span-21, .text-span-22 {
  font-weight: 700;
}

.text-span-23, .bold-text-3 {
  font-weight: 500;
}

.section-13 {
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
  display: flex;
}

.clients-wrap {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.clients-card {
  width: 210px;
  height: 210px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .04);
  justify-content: center;
  align-items: center;
  margin: 10px;
  transition: border-color .4s;
  display: flex;
}

.clients-card:hover {
  border: 2px solid #d9012d;
}

.clients-card._2:hover {
  border-color: #464344;
}

.clients-card._3:hover {
  border-color: #3a3334;
}

.clients-card._4:hover {
  border-color: #e50019;
}

.clients-card._5:hover {
  border-color: #000091;
}

.clients-card._6:hover {
  border-color: #5478c8;
}

.clients-card._7:hover {
  border-color: #610c53;
}

.clients-card._8:hover {
  border-color: #ca105e;
}

.clients-card._9:hover {
  border-color: #0063ac;
}

.clients-card._11:hover {
  border-color: #2fbd47;
}

.clients-card._12:hover {
  border-color: #018dd1;
}

.clients-card._13:hover {
  border-color: #ff6b00;
}

.clients-card._14:hover {
  border-color: #c71e40;
}

.clients-card.part1 {
  width: 200px;
  height: 200px;
  border-style: solid;
  border-color: #fff #fff #6c4824;
  border-bottom-width: 10px;
  transition: margin-top .4s, box-shadow .4s ease-in-out, border-color .4s;
}

.clients-card.part1:hover {
  border-width: 2px 2px 10px;
  border-top-style: solid;
  border-top-color: #6c4824;
  border-left-style: solid;
  border-left-color: #6c4824;
  border-right-style: solid;
  border-right-color: #6c4824;
  margin-top: -10px;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.clients-card.part1._2 {
  border-bottom-color: #e02426;
}

.clients-card.part1._2:hover {
  border-top-color: #e02426;
  border-left-color: #e02426;
  border-right-color: #e02426;
}

.clients-card.part1._3 {
  border-top-style: solid;
  border-bottom-color: #117a97;
  border-left-style: solid;
  border-right-style: solid;
}

.clients-card.part1._3:hover {
  border-top-color: #117a97;
  border-left-color: #117a97;
  border-right-color: #117a97;
}

.clients-card.part1._4 {
  border-bottom-color: #003060;
}

.clients-card.part1._4:hover {
  border-top-color: #003060;
  border-left-color: #003060;
  border-right-color: #003060;
}

.clients-card.part1._5 {
  border-bottom-color: #c4c4c4;
}

.clients-card.part1._5:hover {
  border-top-color: #c4c4c4;
  border-left-color: #c4c4c4;
  border-right-color: #c4c4c4;
}

.clients-card.part1._6 {
  border-bottom-color: #dcaf3f;
}

.clients-card.part1._6:hover {
  border-top-color: #dcaf3f;
  border-left-color: #dcaf3f;
  border-right-color: #dcaf3f;
}

.clients-card.part1._7 {
  border-bottom-color: #315e95;
}

.clients-card.part1._7:hover {
  border-top-color: #315e95;
  border-left-color: #315e95;
  border-right-color: #315e95;
}

.clients-card.part1._8 {
  border-bottom-color: #c4693d;
}

.clients-card.part1._8:hover {
  border-top-color: #c4693d;
  border-left-color: #c4693d;
  border-right-color: #c4693d;
}

.clients-card.part1._9 {
  border-bottom-color: #dbca41;
}

.clients-card.part1._9:hover {
  border-top-color: #dbca41;
  border-left-color: #dbca41;
  border-right-color: #dbca41;
}

.clients-card._15:hover {
  border-color: #beb03a;
}

.section-14 {
  justify-content: center;
  align-items: center;
  margin-top: 180px;
  display: flex;
}

.contact-warap {
  width: 1200px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-59 {
  width: 48%;
}

.heading-27 {
  color: #000;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 55px;
  line-height: 65px;
}

.text-span-27 {
  font-weight: 400;
}

.div-block-60 {
  width: 514px;
  height: 3px;
  background-color: rgba(0, 0, 0, .2);
  margin-bottom: 60px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 1%;
  padding-right: 1%;
}

.div-block-61 {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.div-block-61.office {
  display: flex;
}

.part-holder-card {
  width: 122px;
  height: 122px;
  background-color: #fff;
  border: 1.5px solid rgba(0, 0, 0, .07);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin: 10px;
  padding: 5px;
  transition: box-shadow .3s;
  display: flex;
}

.part-holder-card:hover {
  border-color: rgba(0, 0, 0, .04);
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .03);
}

.div-block-62 {
  width: 48%;
  padding-left: 1%;
  padding-right: 1%;
}

.heading-28 {
  color: #000;
  font-size: 25px;
  line-height: 35px;
}

.text-span-28 {
  font-weight: 500;
}

.div-block-63 {
  height: 3px;
  background-image: linear-gradient(to right, #0b52fb, #ffe314);
  border-radius: 100px;
  margin-bottom: 60px;
}

.heading-29 {
  color: #000;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

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

.div-block-64 {
  width: 1200px;
  height: 350px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.map {
  width: 100%;
  height: 100%;
}

.div-block-65 {
  width: 182px;
  height: 237px;
  background-color: #5ab27d;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-66 {
  width: 100px;
  height: 100px;
  background-color: #469667;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-30 {
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

.contact-bg {
  background-image: radial-gradient(circle closest-corner, #fdfeff 25%, #c5dbeb 50%, #f2f4f4 80%, #e0edf6);
}

.div-block-67 {
  height: 86px;
  background-color: rgba(116, 255, 230, .35);
  align-items: center;
  padding-right: 0;
  transition: background-color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-67:hover {
  background-color: #74ffe6;
}

.div-block-67._2 {
  background-color: rgba(204, 194, 255, .5);
}

.div-block-67._2:hover {
  background-color: #ccc2ff;
}

.div-block-67._3 {
  background-color: rgba(255, 244, 161, .55);
}

.div-block-67._3:hover {
  background-color: #fff4a1;
}

.div-block-68 {
  width: 86px;
  height: 86px;
  background-color: #0dbf9f;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-68._2 {
  background-color: #8d7ce3;
}

.div-block-68._3 {
  background-color: #ebd841;
}

.heading-31 {
  margin: 0 auto;
  font-size: 18px;
  line-height: 18px;
}

.paragraph-16 {
  text-align: left;
  margin: 40px 10px 10px;
  padding: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.div-block-69 {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-16 {
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  display: flex;
}

.section-17 {
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
  display: flex;
}

.text-span-29, .text-span-30 {
  font-weight: 700;
}

.div-block-70 {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.div-block-71 {
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.div-block-72 {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: linear-gradient(144deg, var(--white-smoke), #b6d8ff), url('../images/vivid-blurred-colorful-wallpaper-background-min.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-32 {
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 37px;
  line-height: 42px;
  display: block;
}

.heading-33 {
  font-size: 31px;
}

.heading-34 {
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 27px;
  font-weight: 400;
  line-height: 29px;
}

.div-block-73 {
  height: 4px;
  background-image: linear-gradient(to right, #ff6214, #0b52fb);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-35 {
  color: #000;
  margin-top: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.div-block-74 {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-75 {
  width: 130px;
  height: 190px;
  background-color: #ff6214;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-75._2 {
  background-color: #07f;
  background-image: linear-gradient(322deg, #0056b8, #07f 35%);
}

.div-block-75.loc {
  background-image: linear-gradient(314deg, #ac3900, #ff6214 35%);
}

.div-block-76 {
  width: 75px;
  height: 75px;
  background-color: rgba(0, 0, 0, .15);
  border: 1.5px solid rgba(0, 0, 0, .1);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-76._2 {
  background-color: rgba(0, 0, 0, .16);
}

.div-block-77 {
  margin: 10px;
  transition: box-shadow .4s;
  display: flex;
}

.div-block-77:hover {
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.div-block-78 {
  width: 290px;
  height: 190px;
  background-color: #fff;
  background-image: linear-gradient(220deg, var(--white-smoke), #fff 80%);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-78.loc {
  background-image: linear-gradient(220deg, var(--white-smoke), #fff 80%);
}

.heading-36 {
  color: #000;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}

.text-span-31 {
  font-weight: 700;
}

.text-span-32, .bold-text-6 {
  font-weight: 500;
}

.paragraph-17 {
  font-size: 19px;
  line-height: 23px;
}

.text-span-33, .bold-text-7, .text-span-34, .bold-text-8 {
  font-weight: 500;
}

.section-18 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 120px;
  display: flex;
}

.div-block-79 {
  width: 1000px;
  height: 450px;
  background-image: url('../images/Sakfan-Yaseen-Saeed.jpg');
  background-position: 50% 20%;
  background-size: cover;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.div-block-80 {
  max-width: 1000px;
  flex-flow: column wrap;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
  display: flex;
}

.div-block-81 {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.paragraph-18 {
  width: auto;
  margin-bottom: 0;
  padding: 40px 30px;
  font-size: 18px;
  line-height: 23px;
}

.paragraph-18:hover {
  background-color: rgba(96, 84, 36, 0);
  padding-left: 30px;
}

.div-block-82 {
  width: 70%;
  background-color: #fff;
  transition: background-color .4s ease-in-out, box-shadow .4s ease-in-out;
  position: static;
}

.div-block-82:hover {
  background-color: #d8d5cd;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.div-block-83 {
  width: 28%;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  justify-items: center;
  display: flex;
  position: static;
}

.image-8 {
  position: static;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
}

.div-block-84 {
  height: 4px;
  background-color: #504219;
}

.heading-37 {
  font-size: 25px;
  font-weight: 500;
  line-height: 34px;
}

.heading-38 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.div-block-85 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dunyalogo {
  width: 100%;
  height: 48%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-left: 10px;
  transition: background-color .4s ease-in-out, box-shadow .4s ease-in-out;
  display: flex;
}

.dunyalogo:hover {
  background-color: #d8d5cd;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.emailto {
  width: 100%;
  height: 48%;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  transition: box-shadow .4s ease-in-out, background-color .4s ease-in-out;
  display: flex;
}

.emailto:hover {
  background-color: #d8d5cd;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, .04);
}

.section-19 {
  height: 300px;
  background-color: var(--yellow);
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.heading-39 {
  margin-top: 15px;
  font-size: 23px;
  font-weight: 400;
  line-height: 30px;
}

.bold-text-9 {
  color: #605424;
}

.div-block-86 {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link {
  color: #000;
  text-decoration: none;
}

.link-2 {
  color: #000;
  text-decoration: none;
  transition: background-color .4s;
}

.link-2:hover {
  background-color: var(--yellow);
  font-weight: 500;
}

.link-3 {
  color: #000;
  text-decoration: none;
  transition: background-color .4s;
}

.link-3:hover {
  background-color: var(--yellow);
}

.link-4 {
  color: #000;
  text-decoration: none;
  transition: background-color .4s;
}

.link-4:hover {
  background-color: var(--yellow);
}

.link-5 {
  color: #000;
  text-decoration: none;
  transition: background-color .4s;
}

.link-5:hover {
  background-color: var(--yellow);
}

.gallery {
  padding-top: 100px;
  padding-bottom: 100px;
}

.centered-container {
  text-align: center;
  flex: 1;
}

.gallery-grid-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 40px;
  display: grid;
}

.gallery-lightbox {
  position: relative;
  overflow: hidden;
}

.gallery-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.container-4 {
  column-count: 3;
  white-space: normal;
  column-gap: 20px;
  margin-top: 120px;
  margin-bottom: 120px;
}

.photogrid {
  margin-bottom: 20px;
}

.lightgrid {
  padding-top: 20px;
}

.image-9 {
  border-radius: 15px;
  transition: filter .3s;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, .04);
}

.image-9:hover {
  filter: brightness(120%);
  border: 2px rgba(0, 0, 0, .15);
}

.gallery-bg {
  background-color: #fff;
  background-image: none;
}

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

.hero-constraction {
  justify-content: center;
  align-items: center;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-constraction._2 {
  margin-top: 0;
}

.div-block-87 {
  width: 90vw;
  height: 400px;
  background-image: url('../images/workers-examining-work-copy.jpg');
  background-position: 50% 44%;
  background-size: cover;
  transition: height .3s cubic-bezier(.23, 1, .32, 1);
}

.div-block-87:hover {
  height: 430px;
}

.flex-horizantal {
  z-index: 5;
  flex-flow: wrap;
  justify-content: flex-start;
  display: flex;
  position: static;
}

.flex-horizantal_child-50 {
  z-index: 6;
  flex-direction: column;
  flex: 0 100%;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.flex-horizantal_child-50.position-relative {
  flex-basis: 100%;
  position: relative;
}

.display-none {
  display: none;
}

.hero-slider-arrow-button {
  width: 48px;
  height: 48px;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 6vw;
}

.hero-slider-arrow-button.left-arrow-button {
  right: 6vw;
  transform: translate(-64px);
}

.hero-slider_slid, .hero-slider_mask {
  height: 570px;
}

.hero-slider {
  height: 640px;
  background-color: rgba(0, 0, 0, 0);
}

.hero-slider-image {
  width: 100%;
  height: 570px;
}

.arrow-circle {
  width: 40px;
  height: 40px;
  border: 2px solid var(--royal-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.arrow-circle-images {
  width: 20px;
}

.arrow-circle-images.left {
  transform: rotate(180deg);
}

.hero-slider_caption-wrapper {
  width: 94%;
  height: 48px;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 6vw;
  padding-right: 112px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.paragraph-19 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.hr-grey {
  height: 2px;
  color: rgba(0, 0, 0, .12);
  background-color: rgba(0, 0, 0, .12);
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
}

.heading-40 {
  padding-left: 40px;
  font-size: 25px;
  font-weight: 400;
}

.bold-text-10 {
  font-size: 30px;
  font-weight: 500;
}

.heading-41 {
  padding-left: 60px;
}

.bold-text-11 {
  line-height: 60px;
}

.paragraph-20 {
  padding-left: 60px;
  padding-right: 40px;
  font-size: 20px;
  font-weight: 400;
  line-height: 31px;
}

.bold-text-12, .bold-text-13, .bold-text-14 {
  font-weight: 400;
}

.section-20 {
  margin-top: 78px;
}

.body-4 {
  background-color: var(--white-smoke);
  background-image: radial-gradient(circle closest-corner, #f2f4f4 51%, #e0edf6);
}

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

.image-12 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.link-6 {
  color: #000;
  font-weight: 400;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .div-block-6 {
    max-width: 70%;
  }

  .text-up {
    width: 90vw;
    max-width: none;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .icon-holder {
    width: 100%;
    max-width: none;
    flex-flow: wrap;
    flex: none;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
  }

  .icon-group {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .footer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .five-iconn {
    position: relative;
  }

  .slideshow.overflow-hidden {
    margin-top: 60px;
  }

  .card-slider-dot {
    padding-right: 7.5vw;
  }

  .container-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .navlink:hover {
    background-color: #d8d8d8;
  }

  .nav-menu {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #e7e7e7;
  }

  .menu-button, .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .icon-2 {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
  }

  .button-3 {
    align-self: flex-start;
  }

  .div-block-20 {
    justify-content: center;
  }

  .princicon-wrap {
    width: 90vw;
    height: 350px;
    margin: 15px;
  }

  .princicon-wrap._2, .princicon-wrap._3 {
    height: 350px;
  }

  .div-block-27 {
    width: 90vw;
    max-width: none;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .expertise-bg {
    width: 600px;
    height: 320px;
  }

  .div-block-44 {
    width: 90vw;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

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

  .div-block-46 {
    width: 90vw;
    height: 400px;
  }

  .div-block-46._5 {
    width: 90vw;
  }

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

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

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

  .section-11 {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-49 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-51 {
    margin-bottom: 0;
    margin-right: 0;
  }

  .camps-housing {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

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

  .div-block-54 {
    width: 100%;
  }

  .div-block-55 {
    width: 50%;
  }

  .contact-warap {
    flex-direction: column;
  }

  .div-block-59 {
    width: 90%;
    margin-bottom: 20px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .heading-27, .div-block-60 {
    margin-bottom: 20px;
  }

  .div-block-61.office {
    justify-content: flex-start;
  }

  .div-block-62 {
    width: 90%;
    margin-bottom: 120px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-70 {
    display: block;
  }

  .div-block-79 {
    width: 100%;
    height: 380px;
  }

  .div-block-80 {
    width: 90%;
  }

  .div-block-81 {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-82 {
    width: 100%;
    margin-left: 0;
    margin-right: 0%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-83 {
    width: 100%;
    margin: 1% 0%;
  }

  .dunyalogo {
    height: 300px;
    margin-top: 1%;
  }

  .emailto {
    height: 300px;
  }

  .gallery-grid-container {
    align-self: stretch;
  }

  .container-4 {
    column-count: 2;
  }

  .flex-horizantal_child-50 {
    flex: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .div-block-6 {
    justify-content: center;
  }

  .text-up {
    align-items: flex-start;
  }

  .icon-holder {
    justify-content: center;
  }

  .icon {
    width: 200px;
    height: 200px;
    background-position: 50%;
    background-size: cover;
  }

  .icon._2, .icon._3, .icon._4 {
    background-position: 50%;
    background-size: cover;
  }

  .icon-group {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 15px;
  }

  .five-icon-holder {
    justify-content: center;
  }

  .icon-homepage.employees, .icon-homepage.established, .icon-homepage.engineers, .icon-homepage.projects {
    margin-left: 5px;
    margin-right: 5px;
  }

  .slideshow.overflow-hidden {
    margin-top: 40px;
  }

  .princicon-wrap {
    width: 90vw;
    height: 450px;
  }

  .princicon-wrap._2, .princicon-wrap._3 {
    height: 450px;
  }

  .div-block-27 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-30.hospitalty {
    margin-left: 0;
  }

  .heading-14.hospitality {
    text-align: center;
  }

  .expertise-bg {
    width: 90vw;
    height: 370px;
  }

  .div-block-44 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-46 {
    width: 90vw;
    height: 450px;
  }

  .div-block-46._5 {
    width: 90vw;
  }

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

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

  .heading-small {
    font-size: 1.25rem;
  }

  .blog36_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

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

  .div-block-49 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-50 {
    width: 90vw;
    height: 420px;
  }

  .div-block-51 {
    width: 90vw;
    height: 330px;
    margin-right: 0;
  }

  .heading-22 {
    padding-top: 40px;
  }

  .image-6 {
    height: 420px;
  }

  .div-block-53 {
    width: 90vw;
  }

  .project-waraper, .contact-warap {
    width: 90%;
  }

  .div-block-59 {
    margin-bottom: 0;
  }

  .div-block-60 {
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-61.office {
    width: 90%;
    flex-wrap: nowrap;
    display: none;
  }

  .heading-28, .div-block-63 {
    margin-bottom: 20px;
  }

  .image-7 {
    max-width: 90%;
  }

  .div-block-82 {
    padding: 20px;
  }

  .div-block-84 {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .dunyalogo, .emailto {
    height: 200px;
  }

  .gallery {
    padding: 40px 20px;
  }

  .gallery-grid-container {
    max-width: none;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .container-4 {
    column-count: 1;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 479px) {
  .text-up {
    width: 100%;
    max-width: none;
    align-items: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-12 {
    width: 150px;
    height: 50px;
  }

  .heading-2 {
    font-size: 24px;
  }

  .paragraph {
    font-size: 33px;
    line-height: 40px;
  }

  .paragraph.logestic {
    text-align: center;
    font-size: 25px;
    line-height: 35px;
  }

  .paragraph.home {
    font-size: 23px;
  }

  .paragraph-2 {
    text-align: left;
    line-height: 26px;
  }

  .paragraph-2.logestic {
    font-size: 16px;
    line-height: 23px;
  }

  .paragraph-2.home {
    font-size: 20px;
    line-height: 27px;
  }

  .icon-holder {
    width: 90vw;
    margin-bottom: 40px;
  }

  .icon {
    width: 130px;
    height: 130px;
  }

  .div-block-13 {
    height: auto;
  }

  .heading-3 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 20px;
  }

  .icon-group {
    padding-top: 10px;
    padding-right: 10px;
  }

  .footer {
    height: 180px;
    margin-top: 60px;
    position: relative;
  }

  .text-block-2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block-14 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

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

  .paragraph-4.home {
    font-size: 16px;
    line-height: 23px;
  }

  .div-block-16 {
    width: 55px;
    height: 55px;
  }

  .heading-4 {
    font-size: 16px;
  }

  .five-icon-holder {
    margin-bottom: 10px;
  }

  .slideshow.overflow-hidden {
    margin-top: 60px;
  }

  .card-slider-dot {
    justify-content: center;
  }

  .brand {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
  }

  .container-3 {
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-menu {
    justify-content: center;
  }

  .button-2 {
    text-align: left;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: auto;
    font-size: 15px;
    line-height: 18px;
    display: flex;
  }

  .button-3 {
    width: auto;
    height: auto;
    text-align: left;
    font-size: 24px;
    line-height: 35px;
  }

  .heading-8 {
    font-size: 34px;
    line-height: 44px;
  }

  .paragraph-5 {
    text-align: justify;
    font-size: 19px;
    line-height: 25px;
  }

  .princicon-wrap {
    width: 90vw;
    height: 450px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .princicon-wrap._2, .princicon-wrap._3 {
    height: 450px;
  }

  .heading-9 {
    text-align: center;
    font-size: 18px;
    line-height: 23px;
  }

  .div-block-21 {
    margin-bottom: 10px;
  }

  .paragraph-6 {
    text-align: justify;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
  }

  .div-block-22, .div-block-23, .div-block-24 {
    justify-content: center;
    margin-bottom: 10px;
  }

  .principle-text-wrap {
    margin-top: 60px;
  }

  .div-block-27 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-28 {
    width: auto;
    height: auto;
    padding: 15px;
  }

  .heading-12 {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
  }

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

  .paragraph-7 {
    font-size: 16px;
    line-height: 23px;
  }

  .section-7 {
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .section-7.constraction {
    margin-top: 80px;
  }

  .expertise-text-wrap {
    align-items: flex-start;
    padding-bottom: 0;
  }

  .div-block-30.hospitalty {
    margin-left: 0;
  }

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

  .heading-14.hospitality {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
    line-height: 30px;
  }

  .heading-14.hospitality._2 {
    font-size: 22px;
  }

  .heading-15 {
    text-align: left;
    font-size: 25px;
    line-height: 35px;
  }

  .section-8 {
    margin-top: 80px;
    margin-bottom: 100px;
  }

  .expertise-bg {
    width: 90vw;
    height: 420px;
  }

  .div-block-31 {
    align-content: center;
  }

  .image-4 {
    display: inline;
  }

  .div-block-44 {
    text-align: left;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .expertis-text {
    margin-top: 60px;
  }

  .expertis-text.constraction {
    margin-top: 20px;
  }

  .paragraph-12 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 23px;
  }

  .div-block-46 {
    width: 90vw;
    height: 380px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-46._5 {
    width: 90vw;
    height: 460px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-20 {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .paragraph-13 {
    font-size: 16px;
    line-height: 20px;
  }

  .heading-21 {
    margin-top: 0;
    font-size: 20px;
  }

  .div-block-48 {
    margin-bottom: 0;
  }

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

  .blog36_item-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

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

  .section-11 {
    flex-direction: row;
    align-items: center;
  }

  .div-block-50 {
    width: 90vw;
  }

  .div-block-51 {
    width: 90vw;
    height: 360px;
  }

  .heading-22 {
    padding-left: 15px;
    font-size: 20px;
    line-height: 23px;
  }

  .div-block-52 {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .paragraph-14 {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .div-block-53 {
    width: 90vw;
    height: 410px;
    justify-content: flex-start;
  }

  .div-block-54 {
    height: 150px;
  }

  .div-block-55 {
    height: 45px;
  }

  .heading-23 {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }

  .paragraph-15 {
    font-size: 16px;
  }

  .labor {
    max-width: 100%;
  }

  .project-card {
    width: 95%;
    height: 470px;
  }

  .photo-wrap {
    height: auto;
  }

  .heading-25 {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 10px;
    font-size: 18px;
    line-height: 27px;
  }

  .div-block-57 {
    width: 85%;
    height: auto;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-57._2 {
    height: 50px;
  }

  .div-block-57._3 {
    width: 85%;
    height: auto;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .heading-26 {
    margin: 10px 0;
    padding-left: 10px;
    font-size: 16px;
  }

  .div-block-58 {
    width: 85%;
    height: auto;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .text-span-24, .bold-text-4, .text-span-25, .bold-text-5, .text-span-26 {
    font-weight: 500;
  }

  .clients-card {
    width: 90vw;
  }

  .section-14 {
    margin-top: 80px;
  }

  .contact-warap {
    width: 95%;
  }

  .heading-27 {
    font-size: 22px;
    line-height: 28px;
  }

  .div-block-62 {
    margin-bottom: 0;
  }

  .heading-28 {
    font-size: 18px;
    line-height: 22px;
  }

  .heading-29 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
  }

  .section-16 {
    margin-top: 60px;
  }

  .div-block-71 {
    height: 100%;
    margin-bottom: 100px;
    padding: 20px;
  }

  .div-block-72 {
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
  }

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

  .heading-34 {
    font-size: 20px;
    line-height: 29px;
  }

  .heading-35 {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }

  .div-block-75 {
    width: 90%;
    height: 120px;
    border-radius: 0;
  }

  .div-block-75._2 {
    width: 90%;
  }

  .div-block-76 {
    width: 70px;
    height: 70px;
    border-radius: 300px;
  }

  .div-block-77 {
    width: 90%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-78 {
    width: 90%;
    height: 150px;
    border-radius: 0;
    align-items: flex-start;
  }

  .heading-36 {
    font-size: 17px;
    line-height: 25px;
  }

  .section-18 {
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-79 {
    height: 310px;
    background-position: 60% 20%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-80 {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-18 {
    font-size: 16px;
    line-height: 20px;
  }

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

  .dunyalogo {
    height: 130px;
  }

  .emailto {
    height: 130px;
    justify-content: center;
  }

  .heading-39 {
    margin-top: 10px;
    font-size: 16px;
  }

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

  .gallery-grid-container {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
  }

  .container-4 {
    column-count: 1;
    margin-top: 80px;
  }

  .hero-constraction {
    margin-top: 80px;
  }

  .div-block-87 {
    height: 220px;
  }

  .div-block-87:hover {
    height: 240px;
  }

  .hero-slider-arrow-button {
    width: 30px;
    height: 30px;
    right: 10vw;
  }

  .hero-slider-arrow-button.left-arrow-button {
    width: 30px;
    height: 30px;
    right: 4vw;
  }

  .hero-slider_slid, .hero-slider_mask {
    height: 470px;
  }

  .hero-slider {
    height: 510px;
  }

  .hero-slider-image {
    height: 470px;
  }

  .arrow-circle {
    width: 30px;
    height: 30px;
  }

  .hero-slider_caption-wrapper {
    width: 50%;
    display: none;
  }

  .paragraph-19 {
    font-size: 15px;
    font-weight: 400;
    line-height: 16px;
  }

  .hr-grey {
    display: none;
  }

  .section-20 {
    margin-top: 60px;
  }
}


@font-face {
  font-family: 'Faktum';
  src: url('../fonts/Faktum-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Faktum';
  src: url('../fonts/Faktum-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Faktum';
  src: url('../fonts/Faktum-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}