html {
    scroll-padding-top: 80px; 
  }
    img {
    image-rendering: auto;
  }
  .font-bold {
    font-weight: 700;
    color: #3b8701;
}
   :root {
      --bitsblue: #0ea5e9; /* adjust to your real bitsblue */
    }
    .text-bitsblue { color: var(--bitsblue); }
    .bg-bitsblue\/10 { background-color: rgba(14,165,233,0.1); } /* 10% */
    .border-bitsblue\/30 { border-color: rgba(14,165,233,0.3); } /* 30% */
  /* Base tile style */
  .logo-tile {
    background: #fff;
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease, box-shadow .3s ease;
  }

  .logo-tile img {
    max-width: 90%;
    max-height: 60px;
    object-fit: contain;
    transition: transform .35s ease;
  }

  /* Hover effect */
  .logo-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.14);
  }
  .logo-tile:hover img {
    transform: scale(1.08);
  }

  /* Random BOOM animation class */
  .boom {
    transform: scale(1.22) !important;
    box-shadow: 0 0 25px rgba(0,120,255,0.45), 0 12px 28px rgba(0,0,0,0.18) !important;
  }
  .boom img {
    transform: scale(1.2) !important;
  }
  @media (min-width: 360px) and (max-width: 991px) {
#mobile-menu a {
  background-color: white;
  padding: 12px 10px 13px 25px;
  cursor: pointer; 
  transition: all 0.25s ease; 
}

#mobile-menu a:hover {
  border-left: 6px solid #4CAF50;
  background-color: #e9f9ea;
  padding-left: 30px; 
}

  
}
  .step-card {
    @apply flex flex-col items-center justify-center;
  }

  /* OUTER CIRCLE - VIBRANT */
  .circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    background: conic-gradient(
      #cfd8ff 0deg,
      #e8eeff 360deg
    );

    transition: 0.5s ease;
    margin:0 auto;
    
  }

  /* ON HOVER - STRONGER GRADIENT + SHINE */
  .step-card:hover .circle {
    background: conic-gradient(
      #2563eb 0deg,
      #00c6ff 120deg,
      #7b2ff7 240deg,
      #2563eb 360deg
    );

    box-shadow: 
      0 0 15px rgba(37, 99, 235, 0.5),
      0 0 25px rgba(0, 198, 255, 0.4),
      inset 0 0 12px rgba(255,255,255,0.4);

    transform: scale(1.12);
  }

  /* INNER WHITE CIRCLE */
  .circle-inner {
    width: 72px;
    height: 72px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 9px;

    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
  }

  .step-card:hover .circle-inner {
    box-shadow: 0 0 12px rgba(255,255,255,0.8);
  }

  /* ICON COLOR — brighter */
  .icon-img {
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 0 3px rgba(0,0,0,0.2));
  }

  /* TEXT */
  .step-text {
    padding-top: 13px;
  }
.leading-tight{
    z-index:9999;
}
.logo_img{
     z-index:9999;
}