/** STYLE-1 CSS UA **/

h1, h2 { padding-top: 1rem; line-height: 1.1; }
p { font-weight: 500; }
p.subheadline { font-size: 0.95rem; font-weight: 700; }
.btn-click { font-size: 0.9rem; color: #777; }
.service-card { display: grid; align-content: start; gap: 0.5rem; background: #fff; border: 0.125rem solid #8a99ad; border-radius: 1rem; padding: 1.25rem 1.5rem; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.service-card:hover { background-color: #f0f7ff; border-color: #0056b3; transform: translateY(-0.25rem); box-shadow: 0 8px 24px rgba(0, 86, 179, 0.18); }
.card-meta, .card-footer { display: flex; justify-content: space-between; align-items: center; }
.card-badge { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; padding: 0.25rem 0.6rem; border-radius: 2rem; letter-spacing: 0.05rem; background: #e6f4ea; color: #1a73e8; }
.card-duration { font-size: 0.95rem; font-weight: 600; color: #555; }
.card-title { font-size: 1.35rem; font-weight: 800; color: #111; }
.card-desc { font-size: 0.95rem; color: #333; line-height: 1.5; }
.card-footer { padding-block-start: 0.5rem; margin-block-start: 0.25rem; }
.price-sub { line-height: 1.25; font-size: 0.95rem; font-weight: 600; color: #1a73e8; text-transform: lowercase; }
.btn { display: inline-block; padding: 0.6rem 1.2rem; background: linear-gradient(135deg, #0056b3, #007bff); line-height: 1.25; color: #fff; font-weight: 600; font-size: 0.9rem; border-radius: 2rem; box-shadow: 0 4px 10px rgba(0, 86, 179, 0.3); transition: all 0.3s ease; text-align: center; }
.btn:hover { background: linear-gradient(135deg, #007bff, #0056b3); box-shadow: 0 6px 15px rgba(0, 86, 179, 0.5); transform: translateY(-2px); }