/* Page-specific styles for pricing.html */
/* #home-logo/#call-now and header nav-link color come from style.css (shared, identical on every page). */
#pricing-text {
  width:50%;
}
@media only screen and (max-width:749px) {
  #pricing-text {
    width:85%;
  }
}

.pricing-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1000px; margin: 0 auto; padding: 48px 20px 64px; text-align: left; }
.pricing-option { border: 1px solid #ddd; border-top: 4px solid #0088f9; border-radius: 8px; padding: 32px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.pricing-option h2 { font-size: 1.7rem; }
.pricing-option p { flex: 1; }
@media (max-width: 767px) { .pricing-options { grid-template-columns: 1fr; } .pricing-option { padding: 24px; } }

.pricing-main-wrap { text-align:center; margin-top:125px; }
@media only screen and (max-width: 991px) {
  .pricing-main-wrap { margin-top: 65px !important; }
}
.pricing-card-1 { background-color: #f04e23; }
.pricing-card-2 { background-color: #e77236; }
.pricing-card-3 { background-color: #f6af1d; }
.pricing-card-4 { background-color: #4db9af; }
.pricing-card-5 { background-color: #4d8fb9; }
.pricing-card-6 { background-color: #5f4db9; }