/* Template qimma: deep green slopes with lime steps. */
:root{--fb:'Noto Sans Arabic';--fh:'Changa';--bg:#F2F6F1;--ink:#0B2723;--ink2:#4C625E;--line:#D3E0DA;--acc:#1E8C72;--lime:#D7F25C;--deep:#0E3B36;--nav-bg:rgba(242,246,241,.94);--nav-solid:#F2F6F1;--demo-bg:#0E3B36;--r-in:4px}
.qimma .btn{border-radius:4px;font-family:var(--fh);font-weight:700;letter-spacing:.2px}
.qimma .cta,.qimma .b1,form .btn{background:var(--lime);color:var(--deep)}
.qimma .cta{background:var(--deep);color:var(--lime)}
.qimma .b2{background:transparent;color:#fff;border:2px solid rgba(215,242,92,.6)}
.card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:24px}
.kick{font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--acc)}
.sec-h h2{font-size:40px;font-weight:800;color:var(--deep)}
.hero{background:linear-gradient(180deg,#0E3B36,#0B302C);color:#fff;padding:64px 0 0;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;padding-bottom:40px}
.hero .tag{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-family:var(--fh);font-weight:700;font-size:15px}
.hero h1{font-size:64px;font-weight:800;margin:14px 0;line-height:1.1}.hero h1 em{font-style:normal;color:var(--lime)}
.hero-t>p{font-size:18px;color:#B9D3CC;max-width:560px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.climb{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;height:280px}
.st{background:rgba(215,242,92,.12);border-top:4px solid var(--lime);padding:12px 10px;display:flex;flex-direction:column;justify-content:flex-start}
.st1{height:40%}.st2{height:58%}.st3{height:78%}.st4{height:100%;background:var(--lime);color:var(--deep)}
.st b{font-family:var(--fh);font-size:32px;line-height:1.1}.st span{font-size:13px;opacity:.85}
.peak{height:300px;background:center/cover;clip-path:polygon(0 30%,14% 8%,26% 24%,44% 0,60% 22%,74% 6%,88% 26%,100% 12%,100% 100%,0 100%)}
.lv{grid-template-columns:repeat(4,1fr);align-items:end}
.lv .card{border:0;border-top:5px solid var(--acc);background:#fff;box-shadow:0 10px 24px rgba(14,59,54,.08)}
.lv .card:nth-child(4n+1){margin-top:90px}.lv .card:nth-child(4n+2){margin-top:60px}.lv .card:nth-child(4n+3){margin-top:30px}.lv .card:nth-child(4n){background:var(--deep);color:#fff;border-color:var(--lime)}
.lv .card:nth-child(4n) p{color:#B9D3CC}.lv .card:nth-child(4n) h3{color:var(--lime)}
.levels .grid{align-items:start}
.n{font-family:var(--fh);font-size:46px;color:var(--acc);line-height:1}
.lv h3,.tg h3{font-size:22px;margin:8px 0 4px}.lv p,.tg p{margin:0;color:var(--ink2)}
.ag{display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:var(--deep);background:var(--lime);padding:2px 10px}
.tiles{background:var(--deep);color:#fff}.tiles .sec-h h2{color:#fff}
.tg{grid-template-columns:repeat(3,1fr)}.tg .card{background:#14514A;border:0;color:#fff}.tg .i{width:34px;height:34px;color:var(--lime)}.tg p{color:#B9D3CC}
.about{background:#fff}.ab-v{background:center/cover;border-radius:4px;clip-path:polygon(0 12%,30% 0,60% 10%,100% 0,100% 100%,0 100%)}
.vm div{background:var(--bg);border-color:var(--acc);border-radius:2px}.vm b{color:var(--deep);font-family:var(--fh);font-size:18px}
.ben{background:var(--bg)}.bc{border-radius:4px}.bc h3{font-size:22px;color:var(--deep)}.bh{height:180px}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ticks li{display:flex;gap:10px}.ticks .i{color:var(--acc)}
.quote{font-family:var(--fh);color:var(--deep);font-weight:700}
.season{background:#fff}.tl>div{border-radius:2px;border-bottom:4px solid var(--line)}.tl .now{background:var(--deep);border-color:var(--lime);color:#fff}.tl .now small{color:var(--lime)}.tl .now p{color:#B9D3CC}
.qimma .portal{--po-bg:#0B302C;--po-acc:#D7F25C}
.rv{background:var(--bg)}.fq{background:#fff}.faqs details{border-radius:2px}
.bk{background:var(--lime)}.bk .kick{color:var(--deep)}.bk form{background:#fff}
.soc a{border-radius:2px}
footer{background:#0B302C;color:#8FB1A9}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero h1{font-size:42px}.climb{height:200px}.st b{font-size:24px}.peak{height:200px}
.lv,.tg{grid-template-columns:1fr}.lv .card:nth-child(n){margin-top:0}.sec-h h2{font-size:32px}}
.bk-in>*,form>*,label{min-width:0}input,select,textarea{width:100%;min-width:0}