/* Template fighter. */
:root{--fb:'Tajawal';--fh:'Reem Kufi';--bg:#F3F0EA;--ink:#141416;--ink2:#5A5A62;--line:#DCD6CB;--acc:#C8102E;--dk:#141416;--dk2:#1F1F23;--nav-bg:rgba(20,20,22,.96);--nav-solid:#141416;--demo-bg:#C8102E;--r-in:4px}
.fighter{font-size:17px}
.fighter .nav{color:#fff}.fighter .nav .links a{border-color:rgba(255,255,255,.12)}
.fighter .btn{border-radius:2px;letter-spacing:.3px}
.fighter .cta,.fighter .b1,form .btn{background:var(--acc);color:#fff}
.fighter .b1:hover,.fighter .cta:hover{background:#A00C24}
.fighter .b2{background:transparent;color:#fff;border:2px solid #fff}
.card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:24px}
.hero{background:var(--dk);color:#fff;position:relative;overflow:hidden;padding-top:64px}
.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 22px)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;position:relative;padding-bottom:64px}
.rank{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:#fff}
.rank i{display:block;width:44px;height:8px;background:var(--acc);border-radius:1px}
.hero h1{font-size:64px;font-weight:700;margin:18px 0}.hero h1 em{font-style:normal;color:var(--acc)}
.hero-t>p{font-size:19px;color:#C9C9D0;max-width:540px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-v{position:relative;display:grid;place-items:center}
.hero-v .ph{width:min(100%,420px);aspect-ratio:1;border-radius:50%;background:center/cover;border:10px solid var(--dk2);box-shadow:0 0 0 2px var(--acc)}
.belts{display:grid;grid-template-columns:repeat(7,1fr);height:12px;position:relative}
.belts i:nth-child(1){background:#fff}.belts i:nth-child(2){background:#F2C230}.belts i:nth-child(3){background:#E8781E}.belts i:nth-child(4){background:#2E9B4A}
.belts i:nth-child(5){background:#2463B8}.belts i:nth-child(6){background:#7A4A26}.belts i:nth-child(7){background:#000}
.stats{display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.stats div{padding:22px 14px;border-inline-start:1px solid rgba(255,255,255,.12)}.stats div:first-child{border:0;padding-inline-start:0}
.stats b{display:block;font-family:var(--fh);font-size:38px;color:#fff;line-height:1.1}.stats span{color:#A9A9B3;font-size:15px}
.sec-h h2{font-size:42px;font-weight:700}.sec-h h2 em{font-style:normal;color:var(--acc)}
.kick{color:var(--acc);letter-spacing:.5px}
.kick::before{content:"";display:inline-block;width:22px;height:3px;background:currentColor;vertical-align:middle;margin-inline-end:8px}
.bt{grid-template-columns:repeat(3,minmax(0,1fr))}
.bt .card{padding:0 22px 22px;position:relative;overflow:hidden}
.belt{display:block;height:14px;margin:0 -22px 18px;background:var(--b,#fff);border-bottom:1px solid rgba(0,0,0,.08);position:relative}
.belt::after{content:"";position:absolute;top:-4px;inset-inline-end:28px;width:16px;height:30px;background:var(--b,#fff);border:1px solid rgba(0,0,0,.12);transform:skewX(-12deg)}
.k0{--b:#F7F7F7}.k1{--b:#F2C230}.k2{--b:#E8781E}.k3{--b:#2E9B4A}.k4{--b:#2463B8}.k5{--b:#7A4A26}.k6{--b:#141416}
.bt h3{font-size:23px;margin:4px 0 6px}.bt p{margin:0;color:var(--ink2)}
.ag{color:var(--acc)}
.info{background:var(--dk);color:#fff}.info .sec-h p{color:#B5B5BE}
.ig{grid-template-columns:repeat(3,minmax(0,1fr))}
.ig .card{display:flex;gap:16px;align-items:flex-start;background:var(--dk2);border:0;border-inline-start:4px solid var(--acc);color:#fff}
.ig .i{width:34px;height:34px;color:var(--acc)}.ig h3{font-size:21px;margin-bottom:4px}.ig p{margin:0;color:#B5B5BE}
.why{background:#fff}.why-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:50px;align-items:center}
.why-v{aspect-ratio:4/3;min-height:0;width:100%;background:center/cover;border-radius:4px;box-shadow:16px 16px 0 var(--acc)}
body.ltr .why-v{box-shadow:-16px 16px 0 var(--acc)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.ticks li{display:flex;gap:14px}.ticks .i{width:30px;height:30px;background:var(--dk);color:#fff;padding:6px;border-radius:2px}
.ticks b{display:block;font-size:18px}.ticks span{color:var(--ink2)}
.season{background:var(--bg)}
.tl>div{background:#fff;border:0;border-top:6px solid var(--dk);border-radius:2px}
.tl>div:nth-child(1){border-top-color:#E5E1D8}.tl>div:nth-child(2){border-top-color:#F2C230}.tl>div:nth-child(3){border-top-color:#2E9B4A}.tl>div:nth-child(4){border-top-color:#2463B8}.tl>div:nth-child(5){border-top-color:#7A4A26}
.tl .now{background:var(--dk);color:#fff}.tl .now small{color:#FF6B7F}.tl .now p{color:#C9C9D0}
.rv{background:#fff}.revs{grid-template-columns:repeat(3,minmax(0,1fr))}.rev{border-top:3px solid var(--acc)}
.gal div{border-radius:2px;filter:saturate(1.05)}
.fighter .fq{background:#fff}.faqs details{border-radius:2px}
.fighter .portal{--po-bg:#1F1F23;--po-acc:#FF4D64}
.bk{background:var(--acc);color:#fff}.bk .kick{color:#fff}.bk .sec-h p{color:#FFE1E5}.bk form{color:var(--ink)}
.bk form .btn{background:var(--dk)}
.bk-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.ct-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
.crow>.i{width:26px;height:26px;color:var(--acc)}.lnk{color:var(--acc);font-weight:700;font-size:14px}
.soc a{border:1px solid var(--line);border-radius:2px;background:#fff}
footer{background:var(--dk);color:#9A9AA4;border-top:4px solid var(--acc)}
@media (max-width:900px){
 .hero{padding-top:40px}.hero-in,.why-in,.bk-in,.ct-in{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:40px}.hero-t>p{font-size:17px}.hero-v .ph{width:min(100%,300px)}
 .bt,.ig,.revs{grid-template-columns:minmax(0,1fr)}.sec-h h2{font-size:31px}
 .stats b{font-size:30px}.stats div{padding:16px 10px}
 .why-v{box-shadow:10px 10px 0 var(--acc)}body.ltr .why-v{box-shadow:-10px 10px 0 var(--acc)}
}