:root{
  --page:#f7f8f5;--surface:#fff;--ink:#172a2b;--muted:#6b7b78;
  --accent:#16ad8b;--accent-dark:#0c8f72;--accent-soft:#e7f7f1;
  --line:#e4ebe6;--shadow:0 12px 34px rgba(24,53,45,.07);
  --radius:22px;--content:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}
a{color:var(--accent-dark);text-decoration:none}
a:hover{color:#08745e;text-decoration:underline}
img,video,iframe{max-width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--content);margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:22px;min-height:76px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:19px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.brand:hover{text-decoration:none;color:var(--ink)}
.brand img{width:38px;height:38px;border-radius:12px;object-fit:cover}
.site-nav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;order:1}
.nav-link{display:inline-flex;align-items:center;padding:9px 10px;border-radius:10px;color:#40514e;font-size:13px;font-weight:650;white-space:nowrap;transition:background .2s,color .2s}
.nav-link:hover{background:var(--accent-soft);color:var(--accent-dark);text-decoration:none}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:0;order:2}
.language-switch{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:800;white-space:nowrap}
.lang-link{color:#71807c;padding:2px 4px}
.lang-link.is-active{color:var(--accent-dark)}
.lang-sep{color:#c2cbc6}
.nav-toggle{display:none;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:9px 12px;align-items:center;gap:9px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.nav-toggle-lines{width:17px;height:12px;display:inline-block;position:relative;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.nav-toggle-lines:after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid var(--ink)}
.site-container{max-width:var(--content);margin:30px auto 70px;padding:0 22px}
.page-hero{padding:34px 38px 32px;margin-bottom:22px;border:1px solid #dcefe6;border-radius:var(--radius);background:linear-gradient(125deg,#e8f8f0 0%,#f7fbf8 58%,#fff 100%);position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-95px;top:-145px;background:rgba(22,173,139,.08);pointer-events:none}
.hero-kicker{font-size:11px;letter-spacing:.16em;font-weight:850;color:var(--accent-dark);margin-bottom:9px}
.page-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.14;letter-spacing:-.045em;max-width:900px;margin:0 0 12px;color:#172a2b}
.hero-description{margin:0;max-width:820px;color:#60716d;font-size:15px;line-height:1.6}
.content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:38px 44px;min-width:0}
.entry-content{min-width:0;overflow-wrap:anywhere}
.entry-content p{margin:0 0 19px;color:#344541;font-size:16px;line-height:1.82}
.entry-content h2{font-size:clamp(23px,3vw,29px);line-height:1.25;letter-spacing:-.025em;color:#172f2d;margin:42px 0 17px;padding-left:17px;border-left:4px solid var(--accent)}
.entry-content h3{font-size:21px;line-height:1.35;color:#1b3934;margin:30px 0 13px}
.entry-content h4{font-size:18px;color:#1b3934;margin:25px 0 10px}
.entry-content ul,.entry-content ol{padding-left:25px;margin:0 0 22px;color:#344541}
.entry-content li{padding-left:4px;margin:7px 0;line-height:1.7}
.entry-content strong{color:#213a35}
.entry-content img{display:inline-block;max-width:100%;height:auto;border-radius:14px}
.entry-content p>img:only-child,.entry-content p img.aligncenter{display:block;margin:18px auto}
.entry-content figure{margin:25px 0}
.entry-content table{border-collapse:separate;border-spacing:0;width:100%;min-width:560px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:0 0 25px;font-size:14px}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0 26px;border-radius:13px}
.entry-content td,.entry-content th{padding:12px 15px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;text-align:left}
.entry-content tr:last-child td{border-bottom:0}
.entry-content td:last-child,.entry-content th:last-child{border-right:0}
.entry-content tr:first-child td,.entry-content th{background:#eff8f3;color:#203e36;font-weight:750}
.entry-content blockquote{margin:24px 0;padding:18px 22px;background:#f1faf5;border-left:4px solid var(--accent);border-radius:0 14px 14px 0;color:#40524d}
.entry-content hr{border:0;border-top:1px solid var(--line);margin:30px 0}
.entry-content .su-button,.entry-content a.su-button{display:inline-flex!important;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:9px 18px!important;border:1px solid var(--accent-dark)!important;border-radius:999px!important;background:var(--accent)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(22,173,139,.18);transition:transform .18s,background .18s}
.entry-content .su-button:hover{background:var(--accent-dark)!important;transform:translateY(-1px)}
.entry-content .su-button span{padding:0!important;color:#fff!important}
.entry-content .su-button strong{color:#fff!important}
.entry-content form{max-width:760px;padding:22px;background:#f8fbf9;border:1px solid var(--line);border-radius:16px}
.entry-content input,.entry-content textarea,.entry-content select{max-width:100%;width:100%;padding:12px 13px;border:1px solid #d7e2dc;border-radius:10px;background:#fff;font:inherit}
.entry-content textarea{min-height:130px;resize:vertical}
.entry-content button,.entry-content input[type=submit]{cursor:pointer}
.broker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:4px 0 28px}
.broker-card{min-width:0;padding:20px 16px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 22px rgba(23,55,44,.06);text-align:center;display:flex;flex-direction:column;justify-content:space-between;gap:7px}
.broker-card p{margin:0 0 8px!important;font-size:14px;line-height:1.5;text-align:center!important}
.broker-card p:first-child{min-height:80px;display:flex;align-items:center;justify-content:center}
.broker-card p:first-child img{width:auto;max-width:90px;max-height:78px;object-fit:contain;border-radius:12px}
.broker-card p:nth-child(2){font-size:14px;color:#4d6059;font-weight:650}
.broker-card p:nth-child(2) strong{color:#183d34}
.broker-card p:last-child{margin-top:auto!important}
.broker-card .su-button{width:100%;font-size:13px!important;padding:9px 10px!important}
.entry-content>p:has(>a.su-button){margin:18px 0}
.entry-content>p:has(img){text-align:center}
.site-footer{background:#152b2a;color:#d7e5df;padding:34px 22px 22px}
.footer-inner{max-width:var(--content);margin:0 auto}
.footer-brand{font-size:19px;font-weight:850;margin-bottom:18px;color:#fff}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 17px;margin-bottom:24px}
.footer-nav a{color:#d0e0d8;font-size:13px}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:#9fb7ad}
.translation-note{padding:12px 15px;margin:0 0 24px;border-radius:12px;background:#eff8f3;border:1px solid #d6eee2;color:#426257;font-size:13px}
.google-translate-hidden{position:absolute!important;left:-10000px!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important}
.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,.goog-te-balloon-frame,#goog-gt-tt,.goog-tooltip{display:none!important}
body{top:0!important}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:10px;border-radius:8px}
@media(max-width:1120px){
  .header-inner{gap:12px}
  .site-nav{gap:1px}
  .nav-link{padding:8px 7px;font-size:12px}
  .broker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .header-inner{min-height:66px;padding:10px 16px;gap:10px}
  .brand{font-size:17px}
  .brand img{width:34px;height:34px}
  .header-actions{gap:8px}
  .nav-toggle{display:inline-flex}
  .site-nav{display:none;order:3;flex-basis:100%;width:100%;padding:8px 0 4px;border-top:1px solid var(--line);align-items:stretch;flex-direction:column;gap:3px}
  .site-nav.is-open{display:flex}
  .nav-link{padding:11px 13px;font-size:14px;border-radius:10px}
  .site-container{margin:18px auto 44px;padding:0 15px}
  .page-hero{padding:27px 24px 24px;margin-bottom:15px;border-radius:18px}
  .content-card{padding:27px 24px;border-radius:18px}
}
@media(max-width:560px){
  body{font-size:15px}
  .header-inner{padding:9px 12px}
  .brand span{max-width:120px;overflow:hidden;text-overflow:ellipsis}
  .language-switch{padding:6px 8px;gap:4px;font-size:12px}
  .nav-toggle{padding:8px 10px;font-size:12px}
  .site-container{padding:0 10px;margin:12px auto 34px}
  .page-hero{padding:22px 18px 20px}
  .page-hero h1{font-size:27px;line-height:1.18}
  .hero-description{font-size:14px}
  .content-card{padding:21px 16px}
  .entry-content p{font-size:15px;line-height:1.75;margin-bottom:16px}
  .entry-content h2{font-size:22px;margin:32px 0 13px;padding-left:12px}
  .entry-content h3{font-size:19px;margin:25px 0 10px}
  .broker-grid{grid-template-columns:1fr;gap:12px}
  .broker-card{padding:17px 15px}
  .broker-card p:first-child{min-height:68px}
  .entry-content .su-button{width:100%;white-space:normal;text-align:center}
  .entry-content form{padding:15px}
  .footer-nav{gap:9px 14px}
  .footer-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Premium CTA buttons — prevent overflow and keep labels inside their frames */
.entry-content a.su-button,
.entry-content a.su-button:link,
.entry-content a.su-button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  box-sizing: border-box !important;
  width: auto;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 9px 17px !important;
  border: 1px solid #0b9478 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #16b58d 0%, #07866f 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  vertical-align: middle !important;
  box-shadow: 0 5px 13px rgba(8, 134, 111, .16),
              inset 0 1px 0 rgba(255,255,255,.18) !important;
  transition: background .18s ease, box-shadow .18s ease,
              transform .18s ease, border-color .18s ease !important;
}

.entry-content a.su-button span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}

.entry-content a.su-button strong {
  display: inline !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #fff !important;
  font-weight: 750 !important;
  overflow-wrap: anywhere !important;
}

.entry-content a.su-button i.sui {
  display: inline-flex !important;
  flex: 0 0 25px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 25px !important;
  height: 25px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.17) !important;
  color: #fff !important;
  font-size: 12px !important;
}

.entry-content a.su-button:hover {
  border-color: #08735f !important;
  background: linear-gradient(135deg, #0ca27f 0%, #066f60 100%) !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-2px);
  box-shadow: 0 9px 19px rgba(8, 134, 111, .23),
              inset 0 1px 0 rgba(255,255,255,.2) !important;
}

.entry-content a.su-button:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(8, 134, 111, .16) !important;
}

.entry-content a.su-button:focus-visible {
  outline: 3px solid rgba(22,181,141,.28) !important;
  outline-offset: 3px !important;
}

.entry-content p:has(> a.su-button) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
}

.entry-content p:has(> a.su-button) > a.su-button {
  flex: 0 1 auto;
  min-width: 0;
}

.broker-card,
.broker-card p,
.broker-card p:last-child {
  min-width: 0;
  max-width: 100%;
}

.broker-card a.su-button {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 9px 12px !important;
  border-radius: 12px !important;
}

.broker-card a.su-button span {
  width: 100% !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
}

@media (max-width: 560px) {
  .entry-content a.su-button,
  .entry-content a.su-button:link,
  .entry-content a.su-button:visited {
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 13px !important;
    font-size: 13px !important;
    border-radius: 12px !important;
  }

  .entry-content p:has(> a.su-button) {
    width: 100%;
    gap: 9px;
  }

  .entry-content p:has(> a.su-button) > a.su-button {
    flex: 0 1 auto;
    max-width: 100% !important;
  }

  .broker-card a.su-button {
    width: 100% !important;
  }
}


/* UAE landing pages: Arabic RTL layout and accessible risk/source panels */
html[lang="ar"] body {
  direction: rtl;
  text-align: right;
  font-family: Tahoma, "Noto Sans Arabic", Arial, sans-serif;
}
html[lang="ar"] .header-inner,
html[lang="ar"] .brand,
html[lang="ar"] .header-actions,
html[lang="ar"] .site-nav,
html[lang="ar"] .footer-nav,
html[lang="ar"] .footer-bottom {
  direction: rtl;
}
html[lang="ar"] .brand { letter-spacing: 0; }
html[lang="ar"] .site-nav { justify-content: flex-start; }
html[lang="ar"] .page-hero:after { right: auto; left: -95px; }
html[lang="ar"] .hero-kicker,
html[lang="ar"] .page-hero h1,
html[lang="ar"] .hero-description,
html[lang="ar"] .entry-content {
  text-align: right;
  letter-spacing: 0;
}
html[lang="ar"] .page-hero h1 { max-width: 100%; line-height: 1.45; }
html[lang="ar"] .entry-content h2 {
  padding-left: 0;
  padding-right: 17px;
  border-left: 0;
  border-right: 4px solid var(--accent);
  letter-spacing: 0;
  line-height: 1.5;
}
html[lang="ar"] .entry-content h3,
html[lang="ar"] .entry-content h4 { letter-spacing: 0; line-height: 1.55; }
html[lang="ar"] .entry-content ul,
html[lang="ar"] .entry-content ol {
  padding-left: 0;
  padding-right: 25px;
}
html[lang="ar"] .entry-content li { padding-left: 0; padding-right: 4px; }
html[lang="ar"] .entry-content blockquote {
  border-left: 0;
  border-right: 4px solid var(--accent);
  border-radius: 14px 0 0 14px;
}
html[lang="ar"] .entry-content td,
html[lang="ar"] .entry-content th {
  text-align: right;
  border-right: 0;
  border-left: 1px solid var(--line);
}
html[lang="ar"] .entry-content td:last-child,
html[lang="ar"] .entry-content th:last-child { border-left: 0; }

.uae-risk-note {
  margin: 0 0 26px;
  padding: 16px 18px;
  border: 1px solid #f0d9ad;
  border-radius: 14px;
  background: #fff9ed;
  color: #6b4b19;
  font-size: 14px;
  line-height: 1.8;
}
.uae-official-sources {
  margin-top: 34px;
  padding: 20px 22px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f7fbf8;
}
.uae-official-sources p {
  margin-bottom: 10px;
  color: #1f3e35;
  font-weight: 800;
}
.uae-official-sources ul { margin-bottom: 0; }
.uae-official-sources a { text-decoration: underline; text-underline-offset: 3px; }
.uae-article .uae-section { scroll-margin-top: 105px; }

@media (max-width: 560px) {
  .language-switch { gap: 2px; padding: 5px 7px; font-size: 11px; }
  .lang-link { padding: 2px 2px; }
  .header-actions { gap: 6px; }
  .nav-toggle { padding: 7px 8px; gap: 6px; }
  .brand span { max-width: 88px; }
  html[lang="ar"] .page-hero h1 { font-size: 26px; line-height: 1.45; }
  html[lang="ar"] .entry-content h2 {
    padding-right: 12px;
    font-size: 21px;
    line-height: 1.5;
  }
  .uae-risk-note { padding: 13px 14px; font-size: 13px; }
  .uae-official-sources { padding: 16px; }
}


/* Refined premium buttons and broker ranking cards */
.entry-content a.su-button,
.entry-content a.su-button:link,
.entry-content a.su-button:visited {
  min-height: 52px !important;
  padding: 12px 19px !important;
  border: 1px solid #08765f !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #19b98f 0%, #07866d 58%, #066d5b 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: .005em !important;
  box-shadow: 0 8px 18px rgba(5, 116, 91, .20),
              inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.entry-content a.su-button:hover {
  border-color: #055b4c !important;
  background: linear-gradient(135deg, #12a981 0%, #06735f 62%, #055b4c 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(5, 116, 91, .27),
              inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.entry-content a.su-button:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(5, 116, 91, .17) !important;
}
.entry-content a.su-button:focus-visible {
  outline: 3px solid rgba(22,181,141,.35) !important;
  outline-offset: 3px !important;
}
.broker-grid {
  align-items: stretch;
  gap: 18px;
}
.broker-card {
  position: relative;
  overflow: hidden;
  padding: 22px 18px 19px;
  border: 1px solid #e1ebe5;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%);
  box-shadow: 0 9px 25px rgba(23,55,44,.065);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.broker-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #19b98f, #8ad9b9);
}
.broker-card:hover,
.broker-card:focus-within {
  transform: translateY(-4px);
  border-color: #b9dfd0;
  box-shadow: 0 16px 34px rgba(23,75,57,.11);
}
.broker-card p:nth-child(2) {
  line-height: 1.65;
}
.broker-card .su-button {
  min-height: 50px !important;
  padding: 11px 12px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
}
.uae-ranking-section {
  margin-top: 34px;
  padding: 26px;
  border: 1px solid #e4eee8;
  border-radius: 24px;
  background:
    radial-gradient(circle at 95% 0%, rgba(22,173,139,.075), transparent 34%),
    linear-gradient(180deg, #fbfefc 0%, #f5faf7 100%);
}
.uae-ranking-heading {
  max-width: 940px;
  margin: 0 auto 22px;
}
.uae-ranking-kicker {
  margin-bottom: 8px;
  color: #0a9274;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.uae-ranking-heading h2 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
.uae-ranking-intro {
  color: #586c64;
  font-size: 14px;
  line-height: 1.8 !important;
}
.uae-broker-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 15px;
  margin: 0;
}
.uae-broker-card {
  padding: 17px 15px 16px;
  border-radius: 19px;
  gap: 10px;
}
.uae-broker-card:first-child {
  border-color: #c8e5d8;
  box-shadow: 0 10px 28px rgba(10,126,95,.10);
}
.uae-broker-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 28px;
}
.uae-broker-rank {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  border-radius: 10px;
  background: #173c34;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
}
.uae-broker-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 4px 8px;
  border: 1px solid #cfe9dd;
  border-radius: 999px;
  background: #eff9f3;
  color: #08745e;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
  text-align: center;
}
.uae-broker-tag-empty {
  visibility: hidden;
}
.uae-broker-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  margin: 2px 0 0;
}
.uae-broker-logo img {
  display: block;
  width: auto;
  max-width: 112px;
  max-height: 76px;
  object-fit: contain;
}
.uae-broker-name {
  margin: 0 !important;
  color: #183b32;
  font-size: 18px !important;
  font-weight: 850;
  line-height: 1.3 !important;
  text-align: center;
}
.uae-broker-score {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 7px 9px;
  border: 1px solid #e1eee6;
  border-radius: 12px;
  background: #f3faf6;
}
.uae-broker-score-label {
  color: #718078;
  font-size: 10px;
  font-weight: 750;
}
.uae-broker-score strong {
  color: #08745e;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.03em;
}
.uae-broker-offer {
  flex: 1 1 auto;
  margin: 0 !important;
  color: #596c64;
  font-size: 12px !important;
  line-height: 1.7 !important;
  text-align: center;
}
.uae-broker-offer strong {
  color: #29483e;
  font-weight: 850;
}
.uae-broker-card a.uae-broker-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 50px !important;
  margin-top: auto;
  padding: 10px 11px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  text-align: center !important;
}
.uae-broker-card a.uae-broker-cta span:first-child {
  flex: 1 1 auto;
  min-width: 0;
}
.uae-cta-arrow {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 25px;
  width: 25px !important;
  height: 25px;
  border-radius: 8px;
  background: rgba(255,255,255,.17);
  font-size: 16px;
  line-height: 1;
}
.uae-ranking-disclaimer {
  margin: 18px 0 0 !important;
  padding: 12px 15px;
  border: 1px solid #e5eadb;
  border-radius: 12px;
  background: #fffdf6;
  color: #6d654e;
  font-size: 12px !important;
  line-height: 1.7 !important;
}
html[lang="ar"] .uae-ranking-kicker,
html[lang="ar"] .uae-ranking-heading,
html[lang="ar"] .uae-ranking-intro,
html[lang="ar"] .uae-ranking-disclaimer {
  text-align: right;
  letter-spacing: 0;
}
html[lang="ar"] .uae-broker-offer {
  text-align: right;
}
html[lang="ar"] .uae-broker-score {
  direction: rtl;
}
html[lang="ar"] .uae-broker-score strong {
  direction: ltr;
}
@media (max-width: 1120px) {
  .uae-broker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 820px) {
  .uae-ranking-section {
    padding: 21px;
  }
}
@media (max-width: 560px) {
  .uae-ranking-section {
    margin-top: 25px;
    padding: 16px 12px;
    border-radius: 18px;
  }
  .uae-broker-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .uae-broker-card {
    padding: 16px 14px;
  }
  .uae-broker-card a.uae-broker-cta {
    min-height: 52px !important;
    font-size: 13px !important;
  }
  .uae-ranking-disclaimer {
    padding: 11px 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .broker-card {
    transition: none;
  }
  .broker-card:hover,
  .broker-card:focus-within {
    transform: none;
  }
}


/* UAE ranking: compact, refined CTA buttons */
.uae-ranking-section .uae-broker-card {
  padding: 15px 14px 14px;
  gap: 8px;
}
.uae-ranking-section .uae-broker-card .uae-broker-logo {
  min-height: 70px;
  margin-top: 0;
}
.uae-ranking-section .uae-broker-card .uae-broker-logo img {
  max-height: 66px;
  max-width: 104px;
}
.uae-ranking-section .uae-broker-card .uae-broker-name {
  font-size: 16px !important;
  line-height: 1.25 !important;
}
.uae-ranking-section .uae-broker-score {
  min-height: 36px;
  padding: 5px 8px;
  border-radius: 10px;
}
.uae-ranking-section .uae-broker-score strong {
  font-size: 16px;
}
.uae-ranking-section .uae-broker-offer {
  font-size: 11.5px !important;
  line-height: 1.6 !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta,
.uae-ranking-section .uae-broker-card a.uae-broker-cta:link,
.uae-ranking-section .uae-broker-card a.uae-broker-cta:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 7px 11px !important;
  border: 1px solid #0c8068 !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #159b7b 0%, #08745f 100%) !important;
  color: #fff !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 10px rgba(8,116,95,.13),
              inset 0 1px 0 rgba(255,255,255,.17) !important;
  transition: transform .18s ease, box-shadow .18s ease,
              background .18s ease, border-color .18s ease !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta:hover {
  border-color: #075b4b !important;
  background: linear-gradient(135deg, #10896d 0%, #066451 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(8,116,95,.19) !important;
  text-decoration: none !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(8,116,95,.13) !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta:focus-visible {
  outline: 2px solid rgba(21,155,123,.35) !important;
  outline-offset: 2px !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta span:first-child {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
.uae-ranking-section .uae-broker-card .uae-cta-arrow {
  flex: 0 0 21px;
  width: 21px !important;
  height: 21px;
  border-radius: 7px;
  background: rgba(255,255,255,.16);
  font-size: 13px;
}
html[lang="ar"] .uae-ranking-section .uae-broker-card a.uae-broker-cta {
  direction: rtl;
}
@media (max-width: 560px) {
  .uae-ranking-section .uae-broker-card {
    padding: 14px 13px 13px;
  }
  .uae-ranking-section .uae-broker-card a.uae-broker-cta {
    min-height: 39px !important;
    padding: 7px 10px !important;
    font-size: 11.5px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .uae-ranking-section .uae-broker-card a.uae-broker-cta {
    transition: none !important;
  }
}


.uae-ranking-section > .uae-ranking-intro {
  max-width: 940px;
  margin: 18px auto 0 !important;
}


/* Final broker-ranking CTA repair: clean horizontal buttons, never wider than cards */
.broker-grid .broker-card {
  min-width: 0 !important;
  overflow: hidden;
}
.broker-grid .broker-card > p:last-child {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
}
.broker-grid .broker-card a.su-button,
.broker-grid .broker-card a.su-button:link,
.broker-grid .broker-card a.su-button:visited {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  overflow: hidden !important;
  border: 1px solid #0b8d72 !important;
  border-radius: 10px !important;
  background: #0b9478 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  box-shadow: 0 3px 8px rgba(8, 116, 95, .12) !important;
  transition: background .16s ease, border-color .16s ease,
              box-shadow .16s ease, transform .16s ease !important;
}
.broker-grid .broker-card a.su-button > span {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
  text-shadow: none !important;
}
.broker-grid .broker-card a.su-button > span > i.sui {
  display: inline-flex !important;
  flex: 0 0 17px !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
.broker-grid .broker-card a.su-button > span > strong {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-shadow: none !important;
}
.broker-grid .broker-card a.su-button:hover {
  border-color: #08765f !important;
  background: #087f68 !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 11px rgba(8, 116, 95, .16) !important;
}
.broker-grid .broker-card a.su-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 5px rgba(8, 116, 95, .12) !important;
}
.broker-grid .broker-card a.su-button:focus-visible {
  outline: 2px solid rgba(11, 148, 120, .28) !important;
  outline-offset: 2px !important;
}

/* Match the compact, horizontal treatment on the UAE broker cards */
.uae-ranking-section .uae-broker-card {
  min-width: 0 !important;
  overflow: hidden;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta,
.uae-ranking-section .uae-broker-card a.uae-broker-cta:link,
.uae-ranking-section .uae-broker-card a.uae-broker-cta:visited {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 39px !important;
  height: auto !important;
  margin: auto 0 0 !important;
  padding: 7px 10px !important;
  overflow: hidden !important;
  border: 1px solid #0b8d72 !important;
  border-radius: 10px !important;
  background: #0b9478 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  box-shadow: 0 3px 8px rgba(8, 116, 95, .12) !important;
  transition: background .16s ease, border-color .16s ease,
              box-shadow .16s ease, transform .16s ease !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta span:first-child {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}
.uae-ranking-section .uae-broker-card .uae-cta-arrow {
  display: inline-flex !important;
  flex: 0 0 17px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.16) !important;
  font-size: 11px !important;
  line-height: 1 !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta:hover {
  border-color: #08765f !important;
  background: #087f68 !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 11px rgba(8, 116, 95, .16) !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta:active {
  transform: translateY(0) !important;
}
.uae-ranking-section .uae-broker-card a.uae-broker-cta:focus-visible {
  outline: 2px solid rgba(11, 148, 120, .28) !important;
  outline-offset: 2px !important;
}
html[lang="ar"] .uae-ranking-section .uae-broker-card a.uae-broker-cta {
  direction: rtl;
}
@media (max-width: 560px) {
  .broker-grid .broker-card a.su-button {
    width: 100% !important;
    max-width: 250px !important;
    min-height: 40px !important;
    margin-inline: auto !important;
  }
  .uae-ranking-section .uae-broker-card a.uae-broker-cta {
    max-width: 250px !important;
    margin-inline: auto !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .broker-grid .broker-card a.su-button,
  .uae-ranking-section .uae-broker-card a.uae-broker-cta {
    transition: none !important;
  }
}


/* Draw a dependable arrow inside the homepage rating CTA, even without the icon font */
.broker-grid .broker-card a.su-button > span > i.sui {
  font-size: 0 !important;
}
.broker-grid .broker-card a.su-button > span > i.sui::before {
  content: "→" !important;
  display: block !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* Quotex review page: compact primary website CTA */
.quotex-cta-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.quotex-primary-cta,
.quotex-primary-cta:link,
.quotex-primary-cta:visited {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 9px 19px !important;
  border: 1px solid #0b8d72 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #12a181 0%, #087d66 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(8, 116, 95, .13) !important;
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.quotex-primary-cta:hover {
  background: linear-gradient(135deg, #0d9276 0%, #066a57 100%) !important;
  color: #fff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 13px rgba(8, 116, 95, .18) !important;
}
.quotex-primary-cta:active {
  transform: translateY(0);
}
.quotex-primary-cta:focus-visible {
  outline: 2px solid rgba(18, 161, 129, .3);
  outline-offset: 3px;
}
.quotex-cta-arrow {
  display: inline-flex !important;
  flex: 0 0 21px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 21px !important;
  height: 21px !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.17) !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
}
.quotex-cta-label {
  display: block !important;
  min-width: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  line-height: inherit !important;
  overflow-wrap: anywhere;
}
@media (max-width: 560px) {
  .quotex-cta-wrap {
    margin-bottom: 18px !important;
  }
  .quotex-primary-cta {
    width: 100% !important;
    max-width: 280px !important;
    min-height: 43px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .quotex-primary-cta {
    transition: none !important;
  }
}