/* =========================================================
   UNIVERSAL PREMIUM CSS FOR TRACKERPRICES
   Works across homepage + /Guide/ pages with different classes
   Upload as: /public_html/css/premium-universal.css
   ========================================================= */

:root {
  --brand: #102a43;
  --brand-2: #1f6f8b;
  --brand-3: #2ec4b6;
  --accent: #ffb547;
  --ink: #14213d;
  --text: #334e68;
  --muted: #667085;
  --paper: #ffffff;
  --soft: #f4fbfd;
  --line: rgba(16, 42, 67, 0.12);
  --success: #16a34a;
  --danger: #dc2626;
  --shadow-sm: 0 10px 28px rgba(16, 42, 67, 0.08);
  --shadow-md: 0 20px 50px rgba(16, 42, 67, 0.13);
  --shadow-lg: 0 32px 80px rgba(16, 42, 67, 0.18);
  --radius: 28px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

body {
  margin: 0;
  padding-top: 86px;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--ink) !important;
  line-height: 1.7;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 8% 4%, rgba(46, 196, 182, .13), transparent 26%),
    radial-gradient(circle at 92% 8%, rgba(255, 181, 71, .11), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7fcfd 42%, #edf8fa 100%) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    url("data:image/svg+xml,%3Csvg width='240' height='240' viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23102a43' stroke-opacity='.045' stroke-width='2'%3E%3Cpath d='M28 54c42-36 88 42 132 2 22-20 35-19 52-4'/%3E%3Cpath d='M16 162c34-30 65 10 96-18s68-28 104 4'/%3E%3Ccircle cx='54' cy='92' r='18'/%3E%3Ccircle cx='185' cy='124' r='26'/%3E%3Cpath d='M64 176l28-28 28 28 28-28'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 240px 240px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 78%);
}

.container {
  max-width: 1180px !important;
}

/* =========================
   NAVIGATION - all pages
   ========================= */
.navbar,
nav.navbar {
  min-height: 86px;
  height: auto !important;
  padding: .8rem 0 !important;
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 30px rgba(16,42,67,.08);
}

.navbar-brand {
  display: flex;
  align-items: center;
  gap: .7rem;
  color: var(--ink) !important;
  font-size: 1.15rem;
  font-weight: 950;
  letter-spacing: -.04em;
  text-decoration: none;
}

.navbar-brand img,
.logo img,
.site-logo img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  object-fit: contain !important;
  padding: 6px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(16,42,67,.10);
}

.navbar-nav {
  align-items: center;
  gap: .25rem;
}

.nav-link,
.navbar a.nav-link {
  color: #243b53 !important;
  font-size: .94rem;
  font-weight: 850 !important;
  padding: .68rem .9rem !important;
  border-radius: 999px !important;
  transition: .22s ease;
}

.nav-link:hover,
.nav-link.active,
.navbar a.active {
  color: var(--brand-2) !important;
  background: rgba(46,196,182,.14) !important;
}

.navbar-toggler {
  border: 0 !important;
  box-shadow: none !important;
}

.navbar-toggler-icon {
  filter: invert(1);
}

/* =========================
   BUTTONS - all pages
   ========================= */
.btn,
button,
.btn-primary,
.btn-light,
.btn-outline-light,
.btn-select,
input[type="submit"] {
  border-radius: 999px !important;
  font-weight: 900 !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn:hover,
button:hover,
input[type="submit"]:hover {
  transform: translateY(-2px);
}

.btn-primary,
.btn-select,
.navbar .btn-outline-light,
.btn-outline-light,
input[type="submit"] {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--brand-2), var(--brand-3)) !important;
  box-shadow: 0 16px 34px rgba(31,111,139,.24);
  padding: .75rem 1.45rem !important;
}

.btn-light {
  color: var(--brand) !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm);
}

/* =========================
   HERO - homepage + guide pages + unknown hero classes
   ========================= */
