/* BP IT TECH Course Registration Form – scoped under .bpit */
.bpit{--navy:#0B2447;--navy2:#13315C;--blue:#1D6FE0;--blue-soft:#E8F1FD;--ink:#14213D;--mute:#5B6B84;--line:#D5DEEA;--bg:#F2F6FB;--card:#fff;--err:#C62828;--ok:#1B7F4B}
.bpit,.bpit *{box-sizing:border-box}
.bpit{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 "Noto Sans Bengali","Segoe UI",Kalpurush,Roboto,system-ui,sans-serif}
.bpit header{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;padding:28px 16px 64px;text-align:center}
.bpit header h1{margin:0;font-size:clamp(28px,6vw,40px);letter-spacing:.04em;font-weight:800}
.bpit header .bn{font-size:clamp(20px,4vw,26px);font-weight:600;margin-top:2px}
.bpit .contact{margin:20px auto 0;max-width:720px}
.bpit .addr{font-size:clamp(15px,3.6vw,18px);line-height:1.6;color:#E3EEFC}
.bpit .addr .bn2{margin-top:2px;font-weight:600;color:#fff}
.bpit .links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px}
.bpit .links a,.bpit .links span{display:inline-block;padding:10px 18px;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:clamp(15px,3.6vw,17px);font-weight:600}
.bpit .links a:hover{background:rgba(255,255,255,.18)}
.bpit main{max-width:720px;margin:-44px auto 0;padding:0 14px 24px}
.bpit .title{background:var(--card);border-radius:18px;padding:24px 20px;text-align:center;font-weight:800;font-size:clamp(22px,5.5vw,32px);line-height:1.35;color:var(--navy);box-shadow:0 6px 24px rgba(11,36,71,.1);border-top:4px solid var(--blue)}
.bpit section{background:var(--card);border-radius:18px;padding:20px;margin-top:16px;box-shadow:0 2px 12px rgba(11,36,71,.06)}
.bpit h2{margin:0 0 14px;font-size:17px;color:var(--navy);padding-left:10px;border-left:4px solid var(--blue)}
.bpit .f{margin-bottom:16px}
.bpit .f:last-child{margin-bottom:0}
.bpit label,.bpit .lbl{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.bpit .req{color:var(--err)}
.bpit .opt{color:var(--mute);font-weight:400;font-size:13px}
.bpit input[type=text],.bpit input[type=tel],.bpit input[type=email],.bpit select,.bpit textarea{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fff;color:var(--ink);appearance:none;-webkit-appearance:none}
.bpit select{background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
.bpit textarea{min-height:88px;resize:vertical}
.bpit input:focus,.bpit select:focus,.bpit textarea:focus,.bpit .card input:focus-visible+span{outline:3px solid rgba(29,111,224,.3);border-color:var(--blue)}
.bpit .invalid{border-color:var(--err)!important}
.bpit .err{color:var(--err);font-size:13.5px;margin-top:5px;display:none}
.bpit .err.show{display:block}
.bpit .cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bpit .cards.three{grid-template-columns:repeat(3,1fr)}
.bpit .card{position:relative;display:block;margin:0;cursor:pointer}
.bpit .card input{position:absolute;opacity:0;inset:0}
.bpit .card span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:62px;padding:10px 6px;border:1.5px solid var(--line);border-radius:14px;font-weight:600;font-size:14.5px;transition:.15s;background:#fff}
.bpit .card input:checked+span{border-color:var(--blue);background:var(--blue-soft);color:var(--navy);box-shadow:inset 0 0 0 1px var(--blue)}
.bpit .sub{background:var(--blue-soft);border-radius:14px;padding:16px;margin-top:14px}
.bpit .hide{display:none!important}
.bpit .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.bpit .bar{position:sticky;bottom:0;margin-top:16px;border-radius:14px 14px 0 0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));z-index:5}
.bpit .bar .in{max-width:720px;margin:0 auto}
.bpit button{font:inherit;cursor:pointer}
.bpit .btn{width:100%;padding:16px;border:0;border-radius:14px;background:var(--blue);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px}
.bpit .btn:hover{background:#155ec2}
.bpit .btn:disabled{opacity:.7;cursor:wait}
.bpit .spin{width:20px;height:20px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:s .7s linear infinite}
@keyframes s{to{transform:rotate(360deg)}}
.bpit .banner{margin-top:16px;padding:14px 16px;border-radius:12px;background:#FDECEC;color:var(--err);font-weight:600;display:none}
.bpit .banner.show{display:block}
.bpit footer{text-align:center;color:var(--mute);font-size:13px;margin-top:22px}
@media(max-width:480px){.bpit .cards.three{grid-template-columns:1fr}
.bpit section{padding:16px}}
@media(prefers-reduced-motion:reduce){.bpit,.bpit *{animation:none!important;transition:none!important}}
.bpit .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bpit #success{display:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 18px;margin-top:16px;box-shadow:0 6px 24px rgba(11,36,71,.08)}
.bpit .s-top{text-align:center}
.bpit .tick{width:64px;height:64px;border-radius:50%;background:#E3F6EA;color:var(--ok);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.bpit .tick .ic{width:30px;height:30px;stroke-width:2.4}
.bpit .s-title{font-weight:800;font-size:clamp(19px,5vw,23px);color:var(--navy)}
.bpit .s-sub{color:var(--mute);font-size:14px;margin-top:2px}
.bpit .hr{height:1px;background:var(--line);margin:18px 0}
.bpit .sidlabel{text-align:center;color:var(--mute);font-size:13px}
.bpit .sid{text-align:center;font-weight:800;font-size:clamp(17px,4.6vw,20px);color:var(--navy);letter-spacing:.03em;margin:4px 0 12px;word-break:break-all}
.bpit .pill{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:14px}
.bpit .pill:hover,.bpit .act:hover{background:var(--blue-soft)}
.bpit .s-h{font-weight:800;color:var(--navy);margin:20px 0 10px;font-size:16px}
.bpit .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bpit .act{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);text-align:center}
.bpit .act b{font-size:14px}
.bpit .act small{color:var(--mute);font-size:12px}
.bpit .act .ic{width:22px;height:22px}
.bpit .steps{margin:0;padding-left:22px;line-height:1.9}
.bpit .s-tag{color:var(--mute);font-size:14px;margin-bottom:6px}
.bpit .crow{display:flex;align-items:center;gap:12px;padding:9px 0;font-size:15px}
.bpit .crow span{flex:1;word-break:break-all}
.bpit .crow button{border:0;background:none;padding:4px;color:var(--ink);line-height:0}
.bpit .addr2{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:14px}
.bpit .home{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:14px;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;text-decoration:none}
.bpit .home:hover{background:var(--navy2)}
.bpit .newbtn{display:block;width:100%;margin-top:10px;padding:12px;border:1.5px solid var(--blue);background:#fff;color:var(--blue);border-radius:999px;font-weight:700}
.bpit .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}
.bpit .toast.on{opacity:1}
.bpit #receipt{display:none}
.bpit .rc{max-width:700px;margin:0 auto;color:#000;font-family:"Noto Sans Bengali","Segoe UI",Arial,sans-serif}
.bpit .rc h1{margin:0;font-size:24px}
.bpit .rc h2{margin:18px 0 0;font-size:18px;border-bottom:2px solid #000;padding-bottom:6px}
.bpit .rc .rsub{font-size:13px;color:#333;line-height:1.6;margin-top:4px}
.bpit .rc table{width:100%;border-collapse:collapse;margin-top:12px}
.bpit .rc td{border:1px solid #888;padding:7px 10px;font-size:14px;vertical-align:top;word-break:break-word}
.bpit .rc td:first-child{width:38%;font-weight:700;background:#f1f1f1}
.bpit .rc .note{margin-top:16px;font-size:12px;color:#444}
.bpit .infocard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;margin-top:14px}
.bpit .ihead{background:linear-gradient(160deg,var(--navy),var(--navy2));color:#fff;padding:20px 16px;text-align:center}
.bpit .ititle{font-weight:800;font-size:clamp(18px,4.6vw,22px)}
.bpit .itag{margin-top:4px;font-size:14px;color:#CFE0F7}
.bpit .iwel{margin-top:12px;font-weight:700}
.bpit .iprice{margin-top:6px;font-size:15px;line-height:1.7}
.bpit .iprice b{background:#fff;color:var(--navy);padding:2px 10px;border-radius:999px;white-space:nowrap}
.bpit .ibody{padding:16px}
.bpit .cols2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bpit .ih{font-weight:800;color:var(--navy);margin:16px 0 6px;font-size:15.5px}
.bpit .cols2 .ih{margin-top:0}
.bpit .ibody>.ih:first-child{margin-top:0}
.bpit .ilist{list-style:none;margin:0;padding:0}
.bpit .ilist li{position:relative;padding:4px 0 4px 22px;font-size:14.5px;line-height:1.6}
.bpit .ilist li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.bpit .ilist.num{counter-reset:n}
.bpit .ilist.num li{counter-increment:n}
.bpit .ilist.num li:before{content:counter(n) ".";color:var(--blue)}
.bpit .note2{margin-top:14px;padding:10px 12px;background:var(--blue-soft);border-radius:12px;font-size:14px;line-height:1.6}
.bpit .chips{display:flex;flex-wrap:wrap;gap:8px}
.bpit .chips span{padding:7px 12px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:600;background:#fff}
.bpit .feebox{margin-top:14px;padding:12px 14px;border-radius:12px;background:#FFF8E5;border:1px solid #F2DDA0;line-height:1.8;font-size:15px}
.bpit .feebox b{font-size:19px;color:#8A5A00}
.bpit .feebox s{color:var(--mute)}
.bpit .cbtn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;vertical-align:middle}
.bpit .payinfo{padding:12px 14px;border-radius:12px;background:#FFF8E5;border:1px solid #F2DDA0;line-height:1.9;font-size:14.5px;margin-bottom:16px}
.bpit .card span small{font-weight:500;color:var(--mute);font-size:12.5px}
@media(max-width:480px){.bpit .cols2{grid-template-columns:1fr}}
.bpit{display:block;width:100%;line-height:1.5;text-align:left}
.bpit header{border-radius:18px 18px 0 0}
.bpit.bpit-noheader main{margin-top:0;padding-top:0}
.bpit button,.bpit input,.bpit select,.bpit textarea{text-transform:none;letter-spacing:normal;margin:0}
.bpit .btn{box-shadow:none;text-shadow:none}
.bpit h1,.bpit h2,.bpit h3{font-family:inherit;margin-top:0}
.bpit label{display:block}
.bpit .card{display:block}


/* Keep header text white even if the theme styles h1/links/headings */
.bpit header,.bpit header h1,.bpit header .bn,.bpit header .addr,.bpit header .addr div,.bpit header .bn2{color:#fff!important}
.bpit header .addr div:first-child{color:#E3EEFC!important}
.bpit header .links a,.bpit header .links span{color:#fff!important;text-decoration:none!important}
.bpit header h1{text-transform:none!important;line-height:1.2!important}
.bpit .title{color:var(--navy)!important}
.bpit h2{color:var(--navy)!important}
.bpit .btn,.bpit .btn *{color:#fff!important}

/* Prevent theme from clipping text in fields */
.bpit select,.bpit input[type=text],.bpit input[type=tel],.bpit textarea{height:auto!important;min-height:50px;line-height:1.4!important;padding-top:12px!important;padding-bottom:12px!important;font-size:16px!important;box-sizing:border-box!important;color:var(--ink)!important}
.bpit select{padding-right:36px!important;overflow:visible!important;text-overflow:ellipsis}
.bpit textarea{min-height:88px}
/* Success screen + info cards: keep colours/typography even if the theme styles buttons, lists and links */
.bpit .home,.bpit .home *{color:#fff!important;text-decoration:none!important}
.bpit .pill,.bpit .act{color:var(--ink)!important;background:#fff!important}
.bpit .newbtn{color:var(--blue)!important;background:#fff!important}
.bpit .cbtn{color:var(--ink)!important;background:#fff!important}
.bpit .pill,.bpit .act,.bpit .newbtn,.bpit .home,.bpit .cbtn{text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none}
.bpit svg.ic{width:18px;height:18px;max-width:none}
.bpit .tick svg.ic{width:30px;height:30px}
.bpit .act svg.ic{width:22px;height:22px}
.bpit ol.steps{list-style:decimal;margin:0;padding-left:22px}
.bpit ol.steps li{margin:0;padding:0}
.bpit ul.ilist,.bpit ol.ilist{list-style:none!important;margin:0!important;padding:0!important}
.bpit .ihead,.bpit .ihead *{color:#fff!important}
.bpit .iprice b{color:var(--navy)!important}
.bpit .feebox b{color:#8A5A00!important}
/* Print only the receipt */
@media print{
  body *{visibility:hidden!important}
  .bpit #receipt,.bpit #receipt *{visibility:visible!important}
  .bpit #receipt{display:block!important;position:absolute;left:0;top:0;width:100%;padding:12px;background:#fff}
}