body
{
overflow-x: hidden !important;
direction: rtl !important; 
font-family: "Rubik", sans-serif !important;
font-optical-sizing: auto !important;
font-style: normal !important;

 background-image: repeating-linear-gradient(to top, #d5b980, #9e712b);
background-size: 100% 100%; 


  
}

*{
  box-sizing: border-box ;

}
html
{
    scroll-behavior: smooth;
   
}

.up-card
{
  display: flex;
  justify-content:   center;
  /* padding: 0px 10px; */
  align-items: center;
  /* text-align: center !important; */
 
}

.card
{
  text-align: right !important;
  background-image: url(../img/m.webp);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /* box-shadow: 10px 10px 5px lightblue; */

}

.nav-pills
{
  /* margin: auto !important; */
display: flex;
justify-content: center !important;
margin-right: 0px !important;
}

.card-body
{
margin-right: 30px;
text-align: right !important;
padding: 10px !important; 
}


.card-title
{
  font-size: 20px;
  color: #ffcc66;

}

.proect
{
  padding: 0px !important;
  margin: 0px;
}

.proect  p ,.proect span
{
 color: #fff;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
}

.num
{
  font-size: 15          px;
  color: #ffcc66 !important;
}

.card-text
{
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;

  
}

.text-body-secondary
{
  font-size: 12px;
}



.SAR
{
  font-size: 8px !important;
  margin-top: 12px !important;
}

.card img
{
width: 70px !important;
border-radius: 20px;
/* transform: rotate(30deg); */
/* transform-origin: 30% ; */
/* transform: skew(20deg, 10deg); */
transition: 0.7s;
}

.proecteess
{
  text-align: right !important;
}

.card:hover img
{
 transform: rotate(30deg); 
 transform-origin: 0% ; 
}

.owl-carousel 
{
  width: 100%;
  height: 50vh;
}

/* .card-corsel img
{
  width: 100px;
  height: 100;
} */

.nvslnk
{
  background-color: #c49b63;
  color: #000;
  margin: 10px 0px !important;
  padding: 5px  !important;
  font-size: 17px;

}

.nvslnk:hover
{
  background-color: #c49b63;
  color: #000;
}

.nvslnk2
{

  color: #c49b63;
  margin: 0px 10px !important;
  padding: 10px 30px !important;
  font-size: 20px;
  border-bottom: solid 1px #c49b63;
}


.nvslnk3
{
 
  color: #c49b63;
  margin: 0px 10px !important;
  padding: 10px 30px !important;
  font-size: 20px;
  border-bottom: solid 1px #c49b63;
}

.nvslnk3:hover
{
 
  background-color: #c49b63;
  color: #000;
}

.nvslnk2:hover
{
  background-color: #c49b63;
  color: #000;
}

.nav-pills .active
{
   background-color: #c49b63 !important ;
}


.img-fluid  
{
width: 90px !important;
}


.immmg
{
  margin-top: 5px;
}


.bottm
{
  text-align: right !important;
  padding: 5px;
}

.bottm  .btn-outline-secondary
{
 border: 1px solid #fff;
 color: #fff;
}

.bottm  .btn-outline-secondary:hover
{
background-color: #9e712b !important;
border: 1px solid #79561f;
}
.nav-link 
{
transition: all 0.3s;
}

.nav-link:hover
{
color: #fff;
}






.anoan
{
  /* text-align: center; */
  height:50vh !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.up-card h5
{
padding-top: 6px  ;
}
 

.card-marg 
{
  margin-right: 20px;
 text-align: right !important;
}

.proect
{
  text-align: right !important;
}

.card-marg2
{
  font-size: 18px;
}



.logo  
{
position: absolute !important;
top: -50px !important;
left: 5px !important;
}