.your-trusted-card h2 {
  margin-bottom: 16px;
}

.your-trusted-card p {
  color: var(--color-text-2);
}
.your-trusted-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.deliver-value {
  margin: 16px 0 40px;
  text-align: center;
}

@media (min-width: 1025px) {
  .sales-banner.space-comman-section img.img, section.your-trusted.space-comman-section .img-fluid {
    width: 100%;
    aspect-ratio: 16/15;
    margin: auto;
  }
}

@media (max-width: 1024px) {
  .sales-banner.space-comman-section img.img, section.your-trusted.space-comman-section .img-fluid {
    width: 100%;
    aspect-ratio: 16/15;
    margin: auto;
  }
  .transform .image {
    width: 358px;
    height: 218px;
  }
  .your-trusted-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .deliver-value {
    margin: 16px 0 40px;
  }
  /* .your-trusted-card img {
    width: 340px;
    height: 340px;
    margin: auto;
} */
}

@media (max-width: 700px) {
  .sales-banner.space-comman-section img.img, section.your-trusted.space-comman-section .img-fluid {
    width: 100%;
    aspect-ratio: 16/15;
    margin: auto;
  }

  section.bg-alt {
    margin: 50px 0px !important;
}

section.velosio-section {
    padding-bottom: 30px !important;
}
.space-comman-section {
    padding: 40px 0px 72px 0px !important;
}

}







.section-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  /* font-size: .7rem; */
  font-weight: 600;
  /* letter-spacing: .06em; */
  /* text-transform: uppercase; */
  color: #663999;
  background: #f2e3f7;
  padding: 5px 14px;
  border-radius: 20px;
}

.section-eyebrow .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #663999;
  display: inline-block;
}

h2.section-title {
  /* font-size: 2rem; */
  font-weight: 700;
  line-height: 1.2;
}

.section-sub {
  /* font-size: .95rem; */
  color: #5F5E5A;
  line-height: 1.8;
}

/* ── LOGO CHIPS ── */
.logo-chip {
  border: 1px solid #663999;
  border-radius: 8px;
  padding: 10px 20px;
  /* font-size: .8rem; */
  font-weight: 500;
  color: #000000;
  background: #fff;
  transition: border-color .15s, color .15s;
}

.logo-chip:hover {
  border-color: #000000;
  color: #1A1A18;
}




section.bg-alt {
    margin: 70px 0px;
}

        /* ── PLAN CARDS ── */
        .plan-card {
          border: 1px solid #E4E2DA;
          border-radius: 14px;
          padding: 24px;
          background: #fff;
          transition: border-color .15s;
          position: relative;
          height: 100%;
        }
    
        .plan-card:hover {
          border-color: #663999;
        }
    
        .plan-card.featured {
          border: 2px solid #663999;
        }
    
        .popular-badge {
          position: absolute;
          top: 0;
          left: 50%;
          transform: translateX(-50%);
          background: #663999;
          color: #fff;
          font-size: .65rem;
          font-weight: 600;
          letter-spacing: .04em;
          padding: 4px 14px;
          border-radius: 0 0 10px 10px;
          white-space: nowrap;
        }
    
        .plan-name {
          font-size: .95rem;
          font-weight: 600;
          margin-top: 12px;
          color: #000;
        }
    
        .plan-tier {
          font-size: .75rem;
          color: #000000;
          margin-bottom: 12px;
        }
    
        .plan-price {
          font-size: 2.2rem;
          font-weight: 700;
          color: #000;
          line-height: 1;
        }
    
        .plan-price-note {
          font-size: .7rem;
          color: #000000;
        }
    
        .feat {
          display: flex;
          align-items: flex-start;
          gap: 8px;
          margin-bottom: 8px;
        }
    
        .feat-text {
          font-size: .78rem;
          color: #000000;
          line-height: 1.5;
        }
    
        .feat-text.dim {
          color: #000000;
        }
    
        .feat-icon-yes {
          color: #1D9E75;
          font-size: .85rem;
          margin-top: 1px;
        }
    
        .feat-icon-no {
          color: #C9C7BE;
          font-size: .85rem;
          margin-top: 1px;
        }

        .rounded-33 {
        background-color: #663999;
        color: #fff;
        border-radius: 25px;
        }

        .rounded-33:hover {
        background-color: #000 !important;
        color: #fff!important;
        }