/* @font-face {
    font-family: 'Sahel';
    src:  url('../fonts/Sahel.eot') format('eot'),
          url('../fonts/Sahel.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  } */


  
@font-face {
  font-family: 'Sahel';
src:  url('../fonts/Sahel.woff') format('woff'),
   url('../fonts/Sahel.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

  body{
      font-family: 'Sahel' !important;
      background-image:url('../img/bg-coffee.jpg') !important;
      background-attachment: fixed !important;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      direction:rtl !important;
      text-align:right !important;
      font-size:13px;
  }
  a{
    text-decoration: none !important;
  
  }

.main{
  background-color: rgba(0, 0, 0, 0.705);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height:100%;
}

img{
  object-fit: cover !important;
}

.bg-dark2{
  background-color:#343a40e7 !important;
}

.bg-white2{
  background-color:#ffffff73 !important;
}

.animation-opacity-zoomin {
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: box-shadow, transform;
  max-width: 100%;
}

.animation-opacity-zoomin:hover, .animation-opacity-zoomin:focus, .animation-opacity-zoomin:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
  filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  border:rgb(172, 172, 172) 3px groove;
}

.z-i{
  z-index: 1 !important;
}

.button-color{
  background-color:rgb(39, 39, 39) !important;
}

.c-p{
  cursor: pointer !important;
}

.menu a:link,.menu a:visited,.menu a:hover,.menu a:active{
  color:white;
}

.bg-hover-yellow:hover{
  background-color: #ffc107 !important;
}
.bg-hover-yellow{
  transition:1s !important;
border-radius:5px !important; 
border-width:2px !important;
}