@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');

*{
font-family: 'Poppins', sans-serif;
margin:0; padding:0;
box-sizing: border-box;
outline: none; border:none;
text-decoration: none;
text-transform: capitalize;
transition: .2s linear;
}

.container{
background: #8f8933;
padding:15px 9%;
padding-bottom: 100px;
}

.container .heading{
text-align: center;
padding-bottom: 15px;
color:#e6dd5b;
text-shadow: 0 5px 10px rgba(0,0,0,.2);
font-size: 20px
}

.container .box-container{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	gap:15px;
}

.container .box-container .box{
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	border-radius: 5px;
	background: #2d2b00;
	text-align: center;
	padding:30px 20px;
}

.container .box-container .box img{
	height: 100px;
}

.container .box-container .box h4{
	color: #e6dd5b;
	font-size: 15px;
	padding:10px 0;
}


.container .box-container .box h4{
	color: #e6dd5b;
	font-size: 15px;

	font-style; 
	font-weight: 300;
	padding:10px 0;
}

.container .box-container .box p{
	color:#a89e15;
	font-size: 15px; 
line-height: 1.8;
}

.container .box-container .box .btn{
	margin-top: 10px;
	display: inline-block;
	background:#9b9901;
	color: #2d2b00;
	font-size: 17px;
	border-radius: 5px;
	padding: 8px 25px;
}

.container .box-container .box .btn:hover{
	letter-spacing: 1px;
}

.container .box-container .box:hover{
	box-shadow: 0 10px 15px rgba(0,0,0,.3);
	transform: scale(1.03);
}
@media (max-width:768px){
	.container{
		padding:20px;
	}

}