/* =========================================================
   CORPORATE GOVERNANCE page (en/corporate-governance.html,
   ar/corporate-governance.html). Transparent header over a
   full-bleed hero (like the property template).
   Values from the live Elementor CSS (page 4215 / 27911).
   ========================================================= */
body.gov-page { background-color: #fff !important; }

/* ---------------- shared "— LABEL" (icon list, inline) ---------------- */
.gov-label { display: flex; align-items: center; gap: 5px; line-height: 30px; margin-bottom: 20px; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 17px; font-weight: 400; text-transform: uppercase; color: #2C2C2C; }
.gov-label i { font-size: 14px; margin-top: -10px; }
.gov-label--light { color: #FFFFFF; }
.gov-label--sm { font-size: 15px; }

/* ---------------- Hero ---------------- */
.gov-hero { position: relative; display: flex; align-items: center; min-height: 50vh; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.gov-hero__overlay { position: absolute; inset: 0; background-color: #09090978; }
.gov-hero__inner { position: relative; z-index: 1; }
.gov-hero__title { margin: 0; text-align: start; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 50px; font-weight: 600; line-height: 45px; color: #FFFFFF; }

/* ---------------- Intro: image + statement ---------------- */
.gov-intro { padding: 100px 0; }
.gov-intro__grid { display: flex; flex-wrap: wrap; align-items: center; }
.gov-intro__media { width: 50%; padding: 10px; text-align: start; }
.gov-intro__media img { width: 75%; height: auto; display: inline-block; }
.gov-intro__text { width: 50%; }
.gov-intro__title { margin: 0 0 20px; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 30px; font-weight: 600; line-height: 45px; color: #2C2C2C; }
.gov-intro__title .brown { color: #85553A !important; }
.gov-intro__body { margin: 0; font-family: "sangbleu-kingdom-light new", "Marcellus", serif; font-size: 17px; font-weight: 400; line-height: 1.5; color: #7A7A7A; }

/* ---------------- Documents (dark) ---------------- */
.gov-docs { background-color: #2C2C2C; padding: 100px 0; }
.gov-docs__col { width: 76.227%; padding: 10px; }
.gov-docs__title { margin: 0 0 20px; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 30px; font-weight: 600; line-height: 45px; color: #FFFFFF; }
.gov-docs__sub { margin: 0 0 20px; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 30px; font-weight: 600; line-height: 45px; color: #FFFFFF; }
.gov-docs__sub--sm { font-size: 18px; }
.gov-docs__list { list-style: none; margin: 0 0 20px; padding: 0; }
.gov-docs__list li { margin-bottom: 20px; text-align: left; }
/* Elementor button (size sm) — same bg as the section, so it reads as a white text link */
.gov-doc {
	display: inline-block; background-color: #2C2C2C; color: #FFFFFF;
	font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 15px; font-weight: 500; line-height: 1;
	padding: 12px 24px; border: 0; border-radius: 0; transition: all .3s;
}
.gov-doc:hover, .gov-doc:focus { color: #FFFFFF; background-color: #85553A; }

/* ---------------- Report violating practices (form) ---------------- */
.gov-report { margin: 100px 0; }
.gov-report__title { margin: 0 0 20px; padding-bottom: 25px; text-align: center; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 30px; font-weight: 600; line-height: 45px; color: #2C2C2C; }
.gov-form { display: flex; flex-wrap: wrap; margin: 0 -5px -10px; }
.gov-form__field { width: 100%; padding: 0 5px; margin-bottom: 10px; }
.gov-form input, .gov-form textarea {
	display: block; width: 100%; min-height: 40px; padding: 8px 16px;
	font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 14px; font-weight: 400; color: #000000;
	background-color: transparent; border: 0; border-bottom: 1px solid #69727d; border-radius: 0; outline: 0;
	-webkit-appearance: none; appearance: none; transition: border-color .3s;
}
.gov-form textarea { min-height: 110px; resize: vertical; }
.gov-form input::placeholder, .gov-form textarea::placeholder { color: #7A7A7A; opacity: 1; }
.gov-form input:focus, .gov-form textarea:focus { border-bottom-color: #2C2C2C; }
.gov-form .is-invalid { border-bottom-color: #d9534f; }
.gov-form__hp { display: none !important; }
.gov-form__actions { width: 100%; padding: 0 5px; margin-bottom: 10px; display: flex; justify-content: flex-end; }
.gov-form__submit {
	cursor: pointer; background-color: #85553A; color: #ffffff; border: 0; border-radius: 0; padding: 15px 60px;
	font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 15px; font-weight: 500; line-height: 1;
}
.gov-form__submit:hover, .gov-form__submit:focus { color: #ffffff; }
/* theme ".common-link" hover circle (as used on the live submit button) */
.gov-form__submit .common-link { font-size: 18px; position: relative; display: inline-flex; align-items: center; padding: 0 4px; color: #fff; transition: all 1.5s cubic-bezier(.665, .005, .165, 1); }
.gov-form__submit .link-area { position: relative; }
.gov-form__submit .link-text { display: block; color: #fff !important; transition: .2s all; }
.gov-form__submit .link-circle {
	opacity: 0; position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -33px 0 0 -24px;
	border-radius: 50px; background-color: rgba(16, 16, 16, .1); transition: all .5s ease;
}
.gov-form__submit:hover .link-circle { opacity: 1; }
.gov-form__msg { width: 100%; padding: 0 5px; margin: 0 0 10px; font-family: "Lucky Beauty new", "Lucky Beauty", serif; font-size: 17px; color: #2C2C2C; }
.gov-form__msg[hidden] { display: none; }

/* ---------------- Responsive ---------------- */
@media (max-width: 1400px) {
	.gov-docs__title, .gov-docs__sub { font-size: 25px; line-height: 35px; }
	.gov-docs__sub--sm { font-size: 18px; }
}
@media (max-width: 1200px) {
	.gov-hero__inner { padding: 0 20px; }
	.gov-label { font-size: 13px; }
	.gov-intro { padding: 50px 20px; }
	.gov-intro__media { padding: 0; }
	.gov-intro__media img { width: 85%; }
	.gov-intro__body { padding-right: 30px; font-size: 13px; }
	.gov-docs { padding: 50px 20px; }
	.gov-docs__col { padding: 0 15px 0 0; }
	.gov-report { padding: 0 20px; }
	.gov-form input, .gov-form textarea, .gov-form__msg { font-size: 13px; }
}
@media (max-width: 880px) {
	.gov-intro__title { font-size: 25px; line-height: 35px; }
	.gov-docs__sub--sm { font-size: 19px; }
}
@media (max-width: 767px) {
	.gov-hero { min-height: 70vh; }
	.gov-hero__title { font-size: 33px; }
	.gov-intro__grid { flex-direction: column-reverse; }
	.gov-intro__media, .gov-intro__text { width: 100%; }
	.gov-intro__media img { width: 100%; }
	.gov-intro__title { font-size: 20px; line-height: 32px; }
	.gov-intro__body { padding: 10px 0 40px; }
	.gov-docs__col { width: 100%; padding: 0 10px 50px 0; }
	.gov-docs__title, .gov-docs__sub { font-size: 25px; }
	.gov-docs__sub--sm { font-size: 18px; }
	.gov-report { margin: 30px 0; padding: 0; }
	.gov-report .container { padding: 20px; }
	.gov-report__title { font-size: 20px; line-height: 1.5em; }
	.gov-form__submit { width: 100%; }
}

/* ---------------- RTL (ar/corporate-governance.html) ---------------- */
.rtl .gov-label { font-family: "29LTAzer-Light", sans-serif; }
.rtl .gov-hero__title, .rtl .gov-intro__title, .rtl .gov-docs__title, .rtl .gov-docs__sub, .rtl .gov-report__title { font-family: "29LTZaridDisplayVF", sans-serif; font-weight: 700; }
.rtl .gov-intro__body { font-family: "29LTAzer-Light", sans-serif; }
.rtl .gov-docs__title { text-align: justify; }
.rtl .gov-docs__list li { text-align: right; }
.rtl .gov-doc { font-family: "29LTZaridDisplayVF", sans-serif; font-weight: 700; }
.rtl .gov-form__submit { font-family: "29LTZaridDisplayVF", sans-serif; font-weight: 700; }
.rtl .gov-form__submit .link-text { padding-left: 10px; }
.rtl .gov-form__actions { justify-content: flex-start; }
.rtl .gov-form__msg { font-family: "29LTAzer-Light", sans-serif; }
@media (max-width: 1200px) {
	.rtl .gov-intro__body { padding-right: 0; padding-left: 30px; }
	.rtl .gov-docs__col { padding: 0 0 0 15px; }
}
@media (max-width: 767px) {
	.rtl .gov-intro__body { padding: 10px 0 40px; }
	.rtl .gov-docs__col { padding: 0 0 50px 10px; }
}
