﻿/* Contact form — center thank-you message and style it */
.wpcf7 .wpcf7-mail-sent-ok {
  display: block !important;
  margin: 30px auto !important;
  max-width: 700px;
  background-color: #28a745; /* green background */
  color: #ffffff; /* white text */
  padding: 18px 22px;
  border: none !important; /* remove default green border */
  border-radius: 6px;
  text-align: center;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.4;
}

/* Ensure the message is centered in smaller screens too */
@media (max-width: 480px) {
  .wpcf7 .wpcf7-mail-sent-ok {
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding: 14px 16px;
  }
}

/* FAQ two-column fix: ensure 4 items per column for large screens */
.faq-columns { margin-top: 30px; display: flex; gap: 40px; align-items: flex-start; }
.faq-column { flex: 1; }
.faq-column .card, .faq-column .faq-item, .faq-column li { margin-bottom: 28px; border: none; background: transparent; padding: 0; }

/* Heading and description styling to match reference layout */
.faq-column .card .card-header h5,
.faq-column .card h5,
.faq-column .faq-item h5,
.faq-column h4,
.faq-column h5 {
  font-weight: 700;
  color: #222222;
  margin: 0 0 10px 0;
  font-size: 1.04rem;
}

.faq-column .card .card-body,
.faq-column .faq-item p,
.faq-column p {
  color: #7b7b7b;
  margin: 0 0 18px 0;
  line-height: 1.7;
}

/* Ensure the accordion toggles don't add extra spacing */
.faq-column .card-header,
.faq-column .card { background: transparent; border: 0; padding: 0; }

@media (max-width: 991px) {
  .faq-columns { flex-direction: column; gap: 18px; }
  .faq-column { width: 100%; }
}
