@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Roboto:wght@400&display=swap');

    .rd-support-section {
      width: 100%;
      background: #ffffff;
      padding: 0 20px;
      box-sizing: border-box;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
    }

    .rd-support-section * {
      box-sizing: border-box;
    }

    .rd-container {
      width: 1440px;
      height: 750px;
      max-width: 100%;
      margin: 0 auto;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .rd-eyebrow {
      margin: 0 0 18px;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      font-size: 20px;
      line-height: 1.3;
      font-weight: 400;
      color: #808080;
    }

    .rd-title {
      margin: 0 0 52px;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      font-size: 44px;
      line-height: 1.2;
      font-weight: 600;
      color: #212121;
      white-space: nowrap;
    }

    .rd-card-grid {
      display: grid;
      grid-template-columns: repeat(4, 330px);
      gap: 32px;
      justify-content: center;
      align-items: stretch;
    }

    .rd-card {
      width: 330px;
      height: 460px;
      background: #ffffff;
      border-radius: 20px;
      overflow: hidden;
      text-align: left;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
      transition: all 0.25s ease;
    }

    .rd-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
    }

    .rd-card-image {
      width: 330px;
      height: 200px;
      overflow: hidden;
      background: #f2f2f2;
    }

    .rd-card-image img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      transition: transform 0.35s ease;
    }

    .rd-card:hover .rd-card-image img {
      transform: scale(1.04);
    }

    .rd-card-content {
      padding: 24px;
    }

    .rd-badge {
      width: 58px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 18px;
      border-radius: 999px;
      background: rgba(218, 37, 29, 0.1);
      color: #DA251D;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      font-size: 22px;
      line-height: 1;
      font-weight: 600;
    }

    .rd-card-title {
      margin: 0 0 12px;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      font-size: 24px;
      line-height: 1.18;
      font-weight: 600;
      color: #212121;
    }

    .rd-card-text {
      margin: 0;
      font-family: 'Poppins', Arial, Helvetica, sans-serif;
      font-size: 16px;
      line-height: 1.5;
      font-weight: 400;
      color: #808080;
    }

    .rd-btn-wrap {
      margin-top: 52px;
      display: flex;
      justify-content: center;
    }

    .rd-btn {
      min-width: 282px;
      height: 48px;
      padding: 0 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 32px;
      background: #DA251D;
      color: #ffffff;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 16px;
      line-height: 1;
      font-weight: 400;
      text-decoration: none;
      box-shadow: 0 8px 20px rgba(218, 37, 29, 0.22);
      transition: all 0.25s ease;
    }

    .rd-btn::after {
      content: "›";
      font-size: 22px;
      line-height: 1;
      margin-top: -1px;
    }

    .rd-btn:hover {
      background: #c51f18;
      color: #ffffff;
      text-decoration: none;
      transform: translateY(-2px);
      box-shadow: 0 12px 26px rgba(218, 37, 29, 0.28);
    }

    @media (max-width: 1480px) {
      .rd-container {
        width: 100%;
        height: auto;
        padding: 72px 0 80px;
      }

      .rd-card-grid {
        grid-template-columns: repeat(4, 300px);
        gap: 24px;
      }

      .rd-card {
        width: 300px;
        height: 440px;
      }

      .rd-card-image {
        width: 300px;
        height: 185px;
      }

      .rd-card-title {
        font-size: 22px;
      }
    }

    @media (max-width: 1280px) {
      .rd-card-grid {
        grid-template-columns: repeat(2, 330px);
        gap: 32px;
      }

      .rd-card {
        width: 330px;
        height: 460px;
      }

      .rd-card-image {
        width: 330px;
        height: 200px;
      }
    }

    @media (max-width: 768px) {
      .rd-support-section {
        padding: 0 16px;
      }

      .rd-container {
        height: auto;
        padding: 48px 0 56px;
      }

      .rd-eyebrow {
        margin-bottom: 12px;
        font-size: 16px;
      }

      .rd-title {
        margin-bottom: 32px;
        font-size: 20px;
        white-space: normal;
      }

      .rd-card-grid {
        grid-template-columns: 1fr;
        gap: 22px;
      }

      .rd-card {
        width: 100%;
        max-width: 340px;
        height: auto;
        margin: 0 auto;
      }

      .rd-card-image {
        width: 100%;
        height: 190px;
      }

      .rd-card-content {
        padding: 20px;
      }

      .rd-card-title {
        font-size: 20px;
      }

      .rd-card-text {
        font-size: 16px;
      }

      .rd-btn-wrap {
        margin-top: 36px;
      }

      .rd-btn {
        min-width: auto;
        width: 100%;
        max-width: 282px;
        height: 46px;
        font-size: 14px;
        border-radius: 32px;
      }
    }