@font-face {
  font-family: "Lama Sans"  !important;
  src: url("../webfonts/LamaSans-SemiBold.ttf") format("truetype")   !important;
}
* {
  box-sizing: border-box   !important;
}

body {
  font-family: "Cairo", sans-serif   !important;
  background-color: #FFF  !important;
  direction: rtl  !important;
  overflow-x: hidden  !important;
}

.global-box {
  display: flex  !important;
  flex-direction: column  !important;
  align-items: center  !important;
  justify-content: center  !important;
  gap: 45px  !important;
  padding: 2em 0.5em  !important;
}
.global-box h2 {
  font-family: "Lama Sans", sans-serif  !important;
  margin: 0  !important;
}

section.home {
  background-image: url("../images/home_background.svg")  !important;
  background-size: cover  !important;
  position: relative  !important;
}
section.home .overlay {
  position: absolute  !important;
  top: 0  !important;
  left: 0  !important;
  width: 100%  !important;
  height: 100%  !important;
  background-color: rgba(0, 0, 0, 0.2)  !important;
  z-index: 1  !important;
}
section.home .flex-box {
  display: flex  !important;
  align-items: center  !important;
  padding: 2em 5em  !important;
  z-index: 2  !important;
  position: relative  !important;
}
section.home .flex-box .information {
  display: flex  !important;
  flex-direction: column  !important;
  align-items: center  !important;
  gap: 50px  !important;
}
section.home .flex-box .information .breif {
  display: flex  !important;
  flex-direction: column  !important;
  align-items: center  !important;
  gap: 17px  !important;
  color: #FFF  !important;
}
section.home .flex-box .information .breif p {
  margin: 0  !important;
  font-size: 23px  !important;
  font-weight: 600  !important;
  line-height: 40px  !important;
  width: 75%  !important;
  text-align: center  !important;
}
section.home .flex-box .information .breif span {
  font-weight: 700  !important;
  font-size: 23px  !important;
}
section.home .flex-box .information .apps ul {
  padding: 0  !important;
  margin: 0  !important;
  display: flex  !important;
  align-items: center  !important;
  gap: 30px  !important;
}

section.partners .partners-list {
  background: #FFF  !important;
  box-shadow: 0 17px 66px 0 rgba(191, 189, 189, 0.168627451)  !important;
  padding: 30px 60px  !important;
  border-radius: 10px  !important;
  position: relative  !important;
  transform: translateY(-70px)  !important;
  z-index: 20  !important;
  margin-top: 50px !important;
}
section.partners .partners-list .item img {
  width: 195px  !important;
  height: 68px  !important;
}

section.about .flex-box {
  display: flex  !important;
  flex-direction: column  !important;
  gap: 50px  !important;
}
section.about .flex-box .about-header {
  display: flex  !important;
  flex-direction: column  !important;
  align-items: flex-start  !important;
  gap: 22px  !important;
}
section.about .flex-box .about-header span.about-span {
  border: 1px solid #297F39  !important;
  padding: 8px 16px  !important;
  border-radius: 99px  !important;
  font-family: "Lama Sans", sans-serif  !important;
  font-size: 22px  !important;
  color: #297F39  !important;
  font-weight: 400  !important;
}
section.about .flex-box .about-header p {
  font-family: "Cairo", sans-serif  !important;
  color: #1B1B1B  !important;
  font-weight: 700  !important;
  font-size: 48px  !important;
}
section.about .flex-box .child-flex-box {
  display: flex  !important;
  flex-direction: column  !important;
  gap: 16px  !important;
}
section.about .flex-box .child-flex-box .paragraphs p {
  margin: 0  !important;
  color: #292929  !important;
  font-size: 27px  !important;
  font-weight: 600  !important;
  font-family: "Lama Sans"  !important;
}
section.about .flex-box .child-flex-box ul {
  padding: 0  !important;
  margin: 0  !important;
  display: flex  !important;
  flex-direction: column  !important;
  gap: 17px  !important;
}
section.about .flex-box .child-flex-box ul li {
  display: flex  !important;
  align-items: center  !important;
  gap: 15px  !important;
}
section.about .flex-box .child-flex-box ul li span {
  color: #0AB27C  !important;
  font-weight: 500  !important;
  font-size: 27px  !important;
  font-family: "Lama Sans"  !important;
}
section.about .flex-box .child-flex-box .img img {
  width: 100%  !important;
}
section.about .flex-box .photo.img img {
  width: 100%  !important;
}

