:root { --brand: #e8513f; --ink: #172536; --soft: #f3f5f7; --bs-heading-color: #24537c; }
body { color: var(--ink); font-family: "Exo", sans-serif; }
.hero h1 { color: #fff; }
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3 { color: #fff; }
.navbar-brand img { width: 112px; height: 50px; }
.hero { background: url("../images/bulk-sms-digital-marketing.jpg") center / cover no-repeat; }
.text-brand { color: var(--brand) !important; }
.btn-brand { --bs-btn-bg: var(--brand); --bs-btn-border-color: var(--brand); --bs-btn-hover-bg: #ce4131; --bs-btn-hover-border-color: #ce4131; color: #fff; }
.bg-soft { background-color: var(--soft); }
.service-icon { width: 120px; height: 120px; object-fit: contain; }
.platform-image { max-height: 520px; }
@media (max-width: 575.98px) {
  .navbar .container { flex-wrap: nowrap; gap: .5rem; }
  .navbar .btn { font-size: .75rem; padding: .4rem .6rem; white-space: nowrap; }
  .navbar-brand { margin-right: 0; }
}