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