*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --gold:#f5a623;--gold-dark:#d4891a;--gold-light:#ffc85a;
  --navy:#0a1628;--navy-mid:#12233f;--navy-light:#1a3255;--navy-dark:#050a12;
  --white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;
  --text:#0d1b2e;--muted:#6b7280;
  --shadow-gold:0 8px 30px rgba(245,166,35,.35);
  --tr:all .32s cubic-bezier(.4,0,.2,1);
}
html{scroll-behavior:smooth}
body{font-family:'Outfit',sans-serif;color:var(--text);background:#fff;overflow-x:hidden;line-height:1.6}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}

/* CONTAINER */
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* UTILITIES */
.tag{display:inline-flex;align-items:center;gap:8px;background:rgba(245,166,35,.12);border:1px solid rgba(245,166,35,.3);color:var(--gold-dark);font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:14px}
.sec-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;color:var(--navy);line-height:1.2;margin-bottom:14px}
.sec-title span{color:var(--gold)}
.sec-desc{font-size:1rem;color:var(--muted);line-height:1.75;max-width:600px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;border-radius:50px;font-family:'Outfit',sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--tr);border:none;text-decoration:none}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(245,166,35,.5)}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.btn-outline:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{background:var(--navy-light);transform:translateY(-3px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ── TOPBAR ── */
#topbar{background:var(--navy);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.tb-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.tb-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tb-contact a{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.75);font-size:.8rem;transition:var(--tr)}
.tb-contact a:hover{color:var(--gold)}
.tb-contact a i{color:var(--gold);font-size:.75rem}
.tb-social{display:flex;gap:10px}
.tb-social a{width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.65);font-size:.72rem;transition:var(--tr)}
.tb-social a:hover{background:var(--gold);color:#fff;transform:translateY(-2px)}

/* ── NAVBAR ── */
#nav{position:sticky;top:0;z-index:1000;background:rgba(10,22,40,.97);backdrop-filter:blur(20px);border-bottom:1px solid rgba(245,166,35,.12);transition:var(--tr)}
#nav.scrolled{box-shadow:0 4px 28px rgba(0,0,0,.4)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:13px 0}
.logo{display:flex;align-items:center;gap:11px}
.logo img{height:38px;width:auto;display:block;flex-shrink:0}
.logo-txt .brand{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:800;color:var(--gold)}
.logo-txt .sub{font-size:.62rem;color:rgba(255,255,255,.45);letter-spacing:.12em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{color:rgba(255,255,255,.82);font-weight:500;font-size:.92rem;padding:8px 15px;border-radius:8px;transition:var(--tr);position:relative}
.nav-links a::after{content:'';position:absolute;bottom:4px;left:15px;right:15px;height:2px;background:var(--gold);border-radius:2px;transform:scaleX(0);transition:transform .3s ease}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-r{display:flex;align-items:center;gap:12px}
.nav-ph{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.78);font-size:.88rem}
.nav-ph i{color:var(--gold)}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:5px}
.ham span{display:block;width:23px;height:2px;background:#fff;border-radius:2px;transition:var(--tr)}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob-menu{display:none;position:fixed;inset:0;background:var(--navy);z-index:999999;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:20px}
.mob-menu.open{display:flex;opacity:1}
.mob-close{position:absolute;top:25px;right:25px;background:rgba(255,255,255,0.1);border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);outline:none}
.mob-close:hover{background:rgba(255,255,255,0.2);transform:rotate(90deg);color:var(--gold)}
.mob-links{display:flex;flex-direction:column;align-items:center;gap:25px;margin-bottom:40px;width:100%}
.mob-links a{color:#fff;font-size:1.5rem;font-weight:600;transition:var(--tr);text-decoration:none}
.mob-links a.active, .mob-links a:hover{color:var(--gold)}
.mob-contact{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:280px;border-top:1px solid rgba(255,255,255,0.1);padding-top:30px}
.mob-trust{color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:-5px;background:rgba(255,255,255,0.05);padding:8px 16px;border-radius:50px;}
.mob-trust i{color:#25d366;}
.mob-cta{width:100%;text-align:center;padding:14px;font-size:1.1rem;border-radius:50px}
.mob-socials{display:flex;gap:15px;align-items:center}
.mob-socials a{width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,0.05);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:var(--tr);text-decoration:none}
.mob-socials a:hover{background:var(--gold);color:#fff;transform:translateY(-3px)}
/* ── SOCIAL ICONS (contact section + footer) ── */
.soc{display:flex;gap:11px;margin-top:30px}
.soc a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.65);font-size:.95rem;transition:var(--tr)}
.soc a:hover{transform:translateY(-3px) scale(1.1)}
.soc a.fb:hover{background:#1877f2;border-color:#1877f2;color:#fff}
.soc a.ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;color:#fff}
.soc a.wa:hover{background:#25d366;border-color:#25d366;color:#fff}
.soc a.gg:hover{background:#ea4335;border-color:#ea4335;color:#fff}

/* ── FOOTER ── */
#footer{background:#060e1a;border-top:1px solid rgba(255,255,255,.05);padding:50px 0 0}
.ft-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px}
.ft-desc{font-size:.86rem;color:rgba(255,255,255,.42);line-height:1.75;margin:14px 0 22px}
.ft-col h4{font-size:.86rem;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;position:relative;padding-bottom:9px}
.ft-col h4::after{content:'';position:absolute;bottom:0;left:0;width:26px;height:2px;background:var(--gold);border-radius:2px}
.ft-links{display:flex;flex-direction:column;gap:9px}
.ft-links a{color:rgba(255,255,255,.42);font-size:.86rem;transition:var(--tr);display:flex;align-items:center;gap:7px}
.ft-links a i{color:var(--gold);font-size:.68rem}
.ft-links a:hover{color:var(--gold);padding-left:4px}
.ft-ci{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}
.ft-ci i{color:var(--gold);font-size:.87rem;margin-top:2px;flex-shrink:0}
.ft-ci a,.ft-ci span{color:rgba(255,255,255,.46);font-size:.82rem;line-height:1.6;transition:var(--tr)}
.ft-ci a:hover{color:var(--gold)}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding:18px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ft-bot p{font-size:.8rem;color:rgba(255,255,255,.28)}
.ft-bot span{color:var(--gold)}
.ft-bot-lnks{display:flex;gap:18px}
.ft-bot-lnks a{font-size:.8rem;color:rgba(255,255,255,.28);transition:var(--tr)}
.ft-bot-lnks a:hover{color:var(--gold)}

/* ── FLOATING BUTTONS ── */
.float-book{position:fixed;bottom:24px;right:16px;z-index:999;width:48px;height:48px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 18px rgba(245,166,35,.5);transition:var(--tr);animation:pulse 2.2s ease-in-out infinite;border:none;cursor:pointer}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,166,35,.5)}70%{box-shadow:0 0 0 13px rgba(245,166,35,0)}100%{box-shadow:0 0 0 0 rgba(245,166,35,0)}}
.float-book:hover{transform:scale(1.12)}
.float-wa{position:fixed;bottom:84px;right:16px;z-index:999;width:48px;height:48px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;box-shadow:0 4px 18px rgba(37,211,102,.38);transition:var(--tr)}
#back-to-top{position:fixed;bottom:24px;left:16px;z-index:998;width:40px;height:40px;background:rgba(10,22,40,0.8);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.1rem;cursor:pointer;transition:var(--tr);opacity:0;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.3)}
#back-to-top.show{opacity:1;pointer-events:auto}
#back-to-top:hover{background:var(--gold);color:#fff;transform:translateY(-3px)}
.float-wa:hover{transform:scale(1.12)}
.float-call{position:fixed;bottom:144px;right:16px;z-index:999;width:48px;height:48px;background:#007bff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 18px rgba(0,123,255,.38);transition:var(--tr)}
.float-call:hover{transform:scale(1.12)}

/* ── RESPONSIVE (shared: topbar, navbar, footer) ── */
@media(max-width:1024px){
  .ft-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:768px){
  .tb-contact{display:none}
  .nav-links,.nav-ph{display:none}
  .nav-r{margin-left:auto; margin-right:15px; display:flex;}
  #nav-book { padding: 8px 14px !important; font-size: 0.75rem !important; }
  .ham{display:flex}
  .logo-txt{display:none}
  .ft-grid{grid-template-columns:1fr}
  
  /* Tighter floating buttons for mobile */
  .float-book { bottom: 16px; right: 16px; width: 44px; height: 44px; font-size: 1rem; }
  .float-wa { bottom: 68px; right: 16px; width: 44px; height: 44px; font-size: 1.15rem; }
  .float-call { bottom: 120px; right: 16px; width: 44px; height: 44px; font-size: 0.95rem; }
  #back-to-top { bottom: 16px; left: 16px; }
  .fb-tooltip { display: none !important; }
  
  /* Mobile Sticky Call / WhatsApp Bar */
  .mobile-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    background: #fff;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    padding: 8px 12px;
    gap: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .msb-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px;
    border-radius: 30px;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 0.88rem;
    text-decoration: none;
    transition: var(--tr);
  }
  .msb-call {
    background: linear-gradient(135deg, var(--gold), var(--gold-dark));
    color: #fff;
    box-shadow: 0 4px 12px rgba(245, 166, 35, 0.2);
  }
  .msb-wa {
    background: #25d366;
    color: #fff;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.2);
  }
  .msb-btn:active {
    transform: scale(0.97);
  }
  
  .mobile-sticky-bar { display: none !important; }
  body {
    padding-bottom: 0 !important;
  }
}

