.custom-service-cards {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform;
  border-radius: 12px;
  /*Optional: soft corners for a cleaner look;*/
}

.custom-service-cards:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);
}

/* When nice-select wraps a select and copies .form-select, hide Bootstrap's caret */

.nice-select.form-select {
  background-image: none !important;
  padding-right: 1rem;
}

/* Keep message + its placeholder in normal case */

#cf-message {
  text-transform: none !important;
}

.marketplace-form-input-fields {
  text-transform: none !important;
}

.home-page-contact-form-text-inputs {
  text-transform: none !important;
}

/* Default: no fixed */

#main-hero {
  background-attachment: scroll !important;
}

/* Desktop+ only: fixed parallax */

@media (min-width: 1025px) {
  #main-hero {
    background-attachment: fixed !important;
  }
}

/* Remove side padding on mobile phones */

@media (max-width: 768px) {
  #main-article-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline: 0 !important;
  }
}

/* Fix overlapping button text on mobile */

@media (max-width: 768px) {
  .btn, a.btn, button.btn {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    line-height: 1.25 !important;
    padding-top: .65rem !important;
    padding-bottom: .65rem !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: normal;
  }
}

/* If using Bootstrap 5 variables, this helps too */

@media (max-width: 768px) {
  .btn {
    --bs-btn-line-height: 1.25;
  }
}

/* Default: normal order (desktop/tablet) */

#hero-column-1 {
  order: 1;
}

#hero-column-2 {
  order: 2;
}

/* On small screens: swap order */

@media (max-width: 767px) {
  #hero-column-1 {
    order: 2;
  }
}

@media (max-width: 767px) {
  #hero-column-2 {
    order: 1;
  }
}

.social-media-posts {
  max-width: 100% !important;
}

/* On mobile screens */

@media (max-width: 768px) {
  #bible-picture-column {
    background-position: bottom !important;
  }
}

#main-article-wrapper b, #main-article-wrapper strong {
  font-weight: bold !important;
}

/* Paragraph text */

#main-article-wrapper p {
  color: #000;
}

/* Links inside paragraphs */

#main-article-wrapper p a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  transition: border-color 0.15s ease;
}

/* Hover / focus state */

#main-article-wrapper p a:hover, #main-article-wrapper p a:focus {
  border-bottom-color: #000;
}