@charset "utf-8";
/* CSS Document */
.slider-container{
	position: relative;
	width: 90%;
		height: 50%;
margin: 0 auto;
/*	border: 1px solid red;*/
	 
}
    .swiper {
/*	 	border: 1px solid white;*/
      width: 100%;
      height: 500px;
		margin: 10px auto;
    }

.swiper-wrapper{
	display: flex;
flex-direction: row;
	justify-content: flex-start;
	align-items:baseline;
}
    .swiper-slide {
/*	 	border: 1px solid blue;*/
			margin: 10px auto;
      text-align: center;
      font-size: 18px;
 	background: #000;
		color: #fff;
      display: flex;
 
      
		flex-direction: column;
      justify-content: center;
      align-items:center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 250px;
      object-fit: cover;
		border-radius: 10px;
				margin: 10px auto;
    }

 
    .append-buttons {
      text-align: center;
      margin-top: 20px;
    }

    .append-buttons button {
      display: inline-block;
      cursor: pointer;
      border: 1px solid #007aff;
      color: #007aff;
      text-decoration: none;
      padding: 4px 10px;
      border-radius: 4px;
      margin: 0 10px;
      font-size: 13px;
    }
	  .slide > h2,p{
	padding-top: 10px ;
	direction: rtl;
		  font-size: 14px;
		  font-weight: 100;
		  text-align: right;
			  
}
.slide > p{
	width: 60%;
	margin: 10px auto;
	font-size: 12px;
	text-align: justify;
	color: #777777;
}

.swiper-pagination-color{
	color:#fff!important; 
}
@media  screen and (max-width:500px){
	    .swiper-slide img {
  
      width: 100%;
      height: 250px;

    }

}