:root {
      --red:        #f05c62;
      --red-light:  #f05c62;
      --dark:       #2f3440;
      --mid:        #444;
      --muted:      #777;
      --border:     #e0e0e0;
      --bg:         #fafaf8;
      --card-bg:    #ffffff;
      --font-head:  Arial, Helvetica, sans-serif;
      --font-body:  Arial, Helvetica, sans-serif;
    }


    /* ── OUTER WRAPPER ───────────────────────────── */
    .ta2__outer {
      max-width: 1100px;
      margin: 0 auto;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    /* ── SECTION TITLE (full-width, above both cols) */
    .ta2__section-header {
      text-align: center;
      margin-bottom: 56px;
      animation: fadeUp 0.7s ease both;
    }

    .ta2__section-label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 0.78rem;
      font-weight: 600;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--red);
      margin-bottom: 14px;
    }

    .ta2__section-label::before,
    .ta2__section-label::after {
      content: '';
      display: block;
      width: 36px;
      height: 1.5px;
      background: var(--red);
      opacity: 0.5;
    }

    .ta2__section-heading {
      font-family: var(--font-head);
      font-size: 2.2rem;
  font-weight: 600;
      line-height: 1.25;
      color: var(--dark);
    }

    .ta2__section-heading .red { color: var(--red); }

    .ta2__section-sub {
      margin-top: 12px;
      font-size: 0.95rem;
      color: var(--muted);
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .ta2__section-sub i { color: var(--red); }

    /* ── TWO-COLUMN LAYOUT ───────────────────────── */
    .ta2__wrap {
      display: flex;
      align-items: flex-start;
      gap: 56px;
      animation: fadeUp 0.9s ease 0.15s both;
    }

    /* ── LEFT: IMAGES ────────────────────────────── */
    .ta2__images {
      flex: 0 0 44%;
      display: flex;
      flex-direction: column;
      gap: 14px;
      position: sticky;
      top: 80px;
    }

    .ta2__img-primary,
    .ta2__img-secondary {
      border-radius: 12px;
      overflow: hidden;
      position: relative;
    }

    .ta2__img-primary::after,
    .ta2__img-secondary::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(160deg, transparent 60%, rgba(192,57,43,0.08));
      pointer-events: none;
    }

    .ta2__img-primary img,
    .ta2__img-secondary img {
      width: 100%;
      display: block;
      object-fit: cover;
      transition: transform 0.55s ease;
    }

    .ta2__img-primary:hover img,
    .ta2__img-secondary:hover img { transform: scale(1.03); }

    .ta2__img-primary img  { height: 500px; }
    .ta2__img-secondary img { height: 210px; }

    /* badge overlaid on primary image */
    .ta2__img-badge {
      position: absolute;
      bottom: 16px;
      left: 16px;
      background: var(--red);
      color: #fff;
      font-size: 0.75rem;
      font-weight: 600;
      padding: 6px 14px;
      border-radius: 50px;
      display: flex;
      align-items: center;
      gap: 6px;
      letter-spacing: 0.04em;
      z-index: 2;
    }

    /* ── RIGHT: CONTENT ──────────────────────────── */
    .ta2__content { flex: 1; }

    .ta2__title {
      font-family: var(--font-head);
      font-size: clamp(1.4rem, 2.4vw, 1.9rem);
      font-weight: 700;
      line-height: 1.35;
      margin-bottom: 10px;
      color: var(--dark);
    }

    .ta2__title .red { color: var(--red); }

    .ta2__subtitle {
      font-size: 0.92rem;
      font-weight: 600;
      color: var(--muted);
      margin-bottom: 22px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .ta2__subtitle i { color: var(--red); }

    .ta2__body {
      font-size: 0.95rem;
      line-height: 1.85;
      color: var(--mid);
      margin-bottom: 32px;
    }

    /* ── STATS ───────────────────────────────────── */
    .ta2__stats {
      display: flex;
      gap: 14px;
      margin-bottom: 30px;
      flex-wrap: wrap;
    
    }

    .ta2__stat {
      flex: 1;
      min-width: 100px;
      background: var(--card-bg);
      border: 1px solid #f05c62;
      border-radius: 12px;
      padding: 18px 14px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 4px;
      transition: box-shadow 0.25s, transform 0.25s;
    }

    .ta2__stat:hover {
      box-shadow: 0 6px 24px rgba(192,57,43,0.10);
      transform: translateY(-3px);
    }

    .ta2__stat i {
      font-size: 1.3rem;
      color: var(--red);
      margin-bottom: 4px;
    }

    .ta2__stat strong {
      font-size: 1rem;
      font-weight: 700;
      color: var(--dark);
      line-height: 1.2;
    }

    .ta2__stat span {
      font-size: 0.73rem;
      color: var(--muted);
      line-height: 1.3;
    }

    /* ── SERVICE PILLS ───────────────────────────── */
    .ta2__services {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
    }

    .ta2__services li {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      background: var(--card-bg);
      border: 1px solid var(--border);
      border-radius: 50px;
      padding: 7px 15px;
      font-size: 0.82rem;
      font-weight: 500;
      color: var(--dark);
      transition: background 0.2s, border-color 0.2s, color 0.2s;
    }

    .ta2__services li:hover {
      background: var(--red);
      border-color: var(--red);
      color: #fff;
    }

    .ta2__services li:hover i { color: #fff; }

    .ta2__services li i {
      font-size: 0.82rem;
      color: var(--red);
      transition: color 0.2s;
    }

    /* ── ANIMATION ───────────────────────────────── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to   { opacity: 1; transform: translateY(0); }
    }

    /* ── RESPONSIVE ──────────────────────────────── */
    @media (max-width: 860px) {
      .ta2__wrap { flex-direction: column; }

      .ta2__images {
        position: static;
        flex-direction: row;
        flex: unset;
        width: 100%;
        padding: 20px;
      }

      .ta2__img-primary,
      .ta2__img-secondary { flex: 1; }

      .ta2__img-primary img,
      .ta2__img-secondary img { height: 400px; }
       .ta2__content { flex: 1; padding: 10px; text-align: justify; }
    }

    @media (max-width: 520px) {
      .ta2__images { flex-direction: column; }
      .ta2__stats  { gap: 10px; }
    }