#vfe80cd {
      position: relative;
      overflow: hidden;
      padding-block: 5rem;
      background:
              linear-gradient(120deg, var(--primary-bg), transparent 45%),
              linear-gradient(300deg, var(--accent-bg), transparent 45%),
              var(--background-primary);

      .h05402 {
          margin-bottom: 3rem;
      }

      .hdcf13 {
          color: var(--text-primary);
          font-weight: 900;
      }

      .a76494 {
          color: var(--text-secondary);
          line-height: 1.8;
      }

      .gdff4a {
          display: grid;
          grid-template-columns: 1.2fr 0.8fr;
          gap: 1.5rem;
      }

      .haaf54 {
          border-radius: 28px;
          padding: 2rem;
          background: var(--background-tertiary);
          box-shadow: 0 16px 45px rgba(var(--bs-primary-rgb), 0.12);
          transition: 0.35s ease;

          &:hover {
              transform: translateY(-8px);
          }

          &.m72469 {
              background: linear-gradient(135deg, var(--primary), var(--primary-dark));
              color: var(--white);

              .f54c85,
              .m2556a {
                  color: var(--white);
              }
          }

          &.g30720 {
              background: var(--warning-bg);
          }

          &.aab484 {
              background: var(--info-bg);
          }

          &.ke9091 {
              background: var(--accent-bg);
          }
      }

      .f54c85 {
          color: var(--text-primary);
          font-weight: 800;
      }

      .m2556a {
          color: var(--text-secondary);
          line-height: 1.7;
      }

      .j4ec84 {
          width: 60px;
          height: 60px;
          border-radius: 20px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: var(--white);
          color: var(--primary-dark);
          font-size: 1.7rem;
          margin-bottom: 1.25rem;
      }

      .md083c {
          border-inline-start: 5px solid var(--secondary);
          padding-inline-start: 1.25rem;
          color: var(--text-primary);
          font-weight: 700;
      }

      @media (max-width: 991.98px) {
          .gdff4a {
              grid-template-columns: 1fr;
          }
      }

      @media (max-width: 575.98px) {
          .haaf54 {
              padding: 1.5rem;
          }
      }
  }
