.features {
  background: #2f4d86;
  min-height: 100vh;
  padding: 110px 0 60px !important;
  margin-top: 50px;
}

.features,
.features * {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.features .container {
  max-width: 1180px;
}

.features h1 {
  color: #fff;
  font-weight: 600;
  font-size: 56px;
  line-height: 1.1;
  margin: 0 0 22px;
}

.features .lead {
  max-width: 980px;
  margin: 0 auto 26px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 20px;
  line-height: 1.55;
}

.features h2 {
  color: #fff;
  font-weight: 600;
  font-size: 46px;
  line-height: 1.1;
  margin: 42px 0 18px;
  text-align: left;
}

.features h3 {
  color: #fff;
  font-weight: 600;
  font-size: 34px;
  line-height: 1.15;
  margin: 36px 0 18px;
}

.features h4 {
  color: #fff;
  font-weight: 800;
  font-size: 22px;
  line-height: 1.2;
  margin: 28px 0 12px;
}

.features hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  margin: 26px 0;
}

.features .card-box {
  background: #fff;
  border-radius: 22px;
  padding: 22px 26px;
  margin: 0 0 22px;
  color: #2b2b2b;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 400;
  box-sizing: border-box;
}

.features .card-box p {
  margin: 0;
}

.features .card-box ul,
.features .card-box ol {
  margin: 0;
  padding-left: 52px;
  list-style-position: outside;
}

.features .card-box ul li,
.features .card-box ol li {
  margin: 8px 0;
}

.features a {
  color: #2f4d86;
  text-decoration: underline;
}

.features a.btn {
  text-decoration: none;
}

.features .text-center[style*="margin:30px"] {
  margin: 26px 0 !important;
}

.features .btn {
  font-weight: 600;
  border-radius: 14px;
  padding: 12px 18px;
  font-size: 13px;
  box-shadow: none !important;
}

.features .btn.btn-primary {
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.55);
  color: #fff;
}

.features .btn.btn-default {
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
}

.features .btn.btn-primary:hover,
.features .btn.btn-default:hover {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

.features .badges {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.features .badge-link img {
  display: block;
  width: 135px;
  height: 40px;
}

.features a:hover,
.features a:focus,
.features a:active {
  box-shadow: none !important;
}

.features a:focus {
  outline: none !important;
}

.features a:focus-visible,
.features button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.75) !important;
  outline-offset: 2px !important;
  border-radius: 12px;
}

.features .row[style*="margin-top:30px"],
.features .row[style*="margin-top:10px"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.features .row[style*="margin-top:30px"] > [class*="col-"],
.features .row[style*="margin-top:10px"] > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.features .row[style*="margin-top:30px"] > [class*="col-"] > h3,
.features .row[style*="margin-top:10px"] > [class*="col-"] > h4 {
  margin-top: 0 !important;
}

@media (max-width: 992px) {
  .features h1 {
    font-size: 44px;
  }

  .features h2 {
    font-size: 36px;
  }

  .features .lead {
    font-size: 18px;
  }
}

@media (max-width: 720px) {
  .features {
    padding-top: 96px !important;
  }

  .features h1 {
    font-size: 34px;
  }

  .features h2 {
    font-size: 30px;
  }

  .features h3 {
    font-size: 26px;
  }

  .features .card-box {
    font-size: 18px;
    padding: 18px 18px;
  }

  .features .card-box ul,
  .features .card-box ol {
    padding-left: 44px;
  }
}
.features h1 {
  font-size: 34px;
}

.features h2 {
  font-size: 26px;
}

.features h3 {
  font-size: 20px;
}

.features h4 {
  font-size: 20px;
}

.features .lead {
  font-size: 18px;
}

.features .card-box {
  font-size: 18px;
}