/* Template ibdaa: kraft paper, stitched stickers, green and orange. */
:root{--fb:'Zain';--fh:'Kufam';--bg:#F4EBDC;--kraft:#E6D2B1;--ink:#3A2A1A;--ink2:#6E5A44;--line:#CDB28A;--acc:#F26B21;--grn:#2F7D5B;--ye:#F4C430;--nav-bg:rgba(244,235,220,.95);--nav-solid:#F4EBDC;--demo-bg:#2F7D5B;--r-in:12px}
body{font-size:19px;line-height:1.7}
.ibdaa .nav{border-bottom:3px dashed var(--line)}
.ibdaa .btn{border-radius:12px;font-family:var(--fh);font-weight:700;font-size:16px}.ibdaa .cta,.ibdaa .b1,form .btn{background:var(--acc);color:#fff;outline:2px dashed rgba(255,255,255,.6);outline-offset:-6px}
.ibdaa .b2{background:var(--grn);color:#fff;outline:2px dashed rgba(255,255,255,.5);outline-offset:-6px}
.card{background:#FFF8EA;border:0;border-radius:14px;padding:24px}
.kick{color:var(--grn);font-family:var(--fh)}
.sec-h h2{font-size:38px;font-weight:700;line-height:1.5}.sec-h h2 em{font-style:normal;color:var(--acc)}
.hero{padding:50px 0 80px;background:var(--kraft) radial-gradient(rgba(58,42,26,.08) 1px,transparent 1px) 0 0/14px 14px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero .tag{display:inline-block;background:#FFF8EA;color:var(--grn);font-weight:700;padding:4px 14px;border-radius:8px;border:2px dashed var(--grn)}
.hero h1{font-size:56px;font-weight:700;margin:18px 0;line-height:1.45}
.hero h1 em{font-style:normal;position:relative;z-index:0}.hero h1 em::after{content:"";position:absolute;inset-inline:-6px;bottom:6px;height:38%;background:var(--ye);z-index:-1;transform:rotate(-1.5deg);border-radius:4px}
.hero-t>p{font-size:21px;color:var(--ink2);max-width:520px}
.hero-b{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.stk{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.stk div{width:100px;height:100px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--grn);color:#fff;outline:2px dashed rgba(255,255,255,.7);outline-offset:-8px;transform:rotate(-6deg);box-shadow:0 6px 0 rgba(58,42,26,.15)}
.stk div:nth-child(2){background:var(--acc);transform:rotate(5deg)}.stk div:nth-child(3){background:var(--ye);color:var(--ink);outline-color:rgba(58,42,26,.4)}
.stk b{font-family:var(--fh);font-size:26px;line-height:1}.stk span{font-size:13px;line-height:1.2;padding:0 8px}
.clg{position:relative;height:480px}
.pr{position:absolute;background:#fff;padding:10px 10px 30px;box-shadow:0 14px 30px rgba(58,42,26,.25)}
.pr>div{width:100%;height:100%;background:center/cover}
.pr::before{content:"";position:absolute;top:-12px;inset-inline-start:calc(50% - 40px);width:80px;height:24px;background:rgba(255,255,255,.55);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.p1{width:62%;height:62%;top:0;inset-inline-start:4%;transform:rotate(-4deg)}
.p2{width:48%;height:46%;bottom:2%;inset-inline-end:0;transform:rotate(5deg)}
.p3{width:40%;height:38%;bottom:6%;inset-inline-start:0;transform:rotate(-8deg)}
.sti{grid-template-columns:repeat(4,1fr);gap:22px}
.sti .card{outline:2px dashed var(--line);outline-offset:-10px;padding:28px 24px;box-shadow:0 8px 0 rgba(58,42,26,.08);transform:rotate(-1deg)}
.sti .card:nth-child(even){transform:rotate(1deg)}
.sti .k0{background:var(--grn);color:#fff;outline-color:rgba(255,255,255,.55)}.sti .k1{background:var(--acc);color:#fff;outline-color:rgba(255,255,255,.55)}.sti .k2{background:var(--ye);outline-color:rgba(58,42,26,.35)}
.sti .k0 p,.sti .k1 p{color:rgba(255,255,255,.88)}
.sti h3,.tgs h3{font-size:22px;margin:6px 0}.sti p,.tgs p{margin:0;color:var(--ink2)}
.sti .ag{background:rgba(255,255,255,.85);color:var(--ink)}
.ag{display:inline-block;font-size:14px;font-weight:700;padding:1px 10px;border-radius:99px;background:var(--kraft)}
.tgs{grid-template-columns:repeat(3,1fr)}
.tgs .card{position:relative;padding-inline-start:70px;border-start-start-radius:40px;border-end-start-radius:40px;border:2px solid var(--line)}
.tgs .card::before{content:"";position:absolute;top:calc(50% - 9px);inset-inline-start:22px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:2px solid var(--line)}
.ic{position:absolute;top:18px;inset-inline-end:18px;color:var(--acc)}.ic .i{width:28px;height:28px}
.ben{background:#FFF8EA}.bc{outline:2px dashed var(--line);outline-offset:-8px}.bh{height:180px}.bc h3{color:var(--grn)}
.ticks{list-style:none;padding:0;margin:0;display:grid;gap:12px}.ticks li{display:flex;gap:10px}.ticks .i{color:var(--acc)}
.quote{font-family:var(--fh);color:var(--grn);font-size:26px}
.why{background:var(--kraft)}.why-v{background:center/cover;border:12px solid #fff;box-shadow:0 14px 30px rgba(58,42,26,.2);transform:rotate(2deg);min-height:360px;border-radius:0}
.times{background:var(--bg)}
.gal div{border:8px solid #fff;border-radius:4px;box-shadow:0 6px 14px rgba(58,42,26,.15)}
.gal div:nth-child(odd){transform:rotate(-1deg)}.gal div:nth-child(even){transform:rotate(1deg)}
.rv{background:#FFF8EA}.rev{outline:2px dashed var(--line);outline-offset:-8px}
.fq{background:var(--bg)}.faqs details{border:2px dashed var(--line);background:#FFF8EA}
.bk{background:var(--grn);color:#fff}.bk .kick{color:var(--ye)}.bk .sec-h p{color:#D5EDE1}.bk form{background:#FFF8EA;color:var(--ink);outline:2px dashed var(--line);outline-offset:-10px}
.soc a{border:2px dashed var(--line)}
footer{background:var(--ink);color:#D9C7AA}
@media (max-width:1000px){.sti{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero h1{font-size:40px}.clg{height:340px}.stk div{width:88px;height:88px}.stk b{font-size:22px}
.sti,.tgs{grid-template-columns:1fr}.sec-h h2{font-size:30px}}
.bk-in>*,form>*,label{min-width:0}input,select,textarea{width:100%;min-width:0}