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

.newsletter-section{
	padding:90px 0;
}

.newsletter-box{

	background:linear-gradient(135deg,#2563eb,#1e40af);

	border-radius:30px;

	padding:60px;

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:50px;

	color:#fff;

	box-shadow:0 25px 60px rgba(37,99,235,.25);

}

.newsletter-content{

	flex:1;

}

.newsletter-label{

	display:inline-block;

	padding:6px 14px;

	border-radius:30px;

	background:rgba(255,255,255,.18);

	font-size:12px;

	font-weight:700;

	text-transform:uppercase;

	margin-bottom:18px;

}

.newsletter-content h2{

	margin:0 0 18px;

	font-size:42px;

	line-height:1.2;

	font-weight:700;

	color:#fff;

}

.newsletter-content p{

	font-size:17px;

	line-height:1.8;

	opacity:.95;

}

.newsletter-form{

	display:flex;

	gap:15px;

	min-width:420px;

}

.newsletter-form input{

	flex:1;

	padding:18px 22px;

	border:none;

	border-radius:50px;

	font-size:16px;

	outline:none;

}

.newsletter-form button{

	padding:18px 34px;

	border:none;

	border-radius:50px;

	background:#111827;

	color:#fff;

	font-size:16px;

	font-weight:700;

	cursor:pointer;

	transition:.3s;

}

.newsletter-form button:hover{

	background:#000;

}

@media(max-width:992px){

.newsletter-box{

flex-direction:column;

text-align:center;

}

.newsletter-form{

min-width:100%;

width:100%;

}

}

@media(max-width:576px){

.newsletter-box{

padding:35px 25px;

}

.newsletter-content h2{

font-size:30px;

}

.newsletter-form{

flex-direction:column;

}

.newsletter-form button{

width:100%;

}

}