.mcb-section .mcb-wrap .mcb-item-b56571c1e .title,.mcb-section .mcb-wrap .mcb-item-b56571c1e .title a{color:#4F7EFF;}.mcb-section .mcb-wrap .mcb-item-b56571c1e .title{font-size:14px;line-height:20px;font-weight:700;font-weight:600;text-transform:uppercase;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-b56571c1e .mcb-column-inner-b56571c1e{padding-bottom:7px;padding-top:7px;padding-right:7px;padding-left:7px;margin-bottom:20px;background-color:#0F1627;border-style:solid;border-color:rgba(79,126,255,0.28);border-width:1px 1px 1px 1px;border-radius:1422px 1422px 1422px 1422px;}.mcb-section .mcb-wrap .mcb-item-5c9014c47 .title,.mcb-section .mcb-wrap .mcb-item-5c9014c47 .title a{color:#FFFFFF;}.mcb-section .mcb-wrap .mcb-item-5c9014c47 .title{font-size:70px;line-height:70px;font-weight:700;font-family:'Syne';font-weight:800;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-5c9014c47 .mcb-column-inner-5c9014c47{margin-bottom:0px;}.mcb-section .mcb-wrap .mcb-item-449b45a86 .title,.mcb-section .mcb-wrap .mcb-item-449b45a86 .title a{color:#4F7EFF;}.mcb-section .mcb-wrap .mcb-item-449b45a86 .title{font-size:70px;line-height:70px;font-weight:700;font-family:'Syne';font-weight:800;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-449b45a86 .mcb-column-inner-449b45a86{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-2575a0870 .title,.mcb-section .mcb-wrap .mcb-item-2575a0870 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-2575a0870 .title{font-size:18px;line-height:28px;font-weight:500;font-weight:400;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-2575a0870 .mcb-column-inner-2575a0870{margin-bottom:0px;}.mcb-section .mcb-wrap-f17ed7e42 > .mcb-wrap-inner-f17ed7e42{padding-top:50px;margin-bottom:-30px;align-content:center;align-items:center;justify-content:flex-start;}.mcb-section .mcb-wrap-f17ed7e42{align-self:center;}section.mcb-section-0e19239c8{background-color:#080A0E;background-position:top center;margin-top:-30px;margin-bottom:0px;padding-bottom:0px;padding-top:50px;background-image:radial-gradient(at center center, #060F1F 0%, #080A0E 54%);background-size:cover;}section.mcb-section-0e19239c8 .mcb-background-overlay{opacity:0.36;background-position:center;background-size:cover;background-image:url(https://techminds.merahdigital.com/wp-content/uploads/2026/06/ChatGPT-Image-Jun-19-2026-07_49_31-PM.png#978);}section.mcb-section-0e19239c8 .mcb-section-inner-0e19239c8{align-content:center;align-items:center;justify-content:center;}.mcb-section .mcb-wrap .mcb-item-h5wi58wm .mcb-column-inner-h5wi58wm{background-image:<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap" rel="stylesheet">
<style>

#tm-booking-embed *{margin:0;padding:0;box-sizing:border-box}
#tm-booking-embed{
--bg:#080A0E;--bg2:#0D1018;--bg3:#111420;
--surface:#141820;--surface2:#1A1F2E;--surface3:#20263A;
--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--border3:rgba(255,255,255,0.22);
--text:#F2F4F8;--text2:#9AA3B8;--text3:#5C6478;--text4:#3A3F52;
--accent:#4F7EFF;--accent-d:rgba(79,126,255,0.10);--accent-b:rgba(79,126,255,0.25);
--green:#00D4AA;--green-d:rgba(0,212,170,0.08);--green-b:rgba(0,212,170,0.22);
--gold:#C9A84C;
--display:'Syne',sans-serif;--body:'DM Sans',sans-serif;
background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.6;
display:block;
}

/* MAIN LAYOUT */
#tm-booking-embed .main-layout{display:grid;grid-template-columns:1fr 420px;gap:0;align-items:start}

/* LEFT PANEL — FORM */
#tm-booking-embed .form-panel{padding:56px 52px;border-right:1px solid var(--border)}

/* STEP INDICATOR */
#tm-booking-embed .steps{display:flex;align-items:center;gap:0;margin-bottom:48px}
#tm-booking-embed .step{display:flex;align-items:center;gap:10px}
#tm-booking-embed .step-bubble{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:var(--display);transition:all 0.3s;flex-shrink:0}
#tm-booking-embed .step-bubble.done{background:var(--green);color:#fff}
#tm-booking-embed .step-bubble.active{background:var(--accent);color:#fff}
#tm-booking-embed .step-bubble.todo{background:var(--surface2);color:var(--text3);border:1px solid var(--border2)}
#tm-booking-embed .step-label{font-size:12px;font-weight:500;transition:color 0.3s}
#tm-booking-embed .step-label.active{color:var(--text)}
#tm-booking-embed .step-label.done{color:var(--green)}
#tm-booking-embed .step-label.todo{color:var(--text3)}
#tm-booking-embed .step-connector{flex:1;height:1px;background:var(--border2);margin:0 12px;min-width:20px}
#tm-booking-embed .step-connector.done{background:var(--green)}

/* FORM SECTIONS */
#tm-booking-embed .form-section{display:none}
#tm-booking-embed .form-section.active{display:block}
#tm-booking-embed .form-sec-title{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-0.5px;color:var(--text);margin-bottom:6px}
#tm-booking-embed .form-sec-sub{font-size:14px;color:var(--text2);line-height:1.6;margin-bottom:32px;font-weight:300}

/* INPUTS */
#tm-booking-embed .field{margin-bottom:20px}
#tm-booking-embed .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
#tm-booking-embed .field-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:0.09em;font-weight:600;display:block;margin-bottom:8px}
#tm-booking-embed .field-label span{color:#FF6B6B}
#tm-booking-embed .field-input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:9px;padding:13px 16px;color:var(--text);font-family:var(--body);font-size:14px;outline:none;transition:border-color 0.2s;-webkit-appearance:none}
#tm-booking-embed .field-input:focus{border-color:rgba(79,126,255,0.45);background:var(--surface3)}
#tm-booking-embed .field-input::placeholder{color:var(--text4)}
#tm-booking-embed .field-input.error, #tm-booking-embed .field-select.error, #tm-booking-embed .field-textarea.error{border-color:#FF6B6B}
#tm-booking-embed .field-select{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:9px;padding:13px 16px;color:var(--text);font-family:var(--body);font-size:14px;outline:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235C6478' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
#tm-booking-embed .field-select:focus{border-color:rgba(79,126,255,0.45)}
#tm-booking-embed .field-textarea{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:9px;padding:13px 16px;color:var(--text);font-family:var(--body);font-size:14px;outline:none;resize:vertical;min-height:100px;line-height:1.6;transition:border-color 0.2s}
#tm-booking-embed .field-textarea:focus{border-color:rgba(79,126,255,0.45)}
#tm-booking-embed .field-textarea::placeholder{color:var(--text4)}
#tm-booking-embed .field-hint{font-size:12px;color:var(--text3);margin-top:6px;line-height:1.5}

/* SERVICE SELECTOR */
#tm-booking-embed .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
#tm-booking-embed .svc-opt{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:10px}
#tm-booking-embed .svc-opt:hover{border-color:var(--border3);background:var(--surface3)}
#tm-booking-embed .svc-opt.selected{border-color:var(--accent);background:var(--accent-d)}
#tm-booking-embed .svc-opt.selected .svc-check{opacity:1}
#tm-booking-embed .svc-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
#tm-booking-embed .svc-name{font-size:13px;color:var(--text2);font-weight:500;transition:color 0.2s}
#tm-booking-embed .svc-opt.selected .svc-name{color:var(--text)}
#tm-booking-embed .svc-check{width:16px;height:16px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:0;transition:opacity 0.2s;font-size:10px;color:#fff;flex-shrink:0}

