body
{
overflow-x: hidden !important;
font-family: 'Cairo', sans-serif;
direction: rtl !important;
 
}

*{

  box-sizing: border-box;
}
html
{
    scroll-behavior: smooth;
   
}


/*//////////////////////// navbar */

.navbar
{
  /* background-color: #FBFBFB !important; */
  background-color:  #FBFBFB  ;
  padding: 0px 0px !important;
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.navbar-brand
{
  text-transform: uppercase;
  font-family: 'Langar', cursive;
  font-size: 2.5rem;
  font-weight: bold;
  color: #0d1b30 !important;
}

.nav-link
{
  font-weight: bold;
  color: #000 !important;
  padding: 25px 10px !important;
  font-weight: 700;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
.nav-link:hover
{
  color: #dfa836 !important;
 
}
.dropdown:hover .dropdown-menu
{
display: block;
}
.dropdown-menu
{
background-color: #fff !important;
color: #000 !important;

}

.dropdown-menu .dropdown-item
{
/* background-color: #fff !important; */
color: #000000 !important;
font-weight: bold;
}
.dropdown-item:hover
{
  background-color: transparent ;
  color: #000 !important;
  padding-left: 35px !important;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;

}

.dropdown-item
{
  color: #fff  !important;
}


.navbar-toggler 
{
  color: #fff !important;
  background-color:  #0d1b30 !important;
}
.navbar-toggler i
{
  margin-top: 5px;
}

@media  screen and (max-width: 767px) 
{
  .navbar
  {
    background-color: #FBFBFB ;
    padding: 10px 10px !important;
    z-index: 9999;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
  }
  .nav-link
  {
    padding: 10px 10px !important;
    margin-top: 10px !important;
  }
  /* .navbar-brand
{
  text-transform: uppercase;
  font-family: 'Langar', cursive;
  font-size: 2rem;
  font-weight: bold;
  color: #0d1b30 !important;
} */

}

@media   screen and  (min-width: 768px) 
{
  .navbar
  {
    background-color:  #FBFBFB ;
    padding: 10px 10px !important;
  }
  .nav-link
  {
    padding: 10px 10px !important;
    margin-top: 10px !important;
  }
}

@media   screen and  (min-width: 992px)
{
  .navbar
  {
    background-color: #eee ;
    padding: 0px 0px !important;
  }
  .nav-link
  {
    padding: 0px 10px !important;
    margin-top: 10px !important;
  }
}

/* @media   screen and (min-width: 1200px) 
{

} */

/*//////////////////////// navbar */


/* <!-- header////////////////////////////////////// --> */


/* .carousel-inner
{
  height: 95vh !important;
} */
.carousel-item
{
  height: 99vh !important;
}

.carousel-item img
{
 
  height: 100% !important;
}



.icon  i
{
  background-color: rgba(23,26,33 , 0.5) !important;
  padding: 20px !important;
 font-size: 2rem;
}





@media  screen and (max-width: 767px) 
{
.carousel-item
{
  height: 60vh !important;
}

.carousel-item img
{
 
  height: 100% !important;
}

.icon  i
{
  background-color: #0d1b30 !important;
  padding: 10px !important;
 font-size: 2rem;
}

/* .icon 
{
  background-color: #0d1b30 !important;
  padding: 20px !important;
  width: 40px;
  height: 50px;
  
} */
.carousel-control-prev-icon
{
  background-color: #0d1b30 !important;
}

}

@media  screen and (min-width: 768px) 
{
.carousel-item
{
  height: 99vh !important;
}

.carousel-item img
{
 
  height: 100% !important;
}



/* .icon 
{
  background-color: #0d1b30 !important;
  padding: 20px !important;
  width: 60px;
  height: 60px;
} */

}


@media   (min-width: 992px) and (max-width: 1024px)
{
 
.carousel-item
{
  height: 80vh !important;
}

.carousel-item img
{
 
  height: 100% !important;
}



/* .icon 
{
  background-color: #0d1b30 !important;
  padding: 20px !important;
  width: 60px;
  height: 60px;
} */
} 

/* <!-- header////////////////////////////////////// --> */



/* <!-- section////////////////////////////////////// --> */
.koberagel
{
  /* background-color: fixed; */
  padding: 0px 0px ;
  overflow-x: hidden !important;
}

.txet
{
  /* float: right; */
  color: #000;
  font-weight: bold;
  font-size: 1.5rem;
  font-family: 'Cairo', sans-serif;
  background-color:#fff !important;
  width: 200px;
  text-align: center;
  /* z-index: 99;
  position: relative;
  right: 0px; */
  padding: 10px 0px;

}
.txet p
{
  background-color:#fff !important;
}

.mmos 
{
  padding-top: 20px !important;
}

.mmos  a
{
  color: #000;
  margin: 0px 10px;
font-weight: bold;

 
}
.mmos  a:hover
{
  color: #000;
  text-decoration: none;
}



@media  screen and (max-width: 767px) 
{
  .koberagel
  {
    overflow-x: hidden !important;
    padding: 0px 0px  !important;
  }
  .txet
  {
    /* float: right; */
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
    font-family: 'Cairo', sans-serif;
    background-color:#fff;
    width: 200px;
    text-align: center;
    /* z-index: 99;
    position: relative;
    right: 0px; */
    padding-top: 10px  !important;
  
  }
  .mmos  a
{
  color: #000;
  margin: 0px 10px;
font-weight: bold;
 
}
.mmos 
{
  padding-top: 0px !important;
}
}


/* <!-- section////////////////////////////////////// --> */



/* <!-- section////////////////////////////////////// --> */

.home-text
{
  padding: 50px 20px;
  text-align: center;
}
.home-text span
{
  color: #dfa836 !important;
  text-transform: uppercase;
  font-family: 'Langar', cursive;
  font-size: 2.5rem;
  font-weight: bold;
}
.home-text h1
{
 margin-bottom: 20px;
 font-family: "Droid Arabic Kufi", Tahoma, Geneva, sans-serif;
 font-weight: 600;
 color: #414141;
 line-height: 1.5;
 font-size: 35px;

}

.home-text p
{
 color: #000000;
 font-size: 14px;
 line-height: 1.5;
 font-weight: 600;
}
.home-text   .bg-warning
{
  color: #fff;
  line-height: 26px;
  padding: 7px 20px;
  background-color: #dfa836 !important;
  font-size: 24px;
  margin-top: 10px;
}

@media  screen and (max-width: 767px) 
{
  .home-text h1
{
 margin-bottom: 20px;
 font-family: "Droid Arabic Kufi", Tahoma, Geneva, sans-serif;
 font-weight: 600;
 color: #414141;
 line-height: 1.5;
 font-size: 25px;

}
.home-text span
{
  color: #dfa836 !important;
  text-transform: uppercase;
  font-family: 'Langar', cursive;
  font-size: 1.5rem;
  font-weight: bold;
}

}


/* <!-- section////////////////////////////////////// --> */



/* <!-- section////////////////////////////////////// --> */
.overhd
{
  overflow-x: hidden !important;
}
.cardtol
{
  text-align: right;
}

.anoan h2
{
 font-family: 'Lalezar', cursive;
 font-family: 'Lemonada', cursive;
 font-weight: bold;
 font-size: 2.5rem;
 color: #0d1b30 !important;

}

.border-solid
{
  border: solid 2px orange;
  width: 150px;
  margin: 0px auto;
}

.border-solid2
{
  border: solid 2px orange;
  width: 150px;

}

.border-solid3
{
  border: solid 2px orange;
  width: 150px;

}

.textkdamat h3
{
font-family: 'Courier New', Courier, monospace;
margin: 10px 0px;
font-weight: 500;
}

.textkdamat p
{
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  margin-top: 10px;
}

.textkdamat .btn
{
  color: #fff;
  line-height: 26px;
  padding: 7px 20px;
  background-color: #dfa836 !important;
  font-size: 24px;
  margin: 10px  0px;
}
/* <!-- section////////////////////////////////////// --> */



/* <!-- section////////////////////////////////////// --> */

.mashro3
{
  position: relative;
 overflow: hidden;
}


.layar
{

position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
 display: flex;
 justify-content: center;
 align-items: center;
 color: #fff;
 text-align: center;

}

.mashro3:hover .layar
{
  right: 0%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: .3s ;
  -webkit-transition: .3s ;
  -moz-transition: .3s ;
  -ms-transition: .3s ;
  -o-transition: .3s ;
}

.testory .carousel-item 
{
 height: 95% !important;
}

.testory .carousel-item  img
{
     height: 500px !important;
}

/* <!-- section////////////////////////////////////// --> */



/* <!-- section////////////////////////////////////// --> */

#a7sahiat
{
  background-color:#ccc;
  padding: 70px 0px;
  margin-bottom: 50px;
}
.a7sah
{
text-align: center;
}

.a7sah i
{
color: #dfa836 !important;
font-size: 40px;
}

.a7sah h3
{
  font-family: 'Reem Kufi', sans-serif;
  font-weight: 900;
  color: #414141;
  line-height: 1.5;
  font-size: 30px;
}

.a7sah p
{
 color: #000000;
font-size: 15px;
line-height: 2.2;
font-weight: 600;
}


.dreiv .namber
{
  color: #000000;
  font-size: 35px;
  line-height: 2.2;
  font-weight: 600;
}

.dreiv p
{
  color: #000000;
  font-size: 22px;
  line-height: 2.2;
  font-weight: 600;
}

.dreiv .textnam
{
  color: #dfa836;
  font-size: 22px;
  line-height: 2.2;
  font-weight: 900;
}




/* <!-- section////////////////////////////////////// --> */



/* <!-- section////////////////////////////////////// --> */
form
{
  /*background-image: url("../img/cc.jpg");*/
  background-size: cover;
  background-position: center center;
  height: auto !important;
  padding: 50px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
form input
{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  -ms-border-radius: 20px !important;
  -o-border-radius: 20px !important;
  
}
form  .form-group
{
background-color: transparent !important;
}

form  .bg-warning
{
  color: #fff;
  line-height: 26px;
  padding: 7px 20px;
  background-color: #dfa836 !important;
  font-size: 24px;
  margin-top: 10px;
}

form label
{
  color: #000000;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Courier New', Courier, monospace;
}

.anoan
{
  text-align: right;
}

.anoan  h3
{
  font-family: cursive;
    font-weight: 900;
    color: #414141;
    line-height: 1.5;
    font-size: 50px;
 
 

}

.anoan  p
{
  color: #000000;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
.hatv
{
  text-align: right;
  font-size: 20px !important;
}

.none
{
  font-size: 20px !important;

}
.hatv h5
{
  
  font-family: cursive;
  font-weight: 900;
  color: #414141;
padding-top: 30px;
  font-size: 30px;
 
margin-top: 0px;
}

.hatv span
{
 margin: 10px 10px;
 color: #dfa836 !important;
 font-size: 28px;
 line-height: 0;
 font-weight: 600;
 font-family: 'Kalam', cursive;
}

.hatv i{
  margin: 0px 10px;
  font-size: 25px;
  color: #dfa836;
}
.hatv i:hover{ transform:scale(1.5 , 1.5) ; -webkit-transform:scale(1.5 , 1.5) ; -moz-transform:scale(1.5 , 1.5) ; -ms-transform:scale(1.5 , 1.5) ; -o-transform:scale(1.5 , 1.5) ; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}
/* .hatv img
{
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 300px;
  height: 150px;
}

@media  screen and (max-width: 767px) 
{
  .hatv img
{
  position: absolute;
  left: 20px;
  bottom: 10px;
  width: 120px;
  height: 100px;
}
} */

/* <!-- section////////////////////////////////////// --> */

/* <!-- footer////////////////////////////////////// --> */

footer
{
  /* background-color: #0C131B ; */
  background-color: #151515 ;
  padding: 70px 0px;
  color: #fff ;
}

/* footer  .logo
{
  border-left: 1px solid #fff;
  height: 100%;
} */

footer  .textend
{
  border-left: 1px solid rgba(255, 255, 255, 0.281);
  border-right: 1px solid rgba(255, 255, 255, 0.281);
  height: 100%;
  text-align: right;
  padding: 0px 10px;
}

.testhors
{
  text-align: right;
}

.border-bottom
{
  
  border-bottom: 1px solid #dfa836 !important;
}
.testhors ul
{
  padding: 20px 20px 0px 0px;
  list-style: square ;

}

.testhors ul  li
{
  padding: 10px  0px;
  font-family: 'Lemonada', cursive;

}

.testhors ul  li a
{
 color: #fff;
 font-family: 'Lemonada', cursive;
text-transform: none !important;
 transition: .3s ;
 -webkit-transition: .3s ;
 -moz-transition: .3s ;
 -ms-transition: .3s ;
 -o-transition: .3s ;
}

.testhors ul  li a:hover
{
color: #dfa836;
text-transform: none !important;
}
footer  .textend2
{

  border-right: 1px solid rgba(255, 255, 255, 0.281);
  height: 100%;
  padding-right: 20px;
 text-align: right;

}
footer  .textend2 ul 
{
  list-style: none;
  padding: 20px 0px 0px 0px;
}

footer  .textend2 ul li
{
  padding: 5px  0px;
  font-family: "Droid", Helvetica, ;
  font-size: 14px;
  text-align: center;
 
}

footer  .textend2 ul i
{
text-align: right;
margin-left: 10px;

}

.hqoq
{
  display: flex;
  justify-content: center;
  position: relative;
  top: 40px;
  text-align: center;
  
}

.hqoq a
{
  color: #dfa836;
  text-transform: none;
  font-weight: bold;
}

.hqoq a i
{
  font-size: 30px;
  margin-right: 10px;

}



@media  screen and (max-width: 991px)
{
  footer .textend 
  {
    border-left: none;
  }
  .textend p
  {
    padding: 20px;
  }
  .hqoq
  {
    padding: 0px 10px;
  }


} 

  /* <!-- footer////////////////////////////////////// --> */










/* <!--,///////////////////////////////////////////////// svha shrka////////////////////////////////////// --> */

  .soratel
  {
    margin-top: 270px;
  }

  .text-shrka
  {
    padding: 50px 0px;
    text-align: center;
  }


  .text-shrka  p
  {
    color: #000000;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  }

  .logosharka
  {
    color: #dfa836;
    font-size: 25px;
    font-family: 'Langar', cursive;
    font-weight: 300;
  }


  /* <!-- svha shrka//////////////////////////////////////./////////////////////////////////////////////////////// --> */





 /* <!-- svha adara//////////////////////////////////////./////////////////////////////////////////////////////// --> */
  .textadara
  {
    text-align: right;
    padding-top: 20px;
  }

  .textadara  h4
  {
    font-family: 'Reem Kufi', sans-serif;
    font-size: 2.2rem;
  }

  .textadara  h6
  {
    font-family: 'Reem Kufi', sans-serif;
    font-size: 20px;
  }
 

  .textadara  p
  {
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    margin-top: 20px;
  }

  .pahgrav  p
  {
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
  }

/* <!-- svha adara//////////////////////////////////////./////////////////////////////////////////////////////// --> */





/* <!-- svha kdamat//////////////////////////////////////./////////////////////////////////////////////////////// --> */

.textkdamat 
{
  text-align: right;
  padding: 0px 0px;
margin-bottom: 50px;
}
.textkdamat  h3
{
  font-family: 'Lemonada', cursive;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 3;
}

.textkdamat  p
{
  font-size: 1.2rem;
  line-height: 2.5;
}


/* <!-- svha kdamat//////////////////////////////////////./////////////////////////////////////////////////////// --> */




/* <!-- svha tetelsmashro3//////////////////////////////////////./////////////////////////////////////////////////////// --> */

.tstsmash
{
  text-align: right;
}
.tstsmash h3
{
  font-family: 'Lemonada', cursive;
  font-weight: bold;
  font-size: 1.5rem;
 
}

.tstsmash p
{
  font-size: 1.2rem;
  margin-top: 20px;
  color: #000000;
  
    line-height: 1.5;
    font-weight: 600;
}

/* <!-- svha ateslbena//////////////////////////////////////./////////////////////////////////////////////////////// --> */

.krita p
{
  color: #000000;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  margin-top: 20px;
}



/* <!-- svha ateslbena//////////////////////////////////////./////////////////////////////////////////////////////// --> */

.atsel h3
{ transform: rotate(0deg) !important;
   -webkit-transform: rotate(0deg) !important; 
   -moz-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important; 
    -o-transform: rotate(0deg) !important;
    margin-top: 0px !important;
}






/* <!-- svha tetelsmashro3//////////////////////////////////////./////////////////////////////////////////////////////// --> */


/*#loading*/
/*{*/
/*    position: fixed;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
    /* background-color: rgba(00, 00, 00, 0.9); */
/*    background-color: #0b1629 !important;*/
/*    z-index: 999999999999999999999999999999999999999999999999999999999999;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

#btnUp 
{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999 !important;
    background-color: orange;
}




.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}