/* Panel Top 02 */
.panel .menu { cursor:pointer;}
  .panel .menu > li {
    outline: none;
    border-radius: 50px;
    padding: 7px 17px;
    will-change: background;
    -webkit-transition:0.25s background;
    transition:0.25s background;
  }
  .panel .menu > li:focus,
  .panel .menu > li:hover {
    background: rgba(0, 0, 0, 0.15);
  }
  .panel .menu > li .material-icons {
    vertical-align: bottom;
  }
  .dropdown.customDropdown { padding:10px 0; width: 100px;}
  .dropdown.customDropdown .menu > li:not(.link),
  .dropdown.customDropdown .menu > li.link a { font-size: 15px; padding: 8px 10px 8px 20px; cursor: pointer; display: block; text-align: center; }
  .dropdown.customDropdown .menu > li:hover { background:rgba(0, 0, 0, 0.05);}
  .dropdown.customDropdown .material-icons {
    float: right;
  }

/* Slide 01 (#1) */

*{
 font-family: 'Tajawal';
}
h1{
font-size:180px;
}

/* Slide 10 (#5) */

/* client carsoul style */
.owl-carousel .item {
  height: 0;
 position:center;
  padding: 10px;
 
  padding-bottom: 40%;
  padding-top: 40%;
   
  
}
.owl-carousel {
background-color:white;
 
border-radius: 5px;
}
#owl-clients .item img{
  width: 50%;
  height: auto;
 
  position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%)
}
h3{
padding-top:500;
text-align: right;
}

/* Panel Bottom 09 */

*{
	margin: 0;
	padding: 0;
}
.wrapper{
	position: absolute;
  top: -40px;
  right: 0;
	transform: translateY(-50%);
  
}
.share{
  
  border-radius: 5px;
	width: 52px;
	height: 52px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s linear;
    
}
.share .fa{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 25px;
}
.share.whatsapp{
	background: #088683;
}
.share.email{
	background: #a08661;
}
.share:hover{
	width: 110px;
  
}
i span{
  display: none;
  font-weight: bold;
  font-size:15px;
  letter-spacing: 1px;
  font-family: 'Tajawal';
  
}
.share:hover span{
  padding-left: 15%;
  
  display: inline;
  
 
}
.con{
 position: absolute;
  top: -40px;
	transform: translateY(-70%);
  margin-left:-18px;
}
.social{
  
  border-radius: 50px;
	width: 35px;
	height: 35px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s linear;
  
    
}
.social .fa{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 25px;
}
.social.twitter{
	background: #a08661;
}
.social.instagram{
	background: #a08661;
}
.social.linked{
	background: #a08661;
}
.social.facebook{
	background: #a08661;
}
.social:hover{
background: #088683;
}


.pill.controller {
  font-size: 0;
 
  display: inline-block;
 
}
.pill.controller li {
  padding: 10px 20px;
  display: inline-block;
  border: 0.5px solid #237474;
  font-size: initial;
  
}

.pill.controller li:first-child {
  border-radius: 0px 0 0 0px;
}
.pill.controller li:last-child {
  border-radius: 0 0px 0px 0;
}

.pill.controller li.selected {
  background: #055951;
  color: #ffffff;
}


.slider{


  margin-left:70px;
  margin-right:70px;

}


.slider h4{

margin-bottom:25px;

}


.slider img{
 
  
  
object-fit: cover;
  width: 230px;
  height: 230px;

}
.slider img:hover{

opacity:0.7;

}