/* BUDGET SLIDER */
#tm-booking-embed .budget-display{font-family:var(--display);font-size:28px;font-weight:800;color:var(--accent);letter-spacing:-1px;margin-bottom:8px}
#tm-booking-embed .budget-range{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--surface3);outline:none;margin-bottom:6px}
#tm-booking-embed .budget-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}
#tm-booking-embed .budget-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg)}
#tm-booking-embed .budget-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text3)}

/* CALENDAR GRID */
#tm-booking-embed .cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#tm-booking-embed .cal-month{font-family:var(--display);font-size:16px;font-weight:700;color:var(--text);letter-spacing:-0.3px}
#tm-booking-embed .cal-nav{width:28px;height:28px;border-radius:7px;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);font-size:14px;transition:all 0.2s;font-family:var(--body)}
#tm-booking-embed .cal-nav:hover{border-color:var(--border3);color:var(--text2)}
#tm-booking-embed .cal-days-header{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}
#tm-booking-embed .cal-day-name{text-align:center;font-size:11px;color:var(--text3);font-weight:600;letter-spacing:0.04em;padding:4px 0}
#tm-booking-embed .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:20px}
#tm-booking-embed .cal-cell{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all 0.2s;font-family:var(--body);border:none;background:transparent;color:var(--text2)}
#tm-booking-embed .cal-cell:hover:not(.empty):not(.past){background:var(--surface2);color:var(--text)}
#tm-booking-embed .cal-cell.today{border:1px solid var(--border3);color:var(--text)}
#tm-booking-embed .cal-cell.selected{background:var(--accent);color:#fff!important}
#tm-booking-embed .cal-cell.past{color:var(--text4);cursor:default}
#tm-booking-embed .cal-cell.empty{cursor:default}

/* TIME SLOTS */
#tm-booking-embed .time-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:0.09em;font-weight:600;margin-bottom:10px}
#tm-booking-embed .time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#tm-booking-embed .time-slot{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:10px 8px;text-align:center;cursor:pointer;transition:all 0.2s;font-size:13px;color:var(--text2);font-family:var(--body)}
#tm-booking-embed .time-slot:hover:not(.taken){border-color:var(--border3);color:var(--text)}
#tm-booking-embed .time-slot.chosen{border-color:var(--accent);background:var(--accent-d);color:var(--accent)}
#tm-booking-embed .time-slot.taken{color:var(--text4);cursor:default;text-decoration:line-through}

/* BUTTONS */
#tm-booking-embed .btn-next{width:100%;background:var(--accent);color:#fff;border:none;padding:15px 24px;border-radius:10px;font-family:var(--display);font-size:15px;font-weight:700;cursor:pointer;transition:all 0.2s;letter-spacing:-0.2px;margin-top:8px}
#tm-booking-embed .btn-next:hover{background:#3D6AE8;transform:translateY(-1px)}
#tm-booking-embed .btn-back-step{background:transparent;color:var(--text3);border:none;font-family:var(--body);font-size:13px;cursor:pointer;padding:10px 0;transition:color 0.2s;display:flex;align-items:center;gap:6px}
#tm-booking-embed .btn-back-step:hover{color:var(--text2)}
#tm-booking-embed .btn-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px}

/* RIGHT PANEL — SIDEBAR */
#tm-booking-embed .info-panel{background:var(--bg2);padding:56px 40px;border-left:1px solid var(--border);position:sticky;top:0}
#tm-booking-embed .info-section{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--border)}
#tm-booking-embed .info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
#tm-booking-embed .info-title{font-family:var(--display);font-size:13px;font-weight:700;color:var(--text);letter-spacing:-0.2px;margin-bottom:16px}

/* WHAT TO EXPECT */
#tm-booking-embed .expect-list{display:flex;flex-direction:column;gap:14px}
#tm-booking-embed .expect-item{display:flex;align-items:flex-start;gap:12px}
#tm-booking-embed .expect-num{width:22px;height:22px;border-radius:50%;background:var(--accent-d);border:1px solid var(--accent-b);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;font-family:var(--display)}
#tm-booking-embed .expect-text{font-size:13px;color:var(--text2);line-height:1.55}
#tm-booking-embed .expect-text strong{color:var(--text);font-weight:500;display:block;margin-bottom:2px;font-family:var(--display);font-size:13px}

/* SESSION DETAILS */
#tm-booking-embed .detail-list{display:flex;flex-direction:column;gap:12px}
#tm-booking-embed .detail-row{display:flex;align-items:center;gap:10px}
#tm-booking-embed .detail-icon{width:30px;height:30px;border-radius:8px;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
#tm-booking-embed .detail-text{font-size:13px;color:var(--text2)}
#tm-booking-embed .detail-text strong{color:var(--text);font-weight:500}

/* SOCIAL PROOF */
#tm-booking-embed .proof-stat{text-align:center;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}
#tm-booking-embed .proof-num{font-family:var(--display);font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--text)}
#tm-booking-embed .proof-label{font-size:11px;color:var(--text3);margin-top:4px;line-height:1.4}
#tm-booking-embed .proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* TESTIMONIAL SNIPPET */
#tm-booking-embed .testi-mini{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}
#tm-booking-embed .testi-stars{color:var(--gold);font-size:13px;letter-spacing:1px;margin-bottom:10px}
#tm-booking-embed .testi-q{font-size:13px;color:var(--text2);line-height:1.55;font-style:italic;font-weight:300;margin-bottom:12px}
#tm-booking-embed .testi-by{font-size:12px;color:var(--text3)}
#tm-booking-embed .testi-by strong{color:var(--text2);font-weight:500}

/* SUCCESS STATE */
#tm-booking-embed .success-screen{display:none;text-align:center;padding:60px 32px}
#tm-booking-embed .success-screen.show{display:flex;flex-direction:column;align-items:center}
#tm-booking-embed .success-icon{width:80px;height:80px;border-radius:50%;background:var(--green-d);border:2px solid var(--green-b);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:28px;animation:popIn 0.5s ease}
@keyframes popIn{0%{transform:scale(0.5);opacity:0}80%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}
#tm-booking-embed .success-title{font-family:var(--display);font-size:28px;font-weight:800;letter-spacing:-0.8px;color:var(--text);margin-bottom:12px}
#tm-booking-embed .success-sub{font-size:15px;color:var(--text2);line-height:1.65;max-width:380px;font-weight:300;margin-bottom:32px}
#tm-booking-embed .success-details{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:28px;width:100%;max-width:380px;text-align:left}
#tm-booking-embed .suc-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
#tm-booking-embed .suc-row:last-child{border-bottom:none;padding-bottom:0}
#tm-booking-embed .suc-icon{width:28px;height:28px;border-radius:7px;background:var(--accent-d);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
#tm-booking-embed .suc-label{font-size:12px;color:var(--text3)}
#tm-booking-embed .suc-val{font-size:13px;color:var(--text);font-weight:500;margin-top:1px}
#tm-booking-embed .success-home{font-size:13px;color:var(--accent);text-decoration:none;font-weight:500;cursor:pointer}

#tm-booking-embed{overflow-x:hidden;max-width:100%}
#tm-booking-embed .main-layout{max-width:100%}

