@import url('kbs-pages-2.css');
.kp{--ink:#0b0b0b;--mut:#6a6a6a;--line:#e3e1dd;--soft:#f3f1ee;--pink:#E1187B;--f:'Outfit',system-ui,sans-serif;--fh:'Playfair Display',Georgia,serif;font:400 15px/1.6 var(--f);color:var(--ink);background:#fbfaf8;padding:56px 3% 80px}
html[lang=ar] .kp{--f:'IBM Plex Sans Arabic','Outfit',sans-serif;--fh:'IBM Plex Sans Arabic','Playfair Display',serif}
.kp *{box-sizing:border-box}
.kp a{color:inherit;text-decoration:none}
.kp__eye{margin:0 0 12px;font:500 11px var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--pink)}
html[lang=ar] .kp__eye{letter-spacing:0;text-transform:none;font-size:13px}
.kp__h{margin:0 0 14px;font:700 48px/1.08 var(--fh)}
.kp__p{margin:0 0 28px;color:var(--mut);font-size:16px;max-width:520px}
.kp__in{max-width:1180px;margin:0 auto}
.kp__grid{display:grid;grid-template-columns:400px 1fr;gap:56px;align-items:start}
.kp__steps{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.kp__steps li{display:flex;gap:14px;align-items:center;font:500 15px var(--f)}
.kp__steps b{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 14px var(--f);flex:none}
.kp__card{background:#fff;border:1px solid #ece9e4;border-radius:28px;padding:36px;box-shadow:0 20px 60px rgba(0,0,0,.04)}
.kp__row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.kp__f{display:flex;flex-direction:column;justify-content:center;height:60px;border:1px solid #cfcbc4;border-radius:18px;padding:0 20px;background:#fff}
.kp__f:focus-within{border-color:var(--ink)}
.kp__f label{font:500 11px var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-bottom:2px}
html[lang=ar] .kp__f label{letter-spacing:0;text-transform:none;font-size:12px}
.kp input,.kp select,.kp textarea{font:500 16px var(--f);color:var(--ink);background:transparent;border:0;outline:0;padding:0;margin:0;width:100%;box-shadow:none;height:auto;min-height:0}
.kp__phone{display:grid;gap:10px}
.kp__sec{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 14px}
.kp__sec h2{margin:0;font:700 24px var(--fh)}
.kp__sec span{font:400 13px var(--f);color:var(--mut)}
.kp__line{display:grid;grid-template-columns:1fr 130px 48px;gap:12px;margin-bottom:12px}
.kp__line .kp__f{height:54px;border-radius:16px}
.kp__x{height:54px;border-radius:16px;background:var(--soft);display:grid;place-items:center;font:500 20px var(--f);color:var(--mut);cursor:pointer;border:0}
.kp__add{display:grid;place-items:center;height:50px;width:100%;border:1px dashed #b9b5ae;border-radius:16px;font:600 12px var(--f);letter-spacing:.14em;text-transform:uppercase;margin:4px 0 24px;cursor:pointer;background:transparent}
.kp__add:hover{border-color:var(--ink)}
.kp__notes{height:auto;min-height:100px;padding:16px 20px;border-radius:16px;margin-bottom:24px}
.kp__notes textarea{min-height:64px;resize:vertical}
.kp__btn{display:grid;place-items:center;width:100%;height:56px;border-radius:99px;background:var(--ink);color:#fff;font:600 12px var(--f);letter-spacing:.18em;text-transform:uppercase;border:0;cursor:pointer}
.kp__btn:hover{background:var(--pink)}
.kp__err{margin:0 0 20px;padding:14px 18px;border-radius:14px;background:#fdecef;color:#9b1239;font:500 14px var(--f)}
.kp__ok{text-align:center;padding:30px 10px}
.kp__ok h2{margin:0 0 10px;font:700 34px var(--fh)}
.kp__ok p{margin:0;color:var(--mut)}
.kp__t{max-width:760px;margin:0 auto;text-align:center}
.kp__t .kp__p{margin-inline:auto}
.kp__seg{display:flex;background:var(--soft);border-radius:99px;padding:4px;margin-bottom:20px}
.kp__seg label{flex:1;position:relative}
.kp__seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}
.kp__seg span{display:grid;place-items:center;height:44px;border-radius:99px;font:600 13px var(--f);color:var(--mut)}
.kp__seg input:checked+span{background:var(--ink);color:#fff}
.kp__t .kp__card{text-align:start}
.kp__trow{display:flex;gap:12px}
.kp__trow .kp__f{flex:1;height:56px;border-radius:99px;padding:0 24px}
.kp__trow .kp__btn{width:auto;padding:0 36px}
.kp__hint{margin-top:16px;font:400 13px var(--f);color:var(--mut)}
.kp__hint a{color:var(--ink);border-bottom:1px solid var(--ink)}
.kp__links{display:none;gap:12px;margin-top:20px}
.kp__links.on{display:flex}
.kp__links a{flex:1;display:grid;place-items:center;height:52px;border-radius:99px;border:1px solid var(--ink);font:600 12px var(--f);letter-spacing:.14em;text-transform:uppercase}
.kp__links a:hover{background:var(--ink);color:#fff}
@media (max-width:900px){.kp{padding:32px 16px 56px}.kp__h{font-size:34px}.kp__grid{grid-template-columns:1fr;gap:28px}.kp__card{padding:22px;border-radius:24px}.kp__row2{grid-template-columns:1fr}.kp__line{grid-template-columns:1fr 92px 44px}.kp__trow{flex-direction:column}.kp__trow .kp__btn{width:100%;height:54px}.kp__links{flex-direction:column}}