
.sletter .form-control {
    border-radius: 500px;
}

.sletter input[type="text"] {
    border-radius: 500px;
    color: rgb(0, 0, 0);
    font-family: Manrope;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    height: 60px;
    width: 100%;
    max-width: 240px;
    background: url(people.svg) no-repeat 10px center;
    background-size: 20px auto;
    background-color: rgb(255, 255, 255);
    padding-left: 45px;
    background-position: 18px 51%;
}
.sletter input[type="tel"] {
    border-radius: 500px;
    color: rgb(0, 0, 0);
    font-family: Manrope;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    height: 60px;
    width: 100%;
    max-width: 240px;
    background: url(vuesax_broken_call.svg) no-repeat 10px center;
    background-size: 20px auto;
    background-color: rgb(255, 255, 255);
    padding-left: 45px;
    background-position: 18px 51%;
}

	@media (max-width: 768px) {
	
	.sletter input[type="text"], .sletter input[type="tel"] {
   font-size: 14px;
    height: 40px;
    width: 100%;
    max-width: 100%;
	margin-bottom:8px;
}
.sletter button {
    height: 50px;
}
	
	}