.mobile-sticky-bar {
  display: none;
}

/* ── GLOBAL TRUST STRIP (MARQUEE) ── */
.trust-strip {
  background: var(--navy-mid);
  padding: 16px 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.trust-strip-track {
  display: flex;
  width: max-content;
  animation: scrollTrust 35s linear infinite;
}
.trust-strip:hover .trust-strip-track {
  animation-play-state: paused;
}
.trust-strip-group {
  display: flex;
  gap: 40px;
  padding-right: 40px; /* Crucial: padding right equals the gap for seamless looping */
}
.trust-strip-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,0.9);
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}
.trust-strip-item i {
  color: var(--gold);
}

@keyframes scrollTrust {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media(max-width: 768px) {
  .trust-strip-item { font-size: 0.9rem; }
  .trust-strip-group { gap: 24px; padding-right: 24px; }
}

/* ── LEAD CAPTURE MODAL ── */
.lead-modal-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.lead-modal-overlay.active {
  opacity: 1;
  pointer-events: auto;
}
.lead-modal {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -40%);
  width: 90%;
  max-width: 420px;
  background: #fff;
  border-radius: 20px;
  padding: 36px 30px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
  z-index: 100000;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
}
.lead-modal.active {
  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: auto;
}
@media(max-width: 768px) {
  .lead-modal {
    top: auto; bottom: 0; left: 0; right: 0;
    width: 100%; max-width: 100%;
    transform: translateY(100%);
    border-radius: 24px 24px 0 0;
    padding: 30px 20px 20px;
  }
  .lead-modal.active {
    transform: translateY(0);
  }
}
.lead-close {
  position: absolute;
  top: 16px; right: 16px;
  background: rgba(0,0,0,0.05);
  border: none;
  width: 32px; height: 32px;
  border-radius: 50%;
  font-size: 1rem;
  color: #555;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: var(--tr);
}
.lead-close:hover {
  background: rgba(0,0,0,0.1);
  color: #000;
}
.lead-modal-content h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.6rem;
  color: var(--navy);
  margin-bottom: 8px;
}
.lead-modal-content p {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 24px;
}
.lead-modal-content .fg {
  margin-bottom: 14px;
  text-align: left;
}
.lead-modal-content .fc {
  width: 100%;
  padding: 14px 18px;
  background: #f9f9f9;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  color: var(--navy);
  font-family: 'Outfit', sans-serif;
  font-size: 0.95rem;
  outline: none;
  transition: var(--tr);
}
.lead-modal-content .fc::placeholder {
  color: #999;
}
.lead-modal-content .fc:focus {
  border-color: var(--gold);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(245, 166, 35, 0.15);
}
.lead-modal-content .fsub {
  width: 100%;
  padding: 14px;
  background: #25d366;
  color: #fff;
  border: none;
  border-radius: 50px;
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: var(--tr);
  margin-top: 10px;
}
.lead-modal-content .fsub:hover {
  background: #1ebd5a;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
}
.lead-trust-badge {
  margin-top: 12px;
  font-size: 0.8rem;
  color: #666;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.lead-trust-badge i {
  color: #f5a623;
}
.lead-trust-badge strong {
  color: #25d366;
  font-weight: 800;
}

