:root {
	--iktifa-brand: #1b4d3e;
	--iktifa-muted: #f5f7f6;
	--iktifa-accent: #6b7a5f;
}

body.web-form-page,
.web-form-wrapper {
	direction: rtl;
	font-family: Tahoma, "Noto Sans Arabic", sans-serif;
	background: var(--iktifa-muted);
}

.web-form-wrapper .web-form-header,
.web-form-wrapper .web-form {
	border-radius: 12px;
	border: 1px solid #dde5e1;
}

.web-form-wrapper .web-form-header {
	background: var(--iktifa-brand);
	color: #fff;
}

.btn-primary,
.web-form-wrapper .btn-primary {
	background-color: var(--iktifa-brand);
	border-color: var(--iktifa-brand);
}

.web-form-wrapper .form-control:focus {
	border-color: var(--iktifa-accent);
	box-shadow: 0 0 0 2px rgba(27, 77, 62, 0.15);
}