@media (max-width:900px){
#tm-booking-embed .main-layout{grid-template-columns:1fr}
#tm-booking-embed .info-panel{border-left:none;border-top:1px solid var(--border);position:static;padding:40px 24px}
#tm-booking-embed .form-panel{padding:40px 24px}
#tm-booking-embed .field-row{grid-template-columns:1fr}
#tm-booking-embed .service-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
#tm-booking-embed{font-size:14px}
#tm-booking-embed .form-panel{padding:28px 16px}
#tm-booking-embed .info-panel{padding:32px 16px}
#tm-booking-embed .steps{margin-bottom:28px}
#tm-booking-embed .step-bubble{width:22px;height:22px;font-size:10px}
#tm-booking-embed .step-connector{margin:0 4px;min-width:8px}
#tm-booking-embed .step-label{display:none}
#tm-booking-embed .form-sec-title{font-size:19px}
#tm-booking-embed .form-sec-sub{font-size:13px;margin-bottom:24px}
#tm-booking-embed .field{margin-bottom:16px}
#tm-booking-embed .field-input,#tm-booking-embed .field-select,#tm-booking-embed .field-textarea{font-size:13px;padding:12px 14px}
#tm-booking-embed .budget-display{font-size:22px}
#tm-booking-embed .budget-labels{font-size:10px}
#tm-booking-embed .cal-grid{gap:3px}
#tm-booking-embed .cal-cell{font-size:11px;border-radius:6px}
#tm-booking-embed .cal-day-name{font-size:10px;padding:2px 0}
#tm-booking-embed .time-grid{grid-template-columns:repeat(2,1fr);gap:6px}
#tm-booking-embed .time-slot{font-size:12px;padding:9px 6px}
#tm-booking-embed .btn-row{flex-wrap:wrap;gap:10px}
#tm-booking-embed .btn-row .btn-next{width:100%;order:1}
#tm-booking-embed .btn-row .btn-back-step{order:2}
#tm-booking-embed .success-screen{padding:40px 16px}
#tm-booking-embed .success-title{font-size:22px}
#tm-booking-embed .success-sub{font-size:14px}
#tm-booking-embed .success-details{padding:18px}
}

</style>

