.elementor-2200 .elementor-element.elementor-element-66b3a6a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2200 .elementor-element.elementor-element-b30ddeb{--display:flex;}.elementor-2200 .elementor-element.elementor-element-b30ddeb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2200 .elementor-element.elementor-element-40b43e4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2200 .elementor-element.elementor-element-ba75b4d{--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;}.elementor-2200 .elementor-element.elementor-element-3c96699 > .elementor-widget-container{padding:0px 0px 0px 40px;}.elementor-2200 .elementor-element.elementor-element-3c96699{z-index:2;}.elementor-2200 .elementor-element.elementor-element-3c96699 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:400;}@media(max-width:767px){.elementor-2200 .elementor-element.elementor-element-3c96699 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2200 .elementor-element.elementor-element-3c96699{text-align:center;}.elementor-2200 .elementor-element.elementor-element-3c96699 .elementor-heading-title{font-size:25px;}}@media(min-width:768px){.elementor-2200 .elementor-element.elementor-element-b30ddeb{--width:20%;}.elementor-2200 .elementor-element.elementor-element-ba75b4d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-40b43e4 */ul#cityTabs {
  display: flex;
  flex-direction: column; /* ✅ vertical */
  align-items: flex-start; /* ✅ left align */
  list-style: none;
  width: 100%;
  gap: 0px;
  padding: 0;
  margin: 0;
  border-bottom: none !important; /* ✅ Bootstrap ka default border hatao */
}

.nav-tabs {
  border-bottom: none !important; /* ✅ double sure */
}

.nav-tabs .nav-link {
  border: none !important; /* ✅ remove any nav-link borders */
  background: transparent;
  padding: 0.5rem;
}

.city-tab img {
  width: 60px;   /* ✅ thoda bara */
  height: 60px;  /* ✅ thoda bara */
  object-fit: cover;
  border-radius: 50%;      /* ✅ perfect round */
  border: none !important; /* ✅ koi border nahi */
  transition: border-color 0.3s;
}

.city-tab.active img {
  border: 3px solid #fd8400; /* ✅ sirf active tab pe border chahiye to ye rakho */
}

.city-tab span {
  display: block;
  margin-top: 5px;
  font-weight: 500;
  color: #000; /* Default black text */
  transition: color 0.3s ease;
}

/* Hover and Active Text Color */
.city-tab:hover span,
.city-tab.active span {
  color: #fd8400;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  ul#cityTabs {
    flex-wrap: wrap;        
    flex-direction: row;    
    justify-content: center;
    padding:0px !important;
  }

  .city-tab img {
    width: 60px;   /* ✅ mobile pe slightly chhota */
    height: 60px;
  }

  .city-tab span {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  ul#cityTabs {
    gap: 0px;
  }

.nav-item{
    padding : 0px !important;
    margin: 0px !important;
    width : 60px;
}
  .city-tab {
    flex: 1 1 calc(60% - 10px);
    max-width: calc(100% - 10px);
    padding : 0px !important;
  }

  .city-tab img {
    width: 100px;  /* ✅ very small screen pe thoda aur chhota */
    height: 50px;
  }

  .city-tab span {
    font-size: 13px;
  }
}/* End custom CSS */