/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/

@font-face {
  font-family: muli;
  src: url(../fonts/muli.ttf);
}



@font-face {
  font-family: mulibold;
  src: url(../fonts/mulibold.ttf);
}

.mulibold {
	  font-family: mulibold;
}

.owl-item.active.center h5{
	color: #5CD693;
}

.owl-item.active.center p{
	color:#5CD693;
}




.filterbtn{
	padding: 2px 28px;
    border: 2px solid transparent;
    background: none;
	cursor: pointer;
    z-index: 1;
    position: relative;
    color: #435155;
    font-weight: 600;
    text-transform: capitalize;
    overflow: hidden;
    border-radius: 50px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
    font-size: 14px;
}

button.filterbtn.active{
	border: 2px solid #5CD693;
	background: transparent;
	color:#5CD693;
}

.filterbtn:hover{
	border: 2px solid #5CD693;
	background: #5CD693;
	color: white;
}

.findoutbtn{
	padding: 10px 53px;
    background: #5cd693;
    cursor: pointer;
    z-index: 1;
    font-size: 25px;
    position: relative;
    color: #ffffff!important;
    overflow: hidden;
    border-radius: 40px;
    -webkit-transition: .3s all linear;
    transition: .3s all linear;
}

@media (max-width:500px) {
 .findoutbtn{
	  padding: 10px 45px;
	}
}

.signupbtn {
    border-color: #435155!important;
}



.float-wa-button {
  position:fixed;
	width:50px;
	height:50px;
	bottom:100px;
	/* right:100px; */
	right:30px;
	background-color:#0C9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  box-shadow: 2px 2px 3px #999;
  z-index: 999;
}

.float-fb-button {
  position:fixed;
	width:50px;
	height:50px;
	bottom:30px;
	right:30px;
	background-color:#0C9;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  box-shadow: 2px 2px 3px #999;
  z-index: 999;
}