:root {
  --white: white;
  --black: black;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.navbar {
  background-color: #fff;
  max-width: none;
  min-height: 70px;
  margin-left: 0;
  margin-right: 0;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.container-2 {
  max-width: none;
  margin-left: 26px;
  margin-right: 26px;
  position: relative;
  top: 5px;
}

.nav-menu-2 {
  position: relative;
}

.image {
  max-width: 10%;
  margin-top: 10px;
  position: fixed;
  top: -.5%;
  left: 10%;
}

.brand {
  width: 70px;
  min-height: auto;
  display: block;
  position: relative;
}

.navbar-2 {
  background-color: #fff;
  min-height: 70px;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.image-2 {
  max-width: 10%;
  margin-top: 10px;
  position: fixed;
  top: -.5%;
  left: 10%;
}

.section {
  text-align: center;
  background-image: url('../images/pexels-pixabay-534174.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 900px;
  display: flex;
  position: relative;
}

.image-3 {
  text-align: center;
  border-radius: 0;
  max-width: 100%;
  margin-top: 100px;
  padding: 15px;
  position: static;
  top: -21px;
  left: -7px;
}

.heading-1 {
  color: #fff;
  width: 69%;
  min-height: 100px;
  font-family: Lato, sans-serif;
  font-size: 70px;
  font-weight: 300;
  line-height: 75px;
  position: relative;
  top: 29px;
  left: 7px;
}

.section-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  min-height: 500px;
  display: grid;
}

.div-block-2-1 {
  width: 450px;
}

.heading-2 {
  color: #017687;
  font-family: Lato, sans-serif;
  font-size: 35px;
  font-weight: 700;
  position: static;
  top: auto;
}

.paragraph-2 {
  color: #fff;
  text-align: justify;
  letter-spacing: 0;
  column-count: 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 30px;
  position: static;
  top: auto;
}

.div-block-2-2 {
  background-image: url('../images/pexels-pavel-danilyuk-8204969.jpg');
  background-position: 80%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.section-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 500px;
  display: grid;
  position: static;
  top: 106px;
}

.body {
  background-color: #aeb1ae;
}

.logo {
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  flex: 0 auto;
  width: 380px;
  height: 380px;
  margin-left: -10px;
}

.div-block-3-1 {
  background-image: url('../images/pexels-thirdman-5257897.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-3-2 {
  object-fit: fill;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-3 {
  color: #017687;
  margin-top: 120px;
  font-family: Lato, sans-serif;
  font-size: 35px;
  position: static;
}

.paragraph-3 {
  color: #fff;
  text-align: justify;
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 30px;
  position: static;
}

.heading-princpal {
  color: #fff;
  width: 69%;
  min-height: 100px;
  margin-top: 40px;
  font-family: Lato, sans-serif;
  font-size: 70px;
  font-weight: 300;
}

.section-4 {
  background-color: #017687;
  min-height: 900px;
  padding-right: 0;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 16px;
  padding-right: 16px;
  display: grid;
}

.div-block-4-1, .div-block-4-2, .div-block-4-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-radius: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-4-4, .div-block-4-5, .div-block-4-6, .div-block-4-7, .div-block-4-8 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white);
  border-radius: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-4, .image-5, .image-6, .image-7, .image-8, .image-9, .image-10, .image-11 {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.heading-4-1, .heading-4-2, .heading-4-3, .heading-4-4, .heading-4-5, .heading-4-6, .heading-4-7, .heading-4-8 {
  color: #000;
  text-align: center;
  font-family: Lato, sans-serif;
}

.text-block, .text-block-2, .text-block-3 {
  text-align: center;
  min-height: 110px;
  margin-left: 10px;
  margin-right: 10px;
}

.text-block-4 {
  text-align: center;
  min-height: 100px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.text-block-5, .text-block-6, .text-block-7 {
  text-align: center;
  min-height: 130px;
  margin-left: 10px;
  margin-right: 10px;
}

.text-block-8 {
  text-align: center;
  min-height: 120px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.section-5 {
  background-image: url('../images/pexels-expect-best-323705.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  min-height: 230px;
  margin-top: 0;
  position: relative;
}

.heading-5 {
  color: #fff;
  text-align: right;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 90px;
  padding-right: 16px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  display: block;
}

.div-block-6 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 400px;
  padding: 40px 16px;
  display: grid;
}

.image-12 {
  margin-top: 40px;
}

.section-7 {
  background-color: #fff;
  min-height: 450px;
}

.heading-7 {
  color: #000;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 50px;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.div-block-7 {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-13 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-14 {
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block {
  border-radius: 20px;
  margin-right: 16px;
}

.link-block:hover {
  background-color: #d3d3d3;
}

.link-block-2 {
  border-radius: 20px;
  margin-left: 16px;
}

.link-block-2:hover {
  background-color: #d3d3d3;
}

.image-15 {
  margin-top: 75px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-8 {
  min-height: 530px;
}

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

.image-16 {
  background-color: rgba(0, 0, 0, 0);
}

.heading-8 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Lato, sans-serif;
  font-weight: 400;
}

.form {
  padding-left: 16px;
  padding-right: 16px;
}

.field-label, .field-label-2, .field-label-3 {
  font-family: Lato, sans-serif;
}

.heading-8-2, .heading-8-3, .heading-8-4 {
  margin-left: 16px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.section-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #017687;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-9 {
  color: #fff;
  text-align: center;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 400;
}

.text-block-9 {
  color: #fff;
  text-align: center;
  min-height: 50px;
  padding-top: 15px;
  font-family: Lato, sans-serif;
}

.nav-link-1:hover, .nav-link-2:hover, .nav-link-3:hover, .nav-link-4:hover {
  text-decoration: underline;
}

.text-field, .text-field-2, .textarea {
  border-radius: 20px;
}

.submit-button {
  background-color: #017687;
  border-radius: 20px;
}

.text-block-10 {
  text-align: center;
  border: 3px solid #017687;
  border-radius: 20px;
  margin-left: 16px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.text-block-11 {
  text-align: center;
  border: 3px solid #017687;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 16px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.image-17 {
  padding-top: 30px;
}

.image-18 {
  text-align: left;
  max-width: 50%;
  margin-left: 182px;
  padding-left: 0;
}

@media screen and (max-width: 991px) {
  .heading-2, .paragraph-2, .heading-3, .paragraph-3 {
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media screen and (max-width: 767px) {
  .image-2 {
    max-width: 20%;
  }

  .section-2 {
    flex-direction: column;
    display: flex;
  }

  .div-block-2-1 {
    min-height: 300px;
  }

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

  .div-block-2-2 {
    min-height: 300px;
  }

  .section-3 {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .div-block-3-1 {
    background-position: 50% 35%;
    min-height: 300px;
    padding-top: 0;
    position: static;
  }

  .div-block-3-2 {
    min-height: 300px;
  }

  .heading-3 {
    text-align: center;
    margin-top: 40px;
  }

  .heading-princpal {
    line-height: 65px;
  }

  .section-4 {
    padding-bottom: 20px;
  }

  .div-block-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-5 {
    text-align: center;
    padding-top: 80px;
  }

  .div-block-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .div-block-8 {
    flex-direction: column;
    display: flex;
  }

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

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

@media screen and (max-width: 479px) {
  .image-2 {
    max-width: 50%;
  }

  .image-3 {
    max-width: 90%;
    margin-top: 55px;
  }

  .section-2 {
    flex-direction: column;
    min-height: auto;
    display: flex;
  }

  .div-block-2-1 {
    width: 320px;
  }

  .heading-2 {
    text-align: center;
    width: 320px;
    padding-left: 0;
  }

  .paragraph-2 {
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .div-block-2-2 {
    min-height: 280px;
  }

  .section-3 {
    flex-direction: column;
    display: flex;
  }

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

  .div-block-3-1 {
    min-height: 280px;
  }

  .div-block-3-2 {
    width: 320px;
  }

  .heading-3 {
    text-align: center;
    margin-top: 20px;
  }

  .paragraph-3 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
  }

  .heading-princpal {
    font-size: 65px;
    line-height: 60px;
    position: static;
  }

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

  .div-block-4 {
    flex-direction: column;
    padding-bottom: 20px;
    display: flex;
  }

  .heading-5 {
    text-align: center;
    padding-top: 50px;
    padding-right: 0;
  }

  .section-6 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-6 {
    grid-column-gap: 16px;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
    width: 300px;
    min-height: 0;
    position: relative;
  }

  .image-13 {
    max-width: 50%;
  }

  .image-15 {
    margin-top: 45px;
  }

  .section-8, .div-block-8 {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .image-16 {
    max-width: none;
    min-height: 200px;
    max-height: none;
    overflow: visible;
  }

  .heading-8 {
    font-size: 25px;
  }

  .heading-8-2, .heading-8-3, .heading-8-4, .heading-9 {
    font-size: 15px;
  }

  .text-block-9 {
    font-size: 10px;
  }

  .text-block-10, .text-block-11 {
    font-size: 15px;
  }
}

#w-node-cc1b5103-3fcc-9d4f-b51e-179fcebb0741-5ba3b7eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_460a40fc-a184-6962-f708-4deadbee6d1f-5ba3b7eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_7ed87a37-2ba2-f540-1eb9-523ea1944649-5ba3b7eb, #w-node-_4b26ba9d-d4e2-9808-b3cc-d059914af49c-5ba3b7eb, #w-node-d9d1b24a-734a-b3cf-31ff-98133ce56b60-5ba3b7eb, #w-node-_04588ee9-bcbd-5079-aaae-31b6e8cc620c-5ba3b7eb, #w-node-eac9e13e-c18f-ee71-d081-825a8143c024-5ba3b7eb, #w-node-e058ffac-c3fe-3d1b-db5a-453e5b56b1ca-5ba3b7eb, #w-node-bc9d98ad-d156-1177-53b4-1b758f7111bf-5ba3b7eb, #w-node-_98ba526e-2f8a-37fa-d557-42c0e62f6f87-5ba3b7eb, #w-node-b293ae52-56f9-0d40-3ce1-e57105b3cc34-5ba3b7eb, #w-node-_61b1e213-9847-f513-0f26-ea9114365363-5ba3b7eb, #w-node-_41ff1a80-220c-15d4-612c-7e085b8b88a9-5ba3b7eb, #w-node-_97106ea9-3632-c182-b5e6-c8a3a1026900-5ba3b7eb, #w-node-dd179de1-b394-b08c-acbc-0c760d96b44c-5ba3b7eb, #w-node-bc2eefec-ac2e-ca02-9306-96c87d73fa21-5ba3b7eb, #w-node-fbad820b-f5b8-99e8-81eb-ea9b9c5b8e3a-5ba3b7eb, #w-node-ecc7ba24-d81c-7798-6d6e-72b9c5a74218-5ba3b7eb, #w-node-_4530f1c4-abda-ba8d-715b-d5a63e187493-5ba3b7eb, #w-node-_25aba499-4caa-e37a-af36-84feca15dc90-5ba3b7eb, #w-node-_3fb315f1-aba7-a1d3-9361-83809f831ed1-5ba3b7eb, #w-node-_47ae2ca9-84d6-0cd6-9305-822d7684a365-5ba3b7eb, #w-node-_3a5d0a6c-147a-a4e1-1c75-16f34e8c1856-5ba3b7eb, #w-node-_87ced867-303c-5325-c602-d94bc5fe87bc-5ba3b7eb, #w-node-_95fa2240-122b-d97b-5abf-8700f1ff3b11-5ba3b7eb, #w-node-_8980a8c2-a3bf-216b-c302-4d83d361f63a-5ba3b7eb, #w-node-_486a771a-0fac-8b07-703b-7fd463d5f4d4-5ba3b7eb, #w-node-_03b298e3-ec80-ba6c-8936-94b33c3d1002-5ba3b7eb, #w-node-e7bf0aa7-4ba0-1797-b6e4-f5b16ad2ff2b-5ba3b7eb, #w-node-_1b066120-dcf4-f1d9-f25a-ecb288dacce8-5ba3b7eb, #w-node-_3f0e7a9d-bce0-75bf-f487-8fd584ac46e8-5ba3b7eb, #w-node-_4f0b04c4-6d4f-4b7b-9bfd-8d40778b863b-5ba3b7eb, #w-node-_81f55eb4-fe6f-89ab-1bd8-348a8451db0d-5ba3b7eb, #w-node-_6dee8683-c477-9492-e3e0-a3739bfeeae0-5ba3b7eb, #w-node-_790edca7-3f5d-9a63-cc95-3d66b30bb0fb-5ba3b7eb, #w-node-a08afeb1-2cb8-0d08-ab36-6d2d901b50b5-5ba3b7eb, #w-node-_67cc9077-ceeb-f9b0-9fe4-d0c2c4461b81-5ba3b7eb, #w-node-a3068b14-5540-f8e7-2afb-143011925d09-5ba3b7eb, #w-node-bafc750a-949c-c430-f608-1948144f2f5c-5ba3b7eb, #w-node-f22394b1-9a5c-40b6-6cb3-c85b3c077fa4-5ba3b7eb, #w-node-_1e277eed-695d-45b6-2f5d-0f3b6794d4ba-5ba3b7eb, #w-node-d3e86931-40b3-36b8-7fc3-7949804f6412-5ba3b7eb, #w-node-fe0cddb7-3ad5-3ea8-3da6-be105489a4ca-5ba3b7eb, #w-node-_09ada4c1-7b45-7a54-5a06-c6d94c430092-5ba3b7eb, #w-node-_4428ad40-8e2c-d088-47e5-b8ecee6a93bd-5ba3b7eb, #w-node-_0d2fe780-5b1c-d1f9-38e3-6b747377b6a4-5ba3b7eb, #w-node-b75f228c-bd14-1d7a-ea31-f22488f214fc-5ba3b7eb, #w-node-c1b53003-c342-965b-0816-7347072170d7-5ba3b7eb, #w-node-_2ad94347-ac20-2605-d433-64ccdb5fceee-5ba3b7eb, #w-node-_9e10cdfc-e241-2afe-507d-eb41b81a9eb7-5ba3b7eb, #w-node-_2cd2c507-03a2-60e5-243d-0bf22473ccc1-5ba3b7eb, #w-node-db16b1d7-6816-6714-edac-6826b92688be-5ba3b7eb, #w-node-da870eb6-ea73-d14a-b860-9744cd17f783-5ba3b7eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