section.services .flex-box {
  display: flex  !important;
  flex-direction: column  !important;
  gap: 50px  !important;
}
section.services .flex-box .services-header {
  display: flex  !important;
  flex-direction: column  !important;
  align-items: flex-start  !important;
  gap: 22px  !important;
}
section.services .flex-box .services-header span.services-span {
  border: 1px solid #297F39  !important;
  padding: 8px 16px  !important;
  border-radius: 99px  !important;
  font-family: "Lama Sans", sans-serif  !important;
  font-size: 22px  !important;
  color: #297F39  !important;
  font-weight: 400  !important;
}
section.services .flex-box .services-header p {
  font-family: "Cairo", sans-serif  !important;
  color: #1B1B1B  !important;
  font-weight: 700  !important;
  font-size: 48px  !important;
}
section.services .flex-box .card {
  border: none  !important;
  border-radius: 28px  !important;
  max-height: 485px  !important;
  height: 485px  !important;
  margin-bottom: 1em  !important;
}
section.services .flex-box .card .card-header {
  background: transparent  !important;
  border: none  !important;
  padding: 0  !important;
  max-height: 200px  !important;
}
section.services .flex-box .card .card-header .img {
  width: 100%  !important;
  height: 200px  !important;
}
section.services .flex-box .card .card-header .img img {
  object-fit: cover  !important;
  width: 100%  !important;
  height: 100%  !important;
  border-radius: 28px 28px 0 0  !important;
}
section.services .flex-box .card .card-header .icon {
  background: #297F39  !important;
  width: 76px  !important;
  height: 76px  !important;
  border-radius: 50%  !important;
  display: flex  !important;
  align-items: center  !important;
  justify-content: center  !important;
  transform: translate(-15px, -40px)  !important;
  border: 2px solid #F5F5F5  !important;
}
section.services .flex-box .card .card-body {
  background: #F5F5F5  !important;
  border-radius: 0 0 28px 28px  !important;
  padding-top: 3em  !important;
  padding-bottom: 2em  !important;
  display: flex  !important;
  flex-direction: column  !important;
  gap: 16px  !important;
}
section.services .flex-box .card .card-body span.title {
  font-family: "Lama Sans"  !important;
  font-weight: 600  !important;
  font-size: 28px  !important;
  color: #297F39  !important;
}
section.services .flex-box .card .card-body p.desc {
  margin: 0  !important;
  color: #1B1B1B  !important;
  font-family: "Cairo"  !important;
  font-weight: 400  !important;
  font-size: 18px  !important;
  line-height: 36px  !important;
}

section.fast-adventures {
  background-color: rgba(179, 179, 179, 0.0588235294)  !important;
}
section.fast-adventures h2 {
  margin-bottom: 45px  !important;
}
section.fast-adventures .adventures-box .box {
  display: flex  !important;
  flex-direction: column  !important;
  align-items: center  !important;
  justify-content: center  !important;
  margin-bottom: 1em  !important;
}
section.fast-adventures .adventures-box .box .icon {
  width: 85px  !important;
  height: 85px  !important;
  margin-bottom: 20px  !important;
}
section.fast-adventures .adventures-box .box .icon img {
  width: 100%  !important;
  height: 100%  !important;
}
section.fast-adventures .adventures-box .box span.title {
  font-family: "Lama Sans", sans-serif  !important;
  font-weight: 700  !important;
  font-size: 17px  !important;
  line-height: 21px  !important;
  letter-spacing: 0.42px  !important;
  color: #262626  !important;
  margin-bottom: 4px  !important;
}
section.fast-adventures .adventures-box .box p.desc {
  font-family: "Lama Sans", sans-serif  !important;
  font-weight: 400  !important;
  font-size: 14px  !important;
  line-height: 16.8px  !important;
  color: #262626  !important;
  text-align: center  !important;
}

