body {
  direction: rtl;
  background: #0c0c0c;
  overflow-x: hidden;
  font-family: 'Yekan Bakh FaNum';
}

h1, h2, h3, h4, h5, h6, p {
  font-family: 'Yekan Bakh FaNum';
}

a {
  color: unset;
  text-decoration: none;
}

div.particle {
  position: relative;
  z-index: 0;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.navbar-toggler-icon {
  filter: invert(100%) !important;
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  justify-content: flex-end;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.header-span {
  color: #00b871;
  font-size: 12px;
}

span.spacer {
  color: #c1d14a;
  padding-right: 4px;
  padding-left: 4px;
}

li.nav-item {
  margin-right: 7px;
  margin-left: 7px;
}

a.navlink {
  color: #d7d7d7;
  font-size: 13px;
}

.navlink:active {
  color: #00b871 !important;
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: rgb(200 209 48);
}

.nav-link:focus, .nav-link:hover {
  color: rgb(200 209 48);
}

.container-header {
  padding-top: 20px;
  padding-bottom: 20px;
}

ul.navbar-nav {
  padding: 0;
}

img.logo {
  width: 142px;
  margin-top: -11px;
}

section.slider-sec {
  margin-top: -124px;
  padding-bottom: 100px;
  opacity: 1;
  /*background: url("../../assets/img//slider-bg.jpg");*/
  background: #000000a6;
  background: url("../../assets/img/slider-back-trans.webp") top / cover no-repeat;
}

.container-slider {
  padding-top: 165px;
}

h1.slider-title {
  color: rgb(91,91,91);
  font-size: 3rem;
  font-weight: 100;
  font-family: system-ui;
  margin-bottom: -40px;
}

img.slider-img {
  width: 100%;
}

div.slider-img-div {
  background: url("../../assets/img//spliter-1.webp") center / contain no-repeat;
  height: 382px;
  margin-top: -100px;
}

.slider-title2 {
  color: rgb(200,203,205);
  font-size: 2.4rem;
  font-weight: 100;
  letter-spacing: -2px;
  margin-top: 30px;
}

div.box1 {
  background: url("../../assets/img//circle-box-trans.png") center / auto no-repeat;
  transition: 0.5s;
  height: 300px;
}

span.spacer-div {
}

.box1:hover {
  background: url("../../assets/img//circle-box-trans-hover.png") center / auto no-repeat;
  transition: 0.5s;
  filter: brightness(1.4);
}

img.box-icon {
  width: 113px;
  margin-top: 62px;
  filter: grayscale(0.8);
}

.box1:hover .box-icon {
  filter: grayscale(0);
}

h3.box-title {
  color: rgb(150,150,150);
  margin-top: 25px;
}

section.slider-header {
  background: linear-gradient(0deg, rgba(0,0,0,0) 45%, rgba(0,0,0,1) 50%);
}

section.boxes {
  padding-top: 40px;
  padding-bottom: 40px;
  background: linear-gradient(90deg, rgba(0,0,0,1) 7%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 90%);
}

section.about-sec {
  background: url("../../assets/img/about-bg-transe.webp") top / cover no-repeat;
  padding-bottom: 125px;
}

h4.about-title {
  color: #00b871;
  font-size: 26px;
  margin-bottom: 20px;
}

p.about-p {
  color: rgba(232,232,232,0.9);
  text-align: justify;
  line-height: 30px;
  font-size: 13px;
}

img.about-left {
  width: 104%;
}

div.about-text-div {
  margin-top: 131px;
}

h3.about-img-bottom {
  text-align: center;
  color: rgb(210,210,210);
  font-size: 2rem;
  margin-top: -27%;
  letter-spacing: -2px;
  margin-right: 29px;
}

span.about-img2 {
  color: #00b871;
}

span.btn-txt {
  color: rgba(232,232,232,0.82);
  font-size: 14px;
  transition: 0.5s;
}

div.about-btn-div {
  margin-top: 44px;
  position: relative;
  z-index: 1;
}

img.btn-img {
  width: 27px;
  margin-right: -3px;
}

.btn-txt:hover {
  color: rgb(193,209,74);
  transition: 0.5s;
}

img.rock {
  width: 80%;
  margin-top: -50%;
  margin-right: 45px;
}

span.slider-text-all {
  color: #00b871;
}

section.products-sec {
  padding-top: 90px;
  background: #0c0c0c;
}

h2.product-title {
  color: rgb(210,210,210);
  font-size: 46px;
  position: relative;
  z-index: 1;
}

.slider-title.product-back {
}

h1.product-text-back {
  color: rgba(91,91,91,0.28);
  font-size: 3rem;
  font-weight: 100;
  font-family: system-ui;
  margin-top: -77px;
}

div.product-box {
  background: url("../../assets/img//product-box1.png") top / contain no-repeat;
  filter: grayscale(1.1);
  transition: 0.5s;
  height: auto;
}

div.product-box:hover {
  filter: grayscale(0) brightness(1.2);
}

div.product-box-img-div {
  padding: 14px;
  padding-top: 59px;
}

.product-box2 {
  background: url("../../assets/img//product-box2.png") top / contain no-repeat;
  filter: grayscale(1.1);
  transition: 0.5s;
  height: auto;
}

div.product-box2:hover {
  filter: grayscale(0) brightness(1.2);
  transition: 0.5s;
}

div.product-box2:hover .product-box-shadow-botoom {
  visibility: visible;
  transition: 0.5s;
}

.product-box2:hover img.product-box-image2 {
  opacity: 1;
  transition: 0.5s;
}

.product-box-img-div2 {
  padding: 14px;
  padding-top: 59px;
  height: auto;
}

.product-box-image2 {
  filter: grayscale(1%);
  margin-top: -15px;
  opacity: 0.50;
  transition: 0.5s;
  width: 29%;
}

h3.product-box-title {
  text-align: center;
  color: #a4a4a4;
  font-size: 19px;
}

img.product-box-image {
  filter: grayscale(1%);
  margin-top: -18px;
  opacity: 0.50;
  transition: 0.5s;
}

div.product-col {
  padding: 10px;
}

.product-box:hover img.product-box-image {
  opacity: 1;
  transition: 0.5s;
}

img.product-box-shadow-botoom {
  margin-top: 30px;
  visibility: hidden;
  opacity: 0.50;
}

.product-box:hover img.product-box-shadow-botoom {
  visibility: visible;
  transition: 0.5s;
  opacity: 0.9;
}

section.map {
  padding-top: 100px;
}

h2.map-title {
  color: rgb(210,210,210);
  font-size: 46px;
  position: relative;
  z-index: 1;
  margin-bottom: 21px;
}

span.map-title-green {
  color: #00b871;
}

.container.map-cont {
  width: 757px;
  transform: perspective(0px) scale(1);
  margin-top: 138px;
}

h4.map-sub {
  color: rgb(255,255,255);
}

h5.map-sub2 {
  color: rgb(230,230,230);
}

img.map {
  width: 100%;
  margin-top: -13%;
}

div.btn-div1 {
  background: url("../../assets/img//btn1.png") center / contain no-repeat;
  height: 81px;
  width: 100%;
}

h4.btn-text {
  color: #00b871;
  font-size: 19px;
}

div.map-btn-div {
  margin-top: -14%;
}

.btn.map-btn1 {
  width: 270px;
  height: 66px;
  background: url("../../assets/img//btn1.png") center / cover no-repeat;
  color: #8f8f8f;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 17px;
  filter: grayscale(1);
  transition: 0.5s;
}

.btn.map-btn1:hover {
  color: #00b871;
  filter: grayscale(0);
  transition: 0.5s;
  filter: grayscale(0) brightness(1.5);
}

.btn.map-btn1:active {
  color: #00b871;
  filter: grayscale(0);
  transition: 0.5s;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background-color: #00000000;
}

section.projects {
  padding-top: 100px;
  background: #0c0c0c;
}

div.project-box {
}

img.project-img {
  border-radius: 10px;
  border-bottom: 1px solid #eaf084;
  width: 100%;
}

img.project-decorative-top {
  width: 100%;
  position: relative;
  z-index: 2;
  top: 24px;
}

h3.project-title {
  font-size: 21px;
  color: rgb(255,255,255);
}

div.project-title-div {
  margin-top: -100px;
  position: relative;
  z-index: 2;
  background: url("../../assets/img//project-title-tag.png") center / auto no-repeat;
  width: 100%;
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}

section.news-sec {
  padding-top: 100px;
  padding-bottom: 20px;
  background: #0c0c0c;
}

img.news-img {
  width: 100%;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  filter: brightness(0.8) contrast(1.1);
  transition: 0.5s;
}

img.news-deco-top {
  width: 100%;
  position: relative;
  margin-bottom: -60px;
  z-index: 2;
  transition: 0.5s;
}

div.news-box-btm-div {
  margin-top: -16px;
}

h5.news-title {
  font-size: 15px;
  color: #818181;
  margin-top: -49px;
}

img.news-box-btm-img {
  width: 100%;
}

div.news-box-main {
  filter: grayscale(1);
  transition: 0.5s;
}

div.news-box-main:hover {
  filter: grayscale(0);
  transition: 0.5s;
}

.news-box-main:hover img.news-deco-top {
  filter: brightness(1);
  transition: 0.5s;
}

.news-box-main:hover .news-title {
  color: #eeeeee;
  transition: 0.5s;
}

.news-box-main:hover .news-img {
  filter: brightness(1) contrast(1.2);
  transition: 0.5s;
}

div.news-shadow {
  margin-top: 44px;
}

img.news-shadow-img {
  width: 100%;
  visibility: hidden;
}

.news-box-main:hover .news-shadow-img {
  visibility: visible;
  transition: 0.5s;
}

img.logos-customers {
  width: 100%;
  opacity: 0.37;
}

.container.footer-cont {
}

section.footer-sec {
  padding-top: 40px;
  background: url("../../assets/img//footer-bg.jpg") center / cover no-repeat;
  border-top: 2.5px solid #00b871;
}

section.logos-sec {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #000000a1;
}

h5.footer-title {
  color: #00b871;
  font-size: 16px;
  margin-bottom: 20px;
}

li.footer-links {
  color: rgba(232,232,232,0.74);
  font-size: 14px;
  margin-bottom: 10px;
}

div.footer-div {
  margin-bottom: 40px;
}

img.qrcode {
  width: 173px;
}

h6.copyright-text {
  color: rgba(129,129,129,0.74);
  letter-spacing: -1px;
  font-size: 14px;
}

div.copyright-div {
  padding-top: 20px;
  padding-bottom: 20px;
}

.project-img.center {
  position: relative;
  z-index: 1;
}

section.maps {
  padding-top: 40px;
  background: linear-gradient(90deg, rgba(0,0,0,1) 7%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 90%);
  padding-bottom: 40px;
}

section.slider-top-sec {
  background: linear-gradient(90deg, rgba(0,0,0,1) 24%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 70%);
}

section.slider-header {
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}