/* Template lisan. */
:root{--fb:'Rubik';--fh:'Lemonada';--bg:#FFFFFF;--ink:#111;--ink2:#4A4A4A;--line:#111;--acc:#E5304A;--yel:#FFC21A;--pink:#FFE6EA;--nav-bg:rgba(255,255,255,.96);--nav-solid:#fff;--demo-bg:#111;--r-in:14px;--po-bg:#111;--po-acc:#FFC21A}
.lisan .nav{border-bottom:3px solid var(--ink)}
.lisan .btn{border-radius:14px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:12px 22px}
.lisan .cta,.lisan .b1,form .btn{background:var(--acc);color:#fff}.lisan .b2{background:var(--yel);color:var(--ink)}
.lisan .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.sec-h h2{font-size:38px;font-weight:700}.kick{color:#fff;background:var(--ink);padding:2px 12px;border-radius:6px}
.ls-hero{padding:56px 0 60px;background:#fff}
.ls-in{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:center}
.ls-k{display:inline-block;background:var(--yel);border:3px solid var(--ink);border-radius:99px;padding:3px 16px;font-weight:700;transform:rotate(-2deg)}
.ls-hero h1{font-size:64px;font-weight:700;line-height:1.35;margin:18px 0}
.ls-hero h1 em{font-style:normal;color:var(--acc);background:linear-gradient(transparent 62%,var(--yel) 62%,var(--yel) 88%,transparent 88%)}
.ls-t>p{font-size:18px;color:var(--ink2);max-width:560px}
.hero-b{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ls-v{border:3px solid var(--ink);border-radius:26px;overflow:hidden;box-shadow:10px 10px 0 var(--acc);transform:rotate(1.5deg);background:#fff}
.ls-v img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ls-st{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.ls-st div{border:3px solid var(--ink);border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:12px;background:var(--pink)}
.ls-st div:nth-child(2){background:#FFF3C9}.ls-st div:nth-child(3){background:#E6F4FF}
.ls-st b{font-family:var(--fh);font-size:30px;line-height:1.2}.ls-st span{font-weight:500}
.ls-cards{background:var(--pink);border-block:3px solid var(--ink)}
.ls-g{grid-template-columns:repeat(3,1fr);gap:30px 22px}
.ls-c{position:relative;background:#fff;border:3px solid var(--ink);border-radius:26px 26px 26px 6px;padding:22px 22px 18px;margin-bottom:14px}
body:not(.ltr) .ls-c{border-radius:26px 26px 6px 26px}
.ls-c::after{content:"";position:absolute;bottom:-17px;inset-inline-start:26px;width:24px;height:16px;background:inherit;border:3px solid var(--ink);border-top:0;border-inline-end:0;clip-path:polygon(0 0,100% 0,0 100%);transform:translateY(-1px)}
.ls-c:nth-child(3n+2){background:var(--yel)}.ls-c:nth-child(3n){background:#111;color:#fff}.ls-c:nth-child(3n) p{color:#ddd}
.ls-c:nth-child(3n)::after{border-color:#111}
.ls-c h3{font-size:22px;font-family:var(--fh)}.ls-c p{margin:6px 0 10px;color:var(--ink2)}
.ls-c .ag{font-size:12px;font-weight:700;border:2px solid currentColor;border-radius:99px;padding:1px 10px}
.awards span{border:2px solid var(--ink);background:#fff}
.ls-ig{grid-template-columns:repeat(4,1fr)}.ls-i{border:3px solid var(--ink);border-radius:16px;padding:18px;background:#fff}.ls-i .i{width:30px;height:30px;color:var(--acc)}.ls-i h3{font-size:18px;font-family:var(--fh);margin-top:6px}.ls-i p{margin:2px 0 0;color:var(--ink2)}
.card{border:3px solid var(--ink);border-radius:20px}
.ben{background:#fff}.bc{box-shadow:6px 6px 0 var(--ink)}.bc h3{font-family:var(--fh);font-size:22px}.quote{color:var(--ink);font-size:24px}
.why{background:var(--yel);border-block:3px solid var(--ink)}.why-v{border:3px solid var(--ink);border-radius:24px;min-height:360px;background-color:#fff}
.ticks .i{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--acc);color:#fff}
.rv{background:#fff}.fq{background:var(--pink);border-block:3px solid var(--ink)}.faqs details{border:3px solid var(--ink);border-radius:14px}
.bk{background:#fff}.bk form{box-shadow:8px 8px 0 var(--acc)}input,select,textarea{border:2px solid var(--ink)}
.ct{background:#fff}.soc a{border:2px solid var(--ink)}
footer{background:var(--ink);color:#ccc}
@media (max-width:900px){.ls-in{grid-template-columns:1fr}.ls-hero h1{font-size:40px}.ls-st,.ls-g,.ls-ig{grid-template-columns:1fr}.sec-h h2{font-size:30px}.ls-v{transform:none;box-shadow:6px 6px 0 var(--acc)}.why-v{min-height:260px}}
.bk-in>*,.bk form label{min-width:0}.bk input,.bk select,.bk textarea{width:100%;min-width:0;max-width:100%}