.elementor-188 .elementor-element.elementor-element-6a328c4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-c9a8422 */:root {
  --shabrang-purple: #281B73;
  --shabrang-dark-indigo: #151033;
  --shabrang-soft-gold: #D9C79A;
  --shabrang-text-light: #EDE9FF;
  --submenu-bg: rgba(20, 16, 50, 0.92);
}

/* TOPBAR ONLY SHINY */
.topbar {
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  padding: 6px 0;
}

.topbar-inner {
  max-width: 1400px;
  margin: auto;
  padding: 0 24px;
  display: flex;
  justify-content: flex-start;
  direction: rtl;
}

.social-icons.left-side {
  margin-right: auto;
  display: flex;
  gap: 14px;
}

.social {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.8;
  transition: 0.2s;
}

.social:hover {
  opacity: 1;
}

.social.instagram {
  background-image: url("https://img.icons8.com/ios-filled/24/ffffff/instagram-new--v1.png");
}

.social.telegram {
  background-image: url("https://img.icons8.com/ios-filled/24/ffffff/telegram-app.png");
}

.social.whatsapp {
  background-image: url("https://img.icons8.com/ios-filled/24/ffffff/whatsapp.png");
}

/* SOLID HEADER */
.header {
  width: 100%;
  background: var(--shabrang-purple);
  opacity: 1;
  backdrop-filter: none;
  padding: 16px 0;
  z-index: 99;
}

.header-inner {
  max-width: 1400px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  direction: rtl;
}

/* LOGO */
.brand-title .logo-text {
  font-size: 28px;
  font-weight: 700;
  color: var(--shabrang-soft-gold);
}

/* MENU DESKTOP */
.desktop-nav .menu {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 28px;
}

.desktop-nav a {
  color: var(--shabrang-text-light);
  text-decoration: none;
  font-size: 16px;
}

.desktop-nav a:hover {
  color: var(--shabrang-soft-gold);
}

.submenu {
  position: absolute;
  list-style: none;
  background: var(--submenu-bg);
  padding: 12px 0;
  display: none;
  border-radius: 6px;
}

.dropdown:hover .submenu {
  display: block;
}

.submenu li {
  padding: 6px 20px;
}

/* SEARCH BOX */
.search-box {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.1);
  border-radius: 6px;
  padding: 2px 8px;
}

.search-box input {
  background: transparent;
  border: none;
  color: white;
  padding: 6px;
  outline: none;
}

.search-box button {
  background: transparent;
  border: none;
  cursor: pointer;
}

/* MOBILE */
.mobile-hamburger {
  display: none;
}

@media (max-width: 992px) {
  .desktop-nav {
    display: none;
  }
  .desktop-actions {
    display: none;
  }
  .mobile-hamburger {
    display: block;
    cursor: pointer;
  }
}

/* MOBILE OVERLAY */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #1A1538;
  transition: 0.35s;
  z-index: 999;
  padding: 24px;
}

.mobile-menu-overlay.active {
  right: 0;
}

.mobile-menu-content {
  direction: rtl;
  color: white;
}

.mobile-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-logo {
  font-size: 26px;
  font-weight: 700;
  color: var(--shabrang-soft-gold);
}

.mobile-search-box {
  margin-top: 16px;
  display: flex;
  background: rgba(255,255,255,0.12);
  padding: 6px;
  border-radius: 6px;
}

.mobile-search-box input {
  flex: 1;
  background: transparent;
  border: none;
  color: white;
  outline: none;
}

.mobile-menu {
  list-style: none;
  margin-top: 20px;
}

.mobile-menu a {
  color: white;
  text-decoration: none;
  font-size: 18px;
  padding: 12px 0;
  display: block;
}

.mobile-submenu {
  display: none;
  padding-right: 16px;
  list-style: none;
}

.mobile-dropdown-btn {
  cursor: pointer;
  color: var(--shabrang-soft-gold);
  display: block;
  padding: 12px 0;
}

.mobile-social {
  margin-top: 24px;
  display: flex;
  gap: 16px;
}/* End custom CSS */