/* Wandari / Matdash landing — Matdash Purple_Theme + missing btn-white */
body.learn-template {
  --learn-primary: #763ebd;
  --learn-primary-rgb: 118, 62, 189;
  --learn-dark: #0a2540;
  --bs-primary: #763ebd;
  --bs-primary-rgb: 118, 62, 189;
  --bs-dark: #0a2540;
  --bs-dark-rgb: 10, 37, 64;
}
body.learn-template .btn {
  border-radius: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
body.learn-template .btn-primary,
body.learn-template .bg-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--learn-primary);
  --bs-btn-border-color: var(--learn-primary);
  --bs-btn-hover-bg: #6530a8;
  --bs-btn-hover-border-color: #6530a8;
  --bs-btn-active-bg: #5a2a96;
  --bs-btn-active-border-color: #5a2a96;
  background-color: var(--learn-primary) !important;
  border-color: var(--learn-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(var(--learn-primary-rgb), 0.28);
}
body.learn-template .btn-primary:hover,
body.learn-template .btn-primary:focus {
  background-color: #6530a8 !important;
  border-color: #6530a8 !important;
  color: #fff !important;
}
body.learn-template .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--learn-dark);
  --bs-btn-border-color: var(--learn-dark);
  --bs-btn-hover-bg: #081e33;
  --bs-btn-hover-border-color: #081e33;
  background-color: var(--learn-dark) !important;
  border-color: var(--learn-dark) !important;
  color: #fff !important;
}
body.learn-template .btn-white {
  background-color: #fff !important;
  border: 1px solid #dfe5ef !important;
  color: #29343d !important;
  box-shadow: none !important;
}
body.learn-template .btn-white:hover,
body.learn-template .btn-white:focus {
  background-color: #f6f7f9 !important;
  border-color: #c5cdd8 !important;
  color: #29343d !important;
}
body.learn-template .text-primary,
body.learn-template .link-primary {
  color: var(--learn-primary) !important;
}
body.learn-template .border-primary {
  border-color: var(--learn-primary) !important;
}
body.learn-template .nav-link.link-primary:hover,
body.learn-template .nav-link.link-primary:focus {
  color: var(--learn-primary) !important;
}
body.learn-template .card.shadow-lg {
  border: 1px solid rgba(var(--learn-primary-rgb), 0.08) !important;
}
body.learn-template .header-fp {
  background: #f6f9fc !important;
}
body.learn-template .preloader {
  z-index: 9999;
}
/* Booking (/b/*) on Wandari learn shell */
body.learn-template.booking-page {
  background: #f6f9fc !important;
  color: #29343d !important;
  padding-top: 0 !important;
  overflow-x: hidden !important;
}
body.learn-template.booking-page .wrapper.content-wrapper,
body.learn-template.booking-page .main-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.learn-template.booking-page .main-wrapper {
  flex: 1 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
}
body.learn-template.booking-page .wrapper.content-wrapper {
  flex: 1 0 auto !important;
}
body.learn-template.booking-page footer.bg-dark {
  width: 100% !important;
  flex-shrink: 0 !important;
}
body.learn-template.booking-page .availability.box,
body.learn-template.booking-page .box.bg-white {
  background: #ffffff !important;
  border: 1px solid #dfe5ef !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.08) !important;
}
body.learn-template.booking-page .booking-title,
body.learn-template.booking-page h2,
body.learn-template.booking-page .availability h2 {
  color: #29343d !important;
}
body.learn-template.booking-page .booking-author {
  color: #64748b !important;
}
body.learn-template.booking-page input.form-control,
body.learn-template.booking-page select.form-control,
body.learn-template.booking-page textarea.form-control {
  background: #fff !important;
  border: 1px solid #dfe5ef !important;
  color: #29343d !important;
  -webkit-text-fill-color: #29343d !important;
}
body.learn-template.booking-page .iti__selected-dial-code {
  color: #29343d !important;
  -webkit-text-fill-color: #29343d !important;
}
body.learn-template.booking-page .time-slot-btn {
  border: 1px solid #dfe5ef !important;
  color: #29343d !important;
  background: #fff !important;
}
body.learn-template.booking-page .time-slot-btn:hover,
body.learn-template.booking-page .time-slot-btn.selected,
body.learn-template.booking-page .time-slot-btn.active {
  background: var(--learn-primary) !important;
  border-color: var(--learn-primary) !important;
  color: #fff !important;
}
body.learn-template.booking-page .available {
  background: rgba(var(--learn-primary-rgb), 0.08) !important;
  color: var(--learn-primary) !important;
}
body.learn-template.booking-page .selected-day {
  background: var(--learn-primary) !important;
  color: #fff !important;
}
body.learn-template.booking-page .space40 {
  display: none;
}
@media (max-width: 768px) {
  body.learn-template.booking-page {
    padding-top: 0 !important;
  }
}

.navbar .dropdown-menu,
.navbar-other .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
  padding: 6px !important;
}
.navbar .dropdown-item,
.navbar-other .dropdown-item,
.navbar-nav .dropdown-item {
  color: #1f2937 !important;
  background: transparent !important;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar-other .dropdown-item:hover,
.navbar-other .dropdown-item:focus,
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus {
  color: #111827 !important;
  background: #f3f4f6 !important;
}
.bg-gray {
    background: var(--color-gray) !important;
}
.btn-blue {
    background: var(--color-blue) !important;
}
.btn-green {
    background: var(--color-green) !important;
}
.btn-aqua {
    background: var(--color-aqua) !important;
}
.btn-red {
    background: var(--color-red) !important;
}
.navbar-brand > a > img {
    height: 70px !important;
}