/* ── QUICK BOOKING MODAL ── */
.qb-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 100000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.qb-overlay.active { opacity: 1; pointer-events: auto; }
.qb-modal {
  position: fixed;
  bottom: -100%;
  left: 0; right: 0;
  background: #fff;
  border-radius: 24px 24px 0 0;
  padding: 24px;
  z-index: 100001;
  transition: bottom 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 -10px 40px rgba(0,0,0,0.15);
}
.qb-modal.active { bottom: 0; }
.qb-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
.qb-title { font-size: 1.3rem; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.qb-sub { font-size: 0.8rem; color: #666; }
.qb-trust { background: #fef3c7; color: #d97706; padding: 4px 10px; border-radius: 12px; font-size: 0.75rem; font-weight: 700; margin-left: auto; margin-right: 12px; }
.qb-close { background: #f0f0f0; border: none; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.qb-form { display: flex; flex-direction: column; gap: 16px; }
.qb-group label { font-size: 0.85rem; font-weight: 500; color: #333; margin-bottom: 6px; display: block; }
.qb-group input, .qb-group select { width: 100%; padding: 12px 14px; border: 1px solid #e0e0e0; border-radius: 10px; font-family: inherit; font-size: 0.95rem; background: #fff; outline: none; }
.qb-group input:focus, .qb-group select:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(245,166,35,0.1); }
.qb-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.qb-urgency { background: rgba(230,57,70,0.08); border: 1px solid rgba(230,57,70,0.2); border-radius: 10px; padding: 10px 14px; font-size: 0.82rem; font-weight: 600; color: #d32f2f; display: flex; align-items: center; gap: 8px; line-height: 1.4; margin-top: 6px; }
.qb-urgency i { font-size: 1rem; }
.qb-submit { background: linear-gradient(135deg, var(--gold), var(--gold-dark)); color: #fff; border: none; padding: 15px; border-radius: 12px; font-weight: 700; font-size: 1.05rem; cursor: pointer; transition: var(--tr); margin-top: 8px; box-shadow: 0 4px 15px rgba(245,166,35,0.3); }
.qb-submit:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245,166,35,0.4); }

@media(min-width: 768px) {
  .qb-modal {
    top: 50% !important; left: 50% !important; bottom: auto !important;
    transform: translate(-50%, -40%);
    width: 760px !important;
    height: auto !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    border-radius: 20px !important;
    padding: 32px !important;
    opacity: 0; pointer-events: none;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: block !important;
  }
  .qb-modal.active { transform: translate(-50%, -50%) !important; opacity: 1 !important; pointer-events: auto !important; }
  
  /* Bulletproof Flexbox layout for desktop */
  .qb-form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px 20px !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  .qb-form > .qb-group:nth-child(1) { width: 100% !important; } /* Date */
  
  .qb-row { 
    display: flex !important;
    width: 100% !important;
    gap: 20px !important;
  }
  .qb-row > .qb-group { flex: 1 !important; }
  
  .qb-form > .qb-group:nth-child(3) { width: calc(50% - 10px) !important; } /* Pickup */
  .qb-form > .qb-group:nth-child(4) { width: calc(50% - 10px) !important; } /* Destination */
  
  .qb-urgency { width: 100% !important; margin-top: 4px !important; }
  .qb-submit { width: 100% !important; margin-top: 4px !important; }
}

/* ── FLOATING BOOKING TOOLTIP ── */
.fb-tooltip {
  position: fixed;
  bottom: 34px;
  right: 74px; /* 16px right + 48px button + 10px spacing */
  background: var(--navy);
  color: #fff;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
  z-index: 998;
  opacity: 0;
  transform: translateX(10px);
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.fb-tooltip::after {
  content: '';
  position: absolute;
  top: 50%; right: -5px;
  transform: translateY(-50%);
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-color: transparent transparent transparent var(--navy);
}
.fb-tooltip.show {
  opacity: 1;
  transform: translateX(0);
}