/* Shared modern presentation for all pages declared as articles. */
.article-page {
  background: #f7fafc;
  color: #163f6a;
}

.article-page .page-title {
  background: #eef6ff !important;
  border-bottom: 1px solid rgba(11, 77, 162, 0.14);
  padding: 3.5rem 0 2.75rem;
}

.article-page .page-title .container {
  max-width: 1120px;
}

.article-page .page-title h1 {
  max-width: 900px;
  color: #0b3f93;
  font-family: 'Bitter', serif;
  font-size: clamp(2rem, 3vw, 3.1rem);
  line-height: 1.2;
  margin-bottom: 1rem;
}

.article-page .page-title p {
  max-width: 820px;
  color: #365878;
  font-size: 1.08rem;
  line-height: 1.7;
}

.article-page .breadcrumbs a,
.article-page .breadcrumbs .current {
  color: #47657f;
}

.article-page .service-details.section,
.article-page .features-cards.section {
  padding: 3.5rem 0;
}

.article-page .service-details > .container,
.article-page .features-cards > .container {
  max-width: 1120px;
}

.article-page .service-details .row > .col-lg-12,
.article-page .service-details .row > .col-lg-8 {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.article-page .services-img {
  display: block;
  width: 100%;
  max-height: 430px;
  object-fit: cover;
  border: 1px solid rgba(11, 77, 162, 0.12);
  border-radius: 8px;
  box-shadow: 0 14px 32px rgba(8, 37, 69, 0.12);
  margin: 0 auto 1.75rem;
}

.article-page .service-box,
.article-page .feature-box {
  background: #ffffff;
  border: 1px solid rgba(11, 77, 162, 0.13);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(8, 37, 69, 0.07);
  margin-bottom: 1.35rem;
  padding: clamp(1.25rem, 3vw, 2rem);
}

.article-page .service-box h2,
.article-page .service-box h3,
.article-page .feature-box h2,
.article-page .feature-box h3,
.article-page .feature-box h4 {
  color: #0b3f93;
  font-family: 'Bitter', serif;
  line-height: 1.3;
  margin-bottom: 0.9rem;
}

.article-page .service-box h2 { font-size: clamp(1.55rem, 2.2vw, 2.15rem); }
.article-page .service-box h3 { font-size: clamp(1.25rem, 1.8vw, 1.55rem); }
.article-page .service-box p,
.article-page .service-box li,
.article-page .feature-box p,
.article-page .feature-box li {
  color: #294d70;
  line-height: 1.75;
}

.article-page .service-box ul,
.article-page .service-box ol {
  padding-left: 1.35rem;
  margin-bottom: 0;
}

.article-page .service-box li + li { margin-top: 0.55rem; }
.article-page .service-box a:not(.btn),
.article-page .feature-box a:not(.btn) { color: #0b63ce; }

.article-page .service-box .border.rounded {
  border-color: rgba(11, 77, 162, 0.16) !important;
  background: #f8fbff;
}

.article-page .service-box .badge {
  color: #0b3f93;
  font-weight: 600;
}

.article-page .btn-primary {
  background: #0b63ce;
  border-color: #0b63ce;
}

.article-page .btn-primary:hover,
.article-page .btn-primary:focus {
  background: #0957b6;
  border-color: #0957b6;
}

.article-page .btn-outline-primary {
  border-color: #0b63ce;
  color: #0b63ce;
}

.article-page .btn-outline-primary:hover,
.article-page .btn-outline-primary:focus {
  background: #0b63ce;
  border-color: #0b63ce;
}

@media (max-width: 991.98px) {
  .article-page .page-title { padding: 2.5rem 0 2rem; }
  .article-page .service-details.section,
  .article-page .features-cards.section { padding: 2.5rem 0; }
}