.elementor-22225 .elementor-element.elementor-element-6a076a92{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-22225 .elementor-element.elementor-element-6a076a92.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-22225 .elementor-element.elementor-element-33dbb256.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-22225 .elementor-element.elementor-element-4c67ad8a.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:1366px){.elementor-22225 .elementor-element.elementor-element-6a076a92{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-22225 .elementor-element.elementor-element-6a076a92{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-22225 .elementor-element.elementor-element-6a076a92{--width:327px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-33dbb256 *//* === Sidebar Layout === */
.sidebar-menu {
  background: linear-gradient(to bottom, #eaf1ff, #d4e3ff);
  border-radius: 12px;
  padding: 16px;
  font-family: 'Segoe UI', sans-serif;
  max-width: 310px;
  margin: auto;
  color: #333;
}

/* === Header (Logo & Call) === */
.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 29px;
}

.menu-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
}

/* === Call Button === */
.call-btn {
  background: #f5f5f5;
  color: green;
  padding: 8px;
  border-radius: 50%;
  font-size: 16px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === Tab Buttons Grid === */
.tab-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr)
  gap: 8px;
  margin-bottom: 16px;
}

/* === Tab Button Style === */
.tab-btn {
  background: purple;
  color: #fff;
  padding: 12px;
  border-radius: 10px;
  font-weight: 600;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.tab-btn:hover {
  background: #f0f7ff;
  color: #333;
}

.tab-btn.active {
  border-color: #00b12d;
  background: #eafff1;
  color: #333;
  box-shadow: 0 0 0 2px #00b12d inset;
}

.tab-btn .arrow {
  margin-left: auto;
  transition: transform 0.3s ease;
}

.tab-btn.active .arrow {
  transform: rotate(180deg);
}

/* === LIVE Blinking Tag === */
.tab-btn .live {
  background: red;
  color: white;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 4px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* === Submenu Below Button === */
.menu-tab {
  position: relative;
}

.submenu {
  display: none;
  background: #f5faff;
  border-radius: 0 0 12px 12px;
  padding: 16px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  margin-top: -6px;
  z-index: 1;
}

.submenu.active {
  display: block;
}

/* === Submenu Grid === */
.submenu-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.submenu-grid a {
  background: white;
  padding: 10px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  color: #222;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* === View All Button === */
.view-all {
  display: block;
  margin-top: 16px;
  text-align: center;
  background: #007bff;
  color: white;
  padding: 10px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
}

/* === Footer === */
.footer-address {
  background: #f5f5f5;
  padding: 10px;
  font-size: 13px;
  border-radius: 8px;
  margin-bottom: 12px;
  margin-top: 12px;
}

.footer-call {
  background: #444;
  color: white;
  padding: 12px;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

.footer-call a {
  color: white;
  text-decoration: none;
}

.footer-copy {
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-top: 12px;
}/* End custom CSS */