.page-intro.container{ padding-top:20px !important; padding-bottom:40px !important; text-align:center; max-width:900px; margin:auto; } .info-grid, .contact-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:30px; max-width:1050px; margin-left:auto; margin-right:auto; } .info-card, .contact-card{ background:#ffffff; padding:24px; border-radius:14px; box-shadow:0 18px 40px rgba(0,0,0,0.15); transition:transform .25s ease, box-shadow .25s ease; display:flex; flex-direction:column; justify-content:space-between; min-height:180px; max-width:300px; margin:auto; } .info-card{ min-height:210px; } .info-card:hover, .contact-card:hover{ transform:translateY(-6px); box-shadow:0 30px 60px rgba(0,0,0,0.25); } .info-card h2, .contact-card h2{ margin-bottom:10px; font-size:1.2rem; } .info-card ul, .contact-card ul{ text-align:left; margin:10px auto 18px auto; max-width:230px; font-size:15px; line-height:1.6; padding-left:18px; } .info-card ul li, .contact-card ul li{ margin-bottom:6px; } .primary-btn, .badge{ display:inline-block; background:#2a7de1; color:#ffffff; padding:10px 18px; border-radius:6px; text-decoration:none; font-weight:600; transition:background .2s ease, transform .2s ease; } .primary-btn:hover, .primary-btn:focus-visible{ background:#1d63b9; transform:translateY(-1px); } .badge{ padding:10px 16px; margin-top:15px; font-size:14px; } .map{ margin-top:40px; border-radius:12px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,0.15); } .contact-note{ margin-top:20px; color:#45556b; }