/* ==========================================================================
   RENT CAR MGTA - OFFICIAL DESIGN SYSTEM & BRANDING
   Fácil y Sencillo | Disfruta Margarita en la Mejor Onda
   ========================================================================== */

:root {
  --mgta-primary: #FF7A00;
  --mgta-primary-dark: #E65100;
  --mgta-primary-light: #FFA040;
  --mgta-gradient: linear-gradient(135deg, #FF8A00 0%, #FF5500 100%);
  --mgta-gradient-hover: linear-gradient(135deg, #FF9E2C 0%, #FF6A1A 100%);
  --mgta-dark: #0F172A;
  --mgta-dark-card: #1E293B;
  --mgta-slate: #334155;
  --mgta-muted: #64748B;
  --mgta-light-bg: #F8FAFC;
  --mgta-surface: #FFFFFF;
  --mgta-whatsapp: #25D366;
  --mgta-whatsapp-hover: #20BA56;
  --mgta-shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.06);
  --mgta-shadow-md: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --mgta-shadow-lg: 0 20px 35px -10px rgba(255, 122, 0, 0.22);
  --mgta-radius: 16px;
  --mgta-radius-sm: 10px;
  --mgta-radius-pill: 9999px;
  --mgta-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 1. Global Typography */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: var(--mgta-slate);
  background-color: var(--mgta-light-bg);
  -webkit-font-smoothing: antialiased;
}

/* 2. TOP HEADER BAR - CURRENCY, LANGUAGE & LOGIN BUTTONS */
.header-top,
.header-two .nav-bg,
.header-three .nav-bg,
.nav-bg {
  background: #090E17 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.header-left-inner .text a,
.header-left-inner .icon span svg {
  color: #CBD5E1 !important;
  transition: var(--mgta-transition);
}

.header-left-inner:hover .text a,
.header-left-inner:hover .icon span svg {
  color: var(--mgta-primary) !important;
  stroke: var(--mgta-primary) !important;
}

.header-right-item-btn-main {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Dropdown containers */
.header-right-item .header-right-item-btn .dropdown,
.header-right-item .header-right-item-btn .dropdown.two,
.header-two .header-right-item .header-right-item-btn .dropdown,
.header-three .header-right-item .header-right-item-btn .dropdown {
  width: auto !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

/* Dropdown trigger buttons (Pill badges) */
.header-right-item .header-right-item-btn .btn-secondary,
.header-two .header-right-item .header-right-item-btn .btn-secondary,
.header-three .header-right-item .header-right-item-btn .btn-secondary,
.inner-header .header-right-item .header-right-item-btn .btn-secondary,
.header-right-item-btn .btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 9999px !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  line-height: 1.2 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  cursor: pointer !important;
  transition: var(--mgta-transition) !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.header-right-item .header-right-item-btn .btn-secondary:hover,
.header-two .header-right-item .header-right-item-btn .btn-secondary:hover,
.header-three .header-right-item .header-right-item-btn .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
}

/* Reset broken absolute positioning from base style.css */
.header-right-item .header-right-item-btn .dropdown .btn-arrow,
.header-right-item .header-right-item-btn .dropdown.two .btn-arrow,
.header-right-item .header-right-item-btn .dropdown.two .usd-icon,
.header-two .header-right-item .header-right-item-btn .dropdown .btn-arrow,
.header-three .header-right-item .header-right-item-btn .dropdown .btn-arrow {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

.header-right-item .header-right-item-btn .dropdown span svg {
  stroke: var(--mgta-primary) !important;
  width: 15px !important;
  height: 15px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.header-right-item .header-right-item-btn .dropdown .btn-arrow svg {
  fill: #FFFFFF !important;
  stroke: none !important;
  width: 9px !important;
  height: 5px !important;
  opacity: 0.8 !important;
  margin-left: 2px !important;
}

.header-right-item .header-right-item-btn .dropdown.two .usd-icon {
  color: var(--mgta-primary) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

/* Dropdown menus (Options list) */
.header-right-item .header-right-item-btn .dropdown .dropdown-menu {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
  padding: 6px 0 !important;
  min-width: 110px !important;
  margin-top: 8px !important;
  z-index: 1050 !important;
}

.header-right-item .header-right-item-btn .dropdown .dropdown-menu li a.dropdown-item {
  color: #1E293B !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  transition: var(--mgta-transition) !important;
}

.header-right-item .header-right-item-btn .dropdown .dropdown-menu li a.dropdown-item:hover {
  background: #FFF7ED !important;
  color: var(--mgta-primary) !important;
}

/* Disable all unwanted pseudo-element overlays, animations and rotations that cover buttons */
.header-right-login-btn a::before,
.header-right-login-btn a::after,
.thm-btn::before,
.thm-btn::after,
.thm-btn-two::before,
.thm-btn-two::after,
.thm-btn-thr::before,
.thm-btn-thr::after,
.header-two .header-right-item .header-right-login-btn .thm-btn-two::before,
.header-two .header-right-item .header-right-login-btn .thm-btn-two::after,
.header-three .header-right-item .header-right-login-btn .thm-btn-two::before,
.header-three .header-right-item .header-right-login-btn .thm-btn-two::after,
.inner-header .header-right-item .header-right-login-btn .thm-btn-two::before,
.inner-header .header-right-item .header-right-login-btn .thm-btn-two::after {
  display: none !important;
  content: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Top bar Login / Dashboard Button */
.header-right-login-btn a,
.header-right-item .header-right-login-btn .thm-btn,
.header-two .header-right-item .header-right-login-btn .thm-btn-two,
.header-three .header-right-item .header-right-login-btn .thm-btn-two,
.inner-header .header-right-item .header-right-login-btn .thm-btn-two {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: var(--mgta-primary) !important;
  border: 1px solid var(--mgta-primary) !important;
  border-radius: 9999px !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 6px 16px !important;
  height: auto !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: visible !important;
}

.header-right-login-btn a:hover,
.header-right-item .header-right-login-btn .thm-btn:hover,
.header-two .header-right-item .header-right-login-btn .thm-btn-two:hover,
.header-three .header-right-item .header-right-login-btn .thm-btn-two:hover,
.inner-header .header-right-item .header-right-login-btn .thm-btn-two:hover {
  background: var(--mgta-primary-dark) !important;
  border-color: var(--mgta-primary-dark) !important;
  color: #FFFFFF !important;
  transform: none !important;
}

.header-right-login-btn a span,
.header-right-login-btn a span svg {
  display: inline-flex !important;
  align-items: center !important;
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
  width: 14px !important;
  height: 14px !important;
}

/* 3. MAIN NAVBAR - HORIZONTAL SINGLE LINE WITH CLEAN FIT */
.menu-bg,
.header .menu-bg,
.header-two .menu-bg,
.header-three .menu-bg,
.inner-header .menu-bg {
  background: #FFFFFF !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.07) !important;
  border-bottom: 1px solid #E2E8F0 !important;
  padding: 8px 0 !important;
  margin-top: 0 !important;
}

.menu-bg .container {
  max-width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.nav-main,
.header .menu-bg .nav-main,
.header-two .menu-bg .nav-main,
.header-three .menu-bg .nav-main,
.inner-header .menu-bg .nav-main {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  width: 100% !important;
}

.nav-left,
.header .menu-bg .nav-main .nav-left,
.header-two .menu-bg .nav-main .nav-left,
.header-three .menu-bg .nav-main .nav-left,
.inner-header .menu-bg .nav-main .nav-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
}

.nav-left .logo,
.menu-bg .logo {
  flex-shrink: 0 !important;
}

/* Logo display */
.menu-bg .logo img,
.header .menu-bg .logo img,
.header-two .menu-bg .logo img,
.header-three .menu-bg .logo img,
.inner-header .menu-bg .logo img,
.mobile-header__container .logo img {
  max-height: 44px !important;
  width: auto !important;
  object-fit: contain;
  transition: var(--mgta-transition);
}

.menu-bg .logo img:hover {
  transform: scale(1.02);
}

.nav-left .menu,
.menu {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.menu ul,
.header .menu-bg .nav-main .nav-left .menu ul,
.header-two .menu-bg .nav-main .nav-left .menu ul,
.header-three .menu-bg .nav-main .nav-left .menu ul,
.inner-header .menu-bg .nav-main .nav-left .menu ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.menu ul li,
.header .menu-bg .nav-main .nav-left .menu ul li,
.header-two .menu-bg .nav-main .nav-left .menu ul li,
.header-three .menu-bg .nav-main .nav-left .menu ul li,
.inner-header .menu-bg .nav-main .nav-left .menu ul li {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  position: relative !important;
  margin: 0 !important;
}

/* Nav Menu Links - Single line, crisp typography */
.header .menu-bg .nav-main .nav-left .menu ul li a,
.header-two .menu-bg .nav-main .nav-left .menu ul li a,
.header-three .menu-bg .nav-main .nav-left .menu ul li a,
.inner-header .menu-bg .nav-main .nav-left .menu ul li a,
.nav-main .menu ul li a,
.nav-main .nav-items ul li a {
  color: #1E293B !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: -0.1px !important;
  padding: 6px 7px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: var(--mgta-transition);
}

.menu ul li a i.fa-angle-down {
  font-size: 10px !important;
  margin-left: 2px !important;
}

.header .menu-bg .nav-main .nav-left .menu ul li a:hover,
.header-two .menu-bg .nav-main .nav-left .menu ul li a:hover,
.header-three .menu-bg .nav-main .nav-left .menu ul li a:hover,
.inner-header .menu-bg .nav-main .nav-left .menu ul li a:hover,
.nav-main .menu ul li a:hover,
.nav-main .menu ul li.active a,
.nav-main .nav-items ul li a:hover,
.nav-main .nav-items ul li.active a {
  color: var(--mgta-primary) !important;
}

/* Submenu dropdowns */
.sub-menu,
.header .menu-bg .nav-main .nav-left .menu ul li .sub-menu,
.header-two .menu-bg .nav-main .nav-left .menu ul li .sub-menu,
.header-three .menu-bg .nav-main .nav-left .menu ul li .sub-menu,
.inner-header .menu-bg .nav-main .nav-left .menu ul li .sub-menu {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  padding: 10px 0 !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000 !important;
  min-width: 180px !important;
}

.sub-menu li,
.sub-menu li a,
.header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a,
.header-two .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a,
.header-three .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a,
.inner-header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a {
  color: #334155 !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  display: block !important;
  white-space: nowrap !important;
}

.sub-menu li a:hover,
.header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover,
.header-two .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover,
.header-three .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover,
.inner-header .menu-bg .nav-main .nav-left .menu ul li .sub-menu li a:hover {
  color: var(--mgta-primary) !important;
  background: #FFF7ED !important;
}

/* Compare Icon Container */
.nav-btn,
.header .menu-bg .nav-main .nav-btn,
.header-two .menu-bg .nav-main .nav-btn,
.header-three .menu-bg .nav-main .nav-btn,
.inner-header .menu-bg .nav-main .nav-btn {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.nav-main .nav-btn .user,
.header .menu-bg .nav-main .nav-btn .user,
.header-two .menu-bg .nav-main .nav-btn .user,
.header-three .menu-bg .nav-main .nav-btn .user,
.inner-header .menu-bg .nav-main .nav-btn .user {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  background: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px !important;
  position: relative !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transition: var(--mgta-transition);
}

.nav-main .nav-btn .user span svg,
.header .menu-bg .nav-main .nav-btn .user span svg,
.header-two .menu-bg .nav-main .nav-btn .user span svg,
.header-three .menu-bg .nav-main .nav-btn .user span svg,
.inner-header .menu-bg .nav-main .nav-btn .user span svg {
  stroke: #1E293B !important;
}

.nav-main .nav-btn .user:hover {
  background: #FFF7ED !important;
  border-color: var(--mgta-primary) !important;
}

.nav-main .nav-btn .user:hover span svg {
  stroke: var(--mgta-primary) !important;
}

.nav-main .nav-btn .user-list,
.header-two .menu-bg .nav-main .nav-btn .user-list,
.header-three .menu-bg .nav-main .nav-btn .user-list {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  width: 17px !important;
  height: 17px !important;
  line-height: 17px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  background: var(--mgta-primary) !important;
  color: #FFFFFF !important;
  border-radius: 50% !important;
  text-align: center !important;
}

/* Add Car / Navbar CTA Button - Compact, single line */
.thm-btn-thr,
.thm-btn-two,
.thm-btn,
.header-three .menu-bg .nav-main .nav-btn .thm-btn-thr,
.header-two .menu-bg .nav-main .nav-btn .thm-btn-two,
.header .menu-bg .nav-main .nav-btn .thm-btn-two,
.inner-header .menu-bg .nav-main .nav-btn .thm-btn-two {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  background: var(--mgta-primary) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--mgta-primary) !important;
  border-radius: 9999px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 7px 15px !important;
  height: auto !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.thm-btn-thr a,
.thm-btn-two a,
.thm-btn a {
  color: #FFFFFF !important;
  white-space: nowrap !important;
}

.thm-btn-thr:hover,
.thm-btn-two:hover,
.thm-btn:hover,
.header-three .menu-bg .nav-main .nav-btn .thm-btn-thr:hover,
.header-two .menu-bg .nav-main .nav-btn .thm-btn-two:hover {
  background: var(--mgta-primary-dark) !important;
  border-color: var(--mgta-primary-dark) !important;
  color: #FFFFFF !important;
  transform: none !important;
}

/* Screen size adaptations for 992px to 1280px */
@media (min-width: 992px) and (max-width: 1280px) {
  .nav-left {
    gap: 10px !important;
  }
  .menu ul {
    gap: 3px !important;
  }
  .header .menu-bg .nav-main .nav-left .menu ul li a,
  .header-two .menu-bg .nav-main .nav-left .menu ul li a,
  .header-three .menu-bg .nav-main .nav-left .menu ul li a,
  .inner-header .menu-bg .nav-main .nav-left .menu ul li a,
  .nav-main .menu ul li a {
    font-size: 12.5px !important;
    padding: 5px 4px !important;
  }
  .thm-btn-two, .thm-btn, .thm-btn-thr {
    font-size: 12px !important;
    padding: 6px 12px !important;
  }
}

/* 4. HERO SECTION & SEARCH BOX */
.hero-two-search-box,
.search-box-area,
.find-car-box {
  background: rgba(255, 255, 255, 0.98) !important;
  border-radius: 20px !important;
  padding: 24px 30px !important;
  box-shadow: var(--mgta-shadow-md) !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

/* Search Submit Button */
.search-box-btn button,
.find-car-box button,
.hero-two-search-box button,
.home2-search-btn button,
.hero-search-btn button,
.home3-search-btn button {
  background: var(--mgta-gradient) !important;
  border: none !important;
  border-radius: 12px !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(255, 122, 0, 0.35) !important;
  transition: var(--mgta-transition) !important;
}

.search-box-btn button:hover,
.find-car-box button:hover,
.hero-two-search-box button:hover,
.home2-search-btn button:hover,
.hero-search-btn button:hover {
  background: var(--mgta-gradient-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(255, 122, 0, 0.45) !important;
}

/* Hero Category Tabs ("All Auto", "Used Auto", "New Auto") */
.hero-tab-btn ul li a,
.tab-btn-two ul li a {
  border-radius: 8px !important;
  font-weight: 700 !important;
  transition: var(--mgta-transition) !important;
}

.hero-tab-btn ul li.active a,
.hero-tab-btn ul li a:hover,
.tab-btn-two ul li.active a {
  background: var(--mgta-gradient) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  box-shadow: 0 4px 12px rgba(255, 122, 0, 0.3) !important;
}

/* 5. CAR CARDS & FLEET SHOWCASE */
.single-listing-item,
.car-item,
.featured-car-item,
.listing-two-item {
  background: var(--mgta-surface) !important;
  border-radius: var(--mgta-radius) !important;
  border: 1px solid rgba(226, 232, 240, 0.8) !important;
  overflow: hidden;
  box-shadow: var(--mgta-shadow-sm) !important;
  transition: var(--mgta-transition) !important;
}

.single-listing-item:hover,
.car-item:hover,
.featured-car-item:hover,
.listing-two-item:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--mgta-shadow-md) !important;
  border-color: rgba(255, 122, 0, 0.3) !important;
}

/* Badges for Capacity (5 PAX, 7 PTOS) */
.car-badge-mgta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: var(--mgta-radius-pill);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  background: rgba(255, 122, 0, 0.12);
  color: var(--mgta-primary);
  border: 1px solid rgba(255, 122, 0, 0.25);
}

.car-badge-7pax {
  background: var(--mgta-gradient);
  color: #FFFFFF;
  font-weight: 900;
  box-shadow: 0 2px 8px rgba(255, 122, 0, 0.35);
}

.listing-price,
.car-price,
.single-listing-item-price {
  color: var(--mgta-primary) !important;
  font-weight: 800 !important;
}

/* 6. DIRECT WHATSAPP FLOATING BUTTON */
.mgta-whatsapp-float {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--mgta-whatsapp);
  color: #FFFFFF !important;
  padding: 12px 20px 12px 16px;
  border-radius: var(--mgta-radius-pill);
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.mgta-whatsapp-float:hover {
  background: var(--mgta-whatsapp-hover);
  transform: translateY(-2px);
  color: #FFFFFF !important;
}

.mgta-whatsapp-float svg {
  width: 26px;
  height: 26px;
  fill: currentColor;
}

/* 7. FOOTER */
.footer-two,
.footer {
  background-color: #090E17 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-logo img {
  max-height: 55px !important;
  object-fit: contain;
}

.footer-two .footer-widget-title,
.footer .footer-widget-title {
  color: #FFFFFF !important;
  font-weight: 700;
  position: relative;
  padding-bottom: 12px;
}

.footer-two .footer-widget-title::after,
.footer .footer-widget-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 35px;
  height: 3px;
  background: var(--mgta-gradient);
  border-radius: var(--mgta-radius-pill);
}

.footer-social-link ul li a:hover,
.footer-two-social-link ul li a:hover {
  background: var(--mgta-gradient) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
  transform: translateY(-3px);
}

/* 8. MOBILE ADJUSTMENTS */
@media (max-width: 768px) {
  .mgta-whatsapp-float span {
    display: none;
  }
  .mgta-whatsapp-float {
    padding: 14px;
    bottom: 20px;
    right: 20px;
  }
  .menu-bg .logo img,
  .mobile-header__container .logo img {
    max-height: 44px !important;
  }
}