/*Start Search*/
.search-btn {
  cursor: pointer; }

.search {
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all linear .4s;
  width: 100%;
  height: 100vh;
  text-align: center;
  padding: 350px 0 0 0;
  visibility: hidden; }

.search .search-cont {
  margin-top: -50px; }

.search .search-cont form input {
  background-color: #FFF;
  border: 0;
  padding: 20px;
  width: 100%;
  color: #000;
  outline: none;
  border-radius: 50px; }

.search .search-cont form input::placeholder {
  color: #000;
  text-transform: capitalize; }

.search .search-cont form button {
  background: transparent;
  color: var(--sec);
  font-size: 30px;
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
  padding: 9.5px 20px;
  transition: all linear .4s; }

.search .search-cont form button:hover {
  background: transparent;
  transition: all linear .4s; }

#searchform {
  position: relative; }

.search .search-cont .search-close {
  position: absolute;
  top: 50px;
  text-align: center;
  left: 9%;
  background: var(--main);
  color: #fff;
  border: 0;
  width: 40px;
  font-size: 22px;
  font-weight: bold;
  border-radius: 50%;
  height: 40px; }

/* End Search*/
/*start nav*/
@media (min-width: 992px) {
  .main-nav {
    display: flex;
    align-items: center;
    justify-content: center; }

  .nav-list {
    display: flex;
    margin-bottom: 0;
    list-style: none; }

  .nav-list > .link {
    display: flex;
    align-items: center;
    position: relative; }

  .has_sub_menu {
    width: calc(100% - 25px); }

  .has_sub_menu ~ i {
    width: 15px;
    display: inline-block;
    text-align: center;
    color: #009746; }

  .nav-list > .link > a {
    display: block;
    color: #000;
    position: relative;
    border-radius: 20px;
    background: transparent;
    font-weight: bold;
    padding: 8px 17px;
    font-size: 14px;
    margin: 0 1px;
    transition: ease-in-out .5s; }
  .nav-list > .link > a:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    border-radius: 20px;
    width: 100%;
    z-index: -1;
    height: 0;
    background-image: linear-gradient(to left, var(--main), var(--sec));
    transition: linear .4s;
  }


  .nav-list > .link:hover a:before,
  .nav-list > .link.active a:before {
    height: 100%;
    background-color:transparent ;
    transition: linear .4s;
    color: #FFF;
     }
  .nav-list > .link:hover a,
  .nav-list > .link.active a {

    background-color:transparent ;
    transition: linear .4s;
    color: #FFF;
  }
  .sub-list {
    background-color: #fff;
    padding: 20px;
    list-style: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 100%;
    min-width: 230px;
    display: none;
    z-index: 4; }

  .sub-list li {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cacaca; }

  .sub-list li a {
    display: block;
    width: 100%;
    position: relative;
    color: #000; }

  .sub-list li a.has_sub_menu {
    width: calc(100% - 30px);
    display: inline-block; }

  .sub-list li:hover {
    border-bottom: 1px solid #137e17; }

  .sub-list li a:hover {
    color: #137e17; }

  .sub-list li:last-child > a {
    margin-bottom: 0; }

  .sub-list .sub-link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    transition: all .5s linear; }

  .sub-list .sub-link:hover {
    background-color: #137e17; }

  .sub-list .sub-link:last-child {
    border-bottom: 0; }

  .nav-list .link:hover > .sub-list {
    display: block; }

  .sub-list .sub-list {
    top: 0; }

  .nav-list .link .sub-list .sub-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }

  .nav-list .link .sub-list .sub-link:hover > .sub-list {
    display: block; }

  .nav-btn,
  .mobile-nav-list {
    display: none; }

  /**/
  .nav-list > .link {
    text-transform: capitalize; }

  .has_sub_menu {
    margin-right: 5px; }

  .sub-list {
    left: 0; }

  .sub-list li a.has_sub_menu {
    margin-left: 5px; }

  .sub-list .sub-list {
    left: 100%; } }
@media (max-width: 992px) {
  .nav-list {
    display: none; }

  .main-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0; }

  .nav-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--sec);
    border-radius: 50%;
    margin: 0 5px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: inline-block; }

  .nav-btn:hover {
    transition: linear .4s;
    background-color: var(--main);
    color: #FFF; }
  .mobile-nav-list .logo{
    padding: 0 30px;
    text-align: start !important;
  }
  .mobile-nav-list .date {
    display: flex;
    margin-top: 15px;
    padding: 0 30px;
    flex-direction: column;
    justify-content: center;
    align-items: self-start; }
    .mobile-nav-list .date .lang, .mobile-nav-list .date #hijrii {
      margin: 10px 0; }
  .mobile-nav-list .l-head {
    justify-content: center; }

  .mobile-nav-list {
    display: block;
    position: fixed;
    top: 0;
    overflow: scroll;
    z-index: 5;
    height: 100%;
    width: 300px;
    padding: 60px 0;
    background-color: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: translateX(100%);
    transition: all .5s linear; }

  .mobile-nav-list .link {
    font-size: 16px;
    padding: 10px 30px;
    position: relative; }

  .mobile-nav-list .link a {
    color: #000;
    display: block;
    font-weight: bold;
    width: 100%; }

  .mobile-nav-list .link a.has_sub_menu {
    display: inline-block;
    width: calc(100% - 40px); }

  .mobile-nav-list .link a:hover,
  .mobile-nav-list .link.active a {
    color: var(--sec); }

  .mobile-nav-list .link i {
    color: #fff;
    background-color: #78dcff;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transform-origin: center;
    transition: all .3s linear; }

  .mobile-nav-list .link i.open {
    transform: rotate(180deg); }

  .sub-list {
    box-shadow: none;
    width: 100%;
    overflow: hidden;
    background-color: transparent; }

  .sub-list a {
    display: block;
    position: relative; }

  .sub-list .sub-link {
    border: 0;
    padding: 5px 20px;
    font-size: 14px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    white-space: nowrap; }

  .sub-list .sub-list a {
    display: block;
    position: relative; }

  .trans-none {
    transform: none !important; }

  .nav-overlay {
    display: block;
    position: fixed;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .5s ease-in-out; }

  /**/
  .mobile-nav-list {
    right: 0; }

  .mobile-nav-list .link a.has_sub_menu {
    margin-left: 5px; }

  .sub-list .sub-list a {
    padding-right: 15px; }

  .nav-overlay {
    left: 0;
    transform: translateX(-100%); } }
