@media(max-width: 425px){
    .navbar-expand-md{
        display: none;
    }
}


/* pricing-bg css */
.pricing-bg {
  background: #daf2ee;
  height: 500px;

  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */
  text-align: center;
}

.pricing-content {
  width: 100%;
}


/* pricing-section css */
.pricing-amount {
  font-size: 2rem;
  font-weight: bold;
}

.card ul li {
  margin-bottom: 8px;
  display: flex;
  gap: 10px;
}

.card .btn-block {
  width: 100%;
  color: white !important;
}

.list-check li i {
    color: limegreen;
    margin-top: 15px;
    margin-right: 8px;
}

.span-clr {
  color: #0d6efd; 
  text-decoration: underline;
}


/* price-team-users css */
.border-end {
    border: 1px solid #000 !important; 
    padding: 25px;
    border-radius: 25px;
  }

 .text-gradient {
      background: linear-gradient(90deg, #6d007b, #d94fdc);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }


/* Our clients marquee css */
.marquee {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.price-btn {
  background: #0d6efd;
  color: white;
  padding: 10px 15px;
  border-radius: 8px;
  border: none;
}

.price-btn:hover {
  background: white;
  color: #0d6efd;
  border: 1px solid #0d6efd; /* fixed typo: solid */
}

.marquee_header {
  font-size: 35px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 20px;
}

.marquee__inner {
  display: flex;
  width: max-content;
}

.marquee__group {
  display: flex;
}

.marquee__group img {
  margin: 0 1rem;
  padding: 4px 10px;
  /* background: #000; */
  border-radius: 6px;
  max-height: 60px;
}

.marquee__left {
  animation: marquee-left 20s linear infinite;
}

.marquee__right {
  animation: marquee-right 20s linear infinite;
}

@keyframes marquee-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes marquee-right {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

@media (max-width: 768px) {
  .marquee__group img {
    max-height: 40px;
    margin: 0 0.5rem;
  }
  .marquee_header {
    font-size: 24px;
  }
}