<div id="tm-booking-embed">
<div class="main-layout">

  <!-- LEFT: FORM -->
  <div class="form-panel">

    <!-- STEP INDICATOR -->
    <div class="steps" id="stepIndicator">
      <div class="step">
        <div class="step-bubble active" id="b1">1</div>
        <div class="step-label active" id="l1">About You</div>
      </div>
      <div class="step-connector" id="c1"></div>
      <div class="step">
        <div class="step-bubble todo" id="b2">2</div>
        <div class="step-label todo" id="l2">Your Business</div>
      </div>
      <div class="step-connector" id="c2"></div>
      <div class="step">
        <div class="step-bubble todo" id="b3">3</div>
        <div class="step-label todo" id="l3">Choose a Time</div>
      </div>
      <div class="step-connector" id="c3"></div>
      <div class="step">
        <div class="step-bubble todo" id="b4">4</div>
        <div class="step-label todo" id="l4">Confirm</div>
      </div>
    </div>

    <!-- STEP 1: ABOUT YOU -->
    <div class="form-section active" id="step1">
      <div class="form-sec-title">Let's start with you.</div>
      <div class="form-sec-sub">Tell us who you are so we can prepare the right consultant for your session.</div>
      <div class="field-row">
        <div class="field">
          <label class="field-label">First Name <span>*</span></label>
          <input class="field-input" type="text" placeholder="Ahmad" id="fname">
        </div>
        <div class="field">
          <label class="field-label">Last Name <span>*</span></label>
          <input class="field-input" type="text" placeholder="Khairul" id="lname">
        </div>
      </div>
      <div class="field">
        <label class="field-label">Work Email <span>*</span></label>
        <input class="field-input" type="email" placeholder="ahmad@company.com" id="email">
        <div class="field-hint">We'll send your confirmation and pre-session brief here.</div>
      </div>
      <div class="field">
        <label class="field-label">Phone Number <span>*</span></label>
        <input class="field-input" type="tel" placeholder="+60 12-345 6789" id="phone">
        <div class="field-hint">WhatsApp preferred — we'll send a reminder the morning of your session.</div>
      </div>
      <div class="field">
        <label class="field-label">Your Role / Title</label>
        <input class="field-input" type="text" placeholder="e.g. CEO, Marketing Director, Founder" id="role">
      </div>
      <div class="field">
        <label class="field-label">How did you hear about Tech Minds?</label>
        <select class="field-select" id="source">
          <option value="">Select one</option>
          <option>Google Search</option>
          <option>LinkedIn</option>
          <option>Referral from a client</option>
          <option>Social Media</option>
          <option>Event or Conference</option>
          <option>Other</option>
        </select>
      </div>
      <button class="btn-next" onclick="goStep(2)">Continue — Your Business →</button>
    </div>

    <!-- STEP 2: YOUR BUSINESS -->
    <div class="form-section" id="step2">
      <div class="form-sec-title">Tell us about your business.</div>
      <div class="form-sec-sub">This helps us match you with the right specialist and prepare a focused agenda before we meet.</div>
      <div class="field-row">
        <div class="field">
          <label class="field-label">Company Name <span>*</span></label>
          <input class="field-input" type="text" placeholder="Acme Sdn Bhd" id="company">
        </div>
        <div class="field">
          <label class="field-label">Industry <span>*</span></label>
          <select class="field-select" id="industry">
            <option value="">Select industry</option>
            <option>Property & Real Estate</option>
            <option>Financial Services & Fintech</option>
            <option>E-Commerce & Retail</option>
            <option>Healthcare & MedTech</option>
            <option>Education & EdTech</option>
            <option>Technology & SaaS</option>
            <option>Government & GLC</option>
            <option>Manufacturing</option>
            <option>Hospitality & Tourism</option>
            <option>Other</option>
          </select>
        </div>
      </div>
      <div class="field">
        <label class="field-label">Which services are you most interested in? <span>*</span></label>
        <div class="service-grid" id="serviceGrid">
          <div class="svc-opt" onclick="toggleSvc(this)"><div class="svc-dot" style="background:#4F7EFF"></div><div class="svc-name">Growth Marketing</div><div class="svc-check">✓</div></div>
          <div class="svc-opt" onclick="toggleSvc(this)"><div class="svc-dot" style="background:#00D4AA"></div><div class="svc-name">Performance Advertising</div><div class="svc-check">✓</div></div>
          <div class="svc-opt" onclick="toggleSvc(this)"><div class="svc-dot" style="background:#A78BFA"></div><div class="svc-name">Brand & Social Growth</div><div class="svc-check">✓</div></div>
          <div class="svc-opt" onclick="toggleSvc(this)"><div class="svc-dot" style="background:#C9A84C"></div><div class="svc-name">Digital Experiences</div><div class="svc-check">✓</div></div>
          <div class="svc-opt" onclick="toggleSvc(this)"><div class="svc-dot" style="background:#FF7F7F"></div><div class="svc-name">AI Transformation</div><div class="svc-check">✓</div></div>
          <div class="svc-opt" onclick="toggleSvc(this)"><div class="svc-dot" style="background:var(--text3)"></div><div class="svc-name">Full Growth Partnership</div><div class="svc-check">✓</div></div>
        </div>
      </div>
      <div class="field">
        <label class="field-label">Monthly Marketing Budget (RM)</label>
        <div class="budget-display" id="budgetDisplay">RM 20,000</div>
        <input class="budget-range" type="range" min="0" max="10" step="1" value="3" id="budgetSlider" oninput="updateBudget(this.value)">
        <div class="budget-labels"><span>RM 5K</span><span>RM 50K</span><span>RM 100K</span><span>RM 200K+</span></div>
      </div>
      <div class="field">
        <label class="field-label">What is your primary growth challenge right now? <span>*</span></label>
        <select class="field-select" id="challenge">
          <option value="">Select your biggest challenge</option>
          <option>Not enough leads or enquiries</option>
          <option>Poor conversion — leads not becoming customers</option>
          <option>High cost per lead / poor ad ROAS</option>
          <option>Brand visibility and awareness</option>
          <option>Scaling without increasing headcount</option>
          <option>Outdated digital presence or website</option>
          <option>Leveraging AI to improve efficiency</option>
          <option>Entering a new market</option>
          <option>Other</option>
        </select>
      </div>
      <div class="field">
        <label class="field-label">What would a successful outcome look like for you?</label>
        <textarea class="field-textarea" placeholder="e.g. We want to grow revenue from RM5M to RM15M within 18 months, primarily through digital channels and improving our current website conversion rate..." id="outcome"></textarea>
        <div class="field-hint">The more detail you share, the more valuable your session will be.</div>
      </div>
      <div class="field">
        <label class="field-label">Any specific deadline or urgency?</label>
        <input class="field-input" type="text" placeholder="e.g. Launching a new product in Q3, or rebranding before end of year" id="urgency">
      </div>
      <div class="btn-row">
        <button class="btn-back-step" onclick="goStep(1)">← Back</button>
        <button class="btn-next" style="width:auto;padding:15px 36px" onclick="goStep(3)">Choose a Time →</button>
      </div>
    </div>

    <!-- STEP 3: CALENDAR -->
    <div class="form-section" id="step3">
      <div class="form-sec-title">Pick your preferred time.</div>
      <div class="form-sec-sub">All sessions are 60 minutes. Choose a day and time that works for you — Kuala Lumpur time (MYT, UTC+8).</div>

      <div class="cal-header">
        <button class="cal-nav" onclick="prevMonth()">‹</button>
        <div class="cal-month" id="calMonth">June 2026</div>
        <button class="cal-nav" onclick="nextMonth()">›</button>
      </div>
      <div class="cal-days-header">
        <div class="cal-day-name">Sun</div><div class="cal-day-name">Mon</div><div class="cal-day-name">Tue</div>
        <div class="cal-day-name">Wed</div><div class="cal-day-name">Thu</div><div class="cal-day-name">Fri</div>
        <div class="cal-day-name">Sat</div>
      </div>
      <div class="cal-grid" id="calGrid"></div>

      <div id="timeSection" style="display:none">
        <div class="time-label" id="selectedDateLabel">Available times for Thursday, 12 June</div>
        <div class="time-grid" id="timeGrid"></div>
      </div>

      <div class="btn-row" style="margin-top:24px">
        <button class="btn-back-step" onclick="goStep(2)">← Back</button>
        <button class="btn-next" style="width:auto;padding:15px 36px" onclick="goStep(4)">Review & Confirm →</button>
      </div>
    </div>

    <!-- STEP 4: CONFIRM -->
    <div class="form-section" id="step4">
      <div class="form-sec-title">Review your booking.</div>
      <div class="form-sec-sub">Check everything looks right before we confirm your strategy session.</div>

      <div style="background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:24px;margin-bottom:24px">
        <div style="font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:0.09em;font-weight:600;margin-bottom:16px">Session Details</div>
        <div style="display:flex;flex-direction:column;gap:14px">
          <div style="display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)">
            <div style="width:32px;height:32px;border-radius:8px;background:var(--accent-d);border:1px solid var(--accent-b);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0">📅</div>
            <div><div style="font-size:12px;color:var(--text3);margin-bottom:2px">Date & Time</div><div style="font-size:14px;color:var(--text);font-weight:500" id="confirmDateTime">—</div></div>
          </div>
          <div style="display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)">
            <div style="width:32px;height:32px;border-radius:8px;background:var(--green-d);border:1px solid var(--green-b);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0">⏱</div>
            <div><div style="font-size:12px;color:var(--text3);margin-bottom:2px">Duration</div><div style="font-size:14px;color:var(--text);font-weight:500">60 minutes via Zoom (link sent to your email)</div></div>
          </div>
          <div style="display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)">
            <div style="width:32px;height:32px;border-radius:8px;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0">👤</div>
            <div><div style="font-size:12px;color:var(--text3);margin-bottom:2px">Your Details</div><div style="font-size:14px;color:var(--text);font-weight:500" id="confirmName">—</div><div style="font-size:13px;color:var(--text3)" id="confirmEmail"></div></div>
          </div>
          <div style="display:flex;align-items:flex-start;gap:12px">
            <div style="width:32px;height:32px;border-radius:8px;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0">🎯</div>
            <div><div style="font-size:12px;color:var(--text3);margin-bottom:2px">Session Focus</div><div style="font-size:14px;color:var(--text);font-weight:500" id="confirmServices">—</div></div>
          </div>
        </div>
      </div>

      <div style="background:var(--surface2);border-radius:10px;padding:16px;margin-bottom:24px;display:flex;gap:10px;align-items:flex-start">
        <div style="font-size:14px;flex-shrink:0;margin-top:1px">ℹ️</div>
        <div style="font-size:13px;color:var(--text2);line-height:1.55">You'll receive a confirmation email with your Zoom link and a short pre-session brief within 15 minutes. We'll also send a WhatsApp reminder the morning of your session.</div>
      </div>

      <div class="field">
        <label class="field-label">Anything else you'd like us to know?</label>
        <textarea class="field-textarea" placeholder="Any additional context, questions, or specific topics you want to cover..." id="extra" style="min-height:80px"></textarea>
      </div>

      <div style="display:flex;align-items:flex-start;gap:10px;margin-bottom:20px">
        <input type="checkbox" id="agree" style="margin-top:3px;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0">
        <label for="agree" style="font-size:13px;color:var(--text3);line-height:1.5;cursor:pointer">I agree to Tech Minds' <span style="color:var(--accent)">Privacy Policy</span> and consent to being contacted regarding my strategy session and relevant services.</label>
      </div>

      <div class="btn-row">
        <button class="btn-back-step" onclick="goStep(3)">← Back</button>
        <button class="btn-next" id="submitBtn" style="width:auto;padding:15px 40px;background:var(--green);font-size:16px" onclick="submitForm()">✓ Confirm Booking</button>
      </div>
    </div>

    <!-- SUCCESS -->
    <div class="success-screen" id="successScreen">
      <div class="success-icon">✓</div>
      <div class="success-title">You're confirmed!</div>
      <div class="success-sub">Your strategy session is booked. Check your email for the confirmation, Zoom link, and your personalised pre-session brief.</div>
      <div class="success-details">
        <div class="suc-row">
          <div class="suc-icon">📅</div>
          <div><div class="suc-label">Date & Time</div><div class="suc-val" id="sucDateTime">—</div></div>
        </div>
        <div class="suc-row">
          <div class="suc-icon">📧</div>
          <div><div class="suc-label">Confirmation sent to</div><div class="suc-val" id="sucEmail">—</div></div>
        </div>
        <div class="suc-row">
          <div class="suc-icon">🎯</div>
          <div><div class="suc-label">Focus area</div><div class="suc-val" id="sucServices">—</div></div>
        </div>
      </div>
      <a class="success-home" onclick="resetForm()">← Book another session</a>
    </div>

  </div>

  <!-- RIGHT: SIDEBAR -->
  <div class="info-panel">

    <div class="info-section">
      <div class="info-title">What to expect</div>
      <div class="expect-list">
        <div class="expect-item">
          <div class="expect-num">1</div>
          <div class="expect-text"><strong>We review your details</strong>A senior consultant studies your business and goals before the call.</div>
        </div>
        <div class="expect-item">
          <div class="expect-num">2</div>
          <div class="expect-text"><strong>We meet on Zoom</strong>60 focused minutes — no pitch deck, just a real conversation.</div>
        </div>
        <div class="expect-item">
          <div class="expect-num">3</div>
          <div class="expect-text"><strong>You get a growth brief</strong>A written summary of opportunities and next steps, yours to keep.</div>
        </div>
      </div>
    </div>

    <div class="info-section">
      <div class="info-title">Session details</div>
      <div class="detail-list">
        <div class="detail-row"><div class="detail-icon">⏱</div><div class="detail-text"><strong>60 minutes</strong> via Zoom</div></div>
        <div class="detail-row"><div class="detail-icon">🆓</div><div class="detail-text"><strong>Free</strong> — no obligation</div></div>
        <div class="detail-row"><div class="detail-icon">🔒</div><div class="detail-text"><strong>Confidential</strong> — NDA on request</div></div>
      </div>
    </div>

    <div class="info-section">
      <div class="info-title">Social proof</div>
      <div class="proof-grid">
        <div class="proof-stat"><div class="proof-num">240+</div><div class="proof-label">Brands grown</div></div>
        <div class="proof-stat"><div class="proof-num">4.9★</div><div class="proof-label">Average rating</div></div>
      </div>
    </div>

    <div class="info-section">
      <div class="info-title">What clients say</div>
      <div class="testi-mini">
        <div class="testi-stars">★★★★★</div>
        <div class="testi-q">"The strategy session alone was worth more than most agencies' full proposals. We signed within the week."</div>
        <div class="testi-by"><strong>Sarah Lim</strong> · Head of Growth, Orbit Retail</div>
      </div>
    </div>

  </div>
