/* *{
    direction: rtl;
} */
@import url("https://fonts.googleapis.com/css2?family=Tajawal&display=swap");
body {
  font-family: "Tajawal", sans-serif;
}

.flipped-image {
  transform: scaleX(-1);
}

.down-shape-rtl {
  bottom: 24%;
  right: unset;
  left: 292px;
}

.upper-shape-rtl {
  right: unset;
  left: 242px;
}
.overlay-shape-rtl {
  right: unset;
  left: -30px;
}

.pr-30px {
  padding-right: 30px !important;
}
.w-h-500-px {
  width: 500px;
  height: 500px;
}
.custom-underline-rtl:before {
  width: 77% !important;
  left: 60% !important;
  top: 35% !important;
}

:is(.contact__info ul li, .footer__contact li, .portfolio__service-item ul li) i {
  margin-left: 10px;
}

.mr-auto {
  margin-right: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.left-70:before {
  left: 70% !important;
}

.top-lg::before {
  top: 38% !important;
}
@media screen and (min-width: 1380px) {
  .top-lg::before {
    top: 90% !important;
  }
}

.after-none::after {
  display: none !important;
  content: unset !important;
}
.before-none::before {
  display: none !important;
  content: unset !important;
}
/* ar and en  */

/*  */

/*  */
.view-on-pam {
  transform: translateY(-140px);
  transition: all 0.6s;
}
.view-on-pam:hover {
  background-color: var(--primary);
  color: #fff !important;
  border-color: #fff !important;
}

.portfolio__service-item:hover ~ .view-on-pam {
  border-color: #fff !important ;
  z-index: 1;
  position: relative;
}
:is(.portfolio__service-item:hover ~ .view-on-pam, .view-on-pam:hover) a {
  color: #fff !important;
}
.map-container {
  height: 150px;
}
.view-map-h {
  height: 20px;
}
@media screen and (max-width: 1200px) {
  .view-map-h {
    height: 50px;
  }
}

@media screen and (max-width: 990px) {
  .testimonial__area .sec-title.custom-underline-rtl:before {
    width: 300px;
    left: 70% !important;
  }
  .view-map-h {
    height: 130px;
  }
  .view-on-pam {
    transform: translateY(-220px);
  }
}

@media screen and (max-width: 770px) {
  .view-map-h {
    height: 50px;
  }
  .view-on-pam {
    transform: translateY(-170px);
  }
}

@media screen and (min-width: 640px) {
  h3.sec-title.title-anim.custom-underline-rtl {
    width: 551px;
  }
}

h1.hero-title.title-anim.custom-underline-rtl {
  width: 500px;
}

@media only screen and (max-width: 767px) {
  .flipped-image {
    transform: translateX(-300px) scaleX(-1);
  }
  /* .down.flipped-image {
    transform: translate(-300px,50px) scaleX(-1);
  } */

  .down-shape-rtl {
    bottom: -4%;
    right: unset;
    left: 292px;
  }
  
  .service__area .sec-title,
  .service__area .sec-sub-title {
    color: var(--white) !important;
  }
  .sec-title {
    font-size: 31px;
  }
}

.main-menu-4 > li > a {
    font-size: 18px !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px){
	.main-menu-4 > li {
		margin: 0px 10px !important;
	}
	.main-menu-4 > li > a {
		font-size: 14px !important;
	}
	.btn-group.header-lang>.btn {
		font-size: 14px;
	}
	.header__others a.btn-buynow {
		font-size: 14px;
	}
	.btn-group.header-lang {
		margin-right: 15px!important;
		margin-left: 15px;
	}
	a.btn-buynow{
		margin-left:15px;
	}
	.sub-menu li {
		padding: 18px 30px 18px 18px;
	}
	.sub-menu a {
    font-size: 14px;
	}
    .service__hero-right-2 p {
        font-size: 16px;
    }
    .service__hero-right-2 h3 {
        font-size: 23px;
    }
}
@media only screen and (max-width: 767px){
.testimonial__item.item-3 {
    text-align: center!important;
}
}

.company-logo.right {
/*    border-radius:  0 100%  100% 0;*/
    position: relative;
    top: 20px;
}
.company-logo.left {
/*    border-radius:  100% 0 0 100% ;*/
    position: relative;
    top: 20px;
}