/* Basic Reset */

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

/* Body */

body {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6;
background: #f6f7f8;
color: #222;
padding: 20px;
}

/* Layout */

.site-header {
margin-bottom: 30px;
text-align: center;
}

.site-header h1 {
font-size: 2rem;
margin-bottom: 10px;
}

.tagline {
color: #666;
}

/* Navigation */

.site-nav {
max-width: 800px;
margin: 0 auto 20px;
background: white;
padding: 12px 16px;
border-radius: 6px;
text-align: center;
}

.site-nav-row {
margin: 4px 0;
}

.site-nav a {
margin: 0 6px;
}

.site-nav-sep {
color: #999;
}

@media (max-width: 520px) {
  .site-nav {
    padding: 10px 12px;
    font-size: 0.95rem;
    text-align: left;
  }

  .site-nav-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-start;
  }

  .site-nav a {
    margin: 0;
  }

  .site-nav-sep {
    display: none;
  }
}

.home-cards {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
margin-bottom: 35px;
}

.home-card {
background: #ffffff;
border: 1px solid #e7eaee;
border-radius: 10px;
padding: 18px;
margin-bottom: 0;
}

.home-card h2 {
margin-bottom: 10px;
}

.home-card p {
color: #444;
}

.home-card ul {
margin-top: 10px;
column-count: 2;
column-gap: 28px;
}

.home-card li {
break-inside: avoid;
}

@media (min-width: 900px) {
  .home-cards {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
  }

  .home-card ul {
    column-count: 1;
  }
}

@media (max-width: 520px) {
  .home-card ul {
    column-count: 1;
  }
}

main {
max-width: 800px;
margin: auto;
background: white;
padding: 30px;
border-radius: 6px;
}

/* Sections */

section {
margin-bottom: 35px;
}

h2 {
margin-bottom: 10px;
color: #1d3557;
}

ul {
padding-left: 20px;
}

li {
margin-bottom: 8px;
}

/* Links */

a {
color: #1d3557;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Footer */

.site-footer {
margin-top: 40px;
font-size: 0.9rem;
text-align: center;
color: #666;
}

.site-footer nav {
margin-bottom: 10px;
}

.site-footer a {
margin: 0 8px;
}

 .call-box{
 margin-top:15px;
 font-size:1.2rem;
 background:#eef3f7;
 padding:12px;
 border-left:4px solid #1d3557;
 }