.multi-card-section-2 {
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  gap: 80px;
  .heading-wrapper {
    margin: 0 auto;
    max-width: 80%;
    display: flex;
    gap: 32px;
    flex-direction: column;
    h2,
    h3 {
      margin: 0 !important;
      padding: 0 !important;
    }
    @media (max-width: 770px) {
      gap: 24px;
    }
  }
  .section-inner {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    @media (max-width: 1280px) {
      gap: 12px;
    }
    @media (max-width: 980px) {
      flex-direction: column;
    }
    .inner-card {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 40px 50px;
      background-position: center;
      background-size: cover;
      border-radius: 18px;
      border: 1px solid #0000004d;
      gap: 30px;

      @media (max-width: 1280px) {
        padding: 20px;
      }
      @media (max-width: 1024px) {
        gap: 20px;
      }
      @media (max-width: 980px) {
        max-width: 66%;
        margin: 0 auto;
      }
      @media (max-width: 550px) {
        max-width: 100%;
      }
      p,
      h3 {
        margin: 0;
        color: black;
      }
      &.active {
        border-color: transparent;
        p,
        h3 {
         color: white;
        }
        .inner-card-separator {
          background: white;
        }
      }
      .inner-card-separator {
        display: block;
        width: 16px;
        height: 4px;
        background: #333333;
      }

      &.card-3 {
        .description-wrapper {
          display: flex;
          flex-direction: row;
          gap: 30px;
          @media (max-width: 1024px) {
            gap: 12px;
          }
          .card-description {
            max-width: 50%;
            @media (max-width: 550px) {
              max-width: 100%;
            }
          }
          @media (max-width: 550px) {
            flex-direction: column;
          }
        }
      }
      .card-title {
        font-weight: 300;
        font-size: 35px;
        line-height: 1.1;
        letter-spacing: -3%;
        text-align: left;
        @media (max-width: 1024px) {
          font-size: 28px;
        }
      }
      .card-description {
        font-weight: 300;
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: 0;
      }
    }
    .first-column {
      display: flex;
      flex-direction: column;
      gap: 24px;
      @media (max-width: 1280px) {
        gap: 12px;
      }
      @media (max-width: 1024px) {
        max-width: 66%;
      }
      @media (max-width: 980px) {
        max-width: 100%;
      }
      .first-row {
        display: flex;
        gap: 24px;
        @media (max-width: 1280px) {
          gap: 12px;
        }
        @media (max-width: 550px) {
          flex-direction: column;
        }
      }
    }
  }
}