</div>

<script>

/* ===== CONFIG ===== */
// Set this to your endpoint to actually receive submissions (WP admin-ajax.php action,
// a WordPress REST route, or a service like Formspree/Web3Forms). Leave blank to just
// log to console and show the success screen (useful for testing inside the builder).
var FORM_ENDPOINT = "";

/* ===== STATE ===== */
var currentStep = 1;
var selectedServices = [];
var selectedDateObj = null;
var selectedTimeText = null;
var calViewDate = new Date();
var todayMidnight = new Date(); todayMidnight.setHours(0,0,0,0);
var budgetValues = [0,5000,10000,20000,30000,50000,75000,100000,150000,200000,250000];
var monthNames = ["January","February","March","April","May","June","July","August","September","October","November","December"];
var dayShort = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];

/* ===== STEP NAVIGATION ===== */
function goStep(target){
  if(target > currentStep && !validateStep(currentStep)){
    return;
  }
  currentStep = target;
  for(var i=1;i<=4;i++){
    document.getElementById('step'+i).classList.toggle('active', i===target);
    var bubble = document.getElementById('b'+i);
    var label = document.getElementById('l'+i);
    bubble.classList.remove('done','active','todo');
    label.classList.remove('done','active','todo');
    if(i < target){ bubble.classList.add('done'); bubble.textContent = '✓'; label.classList.add('done'); }
    else if(i === target){ bubble.classList.add('active'); bubble.textContent = i; label.classList.add('active'); }
    else { bubble.classList.add('todo'); bubble.textContent = i; label.classList.add('todo'); }
    if(i < 4){
      document.getElementById('c'+i).classList.toggle('done', i < target);
    }
  }
  if(target === 3 && !document.getElementById('calGrid').children.length){
    renderCalendar();
  }
  if(target === 4){
    populateReview();
  }
  var panel = document.querySelector('.form-panel');
  if(panel && typeof panel.scrollIntoView === 'function'){
    panel.scrollIntoView({behavior:'smooth', block:'start'});
  }
}

function clearError(el){ el.classList.remove('error'); }

function validateStep(step){
  var ok = true;
  if(step === 1){
    ['fname','lname','email','phone'].forEach(function(id){
      var el = document.getElementById(id);
      clearError(el);
      if(!el.value.trim()){ el.classList.add('error'); ok = false; }
    });
    var email = document.getElementById('email');
    if(email.value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.value)){ email.classList.add('error'); ok = false; }
  } else if(step === 2){
    ['company','industry','challenge'].forEach(function(id){
      var el = document.getElementById(id);
      clearError(el);
      if(!el.value.trim()){ el.classList.add('error'); ok = false; }
    });
    if(selectedServices.length === 0){ ok = false; }
  } else if(step === 3){
    if(!selectedDateObj || !selectedTimeText){ ok = false; }
  }
  if(!ok){ alert('Please fill in the required fields before continuing.'); }
  return ok;
}

/* ===== STEP 2: SERVICES + BUDGET ===== */
function toggleSvc(el){
  el.classList.toggle('selected');
  var name = el.querySelector('.svc-name').textContent;
  var idx = selectedServices.indexOf(name);
  if(el.classList.contains('selected') && idx === -1){ selectedServices.push(name); }
  else if(!el.classList.contains('selected') && idx > -1){ selectedServices.splice(idx,1); }
}

function updateBudget(val){
  var idx = parseInt(val,10);
  var display = document.getElementById('budgetDisplay');
  if(idx >= budgetValues.length-1){ display.textContent = 'RM 200,000+'; }
  else { display.textContent = 'RM ' + budgetValues[idx].toLocaleString(); }
}

/* ===== STEP 3: CALENDAR ===== */
function renderCalendar(){
  document.getElementById('calMonth').textContent = monthNames[calViewDate.getMonth()] + ' ' + calViewDate.getFullYear();
  var grid = document.getElementById('calGrid');
  grid.innerHTML = '';
  var year = calViewDate.getFullYear(), month = calViewDate.getMonth();
  var firstDay = new Date(year, month, 1).getDay();
  var daysInMonth = new Date(year, month+1, 0).getDate();

  for(var e=0; e<firstDay; e++){
    var empty = document.createElement('div');
    empty.className = 'cal-cell empty';
    grid.appendChild(empty);
  }
  for(var d=1; d<=daysInMonth; d++){
    var cellDate = new Date(year, month, d);
    var btn = document.createElement('button');
    btn.className = 'cal-cell';
    btn.textContent = d;
    if(cellDate < todayMidnight || cellDate.getDay() === 0 || cellDate.getDay() === 6){
      btn.classList.add('past');
    } else {
      btn.addEventListener('click', (function(dt, b){ return function(){ selectDate(dt,b); }; })(cellDate, btn));
      if(cellDate.getTime() === todayMidnight.getTime()){ btn.classList.add('today'); }
      if(selectedDateObj && cellDate.getTime() === selectedDateObj.getTime()){ btn.classList.add('selected'); }
    }
    grid.appendChild(btn);
  }
}

function prevMonth(){
  var test = new Date(calViewDate.getFullYear(), calViewDate.getMonth()-1, 1);
  var thisMonthStart = new Date(todayMidnight.getFullYear(), todayMidnight.getMonth(), 1);
  if(test < thisMonthStart) return;
  calViewDate = test;
  renderCalendar();
}
function nextMonth(){
  calViewDate = new Date(calViewDate.getFullYear(), calViewDate.getMonth()+1, 1);
  renderCalendar();
}

