/*
 * AL AHAD GROUP approved five-site design system
 * Release: 20260826-8
 * Scope: recruitersinsaudiarabia.com,
 *        alahadgroup.recruitersinsaudiarabia.com,
 *        jeddahmanpower.com, jeddahmanpoweragency.com,
 *        alahadgroup-sa.com
 * Excluded: alahadgroup.com and alahadgrouppakistan.com
 */

body.ag-approved-five {
  --ag-navy: #082544;
  --ag-navy-deep: #031827;
  --ag-blue: #064ba8;
  --ag-gold: #e5ad39;
  --ag-yellow: #ffd400;
  --ag-green: #11a861;
  --ag-ink: #0b1d37;
  --ag-muted: #5e6d7f;
  --ag-line: #dce4ee;
  --ag-surface: #ffffff;
  --ag-soft: #f4f7fb;
  margin: 0;
  overflow-x: hidden;
  background: #fff;
  color: var(--ag-ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

body.ag-approved-five *,
body.ag-approved-five *::before,
body.ag-approved-five *::after { box-sizing: border-box; }
body.ag-approved-five img { max-width: 100%; }
body.ag-approved-five a { text-underline-offset: 3px; }
body.ag-approved-five h1,
body.ag-approved-five h2,
body.ag-approved-five h3,
body.ag-approved-five h4 {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  letter-spacing: -.025em;
}
body.ag-approved-five .site-wrap,
body.ag-approved-five main > .section,
body.ag-approved-five main > section,
body.ag-approved-five .ag-approved-home-strip,
body.ag-approved-five .ag-jeddah-network-proof,
body.ag-approved-five .ag-jeddah-internal-links,
body.ag-approved-five .ag-offices-section {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}
body.ag-approved-five .site-head { position: relative; z-index: 20; }
body.ag-approved-five .site-head nav a,
body.ag-approved-five .primary-nav a {
  position: relative;
  text-decoration: none;
  font-weight: 700;
  white-space: nowrap;
}
body.ag-approved-five .site-head nav a::after,
body.ag-approved-five .primary-nav a::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -7px;
  left: 50%;
  height: 2px;
  background: currentColor;
  transition: right .2s ease, left .2s ease;
}
body.ag-approved-five .site-head nav a:hover::after,
body.ag-approved-five .site-head nav a:focus-visible::after,
body.ag-approved-five .primary-nav a:hover::after,
body.ag-approved-five .primary-nav a:focus-visible::after { right: 0; left: 0; }
body.ag-approved-five .btn,
body.ag-approved-five .button,
body.ag-approved-five .header-quote,
body.ag-approved-five .agf-btn,
body.ag-approved-five button[type="submit"] {
  display: inline-flex !important;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent !important;
  border-radius: 5px !important;
  padding: 11px 19px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.ag-approved-five .btn:hover,
body.ag-approved-five .button:hover,
body.ag-approved-five .header-quote:hover,
body.ag-approved-five .agf-btn:hover,
body.ag-approved-five button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(7, 31, 57, .18);
}
body.ag-approved-five :focus-visible { outline: 3px solid rgba(255, 190, 26, .55); outline-offset: 3px; }
body.ag-approved-five .grid,
body.ag-approved-five .cards,
body.ag-approved-five .service-grid,
body.ag-approved-five .link-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
body.ag-approved-five .card,
body.ag-approved-five .grid > article,
body.ag-approved-five .cards > article,
body.ag-approved-five .service-grid > article {
  min-width: 0;
  border: 1px solid var(--ag-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 7px 20px rgba(8, 37, 68, .055) !important;
}
body.ag-approved-five .card:hover,
body.ag-approved-five .grid > article:hover,
body.ag-approved-five .cards > article:hover {
  transform: translateY(-2px);
  box-shadow: 0 13px 30px rgba(8, 37, 68, .11) !important;
}
body.ag-approved-five .process .card > span,
body.ag-approved-five .steps article > span,
body.ag-approved-five .process article > span {
  display: inline-grid !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  place-items: center !important;
  border-radius: 50% !important;
  line-height: 1 !important;
  text-align: center !important;
  font-weight: 900 !important;
  font-variant-numeric: tabular-nums;
}

/* Shared cPanel site chrome. */
body.ag-approved-five:not(.city-site) .site-head {
  display: flex !important;
  min-height: 76px;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px max(24px, calc((100vw - 1180px) / 2)) !important;
  border-bottom: 1px solid rgba(10, 38, 67, .1) !important;
  box-shadow: none !important;
}
body.ag-approved-five:not(.city-site) .site-head .brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 196px;
  color: inherit !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}
body.ag-approved-five:not(.city-site) .site-head .brand img {
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
}
body.ag-approved-five:not(.city-site) .site-head nav {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(12px, 1.45vw, 24px) !important;
}
body.ag-approved-five:not(.city-site) .site-head nav a { font-size: 12px !important; }
body.ag-approved-five:not(.city-site) main { display: block !important; }
body.ag-approved-five:not(.city-site) main > .hero {
  position: relative !important;
  display: grid !important;
  min-height: 420px !important;
  align-content: center !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 62px max(24px, calc((100vw - 1180px) / 2)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.ag-approved-five:not(.city-site) main > .hero > div:first-child,
body.ag-approved-five:not(.city-site) main > .hero > .hero-copy { position: relative; z-index: 2; max-width: 620px; }
body.ag-approved-five:not(.city-site) main > .hero h1 {
  margin: 8px 0 16px !important;
  font-size: clamp(38px, 5vw, 66px) !important;
  line-height: 1.03 !important;
}
body.ag-approved-five:not(.city-site) main > .hero p { max-width: 610px; font-size: 16px; line-height: 1.7; }
body.ag-approved-five:not(.city-site) main > .hero .buttons { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 24px; }
body.ag-approved-five:not(.city-site) main > .section,
body.ag-approved-five:not(.city-site) main > section:not(.hero):not(.ag-approved-home-strip) {
  margin-block: 34px !important;
  padding: 30px !important;
  border: 1px solid var(--ag-line) !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(8, 37, 68, .05) !important;
}
body.ag-approved-five:not(.city-site) main > .section h2,
body.ag-approved-five:not(.city-site) main > section h2 { color: var(--ag-navy) !important; }
body.ag-approved-five.ag-home:not(.city-site) main .ag-page-media-20260628,
body.ag-approved-five.ag-home:not(.city-site) main .ag-page-media-20260807 { display: none !important; }
body.ag-approved-five .ag-approved-home-strip {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: -20px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--ag-line);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 15px 34px rgba(6, 31, 57, .13);
}
body.ag-approved-five .ag-approved-home-strip article {
  min-width: 0;
  padding: 18px 12px;
  border-right: 1px solid var(--ag-line);
  text-align: center;
}
body.ag-approved-five .ag-approved-home-strip article:last-child { border-right: 0; }
body.ag-approved-five .ag-approved-home-strip strong { display: block; color: var(--ag-navy); font-size: 13px; line-height: 1.25; }
body.ag-approved-five .ag-approved-home-strip small { display: block; margin-top: 5px; color: var(--ag-muted); font-size: 11px; line-height: 1.35; }
body.ag-approved-five .ag-approved-home-strip .ag-strip-icon {
  display: grid;
  width: 34px;
  height: 34px;
  margin: 0 auto 9px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: var(--ag-blue);
  font-size: 13px;
  font-weight: 900;
}

/* 1 — recruitersinsaudiarabia.com: clean Saudi recruitment directory. */
body.ag-design-1 {
  --ag-navy: #082c68;
  --ag-blue: #0956b5;
  --ag-soft: #f2f6fb;
}
body.ag-design-1 .top-bar { min-height: 28px !important; background: #f7f9fc !important; color: #4c5d72 !important; font-size: 11px !important; }
body.ag-design-1 .top-bar a { color: #4c5d72 !important; }
body.ag-design-1 .site-head { background: #fff !important; color: var(--ag-navy) !important; border-bottom: 1px solid #dbe4ef !important; }
body.ag-design-1 .site-head > .site-wrap {
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr) !important;
  align-items: center !important;
  padding-block: 12px 0 !important;
}
body.ag-design-1 .brand-row { grid-column: 1 / -1; grid-row: 1; min-height: 58px !important; }
body.ag-design-1 .brand-logo { width: 46px !important; height: 46px !important; }
body.ag-design-1 .brand-copy strong { color: var(--ag-navy) !important; font-size: 17px !important; }
body.ag-design-1 .brand-copy small { color: #55708e !important; font-size: 9px !important; }
body.ag-design-1 .primary-nav {
  position: absolute !important;
  top: 22px !important;
  right: 154px !important;
  left: 250px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: clamp(10px, 1.2vw, 20px) !important;
  border: 0 !important;
  background: transparent !important;
}
body.ag-design-1 .primary-nav a { color: #172c48 !important; font-size: 11px !important; }
body.ag-design-1 .header-quote,
body.ag-design-1 .button-primary { background: var(--ag-blue) !important; color: #fff !important; }
body.ag-design-1 .button-secondary { border-color: #bccce0 !important; background: #fff !important; color: var(--ag-navy) !important; }
body.ag-design-1 .hero-grid {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(400px, .88fr) !important;
  min-height: 390px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #d9e3ee !important;
  border-bottom: 0 !important;
  border-radius: 8px 8px 0 0 !important;
  background: linear-gradient(110deg, #fff 0%, #f3f7fc 57%, #e9f0f8 100%) !important;
}
body.ag-design-1 .hero-copy { align-self: center; padding: 44px 26px 58px 30px !important; color: var(--ag-ink) !important; }
body.ag-design-1 .hero-copy .eyebrow { color: var(--ag-blue) !important; }
body.ag-design-1 .hero-copy h1 { max-width: 600px; color: #092963 !important; font-size: clamp(39px, 3.7vw, 50px) !important; line-height: 1.04 !important; }
body.ag-design-1 .hero-copy .lead,
body.ag-design-1 .hero-copy .supporting-copy { color: #42536a !important; font-size: 14px !important; line-height: 1.55 !important; }
body.ag-design-1 .hero-panel {
  position: relative !important;
  min-height: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #dfe8f3 !important;
}
body.ag-design-1 .hero-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(243,247,252,.7), transparent 35%);
  pointer-events: none;
}
body.ag-design-1 .hero-panel img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transform: none !important; }
body.ag-design-1 .hero-panel-content { display: none !important; }
body.ag-design-1 .ag-approved-search {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
  gap: 10px;
  width: calc(100% - 36px);
  margin: -26px auto 18px;
  padding: 14px;
  border: 1px solid #d5dfec;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 13px 32px rgba(8, 44, 104, .16);
  z-index: 4;
}
body.ag-design-1 .ag-approved-search label { display: grid; gap: 4px; color: #354a64; font-size: 10px; font-weight: 800; }
body.ag-design-1 .ag-approved-search select {
  width: 100%;
  min-height: 39px;
  border: 1px solid #d7e0eb;
  border-radius: 4px;
  background: #fff;
  color: #243953;
  padding: 6px 9px;
  font: inherit;
  font-size: 12px;
}
body.ag-design-1 .ag-approved-search button { align-self: end; background: var(--ag-blue) !important; color: #fff !important; }
body.ag-design-1 .authority-strip { background: #fff !important; color: var(--ag-navy) !important; border-block: 1px solid #dbe4ef !important; }
body.ag-design-1 .authority-strip article { border-color: #dde5ef !important; }
body.ag-design-1 main.site-wrap { padding-top: 24px !important; }
body.ag-design-1.ag-home main.site-wrap > .page-media { display: none !important; }
body.ag-design-1 main .section:nth-of-type(even) { background: var(--ag-soft) !important; }
body.ag-design-1 .site-foot { background: #092b63 !important; color: #fff !important; }

/* 2 — alahadgroup.recruitersinsaudiarabia.com: premium navy and gold. */
body.ag-design-2 {
  --ag-navy: #071c2b;
  --ag-navy-deep: #03131f;
  --ag-gold: #d9a63e;
  --ag-ink: #f3f7fb;
  --ag-muted: #aebbc8;
  --ag-line: rgba(218, 169, 68, .2);
  background: #061827 !important;
  color: #e9f0f6 !important;
}
body.ag-design-2 .top-bar { background: #03121d !important; color: #bbc7d2 !important; border-bottom: 1px solid rgba(218,169,68,.18) !important; }
body.ag-design-2 .top-bar a { color: #f0bd55 !important; }
body.ag-design-2 .site-head { background: linear-gradient(160deg, #061b2b, #02121e) !important; color: #fff !important; border-bottom: 1px solid rgba(218,169,68,.22) !important; }
body.ag-design-2 .site-head > .site-wrap { display: grid !important; grid-template-columns: 230px minmax(0,1fr) !important; padding-block: 12px 0 !important; }
body.ag-design-2 .brand-row { grid-column: 1 / -1; grid-row: 1; min-height: 58px !important; }
body.ag-design-2 .brand-logo { width: 47px !important; height: 47px !important; }
body.ag-design-2 .brand-copy strong { color: #fff !important; font-size: 17px !important; }
body.ag-design-2 .brand-copy small { color: var(--ag-gold) !important; font-size: 9px !important; }
body.ag-design-2 .primary-nav {
  position: absolute !important;
  top: 22px !important;
  right: 154px !important;
  left: 250px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: clamp(10px, 1.2vw, 20px) !important;
  border: 0 !important;
  background: transparent !important;
}
body.ag-design-2 .primary-nav a { color: #d9e2ea !important; font-size: 11px !important; }
body.ag-design-2 .header-quote,
body.ag-design-2 .button-primary { background: linear-gradient(180deg, #e2b44e, #c89228) !important; color: #071927 !important; }
body.ag-design-2 .button-secondary { border-color: rgba(230,183,81,.65) !important; background: transparent !important; color: #fff !important; }
body.ag-design-2 .hero-grid {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(410px, .92fr) !important;
  min-height: 410px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(218,169,68,.22) !important;
  border-radius: 7px 7px 0 0 !important;
  background: radial-gradient(circle at 70% 30%, #113248 0%, #061b2b 42%, #03131f 100%) !important;
}
body.ag-design-2 .hero-copy { align-self: center; padding: 48px 28px 52px !important; color: #fff !important; }
body.ag-design-2 .hero-copy .eyebrow { color: var(--ag-gold) !important; }
body.ag-design-2 .hero-copy h1 { max-width: 620px; color: #e4b34c !important; font-size: clamp(39px, 3.6vw, 50px) !important; line-height: 1.04 !important; }
body.ag-design-2 .hero-copy .lead,
body.ag-design-2 .hero-copy .supporting-copy { color: #d4dde6 !important; font-size: 14px !important; line-height: 1.55 !important; }
body.ag-design-2 .hero-panel { position: relative !important; min-height: 410px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; background: #0b2a40 !important; }
body.ag-design-2 .hero-panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #061b2b 0%, transparent 28%, rgba(2,18,30,.15) 100%); pointer-events: none; }
body.ag-design-2 .hero-panel img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transform: none !important; }
body.ag-design-2 .hero-panel-content { display: none !important; }
body.ag-design-2 .authority-strip { background: #071d2c !important; color: #fff !important; border-block: 1px solid rgba(218,169,68,.22) !important; }
body.ag-design-2 .authority-strip article { border-color: rgba(218,169,68,.2) !important; }
body.ag-design-2 .authority-strip strong,
body.ag-design-2 .authority-strip span { color: var(--ag-gold) !important; }
body.ag-design-2 main.site-wrap { padding-top: 24px !important; }
body.ag-design-2.ag-home main.site-wrap > .page-media { display: none !important; }
body.ag-design-2 main .section,
body.ag-design-2 main > section,
body.ag-design-2 .card,
body.ag-design-2 .grid > article,
body.ag-design-2 .cards > article {
  border-color: rgba(218,169,68,.18) !important;
  background: #0a2233 !important;
  color: #d9e3eb !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.18) !important;
}
body.ag-design-2 main h2,
body.ag-design-2 main h3,
body.ag-design-2 main strong { color: #fff !important; }
body.ag-design-2 main a { color: #efbd55 !important; }
body.ag-design-2 main p,
body.ag-design-2 main li,
body.ag-design-2 main dd,
body.ag-design-2 main small,
body.ag-design-2 main .muted,
body.ag-design-2 main .card p,
body.ag-design-2 main .grid p,
body.ag-design-2 main .cards p { color: #d9e3eb !important; }
body.ag-design-2 .site-foot { background: #020f18 !important; color: #d9e3eb !important; border-top: 1px solid rgba(218,169,68,.25) !important; }

/* 3 — jeddahmanpower.com: fast-response navy and yellow. */
body.ag-design-3 { --ag-navy: #071e38; --ag-blue: #07498f; --ag-yellow: #ffd500; }
body.ag-design-3 .site-head { background: #fff !important; color: #071e38 !important; }
body.ag-design-3 .site-head nav a { color: #112b47 !important; }
body.ag-design-3 .head-contact-whatsapp,
body.ag-design-3 .btn.primary,
body.ag-design-3 .agf-btn-primary,
body.ag-design-3 button[type="submit"] { background: var(--ag-yellow) !important; color: #071e38 !important; border-color: var(--ag-yellow) !important; }
body.ag-design-3 .btn.secondary { border-color: rgba(255,255,255,.62) !important; background: rgba(3,20,36,.48) !important; color: #fff !important; }
body.ag-design-3.ag-home main > .hero {
  grid-template-columns: minmax(0, .82fr) minmax(460px, 1.18fr) !important;
  min-height: 560px !important;
  padding-block: 42px !important;
  background-image: linear-gradient(90deg, rgba(4,24,43,.99) 0%, rgba(4,24,43,.93) 43%, rgba(4,24,43,.22) 72%, rgba(4,24,43,.06) 100%), url("/assets/approved-five/hero-design-3-20260826.png") !important;
  background-position: center, right center !important;
  background-size: cover, auto 100% !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
}
body.ag-design-3.ag-home main > .hero > div:first-child { grid-column: 1; }
body.ag-design-3.ag-home main > .hero aside.panel { display: none !important; }
body.ag-design-3 main > .hero .kicker { color: var(--ag-yellow) !important; }
body.ag-design-3.ag-home:not(.city-site) main > .hero h1 { color: #fff !important; max-width: 630px; font-size: clamp(42px, 4vw, 52px) !important; line-height: 1.02 !important; }
body.ag-design-3 main > .hero h1::first-line { color: #fff; }
body.ag-design-3.ag-home:not(.city-site) main > .hero p { color: #e5edf5 !important; font-size: 14px !important; line-height: 1.5 !important; }
body.ag-design-3 .ag-approved-home-strip .ag-strip-icon { color: #0d4f96; }
body.ag-design-3 main > .section h2,
body.ag-design-3 main > section h2 { color: #081f3b !important; }
body.ag-design-3 .ag-rich-footer-four-row-lock-20260613 { background: #071e38 !important; color: #fff !important; }
body.ag-design-3 .float a { background: #071e38 !important; color: #fff !important; }
body.ag-design-3 .float a:nth-child(2) { background: #087a3e !important; }

/* 4 — jeddahmanpoweragency.com: light workforce-outsourcing agency. */
body.ag-design-4 { --ag-navy: #082d67; --ag-blue: #0b4d9a; --ag-soft: #f2f6fa; }
body.ag-design-4 .site-head { background: #fff !important; color: #082d67 !important; }
body.ag-design-4 .site-head nav a { color: #173653 !important; }
body.ag-design-4 .head-contact-whatsapp,
body.ag-design-4 .btn.primary,
body.ag-design-4 .agf-btn-primary { background: #082d67 !important; color: #fff !important; border-color: #082d67 !important; }
body.ag-design-4 .btn.secondary { border-color: #aebed0 !important; background: #fff !important; color: #082d67 !important; }
body.ag-design-4.ag-home main > .hero {
  grid-template-columns: minmax(0, .8fr) minmax(500px, 1.2fr) !important;
  min-height: 560px !important;
  padding-block: 42px !important;
  background-image: linear-gradient(90deg, #f3f7fb 0%, rgba(243,247,251,.98) 42%, rgba(243,247,251,.2) 66%, rgba(243,247,251,.02) 100%), url("/assets/approved-five/hero-design-4-20260826.png") !important;
  background-position: center, right center !important;
  background-size: cover, auto 100% !important;
  background-repeat: no-repeat !important;
  color: #0a284c !important;
}
body.ag-design-4.ag-home main > .hero > div:first-child { grid-column: 1; }
body.ag-design-4.ag-home main > .hero aside.panel { display: none !important; }
body.ag-design-4.ag-home:not(.city-site) main > .hero h1 { color: #082d67 !important; max-width: 600px; font-size: clamp(42px, 4vw, 52px) !important; line-height: 1.02 !important; }
body.ag-design-4.ag-home:not(.city-site) main > .hero p { color: #304b65 !important; font-size: 14px !important; line-height: 1.5 !important; }
body.ag-design-4 .ag-approved-home-strip { margin-top: 0 !important; border-radius: 0 0 7px 7px; box-shadow: 0 10px 24px rgba(8,45,103,.09); }
body.ag-design-4 .process {
  position: relative;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body.ag-design-4 .process::before { content: ""; position: absolute; top: 19px; right: 7%; left: 7%; height: 1px; background: #afc1d5; }
body.ag-design-4 .process .card { position: relative; z-index: 1; border: 0 !important; box-shadow: none !important; text-align: center; }
body.ag-design-4 .process .card > span { margin-inline: auto; background: #082d67 !important; color: #fff !important; }
body.ag-design-4 .ag-rich-footer-four-row-lock-20260613 { background: #082d67 !important; color: #fff !important; }

/* 5 — alahadgroup-sa.com: premium Saudi navy and gold with employer panel. */
body.ag-design-5 {
  --ag-navy: #061d32;
  --ag-navy-deep: #031322;
  --ag-gold: #d9a43b;
  --ag-line: #d8e0e8;
}
body.ag-design-5 .ag-premium-topbar { background: #031321 !important; color: #dce5ee !important; border-bottom: 1px solid rgba(217,164,59,.22) !important; }
body.ag-design-5 .ag-premium-topbar a { color: #e5b34d !important; }
body.ag-design-5 .site-head { background: #061b2e !important; color: #fff !important; border-bottom-color: rgba(217,164,59,.22) !important; }
body.ag-design-5 .site-head .brand,
body.ag-design-5 .site-head nav a,
body.ag-design-5 .ag-lang-switcher a { color: #eef3f7 !important; }
body.ag-design-5 .site-head .brand img { filter: none !important; }
body.ag-design-5 .site-head nav a::after { background: var(--ag-gold); }
body.ag-design-5.ag-home main > .hero {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 600px !important;
  padding-right: max(410px, calc((100vw - 1180px) / 2 + 360px)) !important;
  background-image: linear-gradient(90deg, rgba(3,19,34,.99) 0%, rgba(3,19,34,.94) 42%, rgba(3,19,34,.4) 69%, rgba(3,19,34,.12) 100%), url("/assets/approved-five/hero-design-5-20260826.png") !important;
  background-position: center, center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat !important;
  color: #fff !important;
}
body.ag-design-5.ag-home main > .hero > *:not(.ag-approved-hero-form) { grid-column: 1; }
body.ag-design-5 main > .hero .kicker { color: var(--ag-gold) !important; }
body.ag-design-5.ag-home:not(.city-site) main > .hero h1 { color: #e4b24c !important; max-width: 680px; font-size: clamp(44px, 4.4vw, 58px) !important; line-height: 1.02 !important; }
body.ag-design-5.ag-home:not(.city-site) main > .hero p { max-width: 640px; color: #dce6ee !important; font-size: 14px !important; line-height: 1.55 !important; }
body.ag-design-5 .btn.primary,
body.ag-design-5 .agf-btn-primary,
body.ag-design-5 button[type="submit"] { background: linear-gradient(180deg, #e1b24a, #c9912b) !important; color: #071927 !important; border-color: #d8a441 !important; }
body.ag-design-5 .btn.secondary { border-color: rgba(229,180,78,.72) !important; background: rgba(2,17,29,.62) !important; color: #fff !important; }
body.ag-design-5 .ag-approved-hero-form {
  position: absolute;
  z-index: 5;
  top: 26px;
  right: max(20px, calc((100vw - 1180px) / 2));
  width: min(340px, calc(100% - 40px));
  padding: 22px;
  border: 1px solid rgba(217,164,59,.35);
  border-radius: 7px;
  background: rgba(7,31,52,.95);
  box-shadow: 0 18px 42px rgba(0,0,0,.28);
  backdrop-filter: blur(7px);
}
body.ag-design-5.ag-home main > .hero .ag-approved-hero-form h2 { margin: 0 0 12px; color: #e4b24c !important; font-size: 21px; }
body.ag-design-5 .ag-approved-hero-form form { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
body.ag-design-5 .ag-approved-hero-form label { display: grid; gap: 3px; color: #dbe5ee; font-size: 10px; font-weight: 700; }
body.ag-design-5 .ag-approved-hero-form label:last-of-type { grid-column: 1 / -1; }
body.ag-design-5 .ag-approved-hero-form input,
body.ag-design-5 .ag-approved-hero-form select {
  width: 100%;
  min-height: 37px;
  border: 1px solid rgba(190,211,228,.26);
  border-radius: 3px;
  background: rgba(255,255,255,.06);
  color: #fff;
  padding: 7px 9px;
  font: inherit;
  font-size: 11px;
}
body.ag-design-5 .ag-approved-hero-form select option { color: #10273b; }
body.ag-design-5 .ag-approved-hero-form button { grid-column: 1 / -1; margin-top: 3px; }
body.ag-design-5 .ag-approved-home-strip { margin-top: 0 !important; border-color: rgba(217,164,59,.25); border-radius: 0; background: #061c2f; }
body.ag-design-5 .ag-approved-home-strip article { border-color: rgba(217,164,59,.22); }
body.ag-design-5 .ag-approved-home-strip strong { color: #e5b34d; }
body.ag-design-5 .ag-approved-home-strip small { color: #d5e0e9; }
body.ag-design-5 .ag-approved-home-strip .ag-strip-icon { color: #d9a43b; }
body.ag-design-5 .ag-rich-footer-four-row-lock-20260613 { background: #031321 !important; color: #fff !important; }

/* Responsive parity for all five designs. */
@media (max-width: 1040px) {
  body.ag-design-1 .primary-nav,
  body.ag-design-2 .primary-nav { left: 218px !important; right: 140px !important; gap: 10px !important; }
  body.ag-design-1 .primary-nav a,
  body.ag-design-2 .primary-nav a { font-size: 10px !important; }
  body.ag-design-5.ag-home main > .hero { padding-right: 380px !important; }
  body.ag-approved-five .ag-approved-home-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.ag-approved-five .ag-approved-home-strip article:nth-child(3n) { border-right: 0; }
  body.ag-approved-five .ag-approved-home-strip article:nth-child(-n+3) { border-bottom: 1px solid var(--ag-line); }
}

@media (max-width: 920px) {
  body.ag-approved-five .site-wrap,
  body.ag-approved-five main > .section,
  body.ag-approved-five main > section,
  body.ag-approved-five .ag-approved-home-strip,
  body.ag-approved-five .ag-jeddah-network-proof,
  body.ag-approved-five .ag-jeddah-internal-links,
  body.ag-approved-five .ag-offices-section { width: min(100% - 28px, 1180px) !important; }
  body.ag-approved-five.city-site .site-head > .site-wrap { display: block !important; padding-top: 10px !important; }
  body.ag-approved-five.city-site .primary-nav { position: static !important; inset: auto !important; display: none !important; padding: 16px !important; border: 1px solid var(--ag-line) !important; border-radius: 6px !important; }
  body.ag-approved-five.city-site .primary-nav.is-open { display: grid !important; }
  body.ag-approved-five:not(.city-site) .site-head { flex-wrap: wrap !important; min-height: 70px; padding-inline: 16px !important; }
  body.ag-approved-five:not(.city-site) .site-head nav { display: none !important; flex: 0 0 100% !important; grid-template-columns: 1fr 1fr; padding: 12px 0 !important; }
  body.ag-approved-five:not(.city-site) .site-head.ag-mobile-nav-open nav,
  body.ag-approved-five:not(.city-site) .site-head nav.is-open { display: grid !important; }
  body.ag-approved-five:not(.city-site) .ag-mobile-nav-toggle {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    border: 1px solid #d4deea !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ag-navy) !important;
    font-size: 0 !important;
  }
  body.ag-approved-five:not(.city-site) .ag-mobile-nav-toggle::before { content: "☰" !important; font-size: 23px !important; line-height: 1 !important; }
  body.ag-approved-five:not(.city-site) .ag-mobile-nav-toggle[aria-expanded="true"]::before { content: "×" !important; }
  body.ag-approved-five .hero-grid,
  body.ag-design-1 .hero-grid,
  body.ag-design-2 .hero-grid { grid-template-columns: 1fr !important; }
  body.ag-design-1 .hero-panel,
  body.ag-design-2 .hero-panel { min-height: 290px !important; }
  body.ag-design-1 .ag-approved-search { grid-template-columns: 1fr 1fr; margin-top: -8px; }
  body.ag-design-1 .ag-approved-search button { grid-column: 1 / -1; }
  body.ag-approved-five:not(.city-site) main > .hero,
  body.ag-design-3.ag-home main > .hero,
  body.ag-design-4.ag-home main > .hero,
  body.ag-design-5.ag-home main > .hero {
    display: block !important;
    min-height: 560px !important;
    padding: 46px 22px 250px !important;
    background-position: center, center bottom !important;
    background-size: cover, auto 52% !important;
  }
  body.ag-design-5.ag-home main > .hero { min-height: 780px !important; padding-bottom: 390px !important; background-size: cover, cover !important; }
  body.ag-design-3.ag-home main > .hero {
    background-image: linear-gradient(180deg, rgba(4,24,43,.99) 0%, rgba(4,24,43,.96) 61%, rgba(4,24,43,.72) 79%, rgba(4,24,43,.18) 100%), url("/assets/approved-five/hero-design-3-20260826.png") !important;
  }
  body.ag-design-4.ag-home main > .hero {
    background-image: linear-gradient(180deg, rgba(243,247,251,.99) 0%, rgba(243,247,251,.97) 62%, rgba(243,247,251,.82) 79%, rgba(243,247,251,.16) 100%), url("/assets/approved-five/hero-design-4-20260826.png") !important;
  }
  body.ag-design-5 .ag-approved-hero-form { top: auto; right: 20px; bottom: 22px; left: 20px; width: auto; }
  body.ag-approved-five .grid,
  body.ag-approved-five .cards,
  body.ag-approved-five .service-grid,
  body.ag-approved-five .link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.ag-design-4 .process { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  body.ag-design-4 .process::before { display: none; }
}

@media (max-width: 620px) {
  body.ag-approved-five { font-size: 14px; }
  body.ag-approved-five .site-wrap,
  body.ag-approved-five main > .section,
  body.ag-approved-five main > section,
  body.ag-approved-five .ag-approved-home-strip,
  body.ag-approved-five .ag-jeddah-network-proof,
  body.ag-approved-five .ag-jeddah-internal-links,
  body.ag-approved-five .ag-offices-section { width: min(100% - 22px, 1180px) !important; }
  body.ag-approved-five .header-quote { display: none !important; }
  body.ag-approved-five .hero-copy,
  body.ag-design-1 .hero-copy,
  body.ag-design-2 .hero-copy { padding: 36px 20px !important; }
  body.ag-design-1 .hero-copy h1,
  body.ag-design-2 .hero-copy h1,
  body.ag-approved-five:not(.city-site) main > .hero h1 { font-size: clamp(34px, 10vw, 46px) !important; }
  body.ag-design-1 .ag-approved-search { grid-template-columns: 1fr; width: calc(100% - 20px); }
  body.ag-design-1 .ag-approved-search button { grid-column: auto; }
  body.ag-approved-five .ag-approved-home-strip { grid-template-columns: 1fr 1fr; }
  body.ag-approved-five .ag-approved-home-strip article { border-bottom: 1px solid var(--ag-line); }
  body.ag-approved-five .ag-approved-home-strip article:nth-child(2n) { border-right: 0; }
  body.ag-approved-five .ag-approved-home-strip article:nth-last-child(-n+2) { border-bottom: 0; }
  body.ag-approved-five .grid,
  body.ag-approved-five .cards,
  body.ag-approved-five .service-grid,
  body.ag-approved-five .link-grid,
  body.ag-design-4 .process { grid-template-columns: 1fr !important; }
  body.ag-approved-five:not(.city-site) main > .section,
  body.ag-approved-five:not(.city-site) main > section:not(.hero):not(.ag-approved-home-strip) { padding: 22px 18px !important; }
  body.ag-design-5 .ag-approved-hero-form form { grid-template-columns: 1fr; }
  body.ag-design-5 .ag-approved-hero-form label,
  body.ag-design-5 .ag-approved-hero-form button { grid-column: auto !important; }
  body.ag-approved-five .quick-contact { display: grid !important; grid-template-columns: repeat(3, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  body.ag-approved-five *,
  body.ag-approved-five *::before,
  body.ag-approved-five *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* 20260826-2 — User-approved hero treatment: no photographic hero backgrounds. */
body.ag-approved-five main > .hero,
body.ag-approved-five .hero-grid {
  background-image: none !important;
}
body.ag-approved-five main > .hero > picture,
body.ag-approved-five main > .hero > .hero-media,
body.ag-approved-five main > .hero > .hero-visual,
body.ag-design-1 .hero-panel,
body.ag-design-2 .hero-panel {
  display: none !important;
}
body.ag-design-1 .hero-grid {
  grid-template-columns: 1fr !important;
  background-color: #eef4fa !important;
}
body.ag-design-2 .hero-grid {
  grid-template-columns: 1fr !important;
  background-color: #061b2b !important;
}
body.ag-design-3.ag-home main > .hero {
  grid-template-columns: 1fr !important;
  background-color: #071e38 !important;
}
body.ag-design-4.ag-home main > .hero {
  grid-template-columns: 1fr !important;
  background-color: #f3f7fb !important;
}
body.ag-design-5.ag-home main > .hero {
  background-color: #061d32 !important;
}

@media (max-width: 920px) {
  body.ag-design-3.ag-home main > .hero,
  body.ag-design-4.ag-home main > .hero {
    min-height: 0 !important;
    padding: 46px 22px !important;
  }
}

/* 20260826-3 — Exactly one hero visual: foreground image only, never a duplicate photo background. */
body.ag-design-1 .hero-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(400px, .88fr) !important;
}
body.ag-design-2 .hero-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(410px, .92fr) !important;
}
body.ag-design-1 .hero-panel,
body.ag-design-2 .hero-panel {
  display: block !important;
}
body.ag-design-1 .hero-panel img:not(:first-of-type),
body.ag-design-2 .hero-panel img:not(:first-of-type) {
  display: none !important;
}
body.ag-design-1 .hero-panel img:first-of-type {
  content: url("/assets/media/saudi-employer-recruitment-planning.webp?v=20260826-8") !important;
  image-rendering: auto;
}
body.ag-design-2 .hero-panel img:first-of-type {
  content: url("/assets/media/saudi-overseas-recruitment-team.webp?v=20260826-8") !important;
  image-rendering: auto;
}
body.ag-design-3.ag-home main > .hero,
body.ag-design-4.ag-home main > .hero,
body.ag-design-5.ag-home main > .hero {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  background-image: none !important;
}
body.ag-design-3.ag-home main > .hero { grid-template-columns: minmax(0, .82fr) minmax(460px, 1.18fr) !important; }
body.ag-design-4.ag-home main > .hero { grid-template-columns: minmax(0, .8fr) minmax(500px, 1.2fr) !important; }
body.ag-design-3.ag-home main > .hero > *,
body.ag-design-4.ag-home main > .hero > *,
body.ag-design-5.ag-home main > .hero > * { position: relative; z-index: 2; }
body.ag-design-3.ag-home main > .hero::after,
body.ag-design-4.ag-home main > .hero::after,
body.ag-design-5.ag-home main > .hero::after { content: none !important; }

/* 20260826-4 — Sharp, clean, single-scene foreground photography. */
body.ag-design-3 .site-head,
body.ag-design-4 .site-head {
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 1px 0 rgba(8,45,103,.12) !important;
}
body.ag-design-3 .site-head nav a,
body.ag-design-3 .site-head .brand,
body.ag-design-4 .site-head nav a,
body.ag-design-4 .site-head .brand { color: #102d4e !important; }
body.ag-approved-five .ag-approved-hero-visual {
  position: relative !important;
  z-index: 1 !important;
  align-self: stretch;
  min-width: 0;
  min-height: 470px;
  margin: -42px -22px -42px 0;
  overflow: hidden;
  pointer-events: none;
}
body.ag-approved-five .ag-approved-hero-visual img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  image-rendering: auto;
}
body.ag-design-3.ag-home main > .hero > div:first-child,
body.ag-design-4.ag-home main > .hero > div:first-child { grid-column: 1; z-index: 3; }
body.ag-design-3.ag-home .ag-approved-hero-visual,
body.ag-design-4.ag-home .ag-approved-hero-visual { grid-column: 2; }
body.ag-design-3.ag-home .ag-approved-hero-visual::before,
body.ag-design-4.ag-home .ag-approved-hero-visual::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0 auto 0 0;
  width: 24%;
  background: linear-gradient(90deg, var(--ag-hero-fade), transparent);
}
body.ag-design-3.ag-home .ag-approved-hero-visual { --ag-hero-fade: #071e38; }
body.ag-design-4.ag-home .ag-approved-hero-visual { --ag-hero-fade: #f3f7fb; }
body.ag-design-5.ag-home main > .hero { min-height: 640px !important; }
body.ag-design-5.ag-home .ag-approved-hero-visual {
  position: absolute !important;
  z-index: 1 !important;
  top: 0;
  right: max(350px, calc((100vw - 1180px) / 2 + 320px));
  bottom: 0;
  width: min(56%, 720px);
  min-height: 0;
  margin: 0;
}
body.ag-design-5.ag-home .ag-approved-hero-visual::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(90deg, #061d32 0%, rgba(6,29,50,.22) 34%, rgba(6,29,50,.04) 72%, #061d32 100%);
}

@media (max-width: 920px) {
  body.ag-design-1 .hero-grid,
  body.ag-design-2 .hero-grid { grid-template-columns: 1fr !important; }
  body.ag-design-3.ag-home main > .hero,
  body.ag-design-4.ag-home main > .hero {
    display: block !important;
    min-height: 0 !important;
    padding: 40px 22px 0 !important;
  }
  body.ag-design-3.ag-home .ag-approved-hero-visual,
  body.ag-design-4.ag-home .ag-approved-hero-visual {
    position: relative !important;
    width: 100%;
    height: 270px;
    min-height: 270px;
    margin: 30px 0 0;
  }
  body.ag-design-5.ag-home main > .hero {
    display: block !important;
    min-height: 0 !important;
    padding: 40px 22px !important;
  }
  body.ag-design-5.ag-home .ag-approved-hero-visual {
    position: relative !important;
    inset: auto !important;
    width: 100%;
    height: 270px;
    min-height: 270px;
    margin: 28px 0;
  }
  body.ag-design-5 .ag-approved-hero-form {
    position: relative;
    inset: auto;
    width: 100%;
  }
}

/* 20260826-6 — Global hero heading, subheading and CTA contrast lock. */
body.ag-design-1 .hero-copy h1,
body.ag-design-1 .hero-copy h2,
body.ag-design-1 .hero-copy h3,
body.ag-design-1 main > .hero h1,
body.ag-design-1 main > .hero h2,
body.ag-design-4 main > .hero h1,
body.ag-design-4 main > .hero h2,
body.ag-design-4 main > .hero h3 {
  color: #082d67 !important;
  text-shadow: none !important;
}
body.ag-design-1 .hero-copy p,
body.ag-design-1 .hero-copy .lead,
body.ag-design-1 .hero-copy .supporting-copy,
body.ag-design-4 main > .hero p,
body.ag-design-4 main > .hero li,
body.ag-design-4 main > .hero small {
  color: #29445f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body.ag-design-2 .hero-copy h1,
body.ag-design-2 .hero-copy h2,
body.ag-design-2 main > .hero h1,
body.ag-design-2 main > .hero h2,
body.ag-design-5 main > .hero h1,
body.ag-design-5 main > .hero h2 {
  color: #f0bd52 !important;
  opacity: 1 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.28) !important;
}
body.ag-design-2 .hero-copy p,
body.ag-design-2 .hero-copy .lead,
body.ag-design-2 .hero-copy .supporting-copy,
body.ag-design-3 main > .hero h1,
body.ag-design-3 main > .hero h2,
body.ag-design-3 main > .hero h3,
body.ag-design-3 main > .hero p,
body.ag-design-3 main > .hero li,
body.ag-design-3 main > .hero small,
body.ag-design-5 main > .hero p,
body.ag-design-5 main > .hero li,
body.ag-design-5 main > .hero small {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.38) !important;
}
body.ag-approved-five main > .hero .btn,
body.ag-approved-five main > .hero .button,
body.ag-approved-five .hero-copy .button,
body.ag-approved-five .hero-copy .btn {
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

/* 20260826-5 — Final one-image lock and high-specificity live header correction. */
body.ag-design-3.ag-home main > .hero,
body.ag-design-4.ag-home main > .hero,
body.ag-design-5.ag-home main > .hero,
body.ag-design-3.ag-home main > .hero > *:not(.ag-approved-hero-visual),
body.ag-design-4.ag-home main > .hero > *:not(.ag-approved-hero-visual),
body.ag-design-5.ag-home main > .hero > *:not(.ag-approved-hero-visual) {
  background-image: none !important;
}
body.ag-design-3.ag-home main > .hero::before,
body.ag-design-3.ag-home main > .hero::after,
body.ag-design-4.ag-home main > .hero::before,
body.ag-design-4.ag-home main > .hero::after,
body.ag-design-5.ag-home main > .hero::before,
body.ag-design-5.ag-home main > .hero::after,
body.ag-design-3.ag-home main > .hero > *:not(.ag-approved-hero-visual)::before,
body.ag-design-3.ag-home main > .hero > *:not(.ag-approved-hero-visual)::after,
body.ag-design-4.ag-home main > .hero > *:not(.ag-approved-hero-visual)::before,
body.ag-design-4.ag-home main > .hero > *:not(.ag-approved-hero-visual)::after,
body.ag-design-5.ag-home main > .hero > *:not(.ag-approved-hero-visual):not(.buttons)::before,
body.ag-design-5.ag-home main > .hero > *:not(.ag-approved-hero-visual):not(.buttons)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
body.ag-design-3 header.site-head.recruiters-menu-head,
body.ag-design-4 header.site-head.recruiters-menu-head {
  background: #fff !important;
  background-image: none !important;
  color: #102d4e !important;
  border-bottom-color: rgba(8,45,103,.16) !important;
}
body.ag-design-3 header.site-head.recruiters-menu-head .brand,
body.ag-design-3 header.site-head.recruiters-menu-head nav a,
body.ag-design-4 header.site-head.recruiters-menu-head .brand,
body.ag-design-4 header.site-head.recruiters-menu-head nav a {
  color: #102d4e !important;
}
body.ag-design-5.ag-home main > .hero {
  display: block !important;
  min-height: 640px !important;
  padding: 44px 700px 44px 42px !important;
}
body.ag-design-5.ag-home main > .hero > *:not(.ag-approved-hero-visual):not(.ag-approved-hero-form) {
  width: min(100%, 500px);
  max-width: 500px;
  z-index: 3;
}
body.ag-design-5.ag-home .ag-approved-hero-visual {
  left: 38% !important;
  right: 315px !important;
  width: auto !important;
}
body.ag-design-5 .ag-approved-hero-form {
  position: absolute !important;
  top: 26px !important;
  bottom: auto !important;
  left: auto !important;
  right: 20px !important;
  width: 300px !important;
}

@media (max-width: 920px) {
  body.ag-design-5.ag-home main > .hero {
    padding: 40px 22px !important;
  }
  body.ag-design-5.ag-home main > .hero > *:not(.ag-approved-hero-visual):not(.ag-approved-hero-form) {
    width: 100%;
    max-width: none;
  }
  body.ag-design-5.ag-home .ag-approved-hero-visual {
    left: auto !important;
    right: auto !important;
    width: 100% !important;
  }
  body.ag-design-5 .ag-approved-hero-form {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
  }
}