/*end nav*/
@font-face {
  font-family: NeoSansArabic;
  src: url(../fonts/NeoSansArabic.ttf); }
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none !important;
  outline: none !important;
  border: none; }

#loading {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  z-index: 999999; }

.loading img {
  max-width: 100%;
  padding: 20px;
  background: #FFF; }

:root {
  --main: #106f32;
  --sec: #6cb867; }

.e-row {
  padding: 0;
  margin: 0; }

@keyframes tran {
  from {
    right: -1px; }
  to {
    right: 98%; } }
@keyframes mymove {
  from {
    left: 85%; }
  to {
    left: 0%; } }
@keyframes mymove2 {
  from {
    left: 85%; }
  to {
    left: 0%; } }
.main-hover {
  padding: 7px 45px;
  background-image: none;
  color: #FFF;
  background-color: var(--sec);
  position: relative;
  text-transform: capitalize;
  border-radius: 20px;
  display: inline-block;
  transition: linear .4s; }
.main-hover:before{
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  border-radius: 20px;
  width: 100%;
  z-index: -1;
  height: 0;
  background-image: linear-gradient(to left, var(--main), var(--sec));
  transition: linear .4s;
}
.main-hover:hover {
  transition: linear .4s;
  color: #FFF;
  background-color:transparent ;
   }
.main-hover:hover:before{
  height: 100%;
  transition: linear .4s;
}

.main-header {
  font-size: 36px;
  color: var(--sec);
  text-align: center;
  font-weight: bold;
  z-index: 2;
  margin: 0 auto;
  margin-bottom: 50px;
  position: relative;
  display: table; }

body {
  font-family: NeoSansArabic;
  overflow-x: hidden; }

/**/
.date {
  color: #000;
  font-size: 16px;
  align-items: center; }
  .date .lang {
    padding: 8px 0;
    width: 40px;
    height: 40px;
    background-color: var(--main);
    transition: linear .4s;
    text-align: center;
    border-radius: 50%;
    color: #FFF;
    display: inline-block; }
  .date i {
    margin: 0 10px; }
  .date .h-date a {
    display: none !important; }

.l-head {
  display: flex;
  align-items: center; }
  .l-head span {
    font-size: 14px;
    color: #000; }
  .l-head a {
    margin: 0 7px;
    text-align: center; }
    .l-head a i {
      color: var(--sec);
      font-size: 26px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center; }
  .l-head .search-btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: 1px solid var(--sec); }
    .l-head .search-btn img {
      width: 22px; }
  .l-head .user {
    border-radius: 50%;
    border: 1px solid var(--sec); }

header {
  /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.83) 53%, rgba(255, 255, 255, 0.31) 73%, rgba(255, 255, 255, 0.01) 93%, rgba(0, 0, 0, 0.01) 97%, rgba(0, 0, 0, 0.01) 100%);*/
  background-size: cover;
  background-image: url("../img/header.png");
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 160px;
 }
  header .f-head {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%; }

header .logo {
  padding: 20px 0 30px; }

header .logo img {
  max-width: 147px; }

header .menu-icons {
  display: flex;
  align-items: center; }

header .menu-icons .search-btn i {
  padding: 12px 0;
  margin: 0 5px;
  width: 40px;
  height: 40px;
  background-color: var(--sec);
  transition: linear .4s;
  text-align: center;
  color: #FFF;
  display: inline-block; }

header .menu-icons .search-btn i:hover {
  transition: linear .4s;
  background-color: var(--main); }

header .menu-icons .lang-en, header .menu-icons .lang-ar {
  padding: 8px 0;
  width: 40px;
  height: 40px;
  background-color: var(--main);
  transition: linear .4s;
  text-align: center;
  color: #FFF;
  display: inline-block; }

header .menu-icons .lang-en:hover, header .menu-icons .lang-ar:hover {
  transition: linear .4s;
  background-color: var(--sec); }

header .menu-icons .lang-en span, header .menu-icons .lang-ar span {
  color: #FFF; }

/**/
/*start slider*/
@keyframes test {
  from {
    left: 0%;
    transform: translateX(0%) translateY(-50%);
    opacity: 0; }
  to {
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    opacity: 1; } }
.mainslider .item {
  position: relative; }

.mainslider .item .in-item {
  position: absolute;
  top: 55%;
  left: 50%;
  max-width: 100%;
  width: 630px;
  transform: translateX(-50%) translateY(-50%);
  transition: linear .4s;
  text-align: center; }

.mainslider .owl-item.active .item .in-item {
  animation: test 2s linear 1;
  transition: linear .4s; }

.mainslider .item .in-item p {
  font-size: 36px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center; }

.mainslider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  right: 0px; }