function selectDate(dateObj, btnEl){
  document.querySelectorAll('.cal-cell.selected').forEach(function(c){ c.classList.remove('selected'); });
  btnEl.classList.add('selected');
  selectedDateObj = dateObj;
  selectedTimeText = null;
  var label = document.getElementById('selectedDateLabel');
  label.textContent = 'Available times for ' + dayShort[dateObj.getDay()].replace('Sun','Sunday').replace('Mon','Monday').replace('Tue','Tuesday').replace('Wed','Wednesday').replace('Thu','Thursday').replace('Fri','Friday').replace('Sat','Saturday') + ', ' + dateObj.getDate() + ' ' + monthNames[dateObj.getMonth()];
  document.getElementById('timeSection').style.display = 'block';
  renderTimeSlots(dateObj);
}

function renderTimeSlots(dateObj){
  var slots = ['9:00 AM','10:00 AM','11:00 AM','1:00 PM','2:00 PM','3:00 PM','4:00 PM','5:00 PM'];
  // Deterministic "taken" slots based on the day number, just for a realistic demo look.
  var takenIdx = [(dateObj.getDate()) % slots.length, (dateObj.getDate()+3) % slots.length];
  var grid = document.getElementById('timeGrid');
  grid.innerHTML = '';
  slots.forEach(function(t, i){
    var cell = document.createElement('div');
    cell.className = 'time-slot';
    cell.textContent = t;
    if(takenIdx.indexOf(i) > -1){
      cell.classList.add('taken');
    } else {
      cell.addEventListener('click', function(){
        document.querySelectorAll('.time-slot.chosen').forEach(function(c){ c.classList.remove('chosen'); });
        cell.classList.add('chosen');
        selectedTimeText = t;
      });
    }
    grid.appendChild(cell);
  });
}

/* ===== STEP 4: REVIEW ===== */
function populateReview(){
  var fname = document.getElementById('fname').value.trim();
  var lname = document.getElementById('lname').value.trim();
  var email = document.getElementById('email').value.trim();
  document.getElementById('confirmName').textContent = (fname + ' ' + lname).trim();
  document.getElementById('confirmEmail').textContent = email;
  document.getElementById('confirmServices').textContent = selectedServices.length ? selectedServices.join(', ') : '—';
  if(selectedDateObj && selectedTimeText){
    var dStr = dayShort[selectedDateObj.getDay()] + ', ' + selectedDateObj.getDate() + ' ' + monthNames[selectedDateObj.getMonth()] + ' ' + selectedDateObj.getFullYear();
    document.getElementById('confirmDateTime').textContent = dStr + ' · ' + selectedTimeText + ' MYT';
  }
}

/* ===== SUBMIT ===== */
function submitForm(){
  if(!document.getElementById('agree').checked){
    alert('Please confirm you agree to the Privacy Policy before booking.');
    return;
  }
  var payload = {
    firstName: document.getElementById('fname').value.trim(),
    lastName: document.getElementById('lname').value.trim(),
    email: document.getElementById('email').value.trim(),
    phone: document.getElementById('phone').value.trim(),
    role: document.getElementById('role').value.trim(),
    source: document.getElementById('source').value,
    company: document.getElementById('company').value.trim(),
    industry: document.getElementById('industry').value,
    services: selectedServices,
    budget: document.getElementById('budgetDisplay').textContent,
    challenge: document.getElementById('challenge').value,
    outcome: document.getElementById('outcome').value.trim(),
    urgency: document.getElementById('urgency').value.trim(),
    date: selectedDateObj ? selectedDateObj.toISOString().slice(0,10) : null,
    time: selectedTimeText,
    extra: document.getElementById('extra').value.trim()
  };

  var btn = document.getElementById('submitBtn');
  btn.disabled = true;
  btn.textContent = 'Booking…';

  function showSuccess(){
    document.getElementById('sucDateTime').textContent = document.getElementById('confirmDateTime').textContent;
    document.getElementById('sucEmail').textContent = payload.email;
    document.getElementById('sucServices').textContent = payload.services.join(', ') || '—';
    document.querySelector('.form-section.active').classList.remove('active');
    document.getElementById('successScreen').classList.add('show');
    btn.disabled = false;
    btn.textContent = '✓ Confirm Booking';
  }

  if(FORM_ENDPOINT){
    fetch(FORM_ENDPOINT, {
      method: 'POST',
      headers: {'Content-Type':'application/json'},
      body: JSON.stringify(payload)
    }).then(function(){ showSuccess(); })
      .catch(function(err){
        console.error('Booking submission failed', err);
        alert('Something went wrong sending your booking. Please try again or contact us directly.');
        btn.disabled = false;
        btn.textContent = '✓ Confirm Booking';
      });
  } else {
    console.log('FORM_ENDPOINT not set — booking payload:', payload);
    setTimeout(showSuccess, 400);
  }
}

function resetForm(){
  document.getElementById('successScreen').classList.remove('show');
  currentStep = 1;
  selectedServices = [];
  selectedDateObj = null;
  selectedTimeText = null;
  document.querySelectorAll('.svc-opt.selected').forEach(function(s){ s.classList.remove('selected'); });
  document.querySelectorAll('input.field-input, textarea.field-textarea').forEach(function(i){ i.value=''; });
  document.querySelectorAll('select.field-select').forEach(function(s){ s.value=''; });
  document.getElementById('agree').checked = false;
  document.getElementById('budgetSlider').value = 3;
  updateBudget(3);
  document.getElementById('timeSection').style.display = 'none';
  goStep(1);
}

/* ===== INIT ===== */
document.addEventListener('DOMContentLoaded', function(){
  renderCalendar();
});

