#newsletter {background: #F5F5F4; padding-top: var(--footer-space); line-height: normal;}
#newsletter label {font-size: 12px; font-weight: 500;}
#newsletter input {color: var(--text-gray); padding: 16px; font-size: 12px; border: 1px solid var(--primary); background: transparent; height: 48px;}
#newsletter input::placeholder {color: var(--text);}
#newsletter input:focus {background: #e1e1e1; border-color:#a9a9a9;}
#newsletter button {height: 100%; padding: 0 40px; font-size: 13px; font-weight: 500; width: 240px; height: 48px; color: #fff; background: var(--primary); border-radius: 0;}
#newsletter button:hover {background: #a3a2a2;}
#newsletter .newsletter-wrapper {display: flex; gap: 8px; align-items: end; justify-content: center;}
#newsletter .newsletter-field {flex: 1; max-width: 320px;}
#newsletter .newsletter-btn {flex: none;}
#newsletter .newsletter-title {margin-bottom: 8px; color: var(--text);}
#newsletter .newsletter-description {font-size: 16px; color: var(--text);}
@media (max-width: 991px) {
	#newsletter .newsletter-wrapper {flex-direction: column; gap: 16px;}
	#newsletter input, #newsletter button {height: 50px; width: 100%;}
	#newsletter .newsletter-title {font-size: 22px;}
	#newsletter .newsletter-description {font-size: 14px; font-weight: 400; text-align: center;}
	#newsletter .newsletter-field {max-width: none; width: 100%;}
}