/* Page-Specific Hero Override */
.sw-hero {
    background-image: linear-gradient(135deg, rgba(13, 27, 42, 0.85) 0%, rgba(21, 101, 192, 0.75) 100%), 
                      url('https://smartupworld.com/wp-content/uploads/2026/04/how-to-select-website-development-company.webp');
    background-attachment: fixed; /* This creates the parallax effect */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Ensure parallax works smoothly on mobile (optional) */
@media (max-width: 768px) {
    .sw-hero {
        background-attachment: scroll; /* Mobile browsers often struggle with fixed attachments */
    }
}



  /* ── Answer block ── */




  .swb-answer-block {
    display: flex; gap: 20px; align-items: flex-start;
    background: var(--swb-blue-lt);
    border: 1.5px solid var(--swb-border);
    border-left: 5px solid var(--swb-blue);
    border-radius: var(--swb-radius);
    padding: 28px 32px;
  }
  .swb-answer-block__icon { font-size: 28px; color: var(--swb-blue); flex-shrink: 0; padding-top: 2px; }
  .swb-answer-block__heading { font-size: 1rem; font-weight: 700; color: var(--swb-dark); margin-bottom: 8px; }
  .swb-answer-block__text p { font-size: .95rem; line-height: 1.7; margin: 0; }

  /* ── Criteria card grid ── */
  .swb-criteria-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    margin-top: 48px;
  }
  @media (max-width: 768px) { .swb-criteria-grid { grid-template-columns: 1fr; } }

  .swb-criteria-card {
    background: var(--swb-white);
    border: 1.5px solid var(--swb-border);
    border-radius: var(--swb-radius);
    overflow: hidden;
    box-shadow: var(--swb-shadow);
    transition: var(--swb-ease);
  }
  .swb-criteria-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--swb-shadow-h);
    border-color: var(--swb-blue-mid);
  }
  .swb-criteria-card__img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
  }
  .swb-criteria-card__body { padding: 24px 28px; }
  .swb-criteria-num {
    display: inline-block;
    font-size: .72rem; font-weight: 800; letter-spacing: .1em;
    color: var(--swb-blue); background: var(--swb-blue-lt);
    padding: 3px 10px; border-radius: var(--swb-pill); margin-bottom: 10px;
  }
  .swb-criteria-card h3 { font-size: 1.08rem; font-weight: 700; color: var(--swb-dark); margin: 0 0 10px; }
  .swb-criteria-card p { font-size: .88rem; color: var(--swb-muted); line-height: 1.7; margin: 0 0 14px; }
  .swb-criteria-checks { list-style: none; padding: 0; margin: 0; }
  .swb-criteria-checks li {
    display: flex; align-items: flex-start; gap: 8px;
    font-size: .82rem; font-weight: 600;
    padding: 5px 0; border-bottom: 1px solid var(--swb-border); line-height: 1.4;
  }
  .swb-criteria-checks li:last-child { border-bottom: none; }
  .swb-criteria-checks li i { color: var(--swb-blue); flex-shrink: 0; margin-top: 2px; }

  /* ── Red flags grid ── */
  .swb-redflags-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 48px;
  }
  @media (max-width: 768px) { .swb-redflags-grid { grid-template-columns: 1fr; } }

  .swb-redflag-item {
    display: flex; gap: 14px; align-items: flex-start;
    padding: 20px; background: var(--swb-white);
    border: 1.5px solid #FFE0DB;
    border-left: 4px solid #E53935;
    border-radius: var(--swb-radius);
    margin-bottom: 16px;
  }
  .swb-redflag-icon { color: #E53935; font-size: 20px; flex-shrink: 0; padding-top: 2px; }
  .swb-redflag-item h4 { font-size: .92rem; font-weight: 700; color: var(--swb-dark); margin-bottom: 5px; }
  .swb-redflag-item p { font-size: .83rem; color: var(--swb-muted); line-height: 1.65; margin: 0; }

  /* ── FAQ grid ── */
  .swb-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 48px;
  }
  @media (max-width: 768px) { .swb-faq-grid { grid-template-columns: 1fr; } }

  .swb-faq-item {
    background: var(--swb-white);
    border: 1.5px solid var(--swb-border);
    border-radius: var(--swb-radius);
    padding: 24px 28px;
    box-shadow: var(--swb-shadow);
  }
  .swb-faq-q { font-size: .95rem; font-weight: 700; color: var(--swb-dark); margin-bottom: 10px; line-height: 1.4; }
  .swb-faq-a { font-size: .85rem; color: var(--swb-muted); line-height: 1.7; margin: 0; }

  /* ── Answer block ── */
  .swb-answer-block {
    display: flex; gap: 20px; align-items: flex-start;
    background: var(--swb-blue-lt);
    border: 1.5px solid var(--swb-border);
    border-left: 5px solid var(--swb-blue);
    border-radius: var(--swb-radius);
    padding: 28px 32px;
  }
  .swb-answer-block__icon { font-size: 28px; color: var(--swb-blue); flex-shrink: 0; padding-top: 2px; }
  .swb-answer-block__heading { font-size: 1rem; font-weight: 700; color: var(--swb-dark); margin-bottom: 8px; }
  .swb-answer-block__text p { font-size: .95rem; color: var(--sw-text); line-height: 1.7; margin: 0; }

  /* ── Criteria card grid ── */
  .swb-criteria-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; margin-top: 48px; }
  @media (max-width: 768px) { .swb-criteria-grid { grid-template-columns: 1fr; } }

  .swb-criteria-card {
    background: var(--swb-white); border: 1.5px solid var(--swb-border);
    border-radius: var(--swb-radius); overflow: hidden;
    box-shadow: var(--swb-shadow); transition: var(--swb-ease);
  }
  .swb-criteria-card:hover { transform: translateY(-4px); box-shadow: var(--swb-shadow-h); border-color: var(--swb-blue-mid); }
  .swb-criteria-card__img { width: 100%; height: 200px; object-fit: cover; display: block; }
  .swb-criteria-card__body { padding: 24px 28px; }
  .swb-criteria-num {
    display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .1em;
    color: var(--swb-blue); background: var(--swb-blue-lt);
    padding: 3px 10px; border-radius: var(--swb-pill); margin-bottom: 10px;
  }
  .swb-criteria-card h3 { font-size: 1.08rem; font-weight: 700; color: var(--swb-dark); margin: 0 0 10px; }
  .swb-criteria-card p { font-size: .88rem; color: var(--swb-muted); line-height: 1.7; margin: 0 0 14px; }
  .swb-criteria-checks { list-style: none; padding: 0; margin: 0; }
  .swb-criteria-checks li {
    display: flex; align-items: flex-start; gap: 8px;
    font-size: .82rem; color: var(--swb-text); font-weight: 600;
    padding: 5px 0; border-bottom: 1px solid var(--swb-border); line-height: 1.4;
  }
  .swb-criteria-checks li:last-child { border-bottom: none; }
  .swb-criteria-checks li i { color: var(--swb-blue); flex-shrink: 0; margin-top: 2px; }

  /* ── Red flags grid ── */
  .swb-redflags-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 48px; }
  @media (max-width: 768px) { .swb-redflags-grid { grid-template-columns: 1fr; } }
  .swb-redflag-item {
    display: flex; gap: 14px; align-items: flex-start;
    padding: 20px; background: var(--swb-white);
    border: 1.5px solid #FFE0DB; border-left: 4px solid #E53935;
    border-radius: var(--swb-radius); margin-bottom: 16px;
  }
  .swb-redflag-icon { color: #E53935; font-size: 20px; flex-shrink: 0; padding-top: 2px; }
  .swb-redflag-item h4 { font-size: .92rem; font-weight: 700; color: var(--swb-dark); margin-bottom: 5px; }
  .swb-redflag-item p { font-size: .83rem; color: var(--swb-muted); line-height: 1.65; margin: 0; }

  /* ── FAQ grid ── */
  .swb-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px; }
  @media (max-width: 768px) { .swb-faq-grid { grid-template-columns: 1fr; } }
  .swb-faq-item {
    background: var(--swb-white); border: 1.5px solid var(--swb-border);
    border-radius: var(--swb-radius); padding: 24px 28px;
    box-shadow: var(--swb-shadow);
  }
  .swb-faq-q { font-size: .95rem; font-weight: 700; color: var(--swb-dark); margin-bottom: 10px; line-height: 1.4; }
  .swb-faq-a { font-size: .85rem; color: var(--swb-muted); line-height: 1.7; margin: 0; }