.u-section-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("images/Clean-Fresh-Water-Scarcity-Symbol_-Black-Girl-Drinking-from-Tap-768x509.jpg");
  background-position: 50% 50%;
}

.u-section-1 .u-sheet-1 {
  min-height: 953px;
}

.u-section-1 .u-shape-1 {
  width: 713px;
  height: 520px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  margin: 60px 0 0 auto;
}

.u-section-1 .u-image-1 {
  width: 893px;
  height: 602px;
  object-position: 50% 50%;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -449px 62px 0 auto;
}

.u-section-1 .u-group-1 {
  width: 459px;
  min-height: 389px;
  height: auto;
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: none;
  margin: -306px auto 60px 62px;
}

.u-section-1 .u-container-layout-1 {
  padding: 30px 0;
}

.u-section-1 .u-text-1 {
  font-size: 3.75rem;
  font-weight: 500;
  font-family: Poppins;
  margin: 32px 29px 0;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  border-style: solid;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 2px;
  margin: 20px auto 0 40px;
  padding: 10px 43px 10px 41px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-shape-1 {
    margin-top: 65px;
  }

  .u-section-1 .u-image-1 {
    width: 768px;
    height: 537px;
    margin-right: 65px;
    filter: brightness(0.35);
  }

  .u-section-1 .u-group-1 {
    margin-top: -241px;
    height: auto;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 836px;
  }

  .u-section-1 .u-shape-1 {
    width: 608px;
    height: 414px;
  }

  .u-section-1 .u-image-1 {
    width: 590px;
    height: 396px;
    margin-top: -342px;
    margin-right: auto;
  }

  .u-section-1 .u-group-1 {
    margin-top: -100px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 681px;
  }

  .u-section-1 .u-shape-1 {
    width: 488px;
    height: 287px;
    margin-top: 58px;
  }

  .u-section-1 .u-image-1 {
    width: 488px;
    height: 308px;
    margin-top: -227px;
    margin-left: 0;
  }

  .u-section-1 .u-group-1 {
    width: 378px;
    min-height: 398px;
    margin-top: -58px;
    margin-left: auto;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 726px;
  }

  .u-section-1 .u-shape-1 {
    height: 220px;
    width: 297px;
    margin-top: 51px;
    margin-right: auto;
    margin-left: 43px;
  }

  .u-section-1 .u-image-1 {
    width: 303px;
    height: 249px;
    margin-top: -188px;
  }

  .u-section-1 .u-group-1 {
    min-height: 315px;
    margin-top: 28px;
    margin-bottom: 51px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-1 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .u-section-1 .u-text-1 {
    width: auto;
    margin-top: 9px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .u-section-1 .u-btn-1 {
    margin-top: 28px;
    margin-left: auto;
  }
} 

.u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 348px;
}

.u-section-2 .u-list-1 {
  width: 1316px;
  margin: 8px -88px;
}

.u-section-2 .u-repeater-1 {
  grid-template-columns: 33.3333% 33.3333% 33.3333%;
  grid-gap: 0px 0px;
  min-height: 333px;
}

.u-section-2 .u-list-item-1 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-2 .u-container-layout-1 {
  padding: 29px 0;
}

.u-section-2 .u-text-1 {
  font-size: 3.75rem;
  font-weight: 700;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: -300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 22px 30px 0;
}

.u-section-2 .u-btn-1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 30px auto 0;
}

.u-section-2 .u-list-item-2 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  background-image: none;
}

.u-section-2 .u-container-layout-2 {
  padding: 29px 0;
}

.u-section-2 .u-text-2 {
  font-size: 3.75rem;
  font-weight: 700;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: -300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 22px 30px 0;
}

.u-section-2 .u-btn-2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 30px auto 0;
}

.u-section-2 .u-list-item-3 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-2 .u-container-layout-3 {
  padding: 29px 0;
}

.u-section-2 .u-text-3 {
  font-size: 3.75rem;
  font-weight: 700;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: -300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 22px 30px 0;
}

.u-section-2 .u-btn-3 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  background-image: none;
  border-style: solid;
  margin: 30px auto 0;
}

