/* Rented Trailer Program page */
.service-hero { position: relative; width: 100%; background-size: cover; background-position: center; color: #fff; }
.service-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,39,64,.6), rgba(15,39,64,.3)); }
/* add top padding to clear fixed navbar */
.service-hero .container { position: relative; padding: 120px 16px 80px; }
.service-hero h1 { font-size: 2.2rem; font-weight: 800; margin: 0 0 8px; }
.service-hero p { max-width: 820px; }

.service-section { background: #fff; padding: 60px 0 90px; }
.service-content { display: grid; grid-template-columns: 1fr; gap: 26px; }
.service-block { background: #fff; border: 1px solid #e8eef5; border-radius: 12px; padding: 22px; box-shadow: 0 12px 28px rgba(13,38,76,.06); }
.service-block h2 { color: #0f2740; font-weight: 800; margin: 4px 0 12px; }
.service-block .muted { color: #6b7280; }

/* Lists */
.check-list { padding-left: 18px; }
.check-list li { margin: 6px 0; list-style: none; position: relative; }
.check-list li::before { content: '✅'; position: absolute; left: -18px; }

.dash-list { padding-left: 18px; list-style: none; }
.dash-list li { margin: 6px 0; position: relative; }
.dash-list li::before { content: '–'; position: absolute; left: -14px; }

/* Buttons */
.cta-button { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; background: linear-gradient(90deg,#f39a3d,#e87b1e); color:#fff; border:0; border-radius: 28px; cursor:pointer; font-weight:700; text-decoration:none; }
.cta-button span { display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#fff; color:#e87b1e; }

@media (max-width: 768px){
  .service-hero .container { padding: 100px 16px 52px; }
  .service-hero h1 { font-size: 1.8rem; }
}