:root {
  --primary-purple: #8B50D1;
  --primary-purple-hover: #6A2E9B;
}

.theme-main-menu {
  transition: all 0.2s ease-in-out;
}
.theme-main-menu .navbar-toggler {
  background: white !important;
}
.theme-main-menu .navbar-toggler:before {
  background: black;
}
.theme-main-menu .navbar-toggler span {
  background: black;
}
.theme-main-menu .navbar-toggler:after {
  background: black;
}

.btn-two {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.btn-four:hover {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.btn-five:hover {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.btn-eight:hover {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.btn-nine {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.btn-nine:hover {
  background: var(--primary-purple-hover) !important;
  border-color: var(--primary-purple-hover) !important;
}

.btn-main {
  background: black !important;
  border: 1px solid black !important;
  color: white !important;
}

.btn-alternative {
  background: white !important;
  border: 1px solid black !important;
  color: black !important;
}
.btn-alternative:hover {
  background: black !important;
  color: white !important;
}

.tab-button {
  border-color: black !important;
  color: black !important;
}

.user-data-form .nav-tabs {
  border-color: black !important;
  background: #FFF8F7 !important;
}

.user-data-form .nav-tabs .nav-link {
  background: white !important;
}

.user-data-form .nav-tabs .nav-link.active {
  background: black !important;
  color: white !important;
  font-weight: 500 !important;
}

.listing-card-one:hover .title {
  color: var(--primary-purple) !important;
}

.advance-search-panel .main-bg .apply-search {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}
.advance-search-panel .main-bg .apply-search :hover {
  background: black !important;
  border-color: black !important;
}

.advance-search-panel .main-bg .apply-search:hover {
  background: black !important;
  border-color: black !important;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  color: var(--primary-purple) !important;
}

.listing-header-filter .layout-change:hover {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.footer-four .footer-nav-link a:hover {
  color: var(--primary-purple) !important;
}

.scroll-top {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.theme-details-one .action-btns li a:hover {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.theme-details-one .img-fancy-btn:hover {
  background: var(--primary-purple) !important;
  border-color: var(--primary-purple) !important;
}

.theme-main-menu .nav-item:hover .nav-link {
  color: var(--primary-purple) !important;
}

.hero-banner-four .social-elemnet li:hover a {
  color: var(--primary-purple) !important;
}