/* Homepage presentation and the shared action dock. */
.rz-home{--port:#10283d;--port-2:#173b50;--gold:#dfb757}
.rz-home .hero{background:#091c2d;isolation:isolate}
.rz-home .hero::after{
  z-index:1;pointer-events:none;
  background:linear-gradient(to left,rgba(9,28,45,.99) 0%,rgba(9,28,45,.97) 37%,rgba(9,28,45,.92) 46%,rgba(9,28,45,.7) 52%,transparent 64%);
}
.rz-home .hero__bg picture{display:block;width:100%;height:100%}
.rz-home .hero__bg img{object-position:center 22%}
.rz-home .hero__inner{display:flex;align-items:center;min-height:clamp(590px,45vw,780px);padding-block:64px}
.rz-home .hero__copy{width:45%;max-width:560px;margin-left:auto;margin-right:0;position:relative;text-align:start}
.rz-home .hero__brand{display:block;font-size:15px;font-weight:800;color:#f0ca70;letter-spacing:.1em;margin-bottom:22px}
.rz-home.rz-lang-ar .hero__brand{letter-spacing:0;font-size:21px}
.rz-home .hero h1{font-size:clamp(36px,3.6vw,56px);line-height:1.24;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
.rz-home.rz-lang-ar .hero h1{font-size:clamp(38px,3.9vw,60px);line-height:1.4;letter-spacing:0}
.rz-home .hero h1 em{color:#f0ca70}
.rz-home .hero__lead{font-size:18px;line-height:1.85;color:#edf2f6;margin:0;max-width:48ch}
.rz-home .hero__route{display:flex;align-items:center;gap:10px;border-top:1px solid #dfb75755;margin:28px 0 0;padding-top:20px;color:#f0ca70;font-size:14px;line-height:1.7}
.rz-home .hero-facts{background:#10283d;border-top:1px solid #dfb75788;color:#fff}
.rz-home .hero-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:26px;gap:24px}
.rz-home .hero-facts__item{padding-inline:22px;border-inline-start:1px solid #ffffff24;display:flex;flex-direction:column;gap:5px;min-width:0}
.rz-home .hero-facts__item:first-child{border:0;padding-inline-start:0}
.rz-home .hero-facts__item span{font-size:13px;color:#c1cdd8}
.rz-home .hero-facts__item b{font-size:15px;font-weight:700;line-height:1.65}
.rz-home .sec-head{max-width:800px}
.rz-home .sec-head p{color:#4d6470}
.rz-home .service{display:flex;flex-direction:column}
.rz-home .service__more{margin-top:auto;padding-top:18px}
.rz-home .steps{row-gap:44px}
.rz-home .home-five{grid-template-columns:repeat(6,minmax(0,1fr))}
.rz-home .home-five>*{grid-column:span 2;min-width:0}
.rz-home .home-five>:nth-last-child(2):nth-child(4){grid-column:2 / span 2}
.rz-home .home-five>:last-child:nth-child(5){grid-column:4 / span 2}
.rz-home .split{grid-template-columns:repeat(2,minmax(0,1fr))}
.rz-home .split>*{min-width:0}
/* RZ Site Upgrade 1.0.0 also emits a standalone fallback. The dock owns this control. */
body > .rzi-language{display:none}
.zdock .zdk--language .zdk__ico{background:#f0ca70;color:#10283d;font-size:15px;font-weight:800;font-family:Arial,sans-serif}
.zdock .zdk__ico{width:44px;height:44px}
.zdock .zdk--language{color:#f0ca70}
.zdock .zdk--language:focus-visible{outline:3px solid #f0ca70;outline-offset:3px}
.zdock{border-color:#dfb75780}
@media(min-width:1200px){
  .rz-home .home-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
  .rz-home .home-five>*,.rz-home .home-five>:nth-last-child(2):nth-child(4),.rz-home .home-five>:last-child:nth-child(5){grid-column:auto}
  .rz-home .home-five .service,.rz-home .home-five .step{padding-inline:20px}
}
@media(min-width:769px) and (max-width:1000px){
  .rz-home .hero__copy{width:48%}
  .rz-home .hero__inner{min-height:540px;padding-block:48px}
  .rz-home .hero h1{font-size:36px}
  .rz-home .hero__lead{font-size:16px}
}
@media(max-width:900px){
  .zdock{width:calc(100% - 24px);max-width:430px;gap:2px;padding:7px 5px}
  .zdock .zdk{flex:1;min-width:0;padding:3px 0;gap:5px}
  .zdock .zdk__t,.rz-lang-en .zdock .zdk__t{font-size:10px;line-height:1.2;white-space:nowrap}
  body.is-locked .zdock{visibility:hidden}
  .rz-home .hero-facts__grid{gap:18px}
  .rz-home .hero-facts__item{padding-inline:12px}
}
@media(max-width:768px){
  .rz-home .hero__bg{position:relative;inset:auto;aspect-ratio:4 / 5;max-height:560px;overflow:hidden}
  .rz-home .hero__bg img{position:absolute;inset:0;object-position:center top}
  .rz-home .hero::after{display:none}
  .rz-home .hero__inner{display:block;width:100%;min-height:0;margin-top:-64px;padding:34px 24px 36px}
  .rz-home .hero__inner::before{content:"";position:absolute;inset:-64px 0 0;z-index:-1;background:linear-gradient(to bottom,transparent,#091c2d 104px)}
  .rz-home .hero__copy{width:100%;max-width:620px;margin-inline:auto}
  .rz-home .hero__brand{font-size:13px;margin-bottom:14px}
  .rz-home.rz-lang-ar .hero__brand{font-size:18px}
  .rz-home .hero h1,.rz-home.rz-lang-ar .hero h1{font-size:clamp(32px,7.6vw,44px);margin-bottom:18px}
  .rz-home .hero__lead{font-size:16px;line-height:1.9;max-width:none}
  .rz-home .hero__route{font-size:13px;margin-top:22px;padding-top:16px}
  .rz-home .hero-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding-block:22px}
  .rz-home .hero-facts__item,.rz-home .hero-facts__item:first-child{border:0;padding-inline:6px}
  .rz-home .hero-facts__item b{font-size:14px}
  .rz-home .hero-facts__item span{font-size:12px}
  .rz-home .split{grid-template-columns:minmax(0,1fr)}
  .rz-home .split--flip .split__media{order:0}
  .rz-home .home-five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rz-home .home-five>*,.rz-home .home-five>:nth-last-child(2):nth-child(4),.rz-home .home-five>:last-child:nth-child(5){grid-column:auto}
  .rz-home .home-five>:last-child:nth-child(5){grid-column:1 / -1}
}
@media(max-width:520px){
  .rz-home .home-five{grid-template-columns:minmax(0,1fr)}
  .rz-home .hero__inner{padding-inline:22px}
}
.rz-lang-en .header .logo{display:flex;align-items:center;gap:12px}
.rz-lang-en .header .logo img{width:54px;height:54px;object-fit:contain;flex:none}
.rz-lang-en .header .logo__text{display:block;font-size:19px;line-height:1.18;letter-spacing:.025em}
@media(max-width:1150px){
  .rz-lang-en header.header .nav,.rz-lang-en .header__actions{display:none}
  .rz-lang-en .burger{display:grid}
  .rz-lang-en .quicknav{display:block}
  .rz-lang-en .header__inner{justify-content:space-between}
}
@media(max-width:520px){
  .rz-lang-en .header .logo{gap:10px}
  .rz-lang-en .header .logo img{width:48px;height:48px}
  .rz-lang-en .header .logo__text{font-size:17px}
}
