button {border: none;font-weight: 600;font-size: 15px;}
/* STEP BAR */
.step-bar {display: flex;align-items: center;justify-content: space-between;}
.step {width: 35px;height: 35px;background: #e5e7eb;color: #555;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.step.active {background:linear-gradient(131deg, #267cfb, #0dcaf0);color: #fff;box-shadow: 0px 0px 1px 3px #0000001a;}
.step.done {background:linear-gradient(131deg, #267cfb, #0dcaf0);color: #fff;}
.line {flex: 1;height: 2px;background: #e5e7eb;    margin: 0 7px;}
.step.done + .line {background:linear-gradient(131deg, #267cfb, #0dcaf0);}
.step-text {text-align: center;margin: 15px 0;color: #555;}
/* FORM */
.form-step {display: none;}
.form-step.active {display: block;}
.tradesperson-signup .card{background:#fff;border-radius:16px;padding:45px 60px;box-shadow:0 10px 30px rgba(0,0,0,.08);}
/* ===== STEPPER ===== */
.stepper-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:30px;}
.stepper{position:relative;width:80%;display:flex;justify-content:space-between;}
.stepper::before{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background:#e6ecf5;transform:translateY(-50%);}
.step{width:36px;height:36px;border-radius:50%;background:#e6ecf5;color:#6b7a90;display:flex;align-items:center;justify-content:center;font-weight:600;z-index:1;}

.step-text{margin-top:10px;color:#6b7a90;font-size:14px}
/* ===== FORM ===== */
.form-step{display:none;}
.form-step.active{display:block;}
.form-group{margin-bottom:22px;}
label{font-weight:600;font-size:14px;display:block;margin-bottom:8px;}
.input-wrapper{}
input,select{border:none;outline:none;width:100%;font-size:15px;background:none;display:flex;align-items:center;gap:12px;border:1.5px solid #cfd9ea;border-radius:14px;padding:14px 16px;}

/* ===== BUTTONS ===== */
/*button{border:none;font-weight:600;font-size:15px}
button:disabled{opacity:.6;cursor:not-allowed}*/
button.send-btn:disabled{opacity:.6;cursor:not-allowed}
.send-btn{width:100%;padding:16px;border-radius:14px;background:linear-gradient(131deg, #267cfb, #0dcaf0);color:#fff;}
.btn-footer{display:flex;justify-content:space-between;margin-top:40px;}
.btn-back{background:transparent;color:#8a96a8;}
.btn-continue{background:linear-gradient(131deg, #267cfb, #0dcaf0);color:#fff;padding:14px 28px;border-radius:14px;}
.btn-continue.enabled{background:#1e6eff;cursor:pointer;}
/* OTP */
.otp-info{background:#eef5ff;border:1.5px solid #cfe0ff;padding:14px;border-radius:14px;margin-bottom:20px;color:#1e5eff;}

#otp{text-align:center;font-size:26px;letter-spacing:6px;border:1.5px solid #cfd9ea;border-radius:14px;padding:18px;}

/*step 2*/
/* Step heading */
.step-title{text-align:center;font-size:26px;font-weight:700;}
.step-subtitle{text-align:center;color:#6b7a90;margin-bottom:40px;}
/* Business Type Cards */
.business-type{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.type-card{border:1.5px solid #e2e8f3;border-radius:16px;padding:22px;cursor:pointer;display:block;}
.type-card input{display:none;}
.type-card:has(input:checked){border-color:#1e6eff;background:#f3f7ff;}
.type-content{display:flex;flex-direction:column;gap:6px;}
.type-title{font-weight:700;}
.type-desc{font-size:14px;color:#6b7a90;}
.type-icon{font-size:22px;}

/* Service Area Checkboxes */
.area-checkboxes{display:flex;flex-wrap:wrap;gap:12px;}
.area-checkboxes label{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid #d8e0ec;border-radius:999px;
cursor:pointer;font-size:14px;}
.area-checkboxes input{accent-color:#1e6eff;}
.area-pills{display:flex;flex-wrap:wrap;gap:12px;}
/* Pill Base */
.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid #d8e0ec;border-radius:999px;cursor:pointer;font-size:14px;color:#1f2937;transition:.2s ease;user-select:none;}
/* Hide checkbox */
.pill input{display:none;}
/* Check icon hidden by default */
.pill i{display:none;font-style:normal;font-size:14px;color:#1e6eff;}
/* ACTIVE STATE */
.pill:has(input:checked){border-color:#1e6eff;color:#1e6eff;background:#f3f7ff;}
.pill:has(input:checked) i{display:inline;}
/*step3*/
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;    margin-top: 10px;}
.category-card {border:2px solid #e2e8f0;border-radius:14px;padding:10px 12px;cursor:pointer;transition:.2s ease;display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff;margin: 0;box-shadow: none;}
.category-card input{display:none;}
.category-card .icon{font-size:24px;display:block;margin:auto;}
.category-card .title{font-weight:600;}
.category-card .tick{display:none;}
.category-card:has(input:checked){border-color:#1e6eff;background:#f3f7ff;}
.category-card:has(input:checked) .tick{display:block}
/* Sub section */
.sub-card{margin-top:30px;background:#f9fbff;border-radius:16px;padding:24px;}
.sub-block{display:none;margin-top:18px;}
.sub-block strong{display:block;margin-bottom:10px;}
/* Pills */
.pill-group{display:flex;flex-wrap:wrap;gap:10px;}
.pill{padding:8px 14px;border:1.5px solid #dbe3ef;border-radius:999px;cursor:pointer;font-size:14px;}
.pill input{display:none;}
.pill:has(input:checked){border-color:#22c55e;background:#ecfdf5;color:#15803d;}

.otp-section {display: none;margin-top: 15px;}
#otp {width: 100%;padding: 12px;font-size: 18px;letter-spacing: 6px;}

/*step-4*/
.upload-box{border:2px dashed #c7d3ea;border-radius:14px;padding:30px;text-align:center;margin-bottom:16px;}
.upload-box strong{display:block;margin-top:10px;}
.upload-box span{font-size:13px;color:#6b7280;}
/* ===== FILE PREVIEW ===== */
.file-preview{display:flex;align-items:center;gap:12px;border:1px solid #e3e7ef;padding:12px;border-radius:12px;width:fit-content;margin-bottom:24px;}

.file{border:1px solid #E4E7EC;border-radius:12px;padding:10px 14px;width:fit-content;margin-bottom:24px;    font-size: 13px;
gap: 10px;align-items: center;    position: relative;}
.file .remove{background:#EF4444;border:none;font-size:16px;cursor:pointer;color:#fff;position: absolute;    right: -5px;
top: -5px;width: 20px;height: 20px;border-radius: 20px;font-size: 11px;    display: none;}
.file:hover .remove{display: block;}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 20px;}
.upload-sub { font-size: 11px;  color: #8f9297;}
.upload-box svg {height: 40px;width: 30px;color: #70767e;}
.idInput{border-color:#1677ff85;}
.upload-box.idInput svg {color:#1677FF;}
.upload-box:hover{border-color:#1677FF;}

.preview-grid{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap;}
.preview-card{width:180px;}
.preview-img{width:100%;height:120px;border-radius:12px;object-fit:cover;border:1px solid #E4E7EC;}
.desc-input{margin-top:8px;width:100%;height:36px;border-radius:10px;border:1px solid #D0D5DD;padding:0 12px;font-size:13px;}

/* ===== UPLOAD AREA ===== */
.upload-area{border:2px dashed #C7D7F0;border-radius:16px;padding:42px;text-align:center;cursor:pointer;}
.upload-area:hover{background:#F8FAFF;}
.upload-icon{width:48px;height:48px;margin:0 auto 14px;background:#EEF4FF;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#98A2B3;}
.upload-title{font-size:16px;font-weight:600;}
.upload-sub{font-size:14px;color:#667085;margin-top:4px;}

/* ===== ONLINE PRESENCE ===== */
.section{margin-top:36px;border:1px solid #E4E7EC;border-radius:16px;padding:28px;background:#F9FAFB;}
.section h2{margin:0 0 20px;font-size:22px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
input[type=text]{  width:100%;  height:44px;  border-radius:10px;  border:1px solid #D0D5DD;  padding:0 14px;  font-size:14px;}
div#insuranceSection {  margin-bottom: 20px;}


/* ===== INFO BOX ===== */
.info{display:flex;gap:14px;align-items:flex-start;background:#EEF4FF;border:1px solid #C7D7FF;border-radius:14px;padding:18px 20px;margin-bottom:28px;}
.info-icon{width:34px;height:34px;border-radius:50%;background:#1677FF;color:#fff;display:flex;align-items:center;justify-content:center;
font-weight:700;}
.info h3{margin:0;font-size:15px;}
.info p{margin:4px 0 0;font-size:14px;color:#2563EB;}

/* ===== QUESTION ===== */
.section-title{font-size:14px;font-weight:600;margin-bottom:12px;}
/* ===== YES / NO CARDS ===== */
.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px;}
.choice{border:1.5px solid #D0D5DD;border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center;cursor:pointer;}
.choice.active{border-color:#1677FF;background:#F5FAFF;}
.choice-icon{width:28px;height:28px;border-radius:50%;border:2px solid #98A2B3;display:flex;align-items:center;justify-content:center;
color:#1677FF;font-weight:700;}
.choice.active .choice-icon{border-color:#1677FF;}
.choice span{font-size:14px;font-weight:600;}
/* ===== CHECK LIST ===== */
.checklist{  display:flex;  flex-direction:column;  gap:14px;  margin-bottom:24px;}
.check-item{  border:1px solid #E4E7EC;  border-radius:14px;  padding:14px 16px;  display:flex;  gap:12px;  align-items:center;}
.check-item input{width:18px;height:18px;}

/* ===== CONFIRM ===== */
.confirm{background:#F9FAFB;border:1px solid #E4E7EC;border-radius:14px;padding:16px;display:flex;gap:12px;}
.confirm p{margin:0;font-size:14px;color:#344054;}

/* ===== FOOTER ===== */
.upload-box.green{  border:2px dashed #22C55E;}
.choice.active{  border-color:#22C55E;background:#ECFDF3;}
.choice.active .choice-icon{  border-color:#22C55E;  color:#22C55E;}

/* YES / NO cards */
.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;}
.choice{border:1.5px solid #D0D5DD;border-radius:14px;padding:18px;display:flex;gap:12px;align-items:center;cursor:pointer;}
.choice-icon{width:28px;height:28px;border-radius:50%;border:2px solid #98A2B3;display:flex;align-items:center;justify-content:center;}
.choice.active{border-color:#22C55E;background:#ECFDF3;}
.choice.active .choice-icon{border-color:#22C55E;color:#22C55E;}
/* Upload section */
.upload-label{font-size:14px;font-weight:600;margin-bottom:10px;display:block;}
.insurance-upload{border:2px dashed #22C55E;border-radius:16px;padding:28px;text-align:center;cursor:pointer;background:#F6FFFA;}
.shield-icon{font-size:28px;color:#22C55E;margin-bottom:8px;}
.upload-text{font-size:14px;font-weight:600;color:#16A34A;}
/* File preview */
.insurance-file{display:none;align-items:center;gap:10px;margin-top:14px;}

.insurance-recommended{margin:18px 0 28px;background:#FFFBEB;border:1.5px solid #FACC15;border-radius:14px;padding:18px;display:flex;
gap:14px;}
.warn-icon{font-size:22px;}
.insurance-recommended strong{color:#92400E;font-size:14px;}
.insurance-recommended p{margin:6px 0 0;font-size:14px;color:#92400E;}
input#confirmCheck{max-width:20px;}

/* ===== PLANS ===== */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.plan{border:2px solid #E4E7EC;border-radius:18px;padding:34px 30px;background:#fff;position:relative;cursor:pointer;transition:.25s;}
/* SELECTED */
.plan.selected{border-color:#1677FF;background:#F0F7FF;}
/* POPULAR */
.plan.popular{border-color:#BBD3FF;}
.popular-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#1677FF;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;}
/* ICON */
.plan-icon{width:44px;height:44px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;color:#98A2B3;}
.plan.selected .plan-icon{color:#1677FF;}
/* TITLE & PRICE */
.plan h3{text-align:center;font-size:18px;margin:0}
.price{text-align:center;font-size:34px;font-weight:700;margin:12px 0 4px;}
.price-sub{text-align:center;font-size:14px;color:#667085;margin-bottom:24px;}
/* FEATURES */
.features{list-style:none;padding:0;margin:0}
.features li{display:flex;gap:10px;margin-bottom:14px;font-size:14px;}
.features li::before{content:"✓";color:#16A34A;font-weight:700;}
/* SELECTED BTN */
.selected-btn{display:none;margin-top:24px;background:#E0EDFF;color:#1D4ED8;border:1.5px solid #93C5FD;height:40px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;}
.plan.selected .selected-btn{display:flex;}
/* FOOT NOTE */
.note{margin-top:40px;background:#F9FAFB;border:1px solid #E4E7EC;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#475467;}

.editstep .section{border:1px solid #E4E7EC;background:#F9FAFB;border-radius:16px;padding:20px 22px;margin-bottom:18px;position:relative;}
.editstep .section.highlight{background:#F0F7FF;border-color:#BBD3FF;}
/* ===== SECTION HEADER ===== */
.editstep  .section-title{font-size:18px;font-weight:700;margin:0 0 10px;}
.editstep .edit{position:absolute;top:20px;right:22px;font-size:14px;color:#2563EB;text-decoration:none;font-weight:500;}
.editstep .edit::before{content:"✎ ";}
/* ===== ROWS ===== */
.editstep .row{font-size:14px;color:#344054;margin-bottom:6px;}
.editstep .row strong{font-weight:600;}
.wrapper {  max-width: 800px;  margin: auto;}
.wrapper.planw,.wrapper.editstep {max-width: 100%;width: 100%;}
.stepMainSection {max-width: 72rem;margin: auto;padding-bottom: 50px;}
.type-icon svg {height: 40px;width: 40px;}
.type-card:has(input:checked) .type-icon svg{color:#1e6eff;}
.type-card:has(input:checked) .type-title{color:#1e6eff;}
.category-card .icon {width: auto; height: auto; margin-bottom:15px;}
.category-card .icon svg {width: 50px;height: 30px;margin:0 !important;padding: 0;stroke: rgb(123 131 139);stroke-width: 0.1rem;}
.category-card:has(input:checked) svg{stroke:#1e6eff;}

.category-card .tick svg {width:20px;height:20px;margin:0 !important;padding: 0;}
.file-icon svg {color: #2385f9;width:30px;height: 40px;}
.wrappersocial {
    width: 100%;
    margin: auto;
    max-width: 56rem;
}
.preview-card {position: relative;}
button.remove-btn {position: absolute;top:-10px;right:-10px; display: none;}
.preview-card:hover button.remove-btn{display: block;}
button.remove-btn svg{width:25px; height:25px;    color: #e50c0c;}
.choice input[type="radio"] {display: none;}