.newsletter-section{

padding:100px 0;

background:#ffffff;

}

.newsletter-box{

max-width:900px;

margin:auto;

text-align:center;

padding:60px;

border-radius:30px;

background:
linear-gradient(
135deg,
#2563eb,
#3b82f6
);

color:#fff;

}

.newsletter-box h2{

font-size:42px;

font-weight:800;

margin-bottom:15px;

}

.newsletter-box p{

font-size:17px;

opacity:.9;

margin-bottom:30px;

}

.newsletter-form{

display:flex;

gap:15px;

justify-content:center;

flex-wrap:wrap;

}

.newsletter-form input{

width:450px;

max-width:100%;

height:58px;

border:none;

border-radius:14px;

padding:0 20px;

outline:none;

}

.newsletter-form button{

height:58px;

padding:0 30px;

border:none;

border-radius:14px;

background:#0f172a;

color:#fff;

font-weight:700;

}

@media(max-width:768px){

.newsletter-section{

padding:70px 0;

}

.newsletter-box{

padding:35px 20px;

}

.newsletter-box h2{

font-size:30px;

}

.newsletter-form{

flex-direction:column;

}

.newsletter-form input,
.newsletter-form button{

width:100%;

}

}