.naukri-card {
          display: flex;
          flex-wrap: wrap;
          background: #fff5f5;
          border-radius: 12px;
          padding: 16px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          align-items: center;
          justify-content: space-between;
          gap: 16px;
      }

      .icon-stack {
          display: flex;
          flex-direction: column;
          gap: 8px;
      }

      .icon-stack img {
          width: 32px;
          height: 32px;
          object-fit: cover;
          border-radius: 50%;
          object-fit: cover;
          background: #fff;
          padding: 2px;
          border: 1px solid #ddd;
      }

      .naukri-content {
          flex: 1;
          min-width: 240px;
      }

      .naukri-content h5 {
          margin-bottom: 10px;
      }

      .naukri-content ul {
          padding-left: 20px;
          margin-bottom: 12px;
      }

      .check-icon {
          color: green;
          margin-right: 6px;
      }

      .register-btn {
          display: inline-block;
          background-color: #ff5c5c;
          color: white;
          padding: 6px 16px;
          border-radius: 20px;
          text-decoration: none;
          font-weight: 600;
      }

      /* Responsive adjustments */
      @media (max-width: 576px) {
          .naukri-card {
              flex-direction: column;
              align-items: flex-start;
          }

          .icon-stack {
              flex-direction: row;
              gap: 10px;
          }

          .icon-stack+.icon-stack {
              margin-top: 10px;
          }

          .register-btn {
              width: 100%;
              text-align: center;
          }
      }

      .icon-stack {
          width: 50px;
          height: 180px;
          /* show only part of it */
          overflow: hidden;
          position: relative;
      }

      .icon-stack img {
          width: 70px;
          height: 70px;
          object-fit: contain;
          /* Ensures logos aren't stretched */
          margin-bottom: 5px;
      }

      .scroll-content {
          display: flex;
          flex-direction: column;
          animation-duration: 10s;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
      }

      .scroll-up .scroll-content {
          animation-name: scrollUp;
      }

      .scroll-down .scroll-content {
          animation-name: scrollDown;
      }

      .scroll-content img {
          width: 100%;
          height: auto;
          margin-bottom: 5px;
      }

      /* Scroll animations */
      @keyframes scrollUp {
          0% {
              transform: translateY(0%);
          }

          100% {
              transform: translateY(-50%);
          }
      }

      @keyframes scrollDown {
          0% {
              transform: translateY(-50%);
          }

          100% {
              transform: translateY(0%);
          }
      }