.carousel-inner .active.left {
      left: -33%;
    }

    .carousel-inner .next {
      left: 33%;
    }

    .carousel-inner .prev {
      left: -33%;
    }

    .carousel-control.left,
    .carousel-control.right {
          position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 40px;
    height: 35px;
    background: #2b707b;
    border-radius: 50em;
    border: 0;
    font-size: 15px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    }

    .carousel-multi .carousel-inner>.item {
      transition: 500ms ease-in-out left;
    }

    .carousel-multi .carousel-inner>.item>.media-card {
      background: #fff;
      border-right: 10px solid #fff;
      display: table-cell;
   
      padding:46px;
    }

    .carousel-multi .carousel-inner>.item>.media-card:last-of-type {
      border-right: none;
    }

    .carousel-multi .carousel-inner .active {
      display: table;
    }
    .slider{
         height:720px
    }

    .carousel-multi .carousel-inner .active.left {
      left: 20%
    }

    .carousel-multi .carousel-inner .active.right {
      left: 33%;
    }

    .carousel-multi .carousel-inner .next {
      left: 33%;
    }

    .carousel-multi .carousel-inner .prev {
      left: -33%;
    }
    .imag123{
        width:350px;
        height:280px
    }.padd{
        padding:50px;
    } 
    
    

    
    
        @media only screen and (min-width: 992px) {
  .slider123{
       height:650px  
        }
}
@media (max-width: 480px) {
          
          .carousel-multi .carousel-inner>.item>.media-card {
              background: #fff;
    border-right: 10px solid #fff;
    display: table-cell;
    padding: 0;
    margin: 5% !important;
} .imag123{
        width:270px;
        height:232px;
    }
    .padd{
        padding:0px;
    }
    .slider{
         height:300px
    }
   
      }
