* { box-sizing: border-box; margin: 0; padding: 0; }
    body { /*font-family: 'Inter', system-ui, -apple-system, sans-serif;*/
     background: #f5f6f8; color: #1D3557; }
  .desktop_banner{
       height: auto;object-fit: none; 
  }
  .banner-wrapper .tint{background: none;}
    .page-banner .banner-wrapper .banner-text h1{    padding-top: 4rem;}
    /* .hero {
      background: #1D3557;
      padding: 40px 24px 48px;
      position: relative;
      overflow: hidden;
    } */
    /* .hero::before {
      content: '';
      position: absolute;
      top: -60px; right: -40px;
      width: 320px; height: 320px;
      background: radial-gradient(circle, rgba(230,57,70,0.15) 0%, transparent 70%);
      border-radius: 50%;
    } */
     p, li{
      font-size: 19px;
    color: #404F68;
    font-weight: 400;
    }
.offering_sub_heading{background: white;padding: 4rem 2rem;}

    .survey-container { max-width: 680px; margin: 0 auto; padding: 24px 16px 48px; }
    
    .survey-content{background:#1D3557; padding: 2rem 1rem; color: white;text-align: center;}
    .offering_sub_heading .first-para{    font-size: 26px;
    color: #1D3557;
    font-weight: 600;
    padding-bottom: 2rem;
    display: block;}
    .survey-content .container .row .col-12 h2, .survey-content .container .row .col-12 p{color:white;}
    .survey-content .container .row .col-12 .red_border{    margin: 1rem auto;}
    .survey-action {background: #112847;}
    .progress-wrapper { margin-bottom: 24px; }
    .progress-bar-bg { height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; }
    .progress-bar-fill { height: 100%; background: linear-gradient(90deg, #E63946, #FF5C68); border-radius: 3px; transition: width 0.4s ease; width: 0%; }
    .progress-text { font-size: 11px; color: #94a3b8; margin-top: 6px; text-align: right; }
    .temp_form.template3.form_section{text-align: center;    padding: 2rem 1rem;} 
    .temp_form.template3.form_section p{color: white}
    .temp_form.template3.form_section .btn.btn-primary{    border-radius: 5px;
    font-size: 19px;
    font-weight: 600;
    color: #E63946 !important;
    width: auto;
    background: #fff !important;
    padding: .5rem;}
     .survey-conten-2{padding: 2rem 1rem;}
    .survey-conten-3{background: white;padding: 2rem 1rem;}
    .survey-section { display: none; }
    .survey-section.active { display: block; }

    .card {
      background: #fff;
      border-radius: 12px;
      padding: 28px 24px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 1px 3px rgba(29,53,87,0.06);
      margin-bottom: 20px;
    }
    .card h2 { font-size: 18px; font-weight: 700; color: #1D3557; margin-bottom: 4px; }
    .card .card-sub { font-size: 13px; color: #44546A; margin-bottom: 20px; line-height: 1.6; }

    .field { margin-bottom: 16px; }
    .field label { display: block; font-size: 12px; font-weight: 600; color: #1D3557; margin-bottom: 6px; }
    .field input, .field select {
      width: 100%; padding: 10px 14px;
      border: 1.5px solid #d1d5db; border-radius: 8px;
      font-size: 14px;/* font-family: 'Inter', sans-serif;*/
      color: #1D3557; background: #fff;
      transition: border-color 0.2s;
    }
    .field input:focus, .field select:focus { outline: none; border-color: #E63946; }
    .field input::placeholder { color: #94a3b8; }
    .field .error-msg { font-size: 11px; color: #E63946; margin-top: 4px; display: none; }
    .field.has-error input, .field.has-error select { border-color: #E63946; }
    .field.has-error .error-msg { display: block; }

    .question-card .q-pillar-tag {
      display: inline-block; font-size: 10px; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.5px;
      padding: 3px 10px; border-radius: 4px; margin-bottom: 10px;
    }
    .q-pillar-tag.content-layer { background: rgba(29,53,87,0.08); color: #1D3557; }
    .q-pillar-tag.delivery-layer { background: rgba(230,57,70,0.08); color: #E63946; }
    .q-pillar-tag.practice-layer { background: rgba(54,69,79,0.10); color: #36454F; }
    .question-card .q-number { font-size: 11px; font-weight: 700; color: #94a3b8; margin-bottom: 6px; }
    .question-card .q-text { font-size: 15px; font-weight: 600; color: #1D3557; line-height: 1.5; margin-bottom: 18px; }

    .answer-options { display: flex; flex-direction: column; gap: 10px; }
    .answer-opt {
      padding: 14px 16px;
      border: 1.5px solid #e2e8f0;
      border-radius: 10px;
      cursor: pointer;
      transition: all 0.2s;
    }
    .answer-opt:hover { border-color: #1D3557; background: #fafbfc; }
    .answer-opt.selected { border-color: #E63946; background: rgba(230,57,70,0.03); }
    .answer-opt .answer-letter {
      display: inline-block; width: 24px; height: 24px; border-radius: 50%;
      background: #f1f5f9; color: #94a3b8; font-size: 11px; font-weight: 700;
      text-align: center; line-height: 24px; margin-right: 12px; flex-shrink: 0;
      transition: all 0.2s;
    }
    .answer-opt.selected .answer-letter { background: #E63946; color: #fff; }
    .answer-opt .answer-text { font-size: 13px; color: #44546A; line-height: 1.6; }
    .answer-opt.selected .answer-text { color: #1D3557; }
    .answer-opt-inner { display: flex; align-items: flex-start; }

    .goal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .interested_in_creating_bussiness {
    background: url('https://www.harbingergroup.com/wp-content/themes/harbinger/images/interested_in_creating_bussiness_bg.png') no-repeat;
    background-size: cover;
    background-position: center bottom;
    color: white;
}
.interested_in_creating_bussiness h3{font-size: 2rem;}
.interested_in_creating_bussiness p{color: white;}
.interested_in_creating_bussiness .book_a_consultation a {
    background: #fff;
    color: #EB616B;
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 1rem;
}
    @media (max-width: 500px) { 
      .page-banner .banner-wrapper .banner-text h1 {
    padding-top: 2rem;
}.interested_in_creating_bussiness .book_a_consultation a{    margin-top: 2rem;}
      .goal-grid { grid-template-columns: 1fr; } 
   .offering_sub_heading .first-para{font-size: 20px;} 
   p,li{
      font-size: 17px;
    }}
    .goal-option {
      padding: 14px 16px; border: 1.5px solid #e2e8f0; border-radius: 10px;
      cursor: pointer; transition: all 0.2s;
    }

    .goal-option:hover { border-color: #1D3557; }
    .goal-option.selected { border-color: #E63946; background: rgba(230,57,70,0.03); }
    .goal-option .goal-name { font-size: 13px; font-weight: 600; color: #1D3557; margin-bottom: 2px; }
    .goal-option .goal-desc { font-size: 11px; color: #94a3b8; line-height: 1.4; }

    .btn-row { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
    .btn {
      padding: 12px 28px; border-radius: 8px;
      font-size: 17px; font-weight: 600; /*font-family: 'Inter', sans-serif;*/
      cursor: pointer; transition: all 0.2s; border: none;
    }
    .btn-primary { background: #E63946; color: #fff; }
    .btn-primary:hover { background: #d32f3d; }
    .btn-secondary { background: #fff; color: #1D3557; border: 1.5px solid #d1d5db; }
    .btn-secondary:hover { border-color: #1D3557; }
    .btn-ghost { background: transparent; color: #94a3b8; border: none; padding: 12px 16px; }
    .btn-ghost:hover { color: #1D3557; }

    .thank-you { text-align: center; padding: 48px 24px; }
    .thank-you .demo-btn {
      display: inline-block; margin-top: 20px; padding: 14px 32px; border-radius: 8px;
      border: none; background: #1D3557; color: #fff; font-size: 14px; font-weight: 700;
      cursor: pointer; transition: all 0.2s; font-family: inherit;
    }
    .thank-you .demo-btn:hover { background: #15263E; }

    /* ── Hook Report ── */
    .hook-report { max-width: 680px; margin: 0 auto; padding: 0 16px 48px; display: none; }
    .hook-report.visible { display: block; }
    .hook-cover {
      background: linear-gradient(135deg, #1D3557 0%, #2a4a73 100%);
      border-radius: 16px; padding: 48px 36px; color: #fff; position: relative; overflow: hidden; margin-bottom: 20px;
    }
    .hook-cover::after { content:''; position:absolute; top:-60px; right:-60px; width:200px; height:200px; border-radius:50%; background:rgba(230,57,70,0.15); }
    .hook-cover h1 { font-size: 32px; font-weight: 800; margin-bottom: 8px; position: relative; z-index:1; }
    .hook-cover p { font-size: 16px; opacity: 0.85; position: relative; z-index:1; }
    .hook-cover .cover-meta { font-size: 13px; opacity: 0.5; margin-top: 28px; position: relative; z-index:1; }
    .hook-section { background: #fff; border-radius: 12px; padding: 28px 32px; border: 1px solid #e2e8f0; margin-bottom: 16px; }
    .hook-section h2 { font-size: 20px; font-weight: 800; color: #1D3557; margin-bottom: 14px; }
    .hook-section h3 { font-size: 16px; font-weight: 700; color: #1D3557; margin-bottom: 8px; }
    .hook-section p { font-size: 13px; color: #44546A; line-height: 1.7; }
    .hook-section .section-label { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #E63946; margin-bottom: 12px; }
    .hook-scores { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
    .hook-score-card {
      background: #fafbfc; border-radius: 10px; padding: 18px; border: 1px solid #e2e8f0; text-align: center;
    }
    .hook-score-card .pillar-name { font-size: 10px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 6px; }
    .hook-score-card .score-big { font-size: 36px; font-weight: 800; color: #1D3557; line-height: 1; }
    .hook-score-card .score-label { font-size: 12px; font-weight: 600; margin-top: 4px; }
    .hook-score-card .score-bar { display: flex; gap: 3px; margin-top: 8px; justify-content: center; }
    .hook-score-card .score-bar span { width: 32px; height: 5px; border-radius: 3px; background: #e2e8f0; }
    .hook-score-card .score-bar span.filled { background: currentColor; }
    .hook-engine-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
    .hook-engine {
      padding: 14px; border-radius: 8px; text-align: center; border: 1.5px dashed #d1d5db; background: #fafbfc;
    }
    .hook-engine.active { border-style: solid; border-color: #22c55e; background: rgba(34,197,94,0.04); }
    .hook-engine .engine-label { font-size: 10px; font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; color: #94a3b8; }
    .hook-engine.active .engine-label { color: #16a34a; }
    .hook-engine .engine-level { font-size: 18px; font-weight: 800; color: #94a3b8; margin-top: 4px; }
    .hook-engine.active .engine-level { color: #16a34a; }
    .hook-pattern {
      background: #fef2f2; border-radius: 10px; padding: 18px 22px; border: 1px solid #f5c6cb; margin-top: 16px;
    }
    .hook-pattern .pattern-label { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #E63946; margin-bottom: 8px; }
    .hook-pattern p { font-size: 13px; color: #1D3557; font-weight: 600; line-height: 1.6; }
    .hook-table { width: 100%; border-collapse: collapse; font-size: 12px; margin: 14px 0; }
    .hook-table th { background: #1D3557; color: #fff; padding: 10px 12px; text-align: center; font-weight: 600; font-size: 10px; letter-spacing: 0.5px; text-transform: uppercase; }
    .hook-table th:first-child { text-align: left; }
    .hook-table td { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; text-align: center; }
    .hook-table td:first-child { text-align: left; font-weight: 600; color: #1D3557; }
    .hook-table tr:nth-child(even) { background: #f8f9fc; }
    .hook-table .gap-col { font-weight: 700; color: #E63946; }
    .hook-priority-box {
      background: rgba(29,53,87,0.03); border-left: 3px solid #1D3557; padding: 16px 20px; border-radius: 0 8px 8px 0; margin-top: 14px;
    }
    .hook-cta {
      background: linear-gradient(135deg, #1D3557 0%, #2a4a73 100%);
      border-radius: 12px; padding: 36px; color: #fff; text-align: center; margin-top: 16px;
    }
    .hook-cta h2 { font-size: 20px; font-weight: 800; margin-bottom: 10px; color: #fff; }
    .hook-cta p { font-size: 13px; opacity: 0.85; max-width: 480px; margin: 0 auto 20px; line-height: 1.6; color: #fff; }
    .hook-cta .cta-button {
      display: inline-block; background: #E63946; color: #fff; padding: 14px 32px; border-radius: 8px;
      font-size: 14px; font-weight: 700; text-decoration: none;
    }
    .thank-you .check-circle {
      width: 64px; height: 64px; border-radius: 50%;
      background: rgba(34,197,94,0.1); color: #22c55e;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 20px; font-size: 28px;
    }
    .thank-you h2 { font-size: 22px; font-weight: 700; color: #1D3557; margin-bottom: 8px; }
    .thank-you p { font-size: 14px; color: #44546A; line-height: 1.65; max-width: 440px; margin: 0 auto; }
    .thank-you .cta-note { margin-top: 24px; font-size: 13px; color: #94a3b8; }

    .footer {
      background: #15263E;
      padding: 24px;
      text-align: center;
    }
    .footer-inner { max-width: 680px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
    .footer svg { height: 24px; width: auto; opacity: 0.7; }
    .footer p { font-size: 11px; color: rgba(255,255,255,0.45); }
    .footer a { color: rgba(255,255,255,0.6); text-decoration: none; }
    .footer a:hover { color: #fff; }
    @media (max-width: 600px) {
      .footer-inner { flex-direction: column; gap: 12px; }
    }



    /* ── Intake tip + per-question reminder ── */
    .intake-tip {
      max-width: 680px; margin: 16px auto 0;
      padding: 16px 20px; border-radius: 12px;
      background: rgba(42,157,143,0.06); border-left: 3px solid #2A9D8F;
      font-size: 13px; color: #1D3557; line-height: 1.6;
    }
    .intake-tip strong { color: #2A9D8F; display: block; margin-bottom: 4px; font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; }
    .q-tip { font-size: 11px; color: #94a3b8; font-style: italic; margin-bottom: 14px; }

    /* ── Password gate ── */
    .password-gate {
      position: fixed; inset: 0; background: #1D3557;
      display: flex; align-items: center; justify-content: center;
      z-index: 9999; padding: 20px;
    }
    .password-card {
      background: #fff; border-radius: 14px; padding: 36px 32px;
      max-width: 380px; width: 100%; text-align: center;
      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    }
    .password-card h2 { font-size: 18px; color: #1D3557; margin-bottom: 8px; }
    .password-card p { font-size: 13px; color: #44546A; margin-bottom: 20px; line-height: 1.5; }
    .password-card input {
      width: 100%; padding: 12px 14px; border: 1.5px solid #e2e8f0;
      border-radius: 8px; font-size: 14px; font-family: inherit; color: #1D3557;
      margin-bottom: 12px; transition: border-color 0.2s;
    }
    .password-card input:focus { outline: none; border-color: #1D3557; }
    .password-card button {
      width: 100%; padding: 12px 18px; border: none; border-radius: 8px;
      background: #E63946; color: #fff; font-size: 13px; font-weight: 700;
      cursor: pointer; transition: background 0.2s;
    }
    .password-card button:hover { background: #c92a37; }
    .password-error { font-size: 12px; color: #E63946; margin-top: 10px; min-height: 16px; }

    /* ── Goal badge for multi-select ── */
    .goal-option { position: relative; }
    .goal-badge {
      position: absolute; top: 10px; right: 10px;
      width: 22px; height: 22px; border-radius: 50%;
      background: #E63946; color: #fff;
      font-size: 11px; font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      font-family: inherit;
    }

    .talk_to_experts.button{    padding: 1rem 1rem;font-size: 17px;}
    @keyframes shake { 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-4px)} 40%,80%{transform:translateX(4px)} }
    .shake { animation: shake 0.4s ease; }

    @media screen and (min-width: 1201px) and (max-width: 1300px){
      .page-banner .banner-wrapper .banner-text h1 {padding-top: 2rem;}
}

  @media screen and (min-width: 992px) and (max-width: 1024px){.page-banner .banner-wrapper .banner-text h1 {padding-top: 0rem;}}