.mainslider .owl-nav .owl-next {
  float: left; }

.mainslider .owl-nav .owl-prev, .mainslider .owl-nav .owl-next {
  display: inline-block;
  margin: 0 50px 0px; }

.mainslider .owl-nav .owl-prev i, .mainslider .owl-nav .owl-next i {
  padding: 12px 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--sec);
  background-image: none;
  transition: linear .4s;
  text-align: center;
  color: #FFF;
  display: inline-block; }

.mainslider .owl-nav .owl-prev i:hover, .mainslider .owl-nav .owl-next i:hover {
  transition: linear .4s;
  background-image: linear-gradient(to left, var(--main), var(--sec)); }

/*end slider*/
/*start who*/
.who {
  padding: 70px 0 70px; }

.who .main-header {
  margin-bottom: 70px; }

.who .r-who {
  position: relative;
  padding: 30px 30px 0; }

.who .r-who img {
  max-width: 100%; }

.who .in-who {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%; }

.who .in-who p {
  font-size: 14px;
  color: #787878;
  margin-bottom: 50px;
  text-align: justify; }

.who .in-who p span {
  font-size: 24px;
  color: #000;
  display: block;
  font-weight: bold;
  margin-bottom: 30px; }

/*end who*/
/*start join */
.join {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right; }
  .join .in-join {
    text-align: center; }
  .join p {
    font-size: 48px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    margin-bottom: 50px; }
    .join p span {
      font-size: 48px; }