.hero-section,
.city-hero,
.solar-hero,
[class*="hero"],
section[class*="hero"] {
  position: relative;
  overflow: hidden;
  margin: 0 0 3rem !important;
  padding: clamp(4.8rem, 8vw, 7rem) 0 clamp(4rem, 7vw, 5.8rem) !important;
  color: #102a43 !important;
  border-radius: 0 0 54px 54px !important;
  background: linear-gradient(115deg, #ffffff 0%, #f6fbfd 48%, #e9fbf8 100%) !important;
  box-shadow: inset 0 -1px 0 var(--line);
}

.hero-section::before,
.city-hero::before,
.solar-hero::before,
[class*="hero"]::before {
  content: "";
  position: absolute;
  right: 5%;
  top: 10%;
  width: min(36vw, 450px);
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .96;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 520 520' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%232ec4b6'/%3E%3Cstop offset='1' stop-color='%231f6f8b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='270' cy='260' r='188' fill='none' stroke='url(%23g)' stroke-width='38' opacity='.18'/%3E%3Cpath d='M160 342c32-70 71-110 126-120 55-9 96 9 137 55' fill='none' stroke='%23102a43' stroke-width='9' stroke-linecap='round' opacity='.72'/%3E%3Cpath d='M145 333h250c20 0 42 19 48 44l8 33H105l8-33c6-25 16-44 32-44Z' fill='%23ffffff' stroke='%23102a43' stroke-width='9'/%3E%3Ccircle cx='176' cy='408' r='31' fill='%23ffffff' stroke='%23102a43' stroke-width='9'/%3E%3Ccircle cx='382' cy='408' r='31' fill='%23ffffff' stroke='%23102a43' stroke-width='9'/%3E%3Cpath d='M238 330l34-78 88 78' fill='none' stroke='%23102a43' stroke-width='9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M286 75c-45 0-82 37-82 82 0 58 82 145 82 145s82-87 82-145c0-45-37-82-82-82Z' fill='url(%23g)' opacity='.95'/%3E%3Ccircle cx='286' cy='158' r='31' fill='%23ffffff'/%3E%3Cpath d='M67 160c30-42 78-57 128-42M403 123c35 12 62 34 80 69M68 265c29 8 57 8 87 0' fill='none' stroke='%23ffb547' stroke-width='9' stroke-linecap='round' opacity='.75'/%3E%3C/svg%3E");
}

.hero-section::after,
.city-hero::after,
.solar-hero::after,
[class*="hero"]::after {
  content: "";
  position: absolute;
  right: -130px;
  top: -130px;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,181,71,.18), transparent 70%);
}

.hero-section .container,
.city-hero .container,
.solar-hero .container,
[class*="hero"] .container {
  position: relative;
  z-index: 1;
  text-align: left !important;
}

.hero-section h1,
.city-hero h1,
.solar-hero h1,
[class*="hero"] h1 {
  max-width: 740px;
  margin-bottom: 1.2rem !important;
  color: var(--brand) !important;
  font-size: clamp(2.6rem, 6vw, 5.3rem) !important;
  line-height: .94 !important;
  letter-spacing: -.075em;
  font-weight: 950 !important;
}

.hero-section .lead,
.city-hero .lead,
.solar-hero .lead,
[class*="hero"] .lead,
[class*="hero"] p {
  max-width: 650px;
  color: #334e68 !important;
  font-size: clamp(1.08rem, 2vw, 1.35rem) !important;
  font-weight: 550;
}

/* =========================
   QUICK NAV / STICKY NAV
   ========================= */
.quick-nav,
.sticky-nav,
.page-nav,
.guide-nav,
[class*="quick-nav"] {
  position: sticky;
  top: 96px;
  z-index: 30;
  margin: -1.8rem auto 2.4rem;
  padding: .6rem;
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(14px);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-sm);
}

.quick-nav a,
.sticky-nav a,
.page-nav a,
.guide-nav a,
[class*="quick-nav"] a {
  color: #334e68 !important;
  text-decoration: none !important;
  font-weight: 850;
  padding: .6rem .85rem;
  border-radius: 999px;
}

.quick-nav a:hover,
.sticky-nav a:hover,
.page-nav a:hover,
.guide-nav a:hover,
[class*="quick-nav"] a:hover {
  color: var(--brand-2) !important;
  background: rgba(46,196,182,.11);
}

/* =========================
   SECTIONS - homepage + guides + unknown content sections
   ========================= */
.info-section,
.tier-section,
.trusted-brands,
.price-highlight,
.price-calculator,
.provider-highlight,
.contact-form,
.content-section,
.blog-section,
.guide-section,
section:not(.hero-section):not(.city-hero):not(.solar-hero):not([class*="hero"]),
.bg-light.rounded {
  position: relative;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
}

