/*=========================================================
Footer
=========================================================*/

.site-footer{
	background:#ffffff;
	border-top:1px solid #e5e7eb;
	margin-top:80px;
}

.footer-main{
	padding:70px 0 50px;
}

.footer-grid{
	max-width:1400px;
	margin:auto;
	padding:0 24px;

	display:grid;
	grid-template-columns:2fr 1fr 1fr 1.4fr;
	gap:50px;
}

/*=========================================================
Brand
=========================================================*/

.footer-logo{
	margin:0 0 18px;
	font-size:32px;
	font-weight:800;
}

.footer-logo a{
	color:#111827;
	text-decoration:none;
}

.footer-description{
	font-size:15px;
	line-height:1.9;
	color:#6b7280;
	max-width:340px;
}

/*=========================================================
Columns
=========================================================*/

.footer-column h3{
	font-size:18px;
	font-weight:700;
	margin-bottom:20px;
	color:#111827;
}

.footer-column ul{
	margin:0;
	padding:0;
	list-style:none;
}

.footer-column li{
	margin-bottom:12px;
}

.footer-column a{
	color:#4b5563;
	text-decoration:none;
	transition:.3s;
}

.footer-column a:hover{
	color:#2563eb;
	padding-left:4px;
}

/*=========================================================
Newsletter
=========================================================*/

.footer-newsletter p{
	color:#6b7280;
	margin-bottom:18px;
	font-size:15px;
	line-height:1.8;
}

.footer-newsletter form{
	display:flex;
	flex-direction:column;
	gap:14px;
}

.footer-newsletter input{
	height:52px;
	padding:0 18px;
	border:1px solid #d1d5db;
	border-radius:999px;
	font-size:15px;
	outline:none;
	transition:.3s;
}

.footer-newsletter input:focus{
	border-color:#2563eb;
	box-shadow:0 0 0 4px rgba(37,99,235,.10);
}

.footer-newsletter button{
	height:52px;
	border:none;
	border-radius:999px;
	background:#2563eb;
	color:#fff;
	font-weight:700;
	cursor:pointer;
	transition:.3s;
}

.footer-newsletter button:hover{
	background:#1d4ed8;
}

/*=========================================================
Bottom
=========================================================*/

.footer-bottom{
	border-top:1px solid #e5e7eb;
	padding:24px 0;
}

.footer-bottom .container{
	max-width:1400px;
	margin:auto;
	padding:0 24px;

	display:flex;
	align-items:center;
	justify-content:center;
}

.footer-bottom p{
	margin:0;
	font-size:14px;
	color:#6b7280;
}

/*=========================================================
Responsive
=========================================================*/

@media (max-width:1100px){

	.footer-grid{
		grid-template-columns:repeat(2,1fr);
		gap:40px;
	}

}

@media (max-width:768px){

	.footer-main{
		padding:50px 0 35px;
	}

	.footer-grid{
		grid-template-columns:1fr;
		gap:32px;
	}

	.footer-description{
		max-width:100%;
	}

	.footer-bottom .container{
		text-align:center;
	}

}