</script>
;}.mcb-section .mcb-wrap-grid.mcb-wrap-e3dqdism > .mcb-wrap-inner-e3dqdism{grid-template-columns:repeat(3, 1fr);}.mcb-section .mcb-wrap .mcb-item-a2525e3ea .title,.mcb-section .mcb-wrap .mcb-item-a2525e3ea .title a{color:#545C6E;}.mcb-section .mcb-wrap .mcb-item-a2525e3ea .title{font-size:16px;line-height:32px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';text-align:center;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-a2525e3ea .mcb-column-inner-a2525e3ea{margin-bottom:0px;}.mcb-section .mcb-wrap-b4568403b > .mcb-wrap-inner-b4568403b{padding-right:0px;padding-bottom:0px;padding-left:0px;padding-top:0px;margin-bottom:5px;margin-left:5px;margin-top:5px;margin-right:5px;align-items:center;justify-content:center;border-style:solid;border-width:0px 1px 0px 0px;border-color:#545C6E;border-radius:0 1px 0 0;align-content:center;}.mcb-section .mcb-wrap-b4568403b{align-self:center;}.mcb-section .mcb-wrap .mcb-item-gqdh60b .title,.mcb-section .mcb-wrap .mcb-item-gqdh60b .title a{color:#545C6E;}.mcb-section .mcb-wrap .mcb-item-gqdh60b .title{font-size:16px;line-height:32px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';text-align:center;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-gqdh60b .mcb-column-inner-gqdh60b{margin-bottom:0px;}.mcb-section .mcb-wrap-y9xoruay > .mcb-wrap-inner-y9xoruay{padding-right:0px;padding-bottom:0px;padding-left:0px;padding-top:0px;margin-bottom:5px;margin-left:5px;margin-top:5px;margin-right:5px;align-items:center;justify-content:center;border-style:solid;border-width:0px 1px 0px 0px;border-color:#545C6E;border-radius:0 1px 0 0;align-content:center;}.mcb-section .mcb-wrap-y9xoruay{align-self:center;}.mcb-section .mcb-wrap .mcb-item-fibi7ol .title,.mcb-section .mcb-wrap .mcb-item-fibi7ol .title a{color:#545C6E;}.mcb-section .mcb-wrap .mcb-item-fibi7ol .title{font-size:16px;line-height:32px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';text-align:center;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-fibi7ol .mcb-column-inner-fibi7ol{margin-bottom:0px;}.mcb-section .mcb-wrap-dojhtuql > .mcb-wrap-inner-dojhtuql{padding-right:0px;padding-bottom:0px;padding-left:0px;padding-top:0px;margin-bottom:5px;margin-left:5px;margin-top:5px;margin-right:5px;align-items:center;justify-content:center;border-style:solid;border-width:0px 1px 0px 0px;border-color:#545C6E;border-radius:0 1px 0 0;align-content:center;}.mcb-section .mcb-wrap-dojhtuql{align-self:center;}.mcb-section .mcb-wrap .mcb-item-3jf6d5uin2g .title,.mcb-section .mcb-wrap .mcb-item-3jf6d5uin2g .title a{color:#545C6E;}.mcb-section .mcb-wrap .mcb-item-3jf6d5uin2g .title{font-size:16px;line-height:32px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';text-align:left;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-3jf6d5uin2g .mcb-column-inner-3jf6d5uin2g{margin-bottom:0px;}.mcb-section .mcb-wrap-tdaw6uoc > .mcb-wrap-inner-tdaw6uoc{padding-right:0px;padding-bottom:0px;padding-left:0px;padding-top:0px;margin-bottom:5px;margin-left:5px;margin-top:5px;margin-right:5px;align-items:center;justify-content:center;border-style:none;border-width:0 1px 0px 0px;align-content:center;}.mcb-section .mcb-wrap-tdaw6uoc{align-self:center;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7 .button:hover, .mcb-section .mcb-wrap .mcb-item-67daf6dc7 .button:before{background:#FFFFFF;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7 .mcb-column-inner-67daf6dc7{padding-bottom:0px;margin-bottom:0px;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7 .button i{color:#FFFFFF;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7 .button{color:#FFFFFF;font-size:16px;line-height:20px;font-weight:600;letter-spacing:1px;font-weight:400;background-image:linear-gradient(128deg, #4F7EFF 0%, #4F7EFF 100%);background-color:#4F7EFF;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7 .button:hover{color:#111111;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7 .button:hover i{color:#111111;}.mcb-section .mcb-wrap-6b4c8edba > .mcb-wrap-inner-6b4c8edba{padding-top:30px;align-content:center;align-items:center;}.mcb-section .mcb-wrap-6b4c8edba{align-self:center;}section.mcb-section-60c45636f{background-color:#080A0E;background-position:top center;margin-top:0px;padding-bottom:50px;background-image:radial-gradient(at center center, #080A0E 0%, #080A0E 54%);background-size:cover;border-radius:0px 0 1px 0;border-style:solid;border-width:0px 0 1px 0;border-color:rgba(126,126,126,0.19);}section.mcb-section-60c45636f .mcb-background-overlay{opacity:1;background-position:center;background-size:cover;}section.mcb-section-60c45636f .mcb-section-inner-60c45636f{align-content:center;align-items:center;justify-content:flex-start;}.mcb-section .mcb-wrap .mcb-item-3371f36b5 .mcb-column-inner-3371f36b5{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-f43a84575 .title,.mcb-section .mcb-wrap .mcb-item-f43a84575 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-f43a84575 .title{font-size:18px;line-height:22px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-f43a84575 .mcb-column-inner-f43a84575{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-e0a0ec36d .icon-wrapper i{color:#FFFFFF;font-size:34px;}.mcb-section .mcb-wrap .mcb-item-e0a0ec36d .icon-wrapper{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.mcb-section .mcb-wrap .mcb-item-f5e67154c .icon-wrapper i{color:#FFFFFF;font-size:34px;}.mcb-section .mcb-wrap .mcb-item-f5e67154c .icon-wrapper{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.mcb-section .mcb-wrap .mcb-item-38c4052c6 .icon-wrapper i{color:#FFFFFF;font-size:34px;}.mcb-section .mcb-wrap .mcb-item-38c4052c6 .icon-wrapper{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.mcb-section .mcb-wrap-37bfa6a21 > .mcb-wrap-inner-37bfa6a21{padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px;margin-bottom:0px;margin-left:0px;margin-top:0px;margin-right:0px;align-items:center;justify-content:flex-start;background-color:#080A0E;border-style:none;}.mcb-section .mcb-wrap-37bfa6a21{align-self:center;}.mcb-section .mcb-wrap .mcb-item-cec29547f .title,.mcb-section .mcb-wrap .mcb-item-cec29547f .title a{color:#848484;}.mcb-section .mcb-wrap .mcb-item-cec29547f .title{font-size:15px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:600;font-family:'DM Sans';text-transform:uppercase;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-cec29547f .mcb-column-inner-cec29547f{margin-bottom:15px;}.mcb-section .mcb-wrap .mcb-item-e844de144 .title,.mcb-section .mcb-wrap .mcb-item-e844de144 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-e844de144 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-e844de144 .mcb-column-inner-e844de144{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-db8dbcd89 .title,.mcb-section .mcb-wrap .mcb-item-db8dbcd89 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-db8dbcd89 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-db8dbcd89 .mcb-column-inner-db8dbcd89{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-c4db06282 .title,.mcb-section .mcb-wrap .mcb-item-c4db06282 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-c4db06282 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-c4db06282 .mcb-column-inner-c4db06282{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-5c4975645 .title,.mcb-section .mcb-wrap .mcb-item-5c4975645 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-5c4975645 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-5c4975645 .mcb-column-inner-5c4975645{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-9220ee4f4 .title,.mcb-section .mcb-wrap .mcb-item-9220ee4f4 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-9220ee4f4 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-9220ee4f4 .mcb-column-inner-9220ee4f4{margin-bottom:10px;}.mcb-section .mcb-wrap-a354ad6bc > .mcb-wrap-inner-a354ad6bc{padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px;margin-bottom:0px;margin-left:0px;margin-top:0px;margin-right:0px;align-items:center;justify-content:flex-start;background-color:#080A0E;border-style:none;}.mcb-section .mcb-wrap-a354ad6bc{align-self:center;}.mcb-section .mcb-wrap .mcb-item-9dd29ebc6 .title,.mcb-section .mcb-wrap .mcb-item-9dd29ebc6 .title a{color:#848484;}.mcb-section .mcb-wrap .mcb-item-9dd29ebc6 .title{font-size:15px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:600;font-family:'DM Sans';text-transform:uppercase;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-9dd29ebc6 .mcb-column-inner-9dd29ebc6{margin-bottom:15px;}.mcb-section .mcb-wrap .mcb-item-7db03156e .title,.mcb-section .mcb-wrap .mcb-item-7db03156e .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-7db03156e .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-7db03156e .mcb-column-inner-7db03156e{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-1c36ce8e2 .title,.mcb-section .mcb-wrap .mcb-item-1c36ce8e2 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-1c36ce8e2 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-1c36ce8e2 .mcb-column-inner-1c36ce8e2{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-27aa2a192 .title,.mcb-section .mcb-wrap .mcb-item-27aa2a192 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-27aa2a192 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-27aa2a192 .mcb-column-inner-27aa2a192{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-f627b22da .title,.mcb-section .mcb-wrap .mcb-item-f627b22da .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-f627b22da .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-f627b22da .mcb-column-inner-f627b22da{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-0acf53bfa .title,.mcb-section .mcb-wrap .mcb-item-0acf53bfa .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-0acf53bfa .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-0acf53bfa .mcb-column-inner-0acf53bfa{margin-bottom:10px;}.mcb-section .mcb-wrap-070a97963 > .mcb-wrap-inner-070a97963{padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px;margin-bottom:0px;margin-left:0px;margin-top:0px;margin-right:0px;align-items:center;justify-content:flex-start;background-color:#080A0E;border-style:none;}.mcb-section .mcb-wrap-070a97963{align-self:center;}.mcb-section .mcb-wrap .mcb-item-be9bf087a .title,.mcb-section .mcb-wrap .mcb-item-be9bf087a .title a{color:#848484;}.mcb-section .mcb-wrap .mcb-item-be9bf087a .title{font-size:15px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:600;font-family:'DM Sans';text-transform:uppercase;background-position:center center;}.mcb-section .mcb-wrap .mcb-item-be9bf087a .mcb-column-inner-be9bf087a{margin-bottom:15px;}.mcb-section .mcb-wrap .mcb-item-576bad163 .title,.mcb-section .mcb-wrap .mcb-item-576bad163 .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-576bad163 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-576bad163 .mcb-column-inner-576bad163{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-d8a6bc62f .title,.mcb-section .mcb-wrap .mcb-item-d8a6bc62f .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-d8a6bc62f .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-d8a6bc62f .mcb-column-inner-d8a6bc62f{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-54538bfea .title,.mcb-section .mcb-wrap .mcb-item-54538bfea .title a{color:#9AA3B8;}.mcb-section .mcb-wrap .mcb-item-54538bfea .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-54538bfea .mcb-column-inner-54538bfea{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-e4dece777 .title,.mcb-section .mcb-wrap .mcb-item-e4dece777 .title a{color:#4F7EFF;}.mcb-section .mcb-wrap .mcb-item-e4dece777 .title{font-size:16px;line-height:20px;font-weight:500;letter-spacing:0px;font-weight:500;font-family:'DM Sans';background-position:center center;}.mcb-section .mcb-wrap .mcb-item-e4dece777 .mcb-column-inner-e4dece777{margin-bottom:10px;}.mcb-section .mcb-wrap-feceeedc6 > .mcb-wrap-inner-feceeedc6{padding-top:40px;padding-right:20px;padding-bottom:40px;padding-left:20px;margin-bottom:0px;margin-left:0px;margin-top:0px;margin-right:0px;align-items:center;justify-content:flex-start;background-color:#080A0E;border-style:none;}.mcb-section .mcb-wrap-feceeedc6{align-self:flex-start;}section.mcb-section-3ad569936{background-color:#080A0E;background-position:top center;margin-top:0px;margin-bottom:0px;padding-bottom:50px;padding-top:50px;background-image:radial-gradient(at center center, #080A0E 0%, #080A0E 54%);background-size:cover;border-radius:1px 0 1px 0;border-style:solid;border-width:1px 0 1px 0;border-color:rgba(126,126,126,0.19);}section.mcb-section-3ad569936 .mcb-background-overlay{opacity:1;background-position:center;background-size:cover;}section.mcb-section-3ad569936 .mcb-section-inner-3ad569936{align-content:center;align-items:center;justify-content:center;}@media(max-width: 767px){.mcb-section .mcb-wrap .mcb-item-b56571c1e .title{font-size:10px;line-height:22px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-5c9014c47 .title{font-size:34px;line-height:40px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-449b45a86 .title{font-size:34px;line-height:40px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-2575a0870 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-2575a0870 .mcb-column-inner-2575a0870{margin-bottom:10px;}.mcb-section .mcb-wrap-f17ed7e42 > .mcb-wrap-inner-f17ed7e42{margin-bottom:0px;justify-content:center;}.mcb-section .mcb-wrap .mcb-item-a2525e3ea .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap-b4568403b > .mcb-wrap-inner-b4568403b{margin-bottom:0px;justify-content:center;border-width:0px 0px 0px 0px;border-radius:0 0px 0 0;}.mcb-section .mcb-wrap .mcb-item-gqdh60b .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap-y9xoruay > .mcb-wrap-inner-y9xoruay{margin-bottom:0px;justify-content:center;border-width:0px 0px 0px 0px;border-radius:0 0px 0 0;}.mcb-section .mcb-wrap .mcb-item-fibi7ol .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap-dojhtuql > .mcb-wrap-inner-dojhtuql{margin-bottom:0px;justify-content:center;border-width:0px 0px 0px 0px;border-radius:0 0px 0 0;}.mcb-section .mcb-wrap .mcb-item-3jf6d5uin2g .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap-tdaw6uoc > .mcb-wrap-inner-tdaw6uoc{margin-bottom:0px;justify-content:center;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7 .mcb-column-inner-67daf6dc7{margin-bottom:10px;}.mcb-section .mcb-wrap .mcb-item-67daf6dc7{text-align:center;}.mcb-section .mcb-wrap-6b4c8edba > .mcb-wrap-inner-6b4c8edba{margin-bottom:0px;}.mcb-section .mcb-wrap .mcb-item-3371f36b5 .mcb-column-inner-3371f36b5{text-align:center;}.mcb-section .mcb-wrap .mcb-item-f43a84575 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-f43a84575 .mcb-column-inner-f43a84575{margin-bottom:20px;}.mcb-section .mcb-wrap-37bfa6a21 > .mcb-wrap-inner-37bfa6a21{margin-bottom:0px;}.mcb-section .mcb-wrap .mcb-item-cec29547f .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-e844de144 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-e844de144 .mcb-column-inner-e844de144{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-db8dbcd89 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-db8dbcd89 .mcb-column-inner-db8dbcd89{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-c4db06282 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-c4db06282 .mcb-column-inner-c4db06282{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-5c4975645 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-5c4975645 .mcb-column-inner-5c4975645{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-9220ee4f4 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-9220ee4f4 .mcb-column-inner-9220ee4f4{margin-bottom:20px;}.mcb-section .mcb-wrap-a354ad6bc > .mcb-wrap-inner-a354ad6bc{margin-bottom:0px;}.mcb-section .mcb-wrap .mcb-item-9dd29ebc6 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-7db03156e .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-7db03156e .mcb-column-inner-7db03156e{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-1c36ce8e2 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-1c36ce8e2 .mcb-column-inner-1c36ce8e2{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-27aa2a192 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-27aa2a192 .mcb-column-inner-27aa2a192{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-f627b22da .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-f627b22da .mcb-column-inner-f627b22da{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-0acf53bfa .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-0acf53bfa .mcb-column-inner-0acf53bfa{margin-bottom:20px;}.mcb-section .mcb-wrap-070a97963 > .mcb-wrap-inner-070a97963{margin-bottom:0px;}.mcb-section .mcb-wrap .mcb-item-be9bf087a .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-576bad163 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-576bad163 .mcb-column-inner-576bad163{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-d8a6bc62f .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-d8a6bc62f .mcb-column-inner-d8a6bc62f{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-54538bfea .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-54538bfea .mcb-column-inner-54538bfea{margin-bottom:20px;}.mcb-section .mcb-wrap .mcb-item-e4dece777 .title{font-size:16px;line-height:24px;text-align:center;}.mcb-section .mcb-wrap .mcb-item-e4dece777 .mcb-column-inner-e4dece777{margin-bottom:20px;}.mcb-section .mcb-wrap-feceeedc6 > .mcb-wrap-inner-feceeedc6{margin-bottom:0px;}}