body {
  background: #f7f9fb;
  font-family: "Inter", Arial, sans-serif;
  color: #2c2c2c;
}


section {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}


h2 {
  font-size: 2.3rem;
  font-weight: 700;
  color: #0d3b66;
  margin-bottom: 10px;
}


h5 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #336699;
  margin-bottom: 30px;
}

h4 {
  font-size: 1.35rem;
  font-weight: 600;
  margin-top: 40px;
  color: #0d3b66;
  border-left: 4px solid #0d3b66;
  padding-left: 12px;
}

p {
  font-size: 1.05rem;
  line-height: 1.75;
  margin-top: 15px;
}

ul {
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 20px;
}

ul li {
  margin-bottom: 10px;
  font-size: 1.05rem;
  line-height: 1.6;
  position: relative;
  padding-left: 8px;
}

ul li::marker {
  color: #0d3b66;
  font-size: 1.2em;
}

.container {
  background: #ffffff;
  padding: 45px 50px;
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}


.container p:last-of-type {
  font-weight: 500;
  color: #0d3b66;
  margin-top: 25px;
}


.container p + h4 {
  margin-top: 50px;
}

@media (max-width: 768px) {
  h2 { font-size: 1.9rem; }
  .container { padding: 30px 25px; }
}