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