/*end join */
.news .slider.slider-for{

}
.news {
  padding: 70px 0 60px; }
   .slider-banner-image {
    position: relative;
     z-index: 3;
    margin-bottom: 20px; }
      .slider-banner-image img {
      width: 100%;
      height: 250px;
      border-radius: 10px; }
      .slider-banner-image .new-date {
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: #FFF; }
        .slider-banner-image .new-date img {
        width: 25px;
        height: 25px;
        border-radius: 0;
        display: inline-block; }
       .slider-banner-image .new-date span {
        color: #FFF; }
   .slider-banner-content h4 {
    font-size: 18px;
    font-weight: bold;
    color: var(--sec);
    margin-bottom: 15px; }
   .slider-banner-content .slide-for-paragraph {
    font-size: 14px;
    color: #979797;
    margin-bottom: 30px; }
  .news .slider.slider-nav .thumbnail-image {
    display: flex !important;
    align-items: center;
    border-bottom: 1px solid #c2c2c2;
    padding: 29px 0 10px; }
    .news .slider.slider-nav .thumbnail-image .thumbImg {
      flex: 4; }
      .news .slider.slider-nav .thumbnail-image .thumbImg img {
        width: 100px;
        height: 100px;
        border-radius: 50%; }
    .news .slider.slider-nav .thumbnail-image .thumbImg-content {
      flex: 16; }
      .news .slider.slider-nav .thumbnail-image .thumbImg-content h6 {
        font-weight: bold;
        color: #000;
        transition: linear .4s;
        font-size: 18px;
        margin-bottom: 15px; }
      .news .slider.slider-nav .thumbnail-image .thumbImg-content span {
        font-size: 14px;
        color: #979797; }
.news .slider.slider-nav .thumbnail-image:hover .thumbImg-content h6{
  color: var(--sec);
  transition: linear .4s;
}
/*start service*/
.service {
  padding: 70px 0;
  position: relative;
  background-image: url("../img/service.png");
  background-size: cover;
  background-repeat: no-repeat; }

.main-sec .main-serv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  position: relative;
  height: 320px;
  margin-bottom: 30px;
  border-radius: 10px;
  transition: linear .4s;
  background-color: #FFF; }

.main-sec .main-serv .img-serv {
  transition: linear .4s;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #9c9c9c;
  margin-bottom: 15px; }

.main-sec .main-serv .img-serv img {
  max-height: 70px;
  height: auto;
  width: auto;
  max-width: 100%;
  transition: linear .4s;
  filter: invert(68%) sepia(0%) saturate(0%) hue-rotate(235deg) brightness(92%) contrast(89%); }

.main-sec .main-serv h4 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin-bottom: 15px; }

.main-sec .main-serv p {
  margin-bottom: 30px;
  font-size: 14px;
  color: #787878; }

.main-sec .main-serv .main-hover {
  background-image: none;
  border: 1px solid #dadada;
  background-color: #dadada;
  color: #909090; }
.main-sec .main-serv .main-hover:hover{background-color: var(--sec);color: #FFF;}
.main-sec .main-serv .main-hover:hover:before{ height: 100%; transition: linear .4s; }
.media-new .b-pro .main-hover:before{display: none}
input[type='submit'].main-hover:hover,.join .main-hover:hover{
  background-image: linear-gradient(to left, var(--main), var(--sec));
}
.main-sec .main-serv:hover {
  transition: linear .4s;
  background: #FFF;
  box-shadow: 0 0 29px rgba(0, 0, 0, 0.16); }

.main-sec .main-serv:hover .img-serv {
  transform: rotate3d(1, 1, 1, 360deg);
  transition: linear .4s; }

.main-sec .main-serv:hover:before {
  transition: linear .5s;
  width: 100%;
  right: 0;
  height: 5px; }

.main-sec .main-serv:hover .img-serv {
  border: 1px solid var(--sec);
  transition: linear .4s; }

.main-sec .main-serv:hover .img-serv img {
  transition: linear .4s;
  filter: unset; }

/*end service*/
.slick-slide {
  float: right !important;
  direction: rtl; }

/*start new media*/
.media-new {
  padding: 70px 0; }
  .media-new .new-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px; }
  .media-new .new-row div:nth-of-type(7n + 1) {
    grid-column: span 6;
    grid-row: span 2; }
  .media-new .new-row div:nth-of-type(7n + 1) img {
    height: 430px;
    width: 100%; }
  .media-new .new-row div:nth-of-type(7n + 2) {
    grid-column: span 6;
    grid-row: span 1; }
  .media-new .new-row div:nth-of-type(7n + 2) img {
    height: 200px;
    width: 100%; }
  .media-new .new-row div:nth-of-type(7n + 3) {
    grid-column: span 3;
    grid-row: span 1; }
  .media-new .new-row div:nth-of-type(7n + 3) img {
    height: 200px;
    width: 100%; }
  .media-new .new-row div:nth-of-type(7n + 4) {
    grid-column: span 3;
    grid-row: span 1; }
  .media-new .new-row div:nth-of-type(7n + 4) img {
    height: 200px;
    width: 100%; }
  .media-new .new-row div:nth-of-type(7n + 5) {
    grid-column: span 4;
    grid-row: span 1; }
  .media-new .new-row div:nth-of-type(7n + 5) img {
    height: 200px;
    width: 100%; }
  .media-new .new-row div:nth-of-type(7n + 6) {
    grid-column: span 4;
    grid-row: span 1; }
  .media-new .new-row div:nth-of-type(7n + 6) img {
    height: 200px;
    width: 100%; }
  .media-new .new-row div:nth-of-type(7n + 7) {
    grid-column: span 4;
    grid-row: span 1; }
  .media-new .new-row div:nth-of-type(10n + 7) img {
    height: 200px;
    width: 100%; }
  .media-new .b-pro {
    background-color: #ececec;
    text-align: center;
    display: table;
    border-radius: 25px;
    margin: 0 auto 50px; }
    .media-new .b-pro .main-hover.mixitup-control-active {
      color: #FFF;
      background-image: linear-gradient(to left, var(--main), var(--sec));
      transition: linear .4s; }
    .media-new .b-pro .main-hover {
      background-color: transparent;
      color: #909090;
      padding: 13px 53px;
      border-radius: 25px; }
  .media-new .custom-item {
    position: relative;
    transition: linear .4s;
    overflow: hidden;
    border-radius: 10px; }
    .media-new .custom-item:hover .in-prev {
      width: 100%;
      top: 0;
      transition: linear .4s;
      opacity: 1;
      height: 100%;
      visibility: visible; }
    .media-new .custom-item .in-prev {
      position: absolute;
      width: 0%;
      height: 0%;
      top: 50%;
      right: 0;
      opacity: 0;
      visibility: hidden;
      background-color: rgba(0, 0, 0, 0.7);
      transition: linear .4s;
      display: flex;
      align-items: center;
      justify-content: center; }
      .media-new .custom-item .in-prev a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background-image: linear-gradient(to left, var(--main), var(--sec)); }
        .media-new .custom-item .in-prev a img {
          width: 24px !important;
          height: 24px; }
  .media-new .main-hover.b {
    display: table;
    grid-column: span 12;
    grid-row: span 1;
    margin: 50px auto 0; }

/*end new media*/
/*start achievement*/
.achievement {
  padding: 60px 0;
  background-color: #f6f6f6; }

.achievement .row {
  padding: 20px; }

.achievement .row .r-who img {
  max-width: 100%;
  height: 400px; }

.achievement .row .in-who {
  display: flex;
  align-items: baseline;
  position: relative;
  background: #FFF;
  margin-top: 30px;
  z-index: 1;
  margin-right: -100px;
  padding: 50px;
  box-shadow: 0 0 29px rgba(0, 0, 0, 0.16);
  flex-direction: column;
  border-radius: 10px;
  justify-content: center; }

.achievement .row .in-who span {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px; }

.achievement .row .in-who p {
  font-size: 14px;
  color: #787878;
  margin-bottom: 30px;
  text-align: justify; }

.achievement .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px; }

.achievement .owl-nav .owl-prev, .achievement .owl-nav .owl-next {
  display: block;
  margin: 10px 50px; }

.achievement .owl-nav .owl-prev i, .achievement .owl-nav .owl-next i {
  padding: 12px 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--sec);
  background-image: none;
  transition: linear .4s;
  text-align: center;
  color: #FFF;
  display: inline-block; }

.achievement .owl-nav .owl-prev i:hover, .achievement .owl-nav .owl-next i:hover {
  transition: linear .4s;
  background-image: linear-gradient(to left, var(--main), var(--sec)); }

/*end achievement*/
/*start number*/
.partner {
  padding: 40px 0 70px;
  background-color: #f6f6f6; }

.partner .part .owl-item {
  padding: 15px 0; }

.partner .part .item {
  border-radius: 50%;
  width: 160px;
  height: 160px;
  overflow: hidden;
  display: flex;
  background-color: #FFF;
  align-items: center;
  justify-content: center;
  transition: linear .4s; }

.partner .part .item:hover {
  transition: linear .4s;
  box-shadow: 0 0 29px rgba(0, 0, 0, 0.16); }

.partner .part .item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.partner .part .owl-nav {
  position: absolute;
  bottom: -46%;
  transform: translate(-50%);
  left: 50%; }

.partner .part .owl-nav .owl-prev, .partner .part .owl-nav .owl-next {
  display: inline-block;
  margin: 0 10px; }

.partner .part .owl-nav .owl-prev i, .partner .part .owl-nav .owl-next i {
  padding: 12px 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--sec);
  background-image: none;
  transition: linear .4s;
  text-align: center;
  color: #FFF;
  display: inline-block; }

.partner .part .owl-nav .owl-prev i:hover, .partner .part .owl-nav .owl-next i:hover {
  transition: linear .4s;
  background-image: linear-gradient(to left, var(--main), var(--sec)); }

/*end number*/
/*start mediacenter*/
.mediacenter {
  padding: 90px 0 70px; }

.new-media {
  border-radius: 10px;
  transition: linear .4s; }

.new-media img {
  max-width: 100%;
  border-radius: 10px 10px 0 0; }

.new-media .in-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0 0px 10px 10px;
  justify-content: center;
  border: 1px solid transparent;
  padding: 30px 20px;
  background-color: #f5f5f5;
  transition: linear .4s; }

.new-media .in-media .icon-media {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--sec);
  transition: linear .4s;
  margin-top: -55px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }

.new-media .in-media .icon-media img {
  width: 25px;
  height: 25px;
  border-radius: 0; }

.new-media .in-media h3 {
  font-size: 18px;
  font-weight: bold;
  color: #909090;
  transition: linear .4s;
  margin-bottom: 15px; }

.new-media .in-media p {
  color: #646464;
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px; }

.new-media .in-media .main-hover {
  background-image: none;
  border: 1px solid #dadada;
  background-color: #dadada;
  color: #909090; }

.new-media .in-media .main-hover:hover {
  border: 1px solid transparent;
  color: #FFF;
  background-image: linear-gradient(to left, var(--main), var(--sec)); }

.new-media:hover {
  transition: linear .4s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }

.new-media:hover .in-media {
  transition: linear .4s;
  border-bottom: 1px solid var(--sec);
  border-right: 1px solid var(--sec);
  border-left: 1px solid var(--sec);
  background-color: #FFF; }

.new-media:hover .in-media .icon-media {
  background-image: linear-gradient(to left, var(--main), var(--sec)); }

.new-media:hover .in-media h3 {
  color: var(--sec);
  transition: linear .4s; }

@keyframes lef {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.number {
  margin-top: 70px; }
  .number .col-lg-3:nth-of-type(4n + 1) .numbers:before {
    transform: rotate(0deg); }
  .number .col-lg-3:nth-of-type(4n + 2) .numbers:before {
    transform: rotate(70deg); }
  .number .col-lg-3:nth-of-type(4n + 3) .numbers:before {
    transform: rotate(120deg); }
  .number .col-lg-3:nth-of-type(4n + 4) .numbers:before {
    transform: rotate(170deg); }
  .number .in-number {
    display: flex;
    border: 2px solid var(--sec);
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    background-image: url("../img/in-number.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .number .in-number .numbers {
      position: relative;
      width: 125px;
      height: 125px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px; }
      .number .in-number .numbers:before {
        content: '';
        position: absolute;
        top: 0;
        pointer-events: none;
        right: 0;
        width: 125px;
        height: 125px;
        background-image: url("../img/number.png");
        background-repeat: no-repeat;
        background-size: cover;
        /*animation: lef 12s linear infinite;
        -moz-animation: lef 12s linear infinite;
        -webkit-animation: lef 12s linear infinite;*/ }
      .number .in-number .numbers p {
        font-size: 20px;
        color: #116129; }
      .number .in-number .numbers span {
        font-size: 24px;
        font-weight: bold;
        color: #1c3039; }
    .number .in-number h2 {
      font-size: 20px;
      font-weight: bold;
      color: #14642b; }

/*end mediacenter*/
/*start connect-us*/
.connect-us {
  padding: 70px 0 170px;
  background-color: #f6f6f6; }
  .connect-us .main-form input {
    background-color: #FFF;
    border-radius: 25px;
    padding: 16px;
    color: var(--sec);
    border: 1px solid #b7b7b7;
    transition: linear .4s;
    margin-bottom: 20px;
    width: 100%;
    height: 50px; }
    .connect-us .main-form input:hover {
      border: 1px solid var(--sec);
      transition: linear .4s; }
  .connect-us .main-form textarea {
    background-color: #FFF;
    border-radius: 20px;
    border: 1px solid #b7b7b7;
    padding: 16px;
    transition: linear .4s;
    color: var(--sec);
    width: 100%;
    height: 240px;
    resize: none; }
    .connect-us .main-form textarea:hover {
      border: 1px solid var(--sec);
      transition: linear .4s; }

.main-iframe {
  position: relative;
  margin-top: -125px;
  padding-bottom: 90px; }
  .main-iframe iframe {
    width: 100%;
    height: 400px;
    border-radius: 20px;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.38); }

/*end connect-us*/
/*start footer*/
.top-foot .content .wpcf7-form-control-wrap:nth-of-type(2n+2) {
  margin-right: 20px; }

footer {
  background-image: url("../img/bg-footer.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-color: #fbfbfb;
  background-attachment: fixed; }

footer h2 {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 20px;
  color: var(--sec); }

footer .mid-foot {
  padding: 50px 0 50px;
  border-bottom: 1px solid #30475e; }

footer .mid-foot ul {
  column-count: 1; }

footer .mid-foot ul li {
  margin-bottom: 20px;
  list-style: none; }

footer .mid-foot ul li a {
  font-size: 14px;
  color: #FFF;
  transition: linear .4s; }

footer .mid-foot ul li a:hover {
  color: var(--sec);
  transition: linear .4s; }

footer .mid-foot ul li a:hover:before {
  color: var(--sec);
  transition: linear .4s; }

footer .mid-foot ul li a:before {
  content: "\f100";
  font-family: 'Font Awesome 5 Free';
  color: #FFF;
  font-weight: bold;
  margin: 0 5px; }

footer .mid-foot .cont {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  justify-content: flex-start; }

footer .mid-foot .cont .fir {
  text-align: center; }
  footer .mid-foot .cont .fir i {
    color: #FFF; }
footer .mid-foot .cont .fir i.fa-phone{
  transform: rotate(
          98deg
  );
}
footer .mid-foot .cont .fir img {
  width: 20px;
  filter: invert(64%) sepia(15%) saturate(773%) hue-rotate(357deg) brightness(103%) contrast(87%); }

footer .mid-foot .cont a {
  color: #FFF;
  font-size: 14px;
  margin: 0 11px;
  cursor: pointer;
  transition: linear .4s; }

footer .mid-foot .cont a:hover {
  transition: linear .4s;
  color: var(--sec); }

footer .mid-foot .cont:last-child(1) {
  margin-bottom: 0; }

footer .mid-foot .mail p {
  font-size: 16px;
  margin-bottom: 20px;
  color: #FFF; }

footer .mid-foot .mail .es-field-wrap label {
  width: 100%;
  margin: 0; }

footer .mid-foot .mail input[type=email] {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px 20px;
  border-radius: 25px;
  width: 100%;
  color: #FFF;
  margin-bottom: 30px; }

footer .mid-foot .mail input[type=email]::placeholder {
  color: #FFF; }

footer .end-foot {
  background-color: var(--sec);
  padding: 22px 0; }

footer .end-foot .in-end {
  display: flex;
  justify-content: center; }

footer .end-foot .in-end p {
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0; }

footer .end-foot .in-end p a {
  color: var(--main);
  transition: linear .4s; }

footer .end-foot .in-end p a:hover {
  color: #000;
  transition: linear .4s; }



.news .slider.slider-nav .slick-current .thumbnail-image .thumbImg-content h6{
  color: var(--sec);
  transition: linear .4s;
}
/*end footer*/
.hidden-lg {
  opacity: 0;
  visibility: hidden;
  display: none !important; }

.hidden-sm {
  opacity: 1;
  visibility: visible;
  display: flex !important; }

/**/
@media (min-width: 992px) and (max-width: 1200px) {
  .nav-list > .link > a {
    padding: 8px 6px;
    margin: 0 10px; }

  .main-sec .main-serv .main-hover {
    padding: 7px 37px; } }
@media (max-width: 991px) {
  .hidden-sm {
    opacity: 0;
    visibility: hidden;
    display: none !important; }
  .mainslider .owl-nav{
    display: none;
  }
  footer .col-lg-4{padding: 0 30px}
  .slider-banner-image , .news .slider.slider-nav .slick-track, .news .slider.slider-for .slider-banner-content h4 , .news .slider.slider-for .slider-banner-content .slide-for-paragraph{

  }
  .news .slider.slider-nav .slick-track .slick-active{
    width: 100% !important;
  }
  .news .slider.slider-nav .slick-track .slick-cloned{
    width: 100% !important;
  }
  .news .slider.slider-nav{
    width: 80%;
    overflow: hidden;
  }
  .news .slider.slider-nav .slick-track{ height: 100% !important;width: 100%;  }
  .mainslider .item .in-item{
    padding: 0 10px;
  }
  .hidden-lg {
    opacity: 1;
    visibility: visible;
    display: flex !important; }

  .who .r-who:before, .achievement .owl-nav {
    display: none;
    visibility: hidden; }

  .new-lang {
    left: 20px; }
  .achievement .row .r-who img{
    height: 250px;
  }
  .main-nav {
    display: none; }

  .who .ord-2 {
    order: 1; }

  .who .in-who p span {
    text-align: center;
    margin: 30px 0; }
  .who .in-who{
    align-items: center;
  }
  .who .ord-1 {
    order: 2; }

  .in-head .logo {
    padding: 10px 0 10px; }

  header, .in-head {
    padding-bottom: 0 !important; }

  .join p {
    font-size: 32px; }
    .join p span {
      font-size: 32px; }

  .news .slider.slider-nav .thumbnail-image .thumbImg-content {
    flex: 6; }

  .media-new .b-pro .main-hover {
    margin-bottom: 0; }

  .media-new .new-row div {
    grid-column: span 12 !important;
    grid-row: span 1 !important; }
    .media-new .new-row div img {
      width: 100% !important;
      max-height: 400px !important; }

  .number .in-number {
    min-height: 324px;
    margin-bottom: 30px; }

  .partner .part .item {
    margin: 0 auto; }

  .who .r-who {
    padding: 0; }

  footer .mid-foot {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px 0; }

  .mainslider .owl-nav .owl-prev, .mainslider .owl-nav .owl-next, .part .owl-nav .owl-prev, .part .owl-nav .owl-next {
    margin: 0; }

  footer .end-foot .in-end p {
    text-align: center; }

  .new-media img {
    width: 100%; }

  footer .top-foot .content .wpcf7-form-control-wrap:nth-of-type(1) {
    margin-left: 0; }

  footer .top-foot .content input[type=text], footer .top-foot .content input[type=tel] {
    width: 100%; }

  footer .end-foot .in-end p {
    margin-bottom: 5px; }

  footer .top-foot iframe {
    margin-bottom: 20px; }

  .mainslider .item .in-item h2 {
    font-size: 22px;
    margin-bottom: 10px; }

  .mainslider .item .in-item p {
    font-size: 16px;
    margin-bottom: 10px; }

  footer .top-foot ul li {
    width: 100%; }

  .who .l-who {
    margin-top: 20px;
    margin-left: 0; }

  footer .mid-foot ul {
    width: 100%; }

  footer .mid-foot ul li {
    width: 100%;
    display: block;
    margin: 0 0 15px; }

  .new-media {
    margin-bottom: 15px; }

  .achievement .row .in-who {
    margin: 0px 0 0 !important;
    padding: 20px;
    box-shadow: unset; }

  .who .l-who:before {
    left: 10px; }

  .end-foot .bot-foot {
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center; }

  .contact .in-contact, .target .tar-sli .item .in-tar {
    margin-right: 0;
    margin-left: 0; }

  .main-hover {
    margin-bottom: 10px; }

  .mainslider .item img {
    height: 450px; }

  .who {
    background-image: unset; }

  footer {
    background-size: cover; }

  #qtranslate-chooser {
    margin: 0 10px !important; } }
/**/
/****/
.in-head {
  position: relative !important;
  background-image: url(../img/new-header.png);
  padding-bottom: 0; }

.single-pages .top-side iframe {
  border-radius: 10px;
  width: 100%; }

.fbc.fbc-page {
  width: 100% !important; }

.fbc-page .fbc-wrap .fbc-items {
  background-image: unset !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-color: transparent !important;
  float: none;
  font-weight: bold !important;
  color: #000 !important;
  border-radius: 0;
  padding: 40px 0;
  text-align: center !important;
  font-family: NeoSansArabic !important; }

.fbc-page .fbc-wrap .fbc-items li.active span, .fbc-page .fbc-wrap .fbc-items li a, .fbc-page .fbc-wrap .fbc-items li .fbc-end-text, .fbc-page .fbc-wrap .fbc-items li a:last-child {
  color: #000 !important;
  text-align: center !important;
  font-size: 22px !important; }

.single-pages {
  padding: 30px 0 60px; }

.single-pages .main-header, .single_service .main-header {
  color: #000;
  text-align: center;
  margin-bottom: 30px;
  font-size: 35px; }

.single-pages .bootom-side p {
  color: #000;
  font-weight: bold;
  text-align: justify; }

.single-pages .top-side {
  padding: 20px 0;
  text-align: center; }

.single-pages .top-side img {
  max-width: 100%;
  max-height: 400px; }

.single_service {
  padding: 30px 0 60px; }

.single_service .right_side_whous {
  margin: 20px 0;
  text-align: center; }

.single_service .right_side_whous img {
  max-width: 100%;
  max-height: 300px; }

.single_service .right_side_whous a {
  text-align: center;
  background: var(--main);
  color: #FFF;
  width: 100%;
  border-radius: 10px;
  margin: 10px 0 0;
  padding: 5px 0;
  display: inline-block;
  transition: linear .4s; }

.single_service .right_side_whous a:hover {
  transition: linear .4s;
  background: var(--sec); }

.single-pages .ord {
  max-width: 100%; }

.single-pages .bootom-side input[type=text], .single-pages .bootom-side input[type=tel], .single-pages .bootom-side input[type=email] {
  width: 100%;
  margin: 10px 0;
  text-align: center;
  border-radius: 25px;
  padding: 10px;
  border: 1px solid #b7b7b7;
  outline: none; }

.single-pages .bootom-side textarea {
  width: 100%;
  margin: 10px 0;
  border-radius: 25px;
  text-align: center;
  height: 150px;
  padding: 10px;
  border: 1px solid #b7b7b7;
  resize: none;
  outline: none; }

.single-pages .bootom-side input[type=submit] {
  color: #fff;
  padding: 8px 44px;
  background-color: var(--sec);
  border-radius: 20px; }

.single-pages .bootom-side input[type=submit]:hover {
  background-image: linear-gradient(to left, var(--main), var(--sec)); }

.wpcf7 .ajax-loader {
  margin: 0;
  position: absolute; }

.wpcf7 .main-hover br, .es_subscription_form.es_shortcode_form .main-hover br {
  display: none; }

.wpcf7 .main-hover input[type=submit], .es_subscription_form.es_shortcode_form .main-hover input[type=submit] {
  border-radius: 20px;
  padding: 9px 20px;
  width: 100%;
  color: #FFF;
  background-color: var(--main);
  transition: linear .4s; }

.wpcf7 .main-hover input[type=submit]:hover, .es_subscription_form.es_shortcode_form .main-hover input[type=submit]:hover {
  transition: linear .4s;
  color: #FFF;
  background-color: var(--sec); }

.single_service .right_si img {
  width: 100%;
  height: 120px;
  transition: linear .4s;
  margin-bottom: 15px;
  box-shadow: 0 0 7px 1px #909090; }

/**/
#qtranslate-chooser {
  display: inline-block;
  margin: 0;
  list-style: none; }

#qtranslate-chooser .lang-ar, #qtranslate-chooser .lang-en {
  display: inline-block;
  list-style: none; }

#qtranslate-chooser li.active {
  display: none; }

.qtranxs_widget_end {
  display: inline-block;
  list-style: none; }

.single-pages .bootom-side input[type=text], .single-pages .bootom-side input[type=email], .single-pages .bootom-side input[type=tel], .single-pages .bootom-side textarea {
  text-align: right; }

.ed_whous {
  margin-bottom: 15px; }

.partt .owl-item {
  padding: 15px 0; }

.partt .item {
  border-radius: 50%;
  width: 160px;
  height: 160px;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  background-color: #FFF;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 29px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
  transition: linear .4s; }

.partt .item:hover {
  transition: linear .4s; }

.partt .item img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

/**/
.big_on {
  font-size: 160px;
  color: lightblue; }

.new-iframe iframe {
  width: 100%;
  height: 450px; }

.main-form {
  position: relative; }

.main-form br {
  display: none; }

.main-form label {
  color: #000000;
  font-size: 14px;
  margin-bottom: 10px;
}
.fbc-page .fbc-wrap .fbc-items li .fbc-separator{color: #000 !important;}
.activee {
  }

.wpcf7-not-valid-tip {
  z-index: 3;
  position: relative; }

.cont {
  width: 100%;
  max-width: 100%; }

.cont i {
  background-color: var(--sec);
  width: 50px;
  text-align: center;
  line-height: 50px;
  color: #FFF;
  height: 50px;
  border-radius: 50%;
  margin: 0 5px;
  font-size: 22px; }

.cont .sec {
  margin: 0 5px; }

.cont .sec h3 {
  font-size: 14px;
  color: var(--sec);
  margin-bottom: 10px;
  display: block; }

.cont .sec a {
  color: var(--main);
  font-size: 14px;
  transition: linear .4s; }

.cont .sec a:hover {
  color: var(--main);
  transition: linear .4s; }

.cont .sec a:before {
  content: "-";
  font-size: 10px;
  color: var(--main);
  font-weight: bold; }

.cont .sec a:nth-of-type(1):before {
  display: none; }

.bootom-side .main-form label {
  top: 21px !important; }

.bootom-side .main-form .activee {
  top: -2px !important;
  background: #FFF !important; }

.wcs_fixed_left .wcs_popup_avatar {
    left: -70px;
    right: initial;
}
.wcs_fixed_left .wcs_popup {
    left: unset !important;
    right: 0 !important;
}
.wcs_fixed_left{
    right:20px;
    left:unset;
}
.wcs_button_circle .fab {
    line-height: 50px;
    font-size: 25px;
    margin-right: 0px;
}
.wcs_popup_header .fa-whatsapp{
        text-align: center;
}
.sec-form{
  display: inline-flex;
  padding: 10px ;
  border: 1px solid #b7b7b7;
  border-radius: 25px;
  margin-bottom: 15px;
  align-items: center;
}
.sec-form label{   margin: 0 5px;
 }
.single_service .mediacenter,.single_service .media-new{padding: 0}
.single-pages .connect-us{padding: 0 0 170px;}
.single_service .main-sec .main-serv{
  border: 1px solid #9c9c9c;
}
.single_service .main-sec .main-serv:hover{
  border: 1px solid var(--sec);
}
.single_service .slider-banner-image-items , .single_service .new-media{margin-bottom: 30px}
.breadcrumb-area{
  width: 100%;

  background-color: transparent !important;


  color: #000 !important;
  border-radius: 0;
  padding: 40px 0;
  text-align: center !important;
  font-family: NeoSansArabic !important;
}
.breadcrumb-area a{color: var(--main)}
.breadcrumb-area h4{
  font-weight: bold;
}
.new-lang.in {
  display: none!important; }
.new-lang {
  position: fixed;
  left: 50px;
  display: inline-block !important;
  top: 30vh;
  z-index: 3; }

.new-lang .lang img {
  width: 40px;
  height: 40px;
  border-radius: 50%; }



.new-lang a {
  display: block;
  margin-bottom: 15px;
  text-align: center; }

.new-lang a i, .new-lang .search-btn {
  line-height: 40px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--sec);
  transition: linear .4s;
  text-align: center;
  border:1px solid var(--sec);
  display: inline-block; }

.new-lang .search-btn img {
  width: 20px; }

.new-lang a i:hover {
  transition: linear .4s;
  color: #FFF;
  border:1px solid var(--main);
  background-image: linear-gradient(to left, var(--main), var(--sec));}

footer .new-lang{    position: relative;
  left: unset;
  align-items: center;
  display: flex !important;
  margin-top: 20px;
  justify-content: center;
  top: unset;
  z-index: 3;}
footer .new-lang a{
  display: inline-block;
  margin-bottom: 0;
  margin: 0 5px;
}
img{ max-width:100%}

.single-pages .member{
    align-items: center;
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
      flex-direction: column;
}
.single-pages .member img{
    width:250px;
    height:250px;
   border-radius: 50%;
   margin-bottom: 10px;
}
.single-pages .member h5{
    font-size:22px;
    color:#000;
    font-weight:bold;
   margin-bottom: 10px;
}
.single-pages .member p{
    font-size:18px;
    color:#000;
    font-weight:bold;
   margin-bottom: 0px;
}
.single-pages .word {
    align-items: center;
  display: flex;
  justify-content: center;
      flex-direction: column;
}
.single-pages .word p{
    font-size:18px;
    color:#000;
    font-weight:bold;
        text-align: justify;
   margin-bottom: 0px;
}
/****/
/*# sourceMappingURL=main.css.map */

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