@media (max-width: 1199px) {
  .u-section-2 .u-list-1 {
    width: 1040px;
    margin-left: -50px;
    margin-right: -50px;
  }

  .u-section-2 .u-repeater-1 {
    min-height: 238px;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .u-section-2 .u-text-1 {
    animation-duration: 1500ms;
    font-size: 3rem;
    width: auto;
    margin-top: 9px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .u-section-2 .u-text-2 {
    animation-duration: 1500ms;
    font-size: 3rem;
    width: auto;
    margin-top: 9px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-top: 101px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .u-section-2 .u-text-3 {
    animation-duration: 1500ms;
    font-size: 3rem;
    width: auto;
    margin-top: 9px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-list-1 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: repeat(2, 50%);
    min-height: 547px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-top: 29px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-list-1 {
    width: 540px;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: 100%;
  }

  .u-section-2 .u-container-layout-1 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .u-section-2 .u-container-layout-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .u-section-2 .u-container-layout-3 {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-list-1 {
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-container-layout-1 {
    padding: 28px 27px;
  }

  .u-section-2 .u-text-1 {
    font-size: 2.25rem;
    margin-top: 0;
    margin-left: 44px;
    margin-right: 44px;
  }

  .u-section-2 .u-btn-1 {
    margin-top: 31px;
  }

  .u-section-2 .u-container-layout-2 {
    padding: 28px 27px;
  }

  .u-section-2 .u-text-2 {
    font-size: 2.25rem;
    margin-top: 0;
    margin-left: 44px;
    margin-right: 44px;
  }

  .u-section-2 .u-btn-2 {
    margin-top: 31px;
  }

  .u-section-2 .u-container-layout-3 {
    padding: 28px 27px;
  }

  .u-section-2 .u-text-3 {
    font-size: 2.25rem;
    margin-top: 0;
    margin-left: 44px;
    margin-right: 44px;
  }

  .u-section-2 .u-btn-3 {
    margin-top: 31px;
  }
} .u-section-3 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("projects/jti/1.png");
  background-position: 50% 50%;
}

.u-section-3 .u-sheet-1 {
  min-height: 706px;
}

.u-section-3 .u-text-1 {
  --animation-custom_in-translate_x: -300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  font-size: 3.4375rem;
  margin: 54px auto 0;
}

.u-section-3 .u-text-2 {
  margin: 20px 103px 0;
}

.u-section-3 .u-text-3 {
  line-height: 2;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  font-size: 1.125rem;
  margin: 20px 103px 0;
}

.u-section-3 .u-image-1 {
  width: 759px;
  height: 290px;
  margin: -23px auto 20px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-sheet-1 {
    min-height: 582px;
  }

  .u-section-3 .u-text-2 {
    margin-left: 3px;
    margin-right: 3px;
  }

  .u-section-3 .u-text-3 {
    width: 841px;
    margin-right: 3px;
    margin-left: 5px;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 431px;
  }

  .u-section-3 .u-text-1 {
    font-size: 3rem;
  }

  .u-section-3 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-text-3 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-3 .u-image-1 {
    width: 720px;
    height: 275px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 362px;
  }

  .u-section-3 .u-text-3 {
    width: 540px;
  }

  .u-section-3 .u-image-1 {
    width: 540px;
    height: 206px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 672px;
  }

  .u-section-3 .u-text-1 {
    width: auto;
    margin-right: 20px;
    margin-left: 29px;
  }

  .u-section-3 .u-text-3 {
    line-height: 1.61;
    font-size: 1rem;
    width: auto;
  }

  .u-section-3 .u-image-1 {
    width: 377px;
    height: 144px;
    margin: -7px -19px 5px;
  }
} .u-section-4 {
  min-height: 936px;
}

.u-section-4 .u-shape-1 {
  height: 474px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-4 .u-shape-2 {
  width: 677px;
  height: 594px;
  background-image: none;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -202px auto 0 calc(((100% - 1140px) / 2) + 220px);
}

.u-section-4 .u-image-1 {
  width: 874px;
  height: 581px;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  margin: -796px auto 0 calc(((100% - 1140px) / 2));
}

.u-section-4 .u-group-1 {
  min-height: 474px;
  width: 596px;
  height: auto;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -294px calc(((100% - 1140px) / 2)) 60px auto;
}

.u-section-4 .u-container-layout-1 {
  padding: 30px;
}

.u-section-4 .u-text-1 {
  margin: 0;
}

.u-section-4 .u-text-2 {
  margin: 13px 0 0;
}

.u-section-4 .u-text-3 {
  margin: 13px 0 0;
}

.u-section-4 .u-btn-1 {
  border-style: solid;
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 22px auto 0 0;
  padding: 9px 41px 10px 40px;
}

@media (max-width: 1199px) {
   .u-section-4 {
    min-height: 935px;
  }

  .u-section-4 .u-shape-2 {
    width: 606px;
    margin-right: calc(((100% - 940px) / 2) + 114px);
    margin-left: auto;
  }

  .u-section-4 .u-image-1 {
    width: 739px;
    height: 523px;
    margin-left: calc(((100% - 940px) / 2));
  }

  .u-section-4 .u-group-1 {
    margin-top: -236px;
    margin-right: calc(((100% - 940px) / 2));
    height: auto;
  }
}

@media (max-width: 991px) {
   .u-section-4 {
    min-height: 936px;
  }

  .u-section-4 .u-shape-2 {
    margin-right: calc(((100% - 720px) / 2) + 114px);
  }

  .u-section-4 .u-image-1 {
    width: 609px;
    height: 404px;
    margin-right: calc(((100% - 720px) / 2) + 40px);
    margin-left: auto;
  }

  .u-section-4 .u-group-1 {
    width: 551px;
    margin-top: -117px;
    margin-right: calc(((100% - 720px) / 2));
  }
}

@media (max-width: 767px) {
   .u-section-4 {
    min-height: 975px;
  }

  .u-section-4 .u-shape-2 {
    width: 458px;
    height: 623px;
    margin-right: auto;
    margin-left: calc(((100% - 540px) / 2));
  }

  .u-section-4 .u-image-1 {
    width: 476px;
    height: 300px;
    margin-top: -815px;
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-4 .u-group-1 {
    width: 458px;
    margin-top: -46px;
    margin-right: auto;
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 575px) {
   .u-section-4 {
    min-height: 859px;
  }

  .u-section-4 .u-shape-2 {
    width: 273px;
    height: 585px;
    margin-top: -266px;
    margin-left: calc(((100% - 340px) / 2));
  }

  .u-section-4 .u-image-1 {
    width: 313px;
    height: 210px;
    margin-top: -731px;
    margin-right: calc(((100% - 340px) / 2));
  }

  .u-section-4 .u-group-1 {
    width: 313px;
    margin-top: 29px;
    margin-right: calc(((100% - 340px) / 2));
  }
} .u-section-5 {
  background-image: none;
}

.u-section-5 .u-sheet-1 {
  min-height: 697px;
}

.u-section-5 .u-layout-wrap-1 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.u-section-5 .u-image-1 {
  min-height: 544px;
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("images/r0_0_800_600_w1200_h678_fmax.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
}

.u-section-5 .u-container-layout-1 {
  padding: 30px 30px 0;
}

.u-section-5 .u-layout-cell-2 {
  min-height: 544px;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.49;
}

.u-section-5 .u-container-layout-2 {
  padding: 30px 30px 30px 40px;
}

.u-section-5 .u-text-1 {
  margin: 72px auto 0 0;
}

.u-section-5 .u-text-2 {
  margin: 29px 0 0;
}

.u-section-5 .u-btn-1 {
  border-style: solid;
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 29px auto 0 0;
  padding: 9px 41px 10px 40px;
}

@media (max-width: 1199px) {
  .u-section-5 .u-sheet-1 {
    min-height: 702px;
  }

  .u-section-5 .u-layout-wrap-1 {
    margin-top: 78px;
  }

  .u-section-5 .u-image-1 {
    min-height: 449px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 449px;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-sheet-1 {
    min-height: 841px;
  }

  .u-section-5 .u-image-1 {
    min-height: 688px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-5 .u-container-layout-2 {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-sheet-1 {
    min-height: 869px;
  }

  .u-section-5 .u-image-1 {
    min-height: 516px;
  }

  .u-section-5 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-5 .u-container-layout-2 {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 789px;
  }

  .u-section-5 .u-layout-wrap-1 {
    margin-bottom: 0;
  }

  .u-section-5 .u-image-1 {
    min-height: 290px;
  }

  .u-section-5 .u-layout-cell-2 {
    min-height: 422px;
  }

  .u-section-5 .u-container-layout-2 {
    padding-bottom: 20px;
  }

  .u-section-5 .u-text-1 {
    width: auto;
    margin-top: 9px;
  }

  .u-section-5 .u-text-2 {
    width: auto;
    margin-top: 17px;
  }

  .u-section-5 .u-btn-1 {
    margin-top: 28px;
  }
}.u-section-6 .u-sheet-1 {
  min-height: 1297px;
}

.u-section-6 .u-layout-wrap-1 {
  margin-top: 51px;
  margin-bottom: 16px;
}

.u-section-6 .u-image-1 {
  min-height: 1230px;
  background-image: url("images/R.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: -200px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-6 .u-container-layout-1 {
  padding: 30px 29px 30px 60px;
}

.u-section-6 .u-layout-cell-2 {
  min-height: 1246px;
}

.u-section-6 .u-container-layout-2 {
  padding: 30px 60px;
}

.u-section-6 .u-text-1 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 0 auto 0 0;
}

.u-section-6 .u-text-2 {
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 22px 0 0;
}

.u-section-6 .u-btn-1 {
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 2px;
  background-image: none;
  border-style: solid;
  margin: 31px auto 0;
  padding: 10px 34px;
}

@media (max-width: 1199px) {
  .u-section-6 .u-sheet-1 {
    min-height: 481px;
  }

  .u-section-6 .u-image-1 {
    min-height: 1014px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 1027px;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-sheet-1 {
    min-height: 367px;
  }

  .u-section-6 .u-image-1 {
    min-height: 777px;
  }

  .u-section-6 .u-container-layout-1 {
    padding-left: 30px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-6 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-sheet-1 {
    min-height: 653px;
  }

  .u-section-6 .u-image-1 {
    min-height: 1166px;
  }

  .u-section-6 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-6 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-sheet-1 {
    min-height: 446px;
  }

  .u-section-6 .u-image-1 {
    min-height: 304px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 1206px;
  }
}.u-section-7 .u-sheet-1 {
  min-height: 1093px;
}

.u-section-7 .u-text-1 {
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 108px auto 0;
}

.u-section-7 .u-image-1 {
  width: 926px;
  height: 893px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: 20px auto;
}

@media (max-width: 991px) {
  .u-section-7 .u-sheet-1 {
    min-height: 894px;
  }

  .u-section-7 .u-image-1 {
    width: 720px;
    height: 694px;
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-sheet-1 {
    min-height: 721px;
  }

  .u-section-7 .u-image-1 {
    width: 540px;
    height: 521px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-sheet-1 {
    min-height: 528px;
  }

  .u-section-7 .u-image-1 {
    width: 340px;
    height: 328px;
  }
} .u-section-8 {
  min-height: 936px;
}

.u-section-8 .u-shape-1 {
  height: 474px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-8 .u-shape-2 {
  width: 677px;
  height: 594px;
  background-image: none;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 300px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -202px auto 0 calc(((100% - 1140px) / 2) + 220px);
}

.u-section-8 .u-image-1 {
  width: 874px;
  height: 581px;
  box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
  margin: -834px calc(((100% - 1140px) / 2) + -64px) 0 auto;
}

.u-section-8 .u-group-1 {
  min-height: 474px;
  width: 596px;
  height: auto;
  --animation-custom_in-translate_x: 300px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
  margin: -290px auto 60px calc(((100% - 1140px) / 2) + 80px);
}

.u-section-8 .u-container-layout-1 {
  padding: 21px 0;
}

.u-section-8 .u-text-1 {
  margin: 21px -167px 0 227px;
}

.u-section-8 .u-text-2 {
  margin: 21px 30px 0;
}

.u-section-8 .u-btn-1 {
  border-style: solid;
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 30px auto 0;
  padding: 9px 41px 10px 40px;
}

@media (max-width: 1199px) {
   .u-section-8 {
    min-height: 935px;
  }

  .u-section-8 .u-shape-2 {
    width: 606px;
    margin-right: calc(((100% - 940px) / 2) + 114px);
    margin-left: auto;
  }

  .u-section-8 .u-image-1 {
    width: 739px;
    height: 523px;
    margin-right: calc(((100% - 940px) / 2) + -64px);
    margin-left: calc(((100% - 940px) / 2));
  }

  .u-section-8 .u-group-1 {
    margin-top: -236px;
    margin-right: calc(((100% - 940px) / 2));
    margin-left: calc(((100% - 940px) / 2) + 80px);
    height: auto;
  }
}

@media (max-width: 991px) {
   .u-section-8 {
    min-height: 936px;
  }

  .u-section-8 .u-shape-2 {
    margin-right: calc(((100% - 720px) / 2) + 114px);
  }

  .u-section-8 .u-image-1 {
    width: 609px;
    height: 404px;
    margin-right: calc(((100% - 720px) / 2) + 40px);
    margin-left: auto;
  }

  .u-section-8 .u-group-1 {
    width: 551px;
    margin-top: -117px;
    margin-right: calc(((100% - 720px) / 2));
    margin-left: calc(((100% - 720px) / 2) + 80px);
  }
}

@media (max-width: 767px) {
   .u-section-8 {
    min-height: 975px;
  }

  .u-section-8 .u-shape-2 {
    width: 458px;
    height: 623px;
    margin-right: auto;
    margin-left: calc(((100% - 540px) / 2));
  }

  .u-section-8 .u-image-1 {
    width: 476px;
    height: 300px;
    margin-top: -815px;
    margin-right: calc(((100% - 540px) / 2));
  }

  .u-section-8 .u-group-1 {
    width: 458px;
    margin-top: -46px;
    margin-right: auto;
    margin-left: calc(((100% - 540px) / 2));
  }

  .u-section-8 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-8 .u-text-1 {
    margin-left: 199px;
  }

  .u-section-8 .u-text-2 {
    margin-left: 2px;
    margin-right: 2px;
  }
}

@media (max-width: 575px) {
   .u-section-8 {
    min-height: 859px;
  }

  .u-section-8 .u-shape-2 {
    width: 273px;
    height: 585px;
    margin-top: -266px;
    margin-left: calc(((100% - 340px) / 2));
  }

  .u-section-8 .u-image-1 {
    width: 313px;
    height: 210px;
    margin-top: -731px;
    margin-right: calc(((100% - 340px) / 2));
  }

  .u-section-8 .u-group-1 {
    width: 313px;
    margin-top: 29px;
    margin-right: calc(((100% - 340px) / 2));
    margin-left: calc(((100% - 340px) / 2));
  }

  .u-section-8 .u-text-1 {
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-8 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 887px;
}

.u-section-9 .u-layout-wrap-1 {
  margin-top: 51px;
  margin-bottom: 60px;
}

.u-section-9 .u-layout-cell-1 {
  min-height: 756px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-9 .u-container-layout-1 {
  padding: 30px 60px;
}

.u-section-9 .u-text-1 {
  margin: 31px auto 0 0;
}

.u-section-9 .u-text-2 {
  margin: 41px 0 0;
}

.u-section-9 .u-btn-1 {
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 2px;
  background-image: none;
  border-style: solid;
  margin: 41px auto 0;
  padding: 10px 34px;
}

.u-section-9 .u-image-1 {
  min-height: 756px;
  background-image: url("images/R1.jpg");
  background-position: 50% 50%;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-9 .u-container-layout-2 {
  padding: 30px 29px 30px 60px;
}

@media (max-width: 1199px) {
  .u-section-9 .u-sheet-1 {
    min-height: 481px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 623px;
  }

  .u-section-9 .u-image-1 {
    min-height: 623px;
  }
}

@media (max-width: 991px) {
  .u-section-9 .u-sheet-1 {
    min-height: 367px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .u-section-9 .u-image-1 {
    min-height: 477px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-sheet-1 {
    min-height: 653px;
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-1 {
    min-height: 716px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: 1207px;
  }

  .u-section-9 .u-layout-wrap-1 {
    margin-bottom: 19px;
  }

  .u-section-9 .u-layout-cell-1 {
    min-height: 833px;
  }

  .u-section-9 .u-image-1 {
    min-height: 304px;
  }
} .u-section-10 {
  background-image: none;
}

.u-section-10 .u-sheet-1 {
  min-height: 695px;
}

.u-section-10 .u-layout-wrap-1 {
  width: 966px;
  margin: 60px auto;
}

.u-section-10 .u-layout-cell-1 {
  min-height: 638px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-10 .u-container-layout-1 {
  padding: 30px;
}

.u-section-10 .u-text-1 {
  font-weight: 700;
  font-size: 2.25rem;
  text-transform: none;
  margin: 2px auto 0;
}

.u-section-10 .u-form-1 {
  height: 461px;
  width: 443px;
  margin: 30px auto 0;
}

.u-section-10 .u-btn-1 {
  border-style: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-image: none;
  width: 100%;
}

.u-section-10 .u-layout-cell-2 {
  min-height: 638px;
  background-image: none;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 0.3;
}

.u-section-10 .u-container-layout-2 {
  padding: 30px;
}

.u-section-10 .u-text-2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  margin: 49px auto 0;
}

.u-section-10 .u-text-3 {
  margin: 22px 0 0;
}

.u-section-10 .u-text-4 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  margin: 60px auto 0;
}

.u-section-10 .u-text-5 {
  margin: 18px 31px 0;
}

.u-section-10 .u-text-6 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  margin: 60px auto 0;
}

.u-section-10 .u-text-7 {
  font-weight: 700;
  line-height: 2;
  margin: 22px 30px 0;
}

@media (max-width: 1199px) {
  .u-section-10 .u-sheet-1 {
    min-height: 556px;
  }

  .u-section-10 .u-layout-wrap-1 {
    position: relative;
    width: 940px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 621px;
  }

  .u-section-10 .u-text-1 {
    font-size: 1.875rem;
  }

  .u-section-10 .u-form-1 {
    width: 439px;
  }

  .u-section-10 .u-layout-cell-2 {
    min-height: 621px;
  }

  .u-section-10 .u-text-3 {
    font-weight: normal;
  }

  .u-section-10 .u-text-5 {
    margin-right: 28px;
    margin-left: 0;
    font-weight: normal;
  }

  .u-section-10 .u-text-7 {
    margin-right: 26px;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .u-section-10 .u-sheet-1 {
    min-height: 586px;
  }

  .u-section-10 .u-layout-wrap-1 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 720px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-10 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-10 .u-text-1 {
    font-size: 1.5rem;
  }

  .u-section-10 .u-form-1 {
    width: 318px;
  }

  .u-section-10 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-10 .u-container-layout-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-10 .u-text-2 {
    font-size: 1.125rem;
  }

  .u-section-10 .u-text-4 {
    font-size: 1.125rem;
  }

  .u-section-10 .u-text-5 {
    margin-right: 0;
  }

  .u-section-10 .u-text-6 {
    font-size: 1.125rem;
    margin-top: 21px;
  }

  .u-section-10 .u-text-7 {
    margin-top: 19px;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .u-section-10 .u-sheet-1 {
    min-height: 426px;
  }

  .u-section-10 .u-layout-wrap-1 {
    width: 540px;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .u-section-10 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-10 .u-text-1 {
    font-size: 2.25rem;
  }

  .u-section-10 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-10 .u-sheet-1 {
    min-height: 1153px;
  }

  .u-section-10 .u-layout-wrap-1 {
    width: 340px;
  }

  .u-section-10 .u-text-1 {
    font-size: 2rem;
  }

  .u-section-10 .u-layout-cell-2 {
    min-height: 491px;
  }

  .u-section-10 .u-container-layout-2 {
    padding-left: 9px;
    padding-right: 9px;
  }

  .u-section-10 .u-text-3 {
    font-weight: 700;
    margin-left: 1px;
    margin-right: 1px;
  }

  .u-section-10 .u-text-4 {
    width: auto;
    margin-top: 39px;
    margin-left: 116px;
  }

  .u-section-10 .u-text-5 {
    width: auto;
    font-weight: 700;
    margin-top: 30px;
    margin-left: 1px;
    margin-right: 1px;
  }

  .u-section-10 .u-text-6 {
    margin-top: 30px;
  }

  .u-section-10 .u-text-7 {
    width: auto;
    margin-top: 9px;
    margin-left: 1px;
    margin-right: 1px;
  }


  

}




/* .carousel-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-inner .carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-inner .carousel-item img {
  margin: auto;
} */






.ekhtr {

background-color: rgb(0, 128, 85);
height: 75%;
width: 95%;
position: absolute;
border-radius: 30px;
top: 70px;
left: 5%;
box-shadow: -30px 30px 40px rgba(0,0,0,0.2);
animation-name: lefttorightekhtr , opacity;
animation-duration: 1s;

}



.pos {
    position: relative;
}



.map {

    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 10;
}





.montaza h3 {
  font-size: 48px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

.container {

margin-top: 48px;



}


.ekhtrr {

  background-color: rgb(24, 110, 82);
  height: 40%;
  width: 30%;
  position: absolute;
  border-radius: 30px;
  bottom: 10%;
  left: 20%;
  text-align: center;
  padding: 20px;
  animation-name: lefttoright , opacity;
  animation-duration: 1s;
  
  
  }

  .ekhtrr h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 42px;
    margin-top: 10%;
  }
  

  .msaha {
    padding: 5%;
    display: flex;
    justify-content: center;
  }


  .bala {
    width: 60%;
    left: 80px;
    top: 10px;
  }






  
.ekhtrm {

  background-color: rgb(0, 128, 85);
  height: 70%;
  width: 52%;
  position: absolute;
  border-radius: 30px;
  top: 4%;
  right: 15%;
  animation-name: righttoleftekhtrm , opacity;
  animation-duration: 1s;
  
  
  }

.cov {
  width: 50%;
  height: 10%;
  background-color: #558155;
  position: relative;
  top: -48px;
  left: 25%;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white;
}

.cov h3 {
  margin-top: 20px;
  animation-name: opacity;
  animation-duration: 0.5s;
}


.mnsha {
  animation-name: righttoleftekhtrm,  opacity;
  animation-duration: 1s;
  box-shadow: -30px 30px 30px rgba(0,0,0,0.3);
  left: 90px;
}


.carousel-item {
  position: relative;
}




.blac {
  padding: 3%;
  width: 70%;
  background-color: rgba(1, 51, 13, 0.5);
  border-radius: 25px;
  animation-name: opacity;
  animation-duration: 2s;
  position: absolute;
  bottom: 10%;
  left: 15%;
  z-index: 5;
  color: white;
  text-align: center;
  
}


.carousel-caption {
  z-index: 1;
}


.learn {
  padding: 10px;
  width: 20%;
  border: 2px solid rgb(10, 65, 10);
  border-radius: 50px;
  background-color: rgb(29, 141, 29);
  transition: 0.3s;
}


.learn:hover {
  background-color: white;
  color: green;
}


.middd {

  padding: 150px;
  background-color: #558155;
  position: relative;
  display: flex;
  justify-content: center;



}

.borderright1 {
  width: 600px;
  height: 600px;
  border: solid 30px rgb(117, 199, 117);
  border-radius: 290px;
  display: flex;
  justify-content: center;
  padding-top: 0.5%;
  margin-right: 10%;
  top: 0%;
  left: 10%;
  position: absolute;
  animation-name: midout1 , opacity;
  animation-duration: 1s;
}




.borderright2 {
  width: 580px;
  height: 580px;
  border: solid 30px rgb(117, 199, 117);
  border-radius: 290px;
  display: flex;
  justify-content: center;
  padding-top: 0.5%;
  position: absolute; 
  bottom: 10%;
  right: 7%;
  animation-name: midout2 , opacity;
  animation-duration: 1s;
  
}


.circle1 {
width: 520px;
height: 520px;
background-color: white;
border-radius: 50%;


}


.circle1 span {
  color: #558155;
  font-family: "Poppins", sans-serif;
  font-size: 75px;
  font-weight: 800;
  position: relative;
  top: 200px;
  right: 80px;
}


.bordermiddle {
  width: 850px;
  height: 780px;
  background-color: rgb(5, 114, 1);
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  position: relative;
  left: 0;
  z-index: 1;

}


.circle2 {
width: 80%;
height: 70%;
margin-top: 5%;
/* border-radius: 50% ; */
padding: 10px;
z-index: 1;


}





.circle2 p {
  font-weight: 900;
  font-size: 20px;
  margin-top: 100px;
  color: white;
}


.circle2 i {
  transform: scale(6);
  color: white;
  margin-top: 70px;
}

.circle3{
width: 500px;
height: 500px;
background-color: white;
border-radius: 50%;
position: absolute;
}

.circle3 span {
  color: #558155;
  font-family: "Poppins", sans-serif;
  font-size: 75px;
  font-weight: 800;
  position: relative;
  top: 200px;
  left: 20px;
}


a button {
  color: white;
  font-weight: 600;
}


.containerrr {
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: center;
}




.contact-form {

text-align: left;
background: transparent;
padding: 20px;
border-radius: 8px;
/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
width: 60%;

}


.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-group input, .form-group textarea {
  background-color: transparent;
width: 100%;
padding: 10px;
border: 1px solid;
border-color: transparent transparent grey transparent;
border-radius: 4px;
}
.form-group button {
width: 100%;
padding: 10px;
background-color: #28a745;
color: #fff;
border: none;
border-radius: 25px;
cursor: pointer;
}
.form-group button:hover {
background-color: #218838;
}

.afrom {
    display: flex;

}

.afromo {
  margin: 0;
  padding: 0;
}

.conti {
  width: 40%;
  border-top-right-radius: 25px;
  margin-left: 100px;
  position: absolute;
  top: 10px;
  left: 500px;

}

.conti img {
  width: 100%;
  border-radius: 25px;
}



.textjust {
  text-align: justify;
  text-justify: inter-word;
}



.textcircle {
  float: left;
  width: 400px;
  height: 400px;
  shape-outside: circle(50%);
  clip-path: circle(50%);
  background: #3498db;
  margin-right: 20px;
}



.map {
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: rgb(0, 10, 0, 0.95);
  height: 100%;
  width: 100%;
  border-radius: 25px;
  z-index: 10;
  animation: mazo 3s;
}




.map img {
  position: absolute;
  top: 150px;
  left: 100px;
  width: 80%;
}




.map .ast {
  position: absolute;
  top: 30px;
  left: 35px;
  font-weight: 900;
  font-size: 40px;
  color: #9cc0c9;
  animation: mshmazo 3s;
}




.map .asa {
  position: absolute;
  bottom: 30px;
  right: 0px;
  width: 500px;
  font-weight: 900;
  font-size: 40px;
  color: #9cc0c9;
  animation: mshmazo2 3s;
}







@keyframes mazo {
  0% {
    top: -100%;
  }



  50% {
   top: -100%;
  }

  100% {
   top: 0%;
  }
}


@keyframes mshmazo {

  0% {
    top: 0;
    opacity: 0;
  }


  50% {
    top: 0;
    opacity: 0;
  }


  100% {
    top: 30px;
    opacity: 1;
  }

  


}
@keyframes mshmazo2 {

  0% {
    bottom: 0;
    opacity: 0;
  }


  50% {
    bottom: 0;
    opacity: 0;
  }


  100% {
    bottom: 30px;
    opacity: 1;
  }
  
}

  

.foooter {
  background-color: rgb(44, 44, 44);
  color: white;
  text-align: center;

}




@media only screen and ( max-width: 1530px) {


  .map .ast {
    font-size: 30px;
    font-weight: 600;
    left: 50px;
  }
  .map .asa {
    width: 400px;
    font-size: 30px;
    font-weight: 600;
    right: 10px;
  }
  
  
  
  
  .borderright1 {
    left: 0px;
  }
  
  
  .borderright2 {
    right: 0px;
  }



    
  }
  
  






@media only screen and ( max-width: 700px ) {

  .ekhtrr h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-top: 10%;
  }

  
  .ekhtrm {
    right: 15%;
    height: 60%;
  }

  .ekhtrr {
    height: 40%;
  }


  .bala {
    left: 20px;
  }

  .borderright1 {
    height: 400px;
    width: 400px;
    padding-top: 2%;
    left: 5%;
  }


  .borderright1 .circle1 {
    height: 310px;
    width: 310px;

  }

  .circle1 span {
    top: 30px;
    left: 5px;
    font-size: 50px;
  }

  .bordermiddle {
    height: 300px;
    width: 300px;
    left: -50px;

  }

  .bordermiddle .circle2 {
    height: 400px;
    width:400px;
    padding: 10px;
    
  }

  .bordermiddle .circle2 p {
    font-size: 10px;
    margin-top: 50px;
  }


  .bordermiddle .circle2 i {
    scale: 0.7;
    margin-top: 15%;
  }





  .borderright2 {
    height: 400px;
    width: 400px;
    padding-top: 3%;
    bottom: 0%;
    right: 3%;
  }


  .borderright2 .circle3 {
    height: 310px;
    width: 310px;

  }

  .circle3 span {
    top: 200px;
    left: 5px;
    font-size: 50px;
  }


  .cov {
    width: 120%;
    height: 150px;
    left: -10%;
    top: -50px;

  }

.tooll {
  height: 700px;
}

  .cov h3 {
    font-size: 43px;
  }

    .ekhtr {
      height: 40%;
      top: 130px;
      left: -20%;
    }


    .mnsha {
      left: -10px;
    }

    .learn {
      width: 100px;
      padding: 5px;
      font-size: 10px;

    }


    .blac {
      height: 80%;
    }


    .blac h5 {
      font-size: 11px;
      margin-bottom: 0px;
    }



    .blac li {
      font-size: 9px;
    }



    .blac p {
      font-size: 9px;
      margin: 5px 0px 10px 0px;
    }


    .map {

      left: 0px;
    }


    .map .ast {
      font-size: 9px;
      font-weight: 400;
      top: 5px;

    }


    .map .asa {
      font-size: 9px;
      font-weight: 400;
      bottom: 5px;
      right: -20px;
      width: 150px;   
      
    }


    .map img {
      top: 45px;
      left: 25px;
    }


    .conti {
      left: 200px;
      top: 100px;
      width: 50%;
      height: 100px;
    }


    .conti img {
      
      object-fit: cover;
      object-position: center;



    


    }


    @keyframes mshmazo {

      0% {
        top: 0;
        opacity: 0;
      }
    
    
      50% {
        top: 0;
        opacity: 0;
      }
    
    
      100% {
        top: 5px;
        opacity: 1;
      }
    }
      

      @keyframes mshmazo2 {

        0% {
          bottom: 0;
          opacity: 0;
        }
      
      
        50% {
          bottom: 0;
          opacity: 0;
        }
      
      
        100% {
          bottom: 5px;
          opacity: 1;
        }
        
      }


      .contact-form {
        margin-left: -10%;
        width: 400px;
      }
      


      



}







@media only screen and ( max-width: 500px ) {

  .ekhtrr h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-top: 10%;
  }

  
  .ekhtrm {
    right: 15%;
    height: 60%;
  }

  .ekhtrr {
    height: 40%;
  }




  .bala {
    left: 20px;
  }

  .borderright1 {
    height: 300px;
    width: 300px;
    padding-top: 2%;
    left: 5%;
  }


  .borderright1 .circle1 {
    height: 220px;
    width: 220px;

  }

  .circle1 span {
    top: 40px;
    left: 5px;
    font-size: 40px;
  }

  .bordermiddle {
    height: 370px;
    width: 370px;
    left: 0px;
    
  }

  .bordermiddle .circle2 {
    height: 400px;
    width: 400px;
    padding: 30px;
    /* background-color: #3498db; */
  }

  .bordermiddle .circle2 p {
    font-size: 8px;
    margin-top: 50px;
  }


  .bordermiddle .circle2 i {
    scale: 0.6;
    margin-top: 10%;
  }





  .borderright2 {
    height: 300px;
    width: 300px;
    padding-top: 3%;
    bottom: 5%;
    right: 1%;
  }


  .borderright2 .circle3 {
    height: 220px;
    width: 220px;

  }

  .circle3 span {
    top: 100px;
    left: 5px;
    font-size: 40px;
  }


  .cov {
    width: 100%;
    height: 150px;
    left: -5%;
    top: -50px;

  }

.tooll {
  height: 700px;
}

  .cov h3 {
    font-size: 43px;
  }

    .ekhtr {
      height: 40%;
      top: 130px;
      left: -5%;
    }


    .mnsha {
      left: -30px;
    }




    .blac {
      visibility: visible;
    }


    .map {

      left: 0px;
    }


    .map .ast {
  
      font-weight: 400;
      top: 5px;

    }


    .map h2 {
      font-size: 9px;
    }



    .map .asa {
      font-size: 9px;
      font-weight: 400;
      bottom: 5px;
      right: -20px;
      width: 150px;   
      
    }


    .map img {
      top: 45px;
      left: 25px;
    }


    .conti {
      left: -70px;
      top: -500px;
      width: 80%;
      height: 100px;
    }


    .conti img {
      
      object-fit: cover;
      object-position: center;
    }


    @keyframes mshmazo {

      0% {
        top: 0;
        opacity: 0;
      }
    
    
      50% {
        top: 0;
        opacity: 0;
      }
    
    
      100% {
        top: 5px;
        opacity: 1;
      }
    }
      

      @keyframes mshmazo2 {

        0% {
          bottom: 0;
          opacity: 0;
        }
      
      
        50% {
          bottom: 0;
          opacity: 0;
        }
      
      
        100% {
          bottom: 5px;
          opacity: 1;
        }
        
      }


      .contact-form {
        margin-left: -10%;
        width: 400px;
      }
      


      



}









@media only screen and ( max-width: 420px ) {

  .ekhtrr h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-top: 10%;
  }

  
  .ekhtrm {
    right: 15%;
    height: 60%;
  }

  .ekhtrr {
    height: 40%;
  }




  .bala {
    left: 20px;
  }

  .borderright1 {
    height: 300px;
    width: 300px;
    padding-top: 2%;
    left: 5%;
  }


  .borderright1 .circle1 {
    height: 220px;
    width: 220px;

  }

  .circle1 span {
    top: 40px;
    left: 5px;
    font-size: 40px;
  }

  .bordermiddle {
    height: 370px;
    width: 370px;
    left: 0px;
    
  }

  .bordermiddle .circle2 {
    height: 400px;
    width: 400px;
    padding: 30px;
    /* background-color: #3498db; */
  }

  .bordermiddle .circle2 p {
    font-size: 8px;
    margin-top: 50px;
  }


  .bordermiddle .circle2 i {
    scale: 0.6;
    margin-top: 10%;
  }





  .borderright2 {
    height: 300px;
    width: 300px;
    padding-top: 3%;
    bottom: 5%;
    right: 1%;
  }


  .borderright2 .circle3 {
    height: 220px;
    width: 220px;

  }

  .circle3 span {
    top: 100px;
    left: 5px;
    font-size: 40px;
  }


  .cov {
    width: 100%;
    height: 150px;
    left: -5%;
    top: -50px;

  }

.tooll {
  height: 700px;
}

  .cov h3 {
    font-size: 43px;
  }

    .ekhtr {
      height: 40%;
      top: 130px;
      left: -10%;
    }


    .mnsha {
      left: -50px;
    }




    .blac {
      visibility: visible;
    }


    .map {

      left: 0px;
    }


    .map .ast {
  
      font-weight: 400;
      top: 5px;
      left: 10px;

    }


    .map h2 {
      font-size: 9px;
    }



    .map .asa {
      font-size: 9px;
      font-weight: 400;
      bottom: -5px;
      right: 20px;
      width: 100px; 

      
    }


    .map img {
      top: 45px;
      left: 25px;
    }


    .conti {
      left: -70px;
      top: -500px;
      width: 80%;
      height: 100px;
    }


    .conti img {
      
      object-fit: cover;
      object-position: center;
    }


    @keyframes mshmazo {

      0% {
        top: 0;
        opacity: 0;
      }
    
    
      50% {
        top: 0;
        opacity: 0;
      }
    
    
      100% {
        top: 5px;
        opacity: 1;
      }
    }
      

      @keyframes mshmazo2 {

        0% {
          bottom: 0;
          opacity: 0;
        }
      
      
        50% {
          bottom: 0;
          opacity: 0;
        }
      
      
        100% {
          bottom: -5px;
          opacity: 1;
        }
        
      }


      .contact-form {
        margin-left: 0%;
        width: 400px;
      }
      


      



}













@media only screen and ( max-width: 390px ) {

  .ekhtrr h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-top: 10%;
  }

  
  .ekhtrm {
    right: 15%;
    height: 60%;
  }

  .ekhtrr {
    height: 40%;
  }




  .bala {
    left: 20px;
  }

  .borderright1 {
    height: 300px;
    width: 300px;
    padding-top: 2%;
    left: 5%;
  }


  .borderright1 .circle1 {
    height: 220px;
    width: 220px;

  }

  .circle1 span {
    top: 40px;
    left: 5px;
    font-size: 40px;
  }

  .bordermiddle {
    height: 370px;
    width: 370px;
    left: 0px;
    
  }

  .bordermiddle .circle2 {
    height: 400px;
    width: 400px;
    padding: 30px;
    /* background-color: #3498db; */
  }

  .bordermiddle .circle2 p {
    font-size: 8px;
    margin-top: 50px;
  }


  .bordermiddle .circle2 i {
    scale: 0.6;
    margin-top: 10%;
  }





  .borderright2 {
    height: 300px;
    width: 300px;
    padding-top: 3%;
    bottom: 5%;
    right: 1%;
  }


  .borderright2 .circle3 {
    height: 220px;
    width: 220px;

  }

  .circle3 span {
    top: 100px;
    left: 5px;
    font-size: 40px;
  }


  .cov {
    width: 100%;
    height: 150px;
    left: -5%;
    top: -50px;

  }

.tooll {
  height: 700px;
}

  .cov h3 {
    font-size: 43px;
  }

    .ekhtr {
      height: 40%;
      top: 130px;
      left: -10%;
    }


    .mnsha {
      left: -50px;
    }




    .blac {
      visibility: visible;
    }


    .map {

      left: 0px;
    }


    .map .ast {
  
      font-weight: 400;
      top: 5px;
      left: 10px;

    }


    .map h2 {
      font-size: 9px;
    }



    .map .asa {
      font-size: 9px;
      font-weight: 400;
      bottom: -5px;
      right: 10px;
      width: 100px;
      
      
    }


    .map img {
      top: 45px;
      left: 25px;
    }


    .conti {
      left: -70px;
      top: -500px;
      width: 80%;
      height: 100px;
    }


    .conti img {
      
      object-fit: cover;
      object-position: center;
    }


    @keyframes mshmazo {

      0% {
        top: 0;
        opacity: 0;
      }
    
    
      50% {
        top: 0;
        opacity: 0;
      }
    
    
      100% {
        top: 5px;
        opacity: 1;
      }
    }
      

      @keyframes mshmazo2 {

        0% {
          bottom: 0;
          opacity: 0;
        }
      
      
        50% {
          bottom: 0;
          opacity: 0;
        }
      
      
        100% {
          bottom: -5px;
          opacity: 1;
        }
        
      }


      .contact-form {
        margin-left: 0%;
        width: 400px;
      }
      


      



}





@media only screen and ( max-width: 370px ) {

.cov {

left: -10%;

}



.mnsha {
  left: -70px;
}



  
}