/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2026 | 04:25:22 */
/* Our Tried-and-True SEO Techniques home page section css */ 

* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    .scs-section {
      font-family: 'Inter', sans-serif;
      background: #FDFDFD;
      overflow: hidden;
      width: 100%;
    }

    .scs-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      width: 100%;
    }

    /* ─── LEFT ─── */
    .scs-left {
      padding: 1rem 2rem 0rem 2rem;
      border-right: 1px solid #e8e8e8;
    }
.scs-left-title {
      font-size: 26px;
      font-weight: 700;
      color: #0f172a;
      line-height: 1.35;
      margin-bottom: 0.6rem;
    }

    .scs-left-desc {
      font-size: 18px;
      color: #64748b;
      line-height: 1.65;
      margin-bottom: 1.4rem;
    }

    .scs-feat-box {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      padding: 0.75rem 1rem 0.25rem;
      margin-bottom: 1rem;
    }

    .scs-feat-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      padding: 0.65rem 0;
      border-bottom: 1px solid #f1f5f9;
    }
 .scs-feat-item:last-child {
      border-bottom: none;
    }

    .scs-feat-icon {
      width: 34px;
      height: 34px;
      min-width: 34px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 22px;
    }

    .scs-icon-teal   { background: #e6faf6; color: #0d9488; }
    .scs-icon-blue   { background: #eff6ff; color: #2563eb; }
    .scs-icon-purple { background: #f5f3ff; color: #7c3aed; }
    .scs-icon-amber  { background: #fffbeb; color: #d97706; }
    .scs-icon-red    { background: #fef2f2; color: #dc2626; }

 .scs-feat-name {
      font-size: 20px;
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 3px;
    }

    .scs-feat-desc {
      font-size: 18px;
      color: #334155;
      line-height: 1.55;
    }

    .scs-left-outro {
      font-size: 18px;
      color: #9;
      font-style: italic;
      padding-top: 0.75rem;
      border-top: 1px solid #f1f5f9;
    }

    /* ─── RIGHT ─── */
    .scs-right {
      padding: 1rem 2.5rem 0rem 2rem;
      
    } .scs-right-title {
      font-size: 28px;
      font-weight: 700;
      color: #0f172a;
      line-height: 1.35;
      margin-bottom: 0.6rem;
    }

    .scs-right-desc {
      font-size: 18px;
      color: #64748b;
      line-height: 1.65;
      margin-bottom: 1.4rem;
    }

    .scs-hire-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 0.9rem 1rem;
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      margin-bottom: 10px;
      transition: border-color 0.2s;
      cursor: default;
    }

    .scs-hire-item:hover {
      border-color: #0d9488;
    }.scs-hire-check {
      width: 26px;
      height: 26px;
      min-width: 26px;
      border-radius: 50%;
      background: #e6faf6;
      border: 1.5px solid #0d9488;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 1px;
      color: #0d9488;
      font-size: 14px;
      font-weight: 700;
    }

    .scs-hire-name {
      font-size: 20px;
      font-weight: 600;
      color: #1e293b;
      margin-bottom: 3px;
    }

    .scs-hire-desc {
      font-size: 18px;
      color: #00;
      line-height: 1.55;
    }
 .scs-pricing-note {
      margin-top: 1rem;
      background: #eff6ff;
      border: 1px solid #bfdbfe;
      border-radius: 10px;
      padding: 1rem 1.1rem;
      font-size: 18px;
      color: #475569;
      line-height: 1.7;
    }

    .scs-pricing-highlight {
      color: #2563eb;
      font-weight: 600;
    }

    /* ─── TABLET ─── */
    @media (max-width: 900px) {
      .scs-left-title {
        font-size: 22px;
      }
      .scs-right-title {
        font-size: 18px;
      }
      .scs-left-desc,
      .scs-feat-desc,
      .scs-left-outro,
      .scs-right-desc,
      .scs-hire-desc,
      .scs-pricing-note {
        font-size: 15px;
      } .scs-feat-name,
      .scs-hire-name {
        font-size: 16px;
      }
      .scs-left {
        padding: 2rem 1.25rem 2rem 1.5rem;
      }
      .scs-right {
        padding: 2rem 1.5rem 2rem 1.25rem;
      }
    }

    /* ─── MOBILE ─── */
    @media (max-width: 600px) {
      .scs-grid {
        grid-template-columns: 1fr;
      }

      .scs-left {
        padding: 1.5rem 1rem;
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
      }

      .scs-right {
        padding: 1.5rem 1rem;
      }  .scs-left-title {
        font-size: 20px;
      }

      .scs-right-title {
        font-size: 18px;
      }

      .scs-left-desc,
      .scs-right-desc,
      .scs-feat-desc,
      .scs-hire-desc,
      .scs-left-outro,
      .scs-pricing-note {
        font-size: 14px;
      }

      .scs-feat-name,
      .scs-hire-name {
        font-size: 15px;
      }

      .scs-feat-box {
        padding: 0.5rem 0.75rem 0.25rem;
      }

      .scs-hire-item {
        padding: 0.75rem;
      }
    }