:root {
  --primary:#284FB0;
  --primary-dark:#17377E;
  --secondary:#6A95F1;
  --bg-light:#EEF3FF;
  --bg-pale:#F7F9FF;
  --text-dark:#162333;
  --text-muted:#4D5B6A;
  --white:#FFFFFF;
  --card-shadow:0 10px 30px #284FB015
}
body {
  background:#EEF3FF;
  color:#162333
}
.navbar-bara {
  background:linear-gradient(110deg,#17377E,#284FB0);
  border-bottom:1px solid #6A95F1
}
.hero-section {
  background-color:#17377E;
  background-image:radial-gradient(circle at 90% 10%,#ffffff1A,transparent 55%),linear-gradient(130deg,#17377E,#284FB0);
  background-size:auto,auto;
  color:#FFFFFF
}
.hero-section h1 {
  color:#FFFFFF
}
.hero-section p.lead {
  color:#F4F7FF
}
.hero-section .btn-primary-bara {
  background:#FFFFFF;
  color:#17377E
}
.hero-section .btn-outline-bara {
  color:#FFFFFF;
  border-color:#FFFFFF99
}
.bg-white-section {
  background:#FFFFFF
}
.bg-pale {
  background:#F7F9FF
}
.bg-cyan-soft {
  background:#EEF3FF
}
.section-title,.section-title h2 {
  color:#17377E
}
.section-sub {
  color:#4D5B6A
}
.divider-cyan {
  background:linear-gradient(90deg,#284FB0,#6A95F1)
}
.feature-card {
  background:#FFFFFF;
  border-color:#6A95F155;
  box-shadow:0 8px 26px #284FB012
}
.feature-card h5 {
  color:#17377E
}
.icon-wrap {
  background:#EEF3FF;
  color:#284FB0
}
.btn-primary-bara {
  color:#17377E
}
.btn-register-cta {
  background:linear-gradient(110deg,#17377E,#284FB0)
}
a[style*="color:#0891b2"],a[style*="color: #0891b2"] {
  color:#17377E!important
}
.promo-banner {
  background:linear-gradient(115deg,#17377E,#284FB0)
}
.compare-table thead th {
  background:#17377E;
  color:#FFFFFF
}
.footer-main {
  background:#17377E;
  color:#FFFFFF
}
.footer-bottom {
  background:#17377E;
  color:#FFFFFF
}
.footer-main .footer-heading,.footer-main .footer-links a,.footer-main .footer-desc,.footer-main .email-text {
  color:#E5EDF5
}
.navbar-bara .navbar-brand img {
  height:44px;
  width:145px
}
.footer-logo img {
  width:175px;
  height:48px;
  object-fit:contain
}
section[style*="background: linear-gradient(135deg, #0e7490"] {
  background:linear-gradient(125deg,#17377E,#284FB0)!important
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
}