/* #newsletter p {font-size: 12px; font-weight: 400; margin-bottom: 16px;}
#newsletter input {border-radius: 100px; color: #000; padding: 20px; font-size: 12px; background: #f7f7f7; border: 1px solid #e6e6e6;}
#newsletter input::placeholder {color: var(--text);}
#newsletter input:focus {border-color: #555;}
#newsletter button { background: transparent; border: 2px solid var(--primary); border-radius: 100px; color: var(--text); width: 100%; display: flex; justify-content: center; align-items: center; gap: 4px; box-shadow: none; height: 50px; }
#newsletter button:hover {background: var(--primary); color: #fff;} */

#newsletter .newsletter__title {font-size: 20px; white-space: nowrap;}
#newsletter .newsletter__title b {color: var(--primary);}
#newsletter input {border-radius: 100px; border: 1px solid #9A9998; font-size: 12px; padding-left: 24px;}
#newsletter .newsletter-input {max-width: 400px;}
#newsletter .btn {border-radius: 100px; height: 50px; left: -45px; position: relative; font-weight: 500; padding: 0 20px;}

@media (max-width: 991px) {
	#newsletter .btn {left: auto; width: 100%;}
	#newsletter .newsletter__title {white-space: wrap;}
	#newsletter .newsletter-input {max-width: 100%;}
}