#newsletter{max-width: 100%; width: 100%; color: #111; display: flex; justify-content: center; padding: 20px; background: #f7f7f7;}
#newsletter input{border:1px solid #ccc; color: #222; min-height: 45px !important; height: 45px !important; border-radius: 0;}
#newsletter label{color: #222; padding: 10px;}
#newsletter h3{margin: 0; font-size: 21px; font-weight: 500; color: #585858;}
#newsletter h4{margin: 0; font-size: 17px; font-weight: 400; color: #636363;}
#newsletter .btn{background: #444; border:none; color: #fff; font-weight: 500; font-size: 14px; padding: 0 25px; text-transform: uppercase; border-radius: 0;}
#newsletter .input-group {max-width: 700px;}
#newsletter .text-danger {position: absolute;}
.title-newsletter {display: flex; align-items: center; gap: 15px; justify-content: start; letter-spacing: .5px;}
.title-newsletter i {font-size: 45px; color: #555;}
#newsletter .title-newsletter + div, #newsletter .title-newsletter {padding: 5px;}


@media (max-width: 767px) {
    #newsletter h3 {font-size: 14px; margin-bottom: 4px;}
    #newsletter h4 {font-size: 12px;}
    .title-newsletter {margin-bottom: 10px;}
    .title-newsletter i {font-size: 35px;}
    #newsletter .btn {padding: 0 10px; font-size: 10px;}
}