.mob-navbar .hamburger {
  cursor: pointer;
  display: inline-block;
}

.mob-navbar .navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2.2rem 0.5rem;
  border-bottom: 1px solid #cbd3db;
}

.mob-navbar .logo img {
  height: unset;
  width: unset;
}
.mob-navbar .logo .logo-dark {
  display: none;
}
.mob-navbar .logo .logo-light {
  display: block;
}


[data-theme="dark"] .mob-navbar .logo .logo-light {
  display: none;
}
[data-theme="dark"] .mob-navbar .logo .logo-dark {
  display: block;
}

.mob-navbar .dropdown {
  border-bottom: 1px solid #cbd3db;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 0;
}
.mob-navbar .sub-dropdown {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 1.2rem;
}
.mob-navbar .dropdown p {
  font-size: 1.3rem;
  font-weight: 500;
  padding: 0.6rem 0;
  color: rgba(227, 0, 115, 1);
}

.mob-navbar .dropdown img {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 0.3s ease;
}

.mob-navbar .dropdown-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  background-color: #063674;
  padding: 0 1rem;
  border-radius: 5px;
}

.mob-navbar .dropdown-content.active {
  max-height: 60rem;
  transition: max-height 0.25s ease-in-out;
}

.mob-navbar .dropdown-col {
  padding: 1rem 20px 1.6rem;
  background-color: #e8f0f0;
}

.mob-navbar .dropdown-col li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 74, 97, 0.2);
}

.mob-navbar .dropdown-col li a {
  text-decoration: none;
  color: rgba(0, 74, 97, 0.9);
  display: block;
  padding: 0.8rem 0;
  font-size: 0.9rem;
}

.mob-navbar .dropdown-col li a:hover {
  color: #004a61;
  font-weight: 500;
}

.mob-navbar .menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out;
  position: absolute;
  width: 99.2%;
  background: white;
  z-index: 1;
  padding: 0 2.2rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.mob-navbar .menu.active {
  max-height: 130rem;
}

.mob-navbar .hamburger .bar {
  width: 19px;
  height: 2px;
  background-color: #000000;
  margin: 5px 0;
}

.mob-navbar .pricing {
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.4rem 0;
  color: rgba(16, 24, 40, 1);
  text-decoration: none;
  display: block;
}

.mobile-number-footer {
  background: #1764d6;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.3rem 1rem;
  text-align: center;
  z-index: 999;
}
.dropdown.active {
  border-bottom: unset;
}
.menu > .dropdown:last-child {
  border-bottom: unset;
}

#servicesList > a:nth-child(3) > .dropdown.sub-dropdown {
  border-bottom: unset;
}

.mobile-number-footer a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  gap: 0.8rem;
  font-weight: 500;
}

.mob-navbar .mobile-number-footer img {
  width: 1.3rem;
  height: 1.3rem;
}

.dropdown-content a .sub-dropdown {
  color: white;
}
.mob-navbar .sub-dropdown p {
  color: rgba(0, 74, 97, 0.7);
  font-size: 1.2rem;
}

.mob-navbar .dropdown.no-border {
  border-bottom: none;
}
#practiceSize {
  padding: 0 !important;
}
.dropdown .active {
  border-bottom: none;
}
.dropdown.sub-dropdown.active {
  border-bottom: none;
}

.dropdown.sub-dropdown.active {
  border-bottom: none;
}

.mob-navbar .dropdown.active .header-arrow-icon {
  transform: rotate(180deg);
}

.mob-navbar .dropdown-col.last-col {
  margin-bottom: 20px;
}
.mob-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}



.tl-color-rail {
  grid-template-columns: 55% 16% 13% 16%;
  height: 0.25rem;
  display: grid;
  position: absolute;
  inset: 0 0 auto;
}
.tl-color-rail i:first-child {
  background: #1764d6;
}

.tl-color-rail i:nth-child(2) {
  background: #d64545;
}

.tl-color-rail i:nth-child(3) {
  background: #f2b705;
}

.tl-color-rail i:nth-child(4) {
  background: #16845b;
}
/* =========================
   DARK THEME - MOBILE HEADER
========================= */
[data-theme="dark"] .mob-navbar .navbar {
  border-bottom-color: #1e293b;
  background-color: #0b0f17;
}

[data-theme="dark"] .mob-navbar .hamburger .bar {
  background-color: #f8fafc;
}

[data-theme="dark"] .mob-navbar .menu {
  background-color: #1e293b;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .mob-navbar .pricing {
  color: #ffffff;
}

[data-theme="dark"] .mob-navbar .dropdown {
  border-bottom-color: #94a3b8;
}

[data-theme="dark"] .mobile-number-footer {
  background: #1e293b;
  border-top: 1px solid #334155;
}
@media (max-width: 768px) {
.mob-navbar .logo img {
  width: 13rem;
  height: 3.3rem;
  object-fit: cover;
  display: block;
}
  .mob-navbar .navbar {
    padding: 1rem 1.2rem;
  }
}