/* VisionX Section (Homepage) Styles */

/* Logo Container */
.visionx-logo-container {
  max-width: 170px !important;
  height: 40px !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  .visionx-logo-container {
    max-width: 200px !important;
    height: auto !important;
    width: 100% !important;
  }
}

/* Logo Image */
div.mb-3 img,
div.mb-4 img {
  max-width: 100% !important;
  height: auto !important;
}

@media (min-width: 1024px) {
  div.mb-3 img,
  div.mb-4 img {
    max-width: 100% !important;
  }
}

.visionx-image-wrapper {
  padding: 2rem;
}

.visionx-image-wrapper img {
  max-width: 220px !important;
  height: auto !important;
}

@media (min-width: 1024px) {
  .visionx-image-wrapper {
    padding: 6rem;
  }

  .visionx-image-wrapper img {
    max-width: 280px !important;
    height: auto !important;
  }
}

/* Title margin: mobile only */
@media (max-width: 1023px) {
  .visionx-title {
    margin-top: 0.75rem !important;
  }
}

/* Description text size */
@media (min-width: 1024px) {
  .visionx-description {
    font-size: 1.125rem !important;
  }
}

/* Bullet text size */
@media (min-width: 1024px) {
  .visionx-bullet-text {
    font-size: 1.5rem !important;
  }
}

/* Bottom row gap */
@media (min-width: 1024px) {
  .visionx-bottom-row {
    gap: 48px !important;
  }
}

/* Button order: above bullets on mobile, below on desktop */
.visionx-btn {
  order: 1;
}

.visionx-bullets {
  order: 2;
}

@media (min-width: 1024px) {
  .visionx-btn {
    order: 2;
    margin-bottom: 0 !important;
  }

  .visionx-bullets {
    order: 1;
    margin-bottom: 2.5rem !important;
  }
}