.info-section,
.tier-section,
.content-section,
.blog-section,
.guide-section,
section:not(.hero-section):not(.city-hero):not(.solar-hero):not([class*="hero"]) {
  overflow: hidden;
  padding: clamp(2rem, 4vw, 3.4rem) !important;
  margin-bottom: 2.3rem !important;
}

.info-section::before,
.tier-section::before,
.content-section::before,
.blog-section::before,
.guide-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .72;
  background-image: url("data:image/svg+xml,%3Csvg width='160' height='80' viewBox='0 0 160 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%232ec4b6' stroke-opacity='.08' stroke-width='2'%3E%3Cpath d='M0 55c30-25 48 25 80 0s50-20 80 0'/%3E%3Cpath d='M20 15h38M102 22h38'/%3E%3Ccircle cx='74' cy='18' r='6'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 160px 80px;
}

.info-section > *,
.tier-section > *,
.content-section > *,
.blog-section > *,
.guide-section > * {
  position: relative;
  z-index: 1;
}

h1, h2, h3, h4, h5 {
  color: var(--brand);
}

.info-section h2,
.tier-section h2,
.price-highlight h2,
.blog-content h2,
article h2,
section h2 {
  color: var(--brand) !important;
  font-weight: 950 !important;
  letter-spacing: -.045em;
}

.info-section h3,
.info-section h4,
.blog-content h3,
article h3,
section h3,
section h4 {
  color: var(--brand-2) !important;
  font-weight: 950 !important;
  letter-spacing: -.035em;
}

p, li {
  color: var(--text);
}

/* =========================
   TIER HEADERS - homepage
   ========================= */
.tier-header,
.section-header,
.package-header,
[class*="tier-header"] {
  position: relative;
  overflow: hidden;
  padding: 2.05rem;
  border-radius: 24px;
  margin-bottom: 1.9rem !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--brand), var(--brand-3)) !important;
}

.tier-header::before,
.section-header::before,
.package-header::before,
[class*="tier-header"]::before {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  width: 170px;
  height: 92px;
  transform: translateY(-50%);
  opacity: .2;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='white' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 82h132c15 0 28 10 32 24H12c4-14 9-24 20-24Z'/%3E%3Ccircle cx='52' cy='105' r='13'/%3E%3Ccircle cx='160' cy='105' r='13'/%3E%3Cpath d='M76 80l22-42h58l32 42'/%3E%3Cpath d='M106 28c0-20 16-28 30-28s30 8 30 28c0 24-30 55-30 55s-30-31-30-55Z'/%3E%3C/g%3E%3C/svg%3E");
}

.tier-header h2,
.tier-header p,
.section-header h2,
.section-header p,
.package-header h2,
.package-header p {
  position: relative;
  z-index: 1;
  color: #fff !important;
}

