:root {
  --primary:#4D57A8;
  --primary-dark:#303977;
  --secondary:#939BE0;
  --bg-light:#EEEFFB;
  --bg-pale:#F9FAFF;
  --text-dark:#162333;
  --text-muted:#4D5B6A;
  --white:#FFFFFF;
  --card-shadow:0 10px 30px #4D57A815
}
body {
  background:#EEEFFB;
  color:#162333
}
.navbar-bara {
  background:linear-gradient(110deg,#303977,#4D57A8);
  border-bottom:1px solid #939BE0
}
.hero-section {
  background-color:#303977;
  background-image:linear-gradient(140deg,#ffffff16 0 32%,transparent 32%),linear-gradient(130deg,#303977,#4D57A8);
  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:#303977
}
.hero-section .btn-outline-bara {
  color:#FFFFFF;
  border-color:#FFFFFF99
}
.bg-white-section {
  background:#FFFFFF
}
.bg-pale {
  background:#F9FAFF
}
.bg-cyan-soft {
  background:#EEEFFB
}
.section-title,.section-title h2 {
  color:#303977
}
.section-sub {
  color:#4D5B6A
}
.divider-cyan {
  background:linear-gradient(90deg,#4D57A8,#939BE0)
}
.feature-card {
  background:#FFFFFF;
  border-color:#939BE055;
  box-shadow:0 8px 26px #4D57A812
}
.feature-card h5 {
  color:#303977
}
.icon-wrap {
  background:#EEEFFB;
  color:#4D57A8
}
.btn-primary-bara {
  color:#303977
}
.btn-register-cta {
  background:linear-gradient(110deg,#303977,#4D57A8)
}
a[style*="color:#0891b2"],a[style*="color: #0891b2"] {
  color:#303977!important
}
.promo-banner {
  background:linear-gradient(115deg,#303977,#4D57A8)
}
.compare-table thead th {
  background:#303977;
  color:#FFFFFF
}
.footer-main {
  background:#303977;
  color:#FFFFFF
}
.footer-bottom {
  background:#303977;
  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,#303977,#4D57A8)!important
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
}
