:root {
  --primary:#7351AC;
  --primary-dark:#4A2C7D;
  --secondary:#AB8BD8;
  --bg-light:#F1EDFA;
  --bg-pale:#FBF9FF;
  --text-dark:#162333;
  --text-muted:#4D5B6A;
  --white:#FFFFFF;
  --card-shadow:0 10px 30px #7351AC15
}
body {
  background:#F1EDFA;
  color:#162333
}
.navbar-bara {
  background:linear-gradient(110deg,#4A2C7D,#7351AC);
  border-bottom:1px solid #AB8BD8
}
.hero-section {
  background-color:#4A2C7D;
  background-image:radial-gradient(circle at 1px 1px,#ffffff24 1px,transparent 0),linear-gradient(130deg,#4A2C7D,#7351AC);
  background-size:24px 24px,auto;
  color:#FFFFFF
}
.hero-section h1 {
  color:#FFFFFF
}
.hero-section p.lead {
  color:#F4F7FF
}
.hero-section .btn-primary-bara {
  background:#FFFFFF;
  color:#4A2C7D
}
.hero-section .btn-outline-bara {
  color:#FFFFFF;
  border-color:#FFFFFF99
}
.bg-white-section {
  background:#FFFFFF
}
.bg-pale {
  background:#FBF9FF
}
.bg-cyan-soft {
  background:#F1EDFA
}
.section-title,.section-title h2 {
  color:#4A2C7D
}
.section-sub {
  color:#4D5B6A
}
.divider-cyan {
  background:linear-gradient(90deg,#7351AC,#AB8BD8)
}
.feature-card {
  background:#FFFFFF;
  border-color:#AB8BD855;
  box-shadow:0 8px 26px #7351AC12
}
.feature-card h5 {
  color:#4A2C7D
}
.icon-wrap {
  background:#F1EDFA;
  color:#7351AC
}
.btn-primary-bara {
  color:#4A2C7D
}
.btn-register-cta {
  background:linear-gradient(110deg,#4A2C7D,#7351AC)
}
a[style*="color:#0891b2"],a[style*="color: #0891b2"] {
  color:#4A2C7D!important
}
.promo-banner {
  background:linear-gradient(115deg,#4A2C7D,#7351AC)
}
.compare-table thead th {
  background:#4A2C7D;
  color:#FFFFFF
}
.footer-main {
  background:#4A2C7D;
  color:#FFFFFF
}
.footer-bottom {
  background:#4A2C7D;
  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,#4A2C7D,#7351AC)!important
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
}