body {
  padding-top: 0px;
}

#home-header {
  width: 100%;
  position: relative;
  min-height: 100vh;
  /* Define the bounce animation */
}
#home-header video {
  min-height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
#home-header .carousel-item {
  min-height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  animation: zoomInEffect 13s ease-in-out infinite;
}
@keyframes zoomInEffect {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  #home-header .carousel-item {
    background-attachment: scroll !important;
  }
}
#home-header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 9;
}
#home-header .header-content {
  position: absolute;
  inset: 0px !important;
  min-height: 100vh;
  width: 100%;
  z-index: 10;
}
#home-header .header-content .content {
  display: none;
}
#home-header .header-content .content .title {
  margin-bottom: 20px;
  font-weight: 900;
  font-size: clamp(1.875rem, 0.8627rem + 3.2394vw, 4.75rem);
  line-height: clamp(3.125rem, 2.0246rem + 3.5211vw, 6.25rem) !important;
}
#home-header .header-content .content .title,
#home-header .header-content .content p {
  color: #fff;
}
#home-header .header-content .content p {
  font-size: clamp(1rem, 0.956rem + 0.1408vw, 1.125rem);
  font-weight: 400;
}
#home-header .header-content .active {
  display: block;
}
#home-header .btn {
  border: solid 2px #ffffff;
  color: #fff;
}
#home-header .bounce {
  position: absolute;
  bottom: 40px;
  right: calc(50% - 13px);
  animation: bounce 1s infinite;
  /* Keyframes for the bounce effect */
}
#home-header .bounce svg {
  width: 26px;
  fill: #ffffff;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}

@media (max-width: 768px) and (max-height: 768px) {
  #home-header,
  #home-header img,
  #home-header video,
  #home-header .carousel-item,
  #home-header .overlay {
    min-height: 1000px;
  }
}
@media (max-width: 500px) {
  #home-header,
  #home-header img,
  #home-header video,
  #home-header .carousel-item,
  #home-header .overlay {
    min-height: 1000px;
  }
  html[lang=ar] #home-header,
  html[lang=ar] #home-header img,
  html[lang=ar] #home-header video,
  html[lang=ar] #home-header .carousel-item,
  html[lang=ar] #home-header .overlay {
    min-height: 900px;
  }
}
#about-section {
  padding-top: 100px;
}
#about-section .about-image {
  position: relative;
}
#about-section .about-image::after {
  content: "";
  background-color: var(--main-color);
  clip-path: polygon(40% 0%, 100% 0%, 60% 100%, 0% 100%);
  position: absolute;
  width: 50%;
  height: 112%;
  left: 10%;
  top: -6%;
  z-index: -1;
}
#about-section .about-image .main-image {
  width: 100%;
  height: auto;
  aspect-ratio: 4/4;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radius-md);
}
#about-section .who-we-are {
  font-size: 16px;
}
#about-section h3 {
  font-size: clamp(1.25rem, 0.8099rem + 1.4085vw, 2.5rem);
  font-weight: bold;
  margin-bottom: 20px;
  line-height: clamp(1.875rem, 1.3248rem + 1.7606vw, 3.4375rem);
}
#about-section .btn-go-to-about-page {
  width: 200px;
}
@media (max-width: 991px) {
  #about-section {
    padding-top: 70px;
  }
}

@media (max-width: 768px) {
  #about-section .btn-go-to-about-page {
    width: 200px;
  }
}
@media (max-width: 500px) {
  #about-section .btn-go-to-about-page {
    width: 180px;
  }
}
#our-numbers {
  margin: 80px 0px;
}
#our-numbers .box-bg {
  box-shadow: rgba(17, 12, 46, 0.1) 0px 48px 100px 0px;
  background-image: url("../../../images/Geo-Shapes-Bg-Light-1-1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}
#our-numbers .counter-box {
  font-size: clamp(1.25rem, 0.3697rem + 2.8169vw, 3.75rem);
}
#our-numbers h4 {
  font-size: clamp(0.875rem, 0.743rem + 0.4225vw, 1.25rem);
}

#gallery {
  padding: 100px 0px;
}
#gallery h2 {
  font-size: clamp(1.5rem, 1.1479rem + 1.1268vw, 2.5rem);
  line-height: clamp(2.1875rem, 1.7474rem + 1.4085vw, 3.4375rem);
}
#gallery img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/3;
  border-radius: var(--radius-md);
}

#latest-projects {
  padding: 50px 0px 80px 0px;
  background-color: var(--bg);
}
#latest-projects .project-card {
  box-shadow: none !important;
  transform: unset !important;
}
#latest-projects .swiper-wrapper-container {
  position: relative;
}
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 222;
}
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-prev,
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-next {
  pointer-events: auto;
  width: 45px;
  height: 45px;
  background: var(--main-color);
  color: #fff;
  border-radius: var(--radius-sm);
  cursor: pointer;
}
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-prev::after,
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-next::after {
  display: none;
}
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-prev svg,
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-next svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-next,
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-rtl .swiper-button-prev {
  right: -60px;
  left: auto;
}
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-button-prev,
#latest-projects .swiper-wrapper-container .swiper-buttons-wrapper .swiper-rtl .swiper-button-next {
  left: -60px;
  right: auto;
}
@media (max-width: 1400px) {
  #latest-projects .swiper-wrapper-container .swiper-buttons-wrapper {
    display: none;
  }
}

#ready-contact {
  padding: 60px 0px;
  background-color: var(--bg);
}
#ready-contact .title {
  font-weight: 700;
  font-size: clamp(1.625rem, 1.3169rem + 0.9859vw, 2.5rem);
  margin-bottom: 0px;
}/*# sourceMappingURL=index.css.map */