body{

	direction: rtl;
}

.navbar-collapse{

   flex-grow: unset !important;


}


.navbar-dark .navbar-nav .nav-link {
    color: #54595f;
    text-align: center;
}

.bg-dark {
    background-color: #fff!important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #cace00;
        color:  #e2579b;
 
    transition:0.5s

}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:  #e2579b;
     -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
      transition:  0.5s ease-in-out;


        
    
}

li.nav-item {
    font-size: 1.2rem;
    font-weight: 500;
    margin-right: 15px;
}

span.navbar-toggler-icon {
    background: #000000;
}

.h-bg{

	background-image: url(../images/cover.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin-top: 90px;
    min-height: 345px;
    position: relative;
    z-index: -1;

}

.shap {
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    transform: rotate(180deg);
}

path.elementor-shape-fill {
    fill: #fff;
}
.avator img{

    border-radius: 50%;
    border: 4px solid #f1ecec;
    margin-top: -147px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    width: 22%;
}


.avator  h2{

   margin-top: 7px;
}
.avator  h5{

	font-size: 23px;
}
.avator  h6{
	font-size: 20px;
	color: #e2579b;
}
.social{

	justify-content: center;
    margin-top: 50px;
}
.social a{
	text-align: center;
	color: #000;
	display: inline-block;
	width: 19%;
}

.social a .fa{

	font-weight: bold;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e2579b;
    padding-top: 13px;
    font-size: 25px;
}
.slider-one{

	background-color: #4f4f4f;
	margin-top: 20px;
	justify-content: center;
    padding: 12px;
}

.slider{

	background-color: #222;
	justify-content: center;
}


.swiper-container {
    width: 100%;
    height: auto;
}
.slider h2{

	color: #e2579b;
	justify-content: center;
	padding-top: 20px;
    padding-bottom: 10px;
}

.video iframe{

	width: 100%;
	height: 610px;
}

.video{

	justify-content: center;
    text-align: center;
    padding: 12px;

}
.video h2{

	color: #e2579b;
	padding:10px 0px;
}
.according{

	justify-content: center;
	background-color: #f8f8f8;
	padding: 10px;
}
.according h2{

	color: #cace00;
	padding: 10px 0px;
	display: block;
	width: 100%;
	text-align: center;

}

.according span {
    padding: 10px 17px;
    font-weight: 500;
    text-align: center;
    border-radius: 20px;
    background-color: #cace00;
    display: block;
    width: 303px;
    margin: auto;
}



div#accordion {
    width: 100%;
    margin-top: 30px;
}

.btn-link {
    width: 100%;
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
    display: block;
    text-align: right;
    color: #fff;
    padding: 10px 15px;
    font-size: 19px;
}
.btn-link:hover {

		color: #e2579b;
		text-decoration: none;
	   
}
.card-header{

	padding: unset !important;
}

.card{

	border-radius: unset;
	background-color: #444;
	border: 1px solid rgba(253, 253, 253, 0.88);
}

.card-body{

 color: #222;
 text-align: right;

 background: #f9f9f9;
}


input[type="text"] {
    padding: 10px;
    border-radius: 20px;
    margin: 5px;
    border: unset;
    width: 100%;
    color: #bdb6b6;
}

button {
    width: 100%;
    padding: 10px;
    border-radius: 20px;
    background-color: #cace00;
    border: unset;
}

.contact{

	justify-content: center;
}

.contact h2{

	color: #fff;
}

.swiper-container-cus {
      height: 220px;
}

.swiper-slide h5{

	color: #e2579b ;
}


.Footer h3 {
    width: 100%;
    display: block;
    text-align: center;
    color: #bbb2b2;
    font-size: 22px;
    margin: 12px;
}

.foolter-social {


	justify-content: center;
	width: 100%;
	display: flex;
    padding: 20px;
}

.foolter-social a{

	margin:5px;
}

.foolter-social a .fa{

   
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding-top: 17px;
    text-align: center;

}

.foolter-social .fa-envelope{
   background-color: #ea4335;
   color: #fff;

}
.foolter-social .fa-whatsapp{
 background-color: #25d366;
 color: #fff;

}
.foolter-social .fa-twitter{
	color: #fff;
	background-color: #1da1f2;


}

.foolter-social .fa-facebook{
	color: #fff;
	background-color: #3b5998;


}


.footer-botom{
   
    position: relative;
	margin: 20px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	color: red;
}


a.footer-img{

	position: absolute;
	right: 0;
}

a.footer-img img{

	width: 100px;
}

.footer-botom a {
    color: #bbb2b2;
}




@media (max-width: 576px) { 
  
   .avator img{


    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    width:35%;
       margin-top: -70px;
}
 
    
    
    li.nav-item {

    margin-right:0px;
    border-bottom: solid 1px #eaeaea;
    }
    
    

    .video iframe{

	width: 100%;
	height: 100%;
}
    
    
 .h-bg{

	background-image: url(../images/cover.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin-top: 70px;
    min-height: 180px;
    position: relative;
    z-index: -1;

}   
    
    
    .social{

	justify-content: center;
    margin-top: 20px;
}
    

    
}








 
 .socialone i {
    cursor: pointer;
    padding: 1rem;
    opacity: 0.9;
}
.socialone i:hover {
     opacity: 1;
}

.socialtwo i {
    cursor: pointer;
    padding: 1rem;
    opacity: 0.9;
}
.socialtwo i:hover {
     opacity: 1;
}

.socialtwo .fa-facebook{
  background-color: #3b5998;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;

}
.socialtwo .fa-twitter{
  background-color: #1da1f2;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;

}
.socialtwo .fa-google-plus{
  background-color: #dd4b39;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;

}
.socialtwo .fa-linkedin{
  background-color: #0077b5;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;

}
.socialtwo .fa-envelope{
   background-color: #dd4b39;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;

} 
.socialtwo .fa-whatsapp{
  background-color: #25D366;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;

}

.socialtwo .fa-at{
    background-color: #088ecc;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;


  }


.divder {
    padding: 1px;
    background-color: #4daeb8;
    width: 25%;
    margin: 10px auto;
}


.collapsed-open:after {
  content: "\2212";
   color: #e2579b;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.collapsed:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.mid-content  a{
color:#000;
text-decoration: none;
font-size: 19px;

}
.mid-content  img{

	color: #fff;
   transition: transform 0.4s; /* Animation */
	
  padding: 0px;
  border: solid 0px #fff;
	background: #fff;
  border-radius:0px; 
  width: 100%;
  margin-bottom: 10px;

}

.mid-content img:hover {
  transform: scale(0.9); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}
.mid-content span a{

	color: #000 !important;
	font-size: 23px;
	display: block;
	font-weight: 400;
	position: absolute;
	text-align: center;
	color: #fff !important;
	width: 100%;
	text-decoration: none;
	top: 40%;
	margin-left: 50%;
}

.about h2{

	color: #333;
	padding: 10px 0px;
	display: block;
	width: 100%;
	text-align: center;

	font-size: 24px;
}

.social-icons img{

	font-weight: bold;
    width: 55px;
    height: auto;
    border-radius: 100%;
    background-color: #e2579b;
    padding: 7px;
    font-size: 25px;
}