@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,700;1,700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: boder-box;
  }
.text{
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 1;
}
.heading
{
    text-align: center;
    font-size: 3rem;
}
.cards
{
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   margin-top: 20px;
}
.card
{  
   width: 28%;
   height: 150px;
   box-shadow: 0px 0px 4px 2px blue;
   text-align: center;
   
   margin-bottom: 20px;
   border-radius: 15px;
   cursor: pointer;
   overflow: hidden;

}

.images
{
   width: 100%;
   
   box-shadow: 0px 0px 5px blue;
   
   transition: .5s;
}
.images:hover{
	width: 400px;
	filter: brightness(60%);

	

}
.title
{
   font-size: 1.3rem;
}
.desc a{
	
	padding: 12px 30px;
	border-radius: 8px;
	outline: none;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: arial;
	transition: all 0.2s ease;


}
.desc .btntwo{
	background: #00b894;
	color: #000;
}
.desc .btntwo:hover{
	background: #00ffff;
	color: #000;
}
@media(max-width: 996px)
{
	.card{
		width: 40%;
	}
}
@media(max-width: 778px)
{
	.card{
		width: 95%;
		height: 400px;
	}
	.graphic{
		height: 250px;
	}
}