section.info {
  align-items: start  !important;
  gap: 2em  !important;
  padding: 2em 0.5em 4em  !important;
}
section.info h2 {
  margin-bottom: 1em  !important;
}
section.info .card {
  background: transparent  !important;
  background-size: cover  !important;
  height: 300px  !important;
  border-radius: 28px  !important;
  border: none  !important;
  position: relative  !important;
  justify-content: end  !important;
  margin-bottom: 1em  !important;
}
section.info .card .overlay {
  position: absolute  !important;
  top: 0  !important;
  left: 0  !important;
  width: 100%  !important;
  height: 100%  !important;
  background-color: rgba(35, 35, 32, 0.5607843137)  !important;
  border-radius: 28px  !important;
  z-index: 1  !important;
}
section.info .card.first {
  background-image: url("../images/egyptian_farmer.png")  !important;
}
section.info .card.second {
  background-image: url("../images/engineers.png")  !important;
}
section.info .card.third {
  background-image: url("../images/companies.png")  !important;
}
section.info .card .description {
  z-index: 2  !important;
  background: rgba(255, 255, 255, 0.1)  !important;
  color: white  !important;
  padding: 14px 24px 20px  !important;
  border-radius: 24px  !important;
  backdrop-filter: blur(25px)  !important;
}
section.info .card .description span.title {
  font-family: "Cairo"  !important;
  font-weight: 700  !important;
  font-size: 16px  !important;
}
section.info .card .description p.desc {
  margin: 0  !important;
  font-size: 14px  !important;
  font-weight: 300  !important;
  font-family: "Cairo"  !important;
}

section.about-footer {
  padding: 4em 0  !important;
  background-image: url("../images/napta_info.png")  !important;
  background-size: cover  !important;
}
section.about-footer .flex-box {
  display: flex  !important;
  align-items: flex-start  !important;
}
section.about-footer .flex-box .napta-phones {
  max-width: 560px  !important;
  height: 450px  !important;
  flex-shrink: 0  !important;
}
section.about-footer .flex-box .napta-phones img {
  width: 100%  !important;
  height: 100%  !important;
  object-fit: none  !important;
}
section.about-footer .flex-box .about {
  width: 100%  !important;
  display: flex  !important;
  flex-direction: column  !important;
  align-items: center  !important;
  gap: 24px  !important;
  margin-top: 4em  !important;
}
section.about-footer .flex-box .about h3 {
  font-family: "Lama Sans"  !important;
  color: #FFF  !important;
  margin: 0  !important;
  font-size: 90px  !important;
  font-weight: 900  !important;
}
section.about-footer .flex-box .about p {
  margin: 0  !important;
  color: #FFF  !important;
  font-size: 29px !important;
  font-family: "Lama Sans" !important;
  font-weight: 600 !important;
}
section.about-footer .flex-box .about p span {
  color: #12FBB0 !important;
}
section.about-footer .flex-box .about ul {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 56px !important;
  margin-top: 2em !important;
}
section.about-footer .flex-box .about ul li {
  width: 149px !important;
  height: 53px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-radius: 58px !important;
  padding: 0 7px !important;
}
section.about-footer .flex-box .about ul li:first-child {
  background: #0AB27C !important;
}
section.about-footer .flex-box .about ul li:first-child .icon {
  background: #12FBB0 !important;
}
section.about-footer .flex-box .about ul li:not(:first-child) {
  background: rgba(10, 178, 124, 0.2588235294) !important;
}
section.about-footer .flex-box .about ul li:not(:first-child) .icon {
  background: #0B815B !important;
}
section.about-footer .flex-box .about ul li span {
  color: #FFF !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
section.about-footer .flex-box .about ul li .icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/*# sourceMappingURL=style.css.map */