.basic-tier .tier-header { background: linear-gradient(135deg, #102a43, #1f6f8b) !important; }
.silver-tier .tier-header { background: linear-gradient(135deg, #243b53, #0f766e) !important; }
.gold-tier .tier-header { background: linear-gradient(135deg, #7c2d12, #ffb547) !important; }
.premium-tier .tier-header { background: linear-gradient(135deg, #3b0764, #7c3aed) !important; }
.titan-tier .tier-header { background: linear-gradient(135deg, #082f49, #0891b2) !important; }

/* =========================
   CARDS - all card types
   ========================= */
.tier-card,
.installer-card,
.feature-box,
.provider-highlight,
.card,
[class*="card"] {
  position: relative;
  overflow: hidden;
  height: auto;
  border: 1px solid var(--line) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, #fff 0%, #fff 72%, #f8fcfd 100%) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.tier-card::before,
.installer-card::before,
.feature-box::before,
.provider-highlight::before,
.card::before,
[class*="card"]::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, var(--brand-2), var(--brand-3), var(--accent));
}

.tier-card:hover,
.installer-card:hover,
.feature-box:hover,
.provider-highlight:hover,
.card:hover,
[class*="card"]:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg) !important;
  border-color: rgba(46,196,182,.38) !important;
}

.card-body {
  padding: 2rem !important;
}

.brand-logo,
.brand-logo-large,
.provider-logo-large,
.card img {
  object-fit: contain;
}

.brand-logo {
  height: 42px;
  width: auto;
  max-width: 145px;
  margin: 0 auto 1rem;
  padding: .35rem;
  border-radius: 13px;
  background: #fff;
  border: 1px solid rgba(16,42,67,.06);
}

.tier-card h4,
.installer-card h4,
.card h4 {
  color: var(--brand) !important;
  font-weight: 950 !important;
  letter-spacing: -.035em;
}

.tier-card .price,
.price {
  color: var(--brand-2) !important;
  font-size: clamp(2.1rem, 4vw, 3rem);
  font-weight: 950 !important;
  letter-spacing: -.06em;
  margin: .7rem 0 1rem;
}

.period {
  display: inline-block;
  color: var(--muted) !important;
  font-size: .95rem;
  font-weight: 850;
  letter-spacing: 0;
}

/* =========================
   BADGES
   ========================= */
.vat-badge,
.location-badge,
.badge-popular,
.best-deal-badge,
.badge {
  border-radius: 999px !important;
  font-weight: 900 !important;
}

.vat-badge,
.location-badge {
  color: var(--brand-2) !important;
  background: rgba(46,196,182,.12) !important;
  border: 1px solid rgba(46,196,182,.20) !important;
}

.badge.bg-primary,
.badge.bg-info,
.best-deal-badge {
  color: #fff !important;
  background: linear-gradient(135deg, var(--accent), #fb7185) !important;
  border: 0 !important;
  box-shadow: 0 10px 20px rgba(255,181,71,.24);
}

.best-value-card {
  transform: none !important;
  border: 2px solid rgba(46,196,182,.55) !important;
  box-shadow: 0 18px 44px rgba(46,196,182,.15) !important;
}

/* =========================
   LISTS + ICONS
   ========================= */
.feature-list,
ul.feature-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 1.25rem !important;
}

.feature-list li {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  padding: .72rem 0;
  border-bottom: 1px solid rgba(16,42,67,.08);
  color: #334e68 !important;
  font-weight: 650;
}

.feature-list li i {
  margin-top: .25rem;
  width: 18px;
  text-align: center;
}

.fa-check,
.feature-list .fa-check,
.text-success {
  color: var(--success) !important;
}

.fa-times,
.feature-list .fa-times,
.text-danger {
  color: var(--danger) !important;
}

.trend-icon,
.feature-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin-bottom: 1rem;
  border-radius: 20px;
  color: var(--brand-2) !important;
  background: rgba(46,196,182,.12);
  border: 1px solid rgba(46,196,182,.22);
  font-size: 1.5rem;
}

/* =========================
   TABLES
   ========================= */
.table-responsive {
  border-radius: 24px !important;
  box-shadow: var(--shadow-sm);
  background: #fff;
}

.table,
.price-comparison-table {
  width: 100%;
  margin-bottom: 0 !important;
  overflow: hidden;
  background: #fff !important;
  border-radius: 24px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.table th,
.table-dark th,
thead.table-dark th,
.price-comparison-table th {
  background: linear-gradient(135deg, var(--brand), var(--brand-2)) !important;
  color: #fff !important;
  padding: 1rem !important;
  font-weight: 950 !important;
  border: 0 !important;
}

.table td,
.price-comparison-table td {
  padding: 1rem !important;
  color: #334e68 !important;
  font-weight: 650;
  vertical-align: middle;
  border-color: rgba(16,42,67,.08) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > *,
.price-comparison-table tr:nth-child(even) {
  background: rgba(46,196,182,.045) !important;
}

.best-price {
  color: #0f766e !important;
  background: rgba(46,196,182,.11) !important;
  font-weight: 950 !important;
}

/* =========================
   FAQ
   ========================= */
.faq-item {
  margin-bottom: 1rem;
}

.faq-question {
  cursor: pointer;
  padding: 1rem 1.15rem;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  color: var(--brand) !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 22px rgba(16,42,67,.05);
}

.faq-question:hover {
  background: rgba(46,196,182,.10) !important;
}

.faq-answer {
  margin-top: .65rem;
  padding: 1.1rem 1.25rem;
  border-left: 5px solid var(--brand-3);
  background: #fff !important;
  border-radius: 18px !important;
  color: #334e68 !important;
  box-shadow: 0 10px 22px rgba(16,42,67,.05);
}

/* =========================
   ALERTS + NOTES
   ========================= */
.alert,
.package-note,
.price-includes {
  border-radius: 22px !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 1.25rem 1.35rem !important;
}

.package-note,
.price-includes {
  white-space: normal !important;
  border-left: 5px solid var(--brand-3) !important;
  background: linear-gradient(135deg, rgba(46,196,182,.10), rgba(255,255,255,.94)) !important;
  color: #334e68 !important;
}

.alert-info {
  color: #075985 !important;
  background: rgba(14,165,233,.12) !important;
  border-color: rgba(14,165,233,.22) !important;
}

.alert-warning {
  color: #7c2d12 !important;
  background: rgba(255,181,71,.16) !important;
  border-color: rgba(255,181,71,.25) !important;
}

.alert-success {
  color: #166534 !important;
  background: rgba(22,163,74,.12) !important;
  border-color: rgba(22,163,74,.22) !important;
}

/* =========================
   FORMS + MAPS
   ========================= */
.contact-form,
.map-container iframe,
iframe {
  border-radius: 24px !important;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.form-control,
.form-select,
input,
textarea,
select {
  min-height: 52px;
  border-radius: 18px !important;
  border: 1px solid var(--line) !important;
  font-weight: 650;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--brand-3) !important;
  box-shadow: 0 0 0 .25rem rgba(46,196,182,.16) !important;
}

/* =========================
   BLOG / ARTICLE PAGES
   ========================= */
.blog-content,
article {
  font-size: 1.07rem;
  line-height: 1.78;
}

.blog-content img,
article img {
  max-width: 100%;
  height: auto;
  border-radius: 22px;
  margin: 1.5rem 0;
  box-shadow: var(--shadow-sm);
}

.blog-meta,
.text-muted {
  color: #667085 !important;
}

/* =========================
   FOOTER
   ========================= */
footer,
.footer {
  margin-top: 3rem;
  background: #0b1726 !important;
  color: #dbe7f1 !important;
}

footer a,
.footer a {
  color: #ffffff !important;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 991.98px) {
  body {
    padding-top: 76px;
  }

  .navbar {
    min-height: 76px;
  }

  .navbar-collapse {
    margin-top: .75rem;
    padding: 1rem;
    background: rgba(255,255,255,.98);
    border: 1px solid var(--line);
    border-radius: 24px;
    box-shadow: var(--shadow-md);
  }

  .navbar-nav {
    align-items: stretch;
  }

  .nav-link {
    margin: .15rem 0;
  }

  .hero-section,
  .city-hero,
  .solar-hero,
  [class*="hero"] {
    padding: 4.5rem 0 4rem !important;
    border-radius: 0 0 36px 36px !important;
  }

  .hero-section::before,
  .city-hero::before,
  .solar-hero::before,
  [class*="hero"]::before {
    position: relative;
    display: block;
    right: auto;
    top: auto;
    width: min(82vw, 360px);
    margin: -1rem auto 1rem;
  }

  .hero-section .container,
  .city-hero .container,
  .solar-hero .container,
  [class*="hero"] .container {
    text-align: center !important;
  }

  .hero-section h1,
  .city-hero h1,
  .solar-hero h1,
  [class*="hero"] h1,
  .hero-section .lead,
  .city-hero .lead,
  .solar-hero .lead,
  [class*="hero"] .lead {
    margin-left: auto;
    margin-right: auto;
  }

  .quick-nav,
  .sticky-nav,
  .page-nav,
  .guide-nav,
  [class*="quick-nav"] {
    position: static;
    margin-top: 0;
    border-radius: 24px;
  }

  .quick-nav a,
  .sticky-nav a,
  .page-nav a,
  .guide-nav a,
  [class*="quick-nav"] a {
    display: block;
    width: 100%;
    margin: .2rem 0;
    text-align: center;
    background: #f8fcfd;
  }
}

@media (max-width: 575.98px) {
  .hero-section h1,
  .city-hero h1,
  .solar-hero h1,
  [class*="hero"] h1 {
    font-size: 2.45rem !important;
  }

  .hero-section .btn,
  .city-hero .btn,
  .solar-hero .btn,
  [class*="hero"] .btn {
    width: 100%;
    margin: .35rem 0 !important;
  }

  .info-section,
  .tier-section,
  .card,
  .installer-card,
  .tier-card,
  [class*="card"] {
    border-radius: 22px !important;
  }

  .card-body {
    padding: 1.45rem !important;
  }
}