@media only screen and (min-width: 768px) and (max-width: 991px){
.slider123{
       height:300px  !important 
        }
}
    @media all and (transform-3d),
    (-webkit-transform-3d) {
      .carousel-multi .carousel-inner>.item {
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
      @media (min-width:480px) and (max-width: 767px) {
          
          .carousel-multi .carousel-inner>.item>.media-card {
              background: #fff;
    border-right: 10px solid #fff;
    display: table-cell;
    padding: 0;
    margin: 5% !important;
} .imag123{
        width:250px;
        height:180px
    }
    .padd{
        padding:0px;
    }
    .slider{
         height:300px !important
    }.slider123{
       height:300px  !important 
        }
   
      }
      
    

		   		         @import  url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

        *{
            font-family: 'Droid Arabic Kufi', serif;
            font-weight: 500;

        
		    }
/*		    	.highlight {*/
/*			background:linear-gradient(180deg,rgba(255,255,255,0) 50%, #2AA9B6 103%)*/
/*		  }*/
/*		 .highlight1 { */
/*		  background: linear-gradient(*/
/*180deg*/
/*,rgba(255,255,255,0) 50%, #ffffff 103%);*/
/*}*/
/*.underline {*/
/*  border-bottom: 2px solid #2AA9B6;*/
/*  display: inline-block;*/
/*  line-height: 0.85;*/
/*}*/


.highlight {
			background:linear-gradient(180deg,rgba(255,255,255,0) 50%, #fc9a8680 60%)
}
		  
.highlight11 { 
background: linear-gradient( 
180deg
 ,rgba(255,255,255,0) 50%, #ffffff80 103%); 
}

.underline {
  border-bottom: 2px solid #fc9a8680 ;
  display: inline-block;
  line-height: 0.85;
}

 .gallery {
			width: 100%;
		  }
		  
		  .gallery-container {
			align-items: center;
			display: flex;
			height: 400px;
			margin: 0 auto;
			max-width: 1000px;
			position: relative;
		  }
		  
		  .gallery-item {
			height: 150px;
			opacity: .4;
			position: absolute;
			transition: all 0.3s ease-in-out;
			width: 150px;
			z-index: 0;
		  }
		  
		  .gallery-item.gallery-item-selected {
			box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
			height: 300px;
			opacity: 1;
			left: 50%;
			transform: translateX(-50%);
			width: 300px;
			z-index: 2;
		  }
		  
		  .gallery-item.gallery-item-previous,
		  .gallery-item.gallery-item-next {
			height: 200px;
			opacity: 1;
			width: 200px;
			z-index: 1;
		  }
		  
		  .gallery-item.gallery-item-previous {
			left: 30%;
			transform: translateX(-50%);
		  }
		  
		  .gallery-item.gallery-item-next {
			left: 70%;
			transform: translateX(-50%);
		  }
		  
		  .gallery-item.gallery-item-first {
			left: 15%;
			transform: translateX(-50%);
		  }
		  
		  .gallery-item.gallery-item-last {
			left: 85%;
			transform: translateX(-50%);
		  }
		  
		  .gallery-controls {
			display: flex;
			justify-content: center;
			margin: 30px 0;
		  }
		  
		  .gallery-controls button {
			border: 0;
			cursor: pointer;
			font-size: 16px;
			margin: 0 20px;
			padding: 0 12px;
			text-transform: capitalize;
		  }
		  
		  .gallery-controls button:focus {
			outline: none;
		  }
		  
		  .gallery-controls-previous {
			position: relative;
		  }
		  
		  .gallery-controls-previous::before {
			border: solid #000;
			border-width: 0 2px 2px 0;
			content: '';
			display: inline-block;
			height: 4px;
			left: -10px;
			padding: 2px;
			position: absolute;
			top: 0;
			transform: rotate(135deg) translateY(-50%);
			transition: left 0.15s ease-in-out;
			width: 4px;
		  }
		  
		  .gallery-controls-previous:hover::before {
			left: -18px;
		  }
		  
		  .gallery-controls-next {
			position: relative;
		  }
		  
		  .gallery-controls-next::before {
			border: solid #000;
			border-width: 0 2px 2px 0;
			content: '';
			display: inline-block;
			height: 4px;
			padding: 2px;
			position: absolute;
			right: -10px;
			top: 50%;
			transform: rotate(-45deg) translateY(-50%);
			transition: right 0.15s ease-in-out;
			width: 4px;
		  }
		  
		  .gallery-controls-next:hover::before {
			right: -18px;
		  }
		  
		  .gallery-nav {
			bottom: -15px;
			display: flex;
			justify-content: center;
			list-style: none;
			padding: 0;
			position: absolute;
			width: 100%;
		  }
		  
		  .gallery-nav li {
			background: #ccc;
			border-radius: 50%;
			height: 10px;
			margin: 0 16px;
			width: 10px;
		  }
		  
		  .gallery-nav li.gallery-item-selected {
			background: #555;
		  }
		  
		  
		  
    	.testimonial,.books,.about{
	    background-image:url('../../images/footer_bg.png') ;
	    background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
	    
    	}	  
		  
		  
		 .testimonial-col{
		     border-radius:20px;
		 }



 /*   #about h3{*/
 /*       position: relative;*/
 /*       font-weight: 700;*/
 /*   }*/

	/*#about h3::before{*/
 /*   content: "";*/
 /*   position: absolute;*/
 /*   right: -27%;*/
 /*   bottom: -4px;*/
 /*   width: 280px;*/
 /*   height: 14px;*/
 /*   transform: translateX(-50%);*/
 /*   background: #2098d17a;*/
 /*   z-index: 0;*/
	/*} */


    /*.books h2{*/
        
    /*    position: relative;*/
    /*    font-weight: 700;*/
    /*}*/
    
    /*.books h2::before{*/
    /*        content: "";*/
    /*position: absolute;*/
    /*right: -27%;*/
    /*bottom: -4px;*/
    /*width: 280px;*/
    /*height: 14px;*/
    /*transform: translateX(-50%);*/
    /*background: #2098d17a;*/
    /*z-index: 0;*/
    /*}*/
    
    
    
    
    
    .feat{
       	background-image:url('../../images/footer1.jpg') ;
	    background-position: center;
        background-repeat: no-repeat;
        background-size: cover; 
    }
    
    
    
    .menu a{
        font-size:20px !important;
    }
    

    .navbar {
        display:block !important;
    }
    
    
    .slider-main{
        margin-top:100px !important;
    }
    
    .overlay-2{
        position:absolute;
        top:0;
        right:0;
        width:100%;
        height:100%;
        background-color:black;
        opacity:.3;
        z-index:1;
        
        
    }
    
    .gallry .row{
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    
    }
    
    .gallry .item{
        width:300px;
    }
    
    
    
    @media(max-width:580px){
        .menu a{
        font-size:16px !important;
    }
    
    }
    
    @media (min-width: 992px){
    .col-md-3{
        max-width: 23% !important;
    }

    .col-md-4{
        max-width: 31%;
    }
    
     .col-lg-3{
        max-width: 23%;
    }

    .col-lg-4{
        max-width: 31%;
    }
}
    
    @media (min-width: 768px){
        .col-sm-6{
            max-width:48%;
        }
    }
    
    .testimonial-col{
        display:flex;
        align-items:center;
        height:200px;
    }
    
    .logo-image a img {
        height:80px !important;
    }
    
    
    @media (min-width: 768px) and (max-width: 991.98px) { 
        
        
    .menu a{
        font-size:17px !important;
    }
    
    .navbar-nav > li{
        padding:22px 8px !important;
    }
        
     .strip-padding{
        padding-bottom: 20px !important;
        padding-top: 20px !important;
     } 
        
    }