.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:90px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  text-align: center;
  background-color: white;
  color: #FF8C00;
}
.card:hover{
  background-color: white;
  color:#000;
}
@media screen and (max-width:667px){
	.cardd{
		margin-top:10px;
	}
}
.btnn{
	width:200px;
	height:60px;
	font-size:16px;
	background:#009B4D;
	border:1px solid #009B4D;
	color:white;
	border-radius:10px;
}
.btnn:hover{
	width:200px;
	height:60px;
	font-size:18px;
	background:#FF8C00;
	border:1px solid #FF8C00;
	color:color;
     border-radius:0px;	
}
.col-why{
	 box-shadow:0px 0px 5px 0px #FF8C00;
	 padding:20px;
	 
     }
	 .col-why:hover{	 
	 background:#A6987D;
	 color:white;
     }
	 .list-set{
		 border:1px solid #009B4D;
		 padding:8px;
		 background:#009B4D;
		 color:white;
		 margin-top:10px;
	 }
	 .list-set:hover{
		 border:1px solid #FF8C00;
		 padding:8px;
		 background:#FF8C00;
		 color:white;
		 margin-top:10px;
	 }
	 .yellow{
		 color:#FF8C00
	 }
	 .green{
		 color:#009B4D;
	 }
	 .img-size{
		 width:100%;
	      height:500px;
		  
	 }
	 @media screen and (max-width:667px) {
		 .img-size{
		  width:100% !important;
	      height:230px !important;
		  
		  
	 }
	 }