:root {
  --om-grad-main: linear-gradient(135deg, #5B63F0 0%, #7B3FF2 50%, #6C2EEA 100%);
  --om-grad-deep: linear-gradient(145deg, #A68BFF 0%, #7B3FF2 35%, #6C2EEA 70%, #35108E 100%);
  --primary-color1: #7B3FF2;
  --om-accent: #A68BFF;
  --om-purple: #6C2EEA;
  --om-purple-dark: #35108E;
}

.om-topbar,
.om-topbar.top-bar,
.top-bar {
  background: var(--om-grad-main) !important;
}

.om-topbar i,
.om-topbar .om-topbar-item i {
  color: #A68BFF !important;
}

.primary-btn1,
.primary-btn2,
.primary-btn3,
.primary-btn6,
a.primary-btn1,
a.primary-btn2,
a.primary-btn3,
button.primary-btn1,
button.primary-btn2,
button.primary-btn3 {
  background: var(--om-grad-deep) !important;
  background-color: transparent !important;
  color: #fff !important;
  border: 0;
}

.primary-btn1 svg,
.primary-btn2 svg,
.primary-btn3 svg,
.primary-btn6 svg {
  fill: #fff !important;
}

.primary-btn1:hover,
.primary-btn2:hover,
.primary-btn3:hover {
  color: #fff !important;
}

header.style-1 .main-menu ul > li:hover > a,
header.style-1 .main-menu ul > li.active > a,
header.style-1 .main-menu ul > li a.active {
  color: #7B3FF2;
}

header.style-1 .nav-right .om-auth-links a:hover {
  color: #7B3FF2;
}

.om-auth-links {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 6px;
  font-weight: 600;
  font-size: 13px;
}

header.style-1 .nav-right {
  gap: 8px !important;
}

.om-auth-links a {
  color: #16191E;
  text-decoration: none;
}

.om-login-btn,
.om-gold-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 36px;
  min-height: 36px;
  padding: 0 16px !important;
  border-radius: 7px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.om-login-btn {
  border: 1px solid #7B3FF2 !important;
  background: transparent !important;
  color: #7B3FF2 !important;
}

.om-login-btn:hover {
  background: linear-gradient(145deg, #A68BFF 0%, #7B3FF2 35%, #6C2EEA 70%, #35108E 100%) !important;
  border-color: #6C2EEA !important;
  color: #fff !important;
}

.om-gold-btn {
  gap: 5px;
  border: 1px solid #C9A227 !important;
  background: linear-gradient(135deg, #E8C547 0%, #C9A227 42%, #A67C1A 100%) !important;
  color: #fff !important;
}

footer {
  background: var(--om-grad-deep) !important;
}

.widget-title h5,
.footer-widget .widget-title h5 {
  color: #fff;
}

.primary-btn1::after,
.primary-btn2::after,
.primary-btn3::after {
  background-color: #35108E !important;
}

.inner-page-banner {
  background-image: linear-gradient(135deg, rgba(91, 99, 240, 0.72) 0%, rgba(123, 63, 242, 0.78) 50%, rgba(108, 46, 234, 0.82) 100%), url(../img/inner-page/inner-bg.png) !important;
}

@media (max-width: 991px) {
  header.style-1 .main-menu {
    background: linear-gradient(180deg, rgba(91, 99, 240, 0.72) 0%, rgba(53, 16, 142, 0.62) 100%) !important;
  }

  header.style-1 .main-menu .om-gold-btn {
    width: 100%;
    color: #fff !important;
    background: linear-gradient(135deg, #E8C547 0%, #C9A227 42%, #A67C1A 100%) !important;
  }

  header.style-1 .main-menu ul > li:hover > a,
  header.style-1 .main-menu ul > li.active > a {
    background: var(--om-grad-deep);
    color: #fff !important;
  }

  header.style-1 .nav-right .mobile-menu-btn {
    border-color: rgba(123, 63, 242, 0.3);
  }

  .om-menu-overlay {
    background: rgba(53, 16, 142, 0.38);
  }
}