.marquee {
    display: flex;
    overflow: hidden;
    position: relative;
  }

  .marquee-single-box {
    display: flex;
    flex-shrink: 0;
    min-width: 51%;
    animation: scroll 20s linear infinite;
  }

  .marquee-content {
    display: flex;
    align-items: center;
  }

  .marquee-content h2 {
    display: inline-flex;
    align-items: center;
    margin-right: 60px;
    font-size: 24px;
    white-space: nowrap;
  }

  .marquee-content span {
    margin-left: 10px;
  }

  @keyframes scroll {
    0% {
      transform: translateX(0%);
    }

    100% {
      transform: translateX(-100%);
    }
  }

   @media (max-width: 768px) {
    .hide-on-mobile {
      display: none;
    }
  }

  @media (max-width: 768px) {
    .top-header-col-2 {
      margin-bottom: 20px;
      /* or any value you prefer */
    }

    .pcos_1 {
      right: 0 !important;
      /* or whatever value suits mobile layout */
    }

    .hide-mobile {
      display: none !important;
    }

    h1.mediic-style {
      /* margin-top: -71px; */
      display: none;
    }
  }

   @media screen and (max-width: 10000px) {
          .doc-banner {
            top: -7px !important;
          }

          .img-responsivee {
            margin-top: 229px;
          }
        }

        .doc-banner {
          position: absolute;
          right: -24px;
          /* top: -78px !important; */
          width: 320px;
          padding: 20px;
          /* background: linear-gradient(135deg, #667eea, #764ba2); */
          background: linear-gradient(135deg, #a8d61a, #251e81);
          color: #fff;
          border-radius: 15px;
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
          animation: slideIn 1s ease;
          z-index: 1000;
        }

        .doc-title-container {
          width: 100%;
          text-align: center;
        }

        .doc-link {
          color: #ffffff;
          text-decoration: none;
          font-weight: 600;
          font-size: 18px;
          background: rgba(255, 255, 255, 0.15);
          padding: 10px 20px;
          border-radius: 30px;
          transition: background 0.3s ease, transform 0.3s ease;
          display: inline-block;
        }

        .doc-link:hover {
          background: rgba(255, 255, 255, 0.3);
          transform: scale(1.05);
        }

        /* Hide by default */
        .desktop-only {
          display: none;
        }

        /* Show only on desktop (992px and above) */
        @media (min-width: 992px) {
          .desktop-only {
            display: flex !important;
          }
        }


        @keyframes slideIn {
          from {
            opacity: 0;
            transform: translateY(-20px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
          }
        }