@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

html, body { direction: rtl; }
#small_logo { text-align: center; padding: 10px 0; }
#small_logo img { width: 150px; }
#contact { max-width: 400px; width: 60%; padding: 15px 15px; background-color: #FFF; border: 2px solid #253447; border-radius: 10px; margin: 5px auto 20px; font-family: 'Cairo', sans-serif; }

#contact .contact_form {
	width: 100%;
}

#location_info p {
	font-size: 0.9em !important;
}

#contact h2 {
	font-size: 1.4em !important;
	margin-bottom: 15px;
	text-align: center;
	font-family: 'Cairo', sans-serif;
	font-weight: bold;
}

#contact .desc p { color: #333; line-height: 1.3em; margin-bottom: 10px; }

#contact p.alert { padding: 10px 0px; font-weight: bold; color: #9d3131; font-size: 0.8em; font-family: 'Cairo', sans-serif; }

#contact .formblock { display: block; margin-bottom: 11px; }
#contact .formblock label { font-size: 1em; font-weight: bold; display: block; margin-top: 15px; }

#contact .formblock .txt { padding: 8px; font-size: 1em; color: #666; min-width: 250px; width: 100%; max-width: 500px; font-family: 'Cairo', sans-serif; border-radius: 15px; }
#contact .formblock .txtarea { font-size: 1em; padding: 8px; color: #666; min-width: 250px; width: 100%; max-width: 500px; height: 140px; font-family: 'Cairo', sans-serif; border-radius: 15px; }

#contact .formblock .error { font-weight: bold; color: #9d3131; display: block; font-size: 0.8em; font-family: 'Cairo', sans-serif; }
#contact .info { font-weight: bold; font-size: 1.2em; color: #59913d; margin-bottom: 10px; font-family: 'Cairo', sans-serif; }

#contact p.tick { font-style: italic; font-size: 1em; color: #3e669c; font-family: 'Cairo', sans-serif; }

#contact .subbutton { padding: 8px 30px; font-size: 1em; font-weight: bold; color: #FFF; margin: 10px auto; background-color: #f7914f; font-family: 'Cairo', sans-serif; border: 0; display: block; border-radius: 15px; }

@media screen and (max-width: 640px) {
	#contact {
		width: 99%;
	}
	#contact .contact_form {
		width: 99% !important;
		margin: 15px auto 5px;
	}
}

@media screen and (max-width: 330px) {
	#contact .formblock label {
		float: none !important;
	}
	#contact .formblock .error {
		float: none !important;
		width: 100%;
		margin: 0px 0px 5px !important;
	}
}