:root{
      --brand:#17214A;           /* primary brand */
      --brand-600:#17214A;
      --ink:#0b1220;             /* dark text */
      --muted:#6b7280;           /* secondary text */
      --bg:#f8fafc;              /* page bg */
      --card:#ffffff;            /* card bg */
      --accent:#F4F7FF;          /* soft blue */
      --ring: rgb(2 28 83 / 20%);
    }

    body{ font-family: "Montserrat", sans-serif; color:var(--ink); background:var(--bg);}    
    .section{padding: 50px 0;}
    .shadow-soft{box-shadow:0 6px 24px rgba(15,23,42,.08), 0 2px 8px rgba(15,23,42,.05);} 
    .rounded-2xl{border-radius:1.25rem;}
    .badge-soft{background: var(--accent); color: var(--brand); border: 1px solid rgba(36,99,235,.15);} 
    .btn-brand{background: #17214a;border-color:var(--brand);}
    .btn-brand:active{background-color:var(--brand) !important; border-color:var(--brand); color: #fff !important;}
    .btn-brand:hover{background:var(--brand-600); border-color:var(--brand-600);} 
    .link-brand{color:var(--brand); text-decoration:none;}
    .link-brand:hover{color:var(--brand-600);}
    .icon-pill{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:var(--brand);}

    /* HERO */
    .hero{padding-top:96px; padding-bottom:64px; background: radial-gradient(1200px 600px at 10% 10%, rgba(36,99,235,.12), transparent 60%), linear-gradient(180deg,#f3f6ff 0%, #ffffff 100%);} 
    .hero h1{font-weight:800; letter-spacing:-.02em;}
    .hero .stat{font-weight:800;}
    .hero-img{position:relative;}
    .hero-img .support{position:absolute; right:10px; bottom:10px; background:#fff; color:var(--brand); border:1px solid var(--ring); padding:.4rem .6rem; border-radius:10px; font-size:.8rem; font-weight:700;}

    /* SOLUTIONS GRID */
    .solution-card{border:1px solid rgba(15,23,42,.06); background:var(--card); border-radius:1rem; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; box-shadow:0 6px 20px rgba(15,23,42,.04);} 
    .solution-card:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(15,23,42,.10); border-color:rgba(36,99,235,.25);} 
    .solution-card h5{font-weight:700;}
    .icon-lg{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;color:#fff;}
    .ic-blue{background:linear-gradient(180deg,#5B8CFA 0%, #3B6FF2 100%);} 
    .ic-green{background:linear-gradient(180deg,#34D399 0%, #10B981 100%);} 
    .ic-purple{background:linear-gradient(180deg,#A78BFA 0%, #7C3AED 100%);} 
    .ic-pink{background:linear-gradient(180deg,#FB7185 0%, #EC4899 100%);} 
    .learn-link{font-weight:600;} 

    /* SERVICES TABS */
    .service-tabs .nav-link{border:1px solid var(--ring); color:#111827; background:#fff; padding:.9rem 1rem; border-radius:12px; min-width:230px; display:flex; flex-direction:column; align-items:center; gap:.25rem; font-weight:600;} 
    .service-tabs .nav-link.active{background:#0f172a; color:#fff; border-color:#0f172a;}
    .tabs-rail{background:#ffffff; border:1px solid rgba(15,23,42,.08);} 
    .service-tabs .nav-link i{display:block; font-size:1.15rem; opacity:.9;} 
    .chip{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;border:1px solid #fbbf24;background:#fff7e6;color:#111827;} 
    .feature-list{list-style:none; padding-left:0; margin-bottom:0;} 
    .feature-list li{position:relative; padding-left:1rem; margin-bottom:.45rem;} 
    .feature-list li::before{content:""; position:absolute; left:0; top:.65rem; width:6px; height:6px; border-radius:999px; background:#f59e0b;}     

    /* WHY CHOOSE */
    .why .bi{font-size:1.1rem;}
    .why-grid .why-item{display:flex;align-items:center;gap:12px;padding:12px 8px;border-radius:12px;}
    .why-grid .tick{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#ecfdf5;border:1px solid #bbf7d0;}
    .why-grid .tick i{color:#10b981;font-size:1.2rem;}
    .why h2.h1{font-weight:800;letter-spacing:-.01em;} 

    /* NUMBERED STEPS */
    .num{width:36px; height:36px; border-radius:999px; background:var(--accent); color:var(--brand); display:grid; place-items:center; font-weight:700; border:1px solid var(--ring);} 

    /* COUNTRY PILLS */
    .country-pill{border:1px solid var(--ring);padding:.5rem 1rem;border-radius:999px;background:#fff;color: #000;}

    /* CONTACT */
    .form-control:focus{box-shadow:0 0 0 .25rem rgba(36,99,235,.15); border-color:var(--brand);} 
    .contact-card{border:1px solid var(--ring);}

    /* UTILITIES */
    .small-muted{color:var(--muted); font-size:.95rem;}
    .kpis{gap:28px}

    @media (max-width: 991.98px){
      .hero{padding-top:40px}
    }
      /* NAVBAR */
    .navbar-custom{backdrop-filter:saturate(180%) blur(8px);} 
    body{padding-top: 51px;} /* space for fixed navbar */
    .navbar-custom .nav-link{color:#111827; font-weight:500;}
    .navbar-custom .nav-link:hover{color:var(--brand);} 
    .navbar-custom.is-scrolled{box-shadow:0 10px 30px rgba(15,23,42,.06);} 

    /* HEADER GET QUOTE BUTTON */
    .btn-quote{background:#F97316; border-color:#F97316; color:#fff; font-weight:700; border-radius:12px; padding:.5rem 1rem; box-shadow:0 6px 16px rgba(249,115,22,.25);} 
    .btn-quote:hover{background:#ea580c; border-color:#ea580c; color:#fff;} 
    .btn-quote:focus{box-shadow:0 0 0 .25rem rgba(249,115,22,.35);} 
      /* Enhanced hero visuals */
    .hero-sub{color:var(--muted); max-width:58ch;}
    .btn-watch{background:#fff; border:1px solid var(--ring); color:#111827;}
    .btn-watch:hover{background:#f8fafc; border-color:var(--brand); color:var(--brand);} 
    .hero-figure .frame{background:var(--brand); padding:22px; box-shadow:0 24px 60px rgba(36,99,235,.22);} 
    .support-badge{position:absolute; right:-10px; bottom:-10px; background:#F97316; border-radius:12px; padding:.6rem .75rem; line-height:1;}
    .kpi-value{font-weight:800; font-size:1.9rem;}
    .hero h1{font-weight:800; letter-spacing:-.02em; font-size:clamp(2.25rem,3.8vw+1rem,3.6rem);} 

      /* WAREHOUSE INTRO + PLATFORM GRID */
    .circle-ghost{width:64px;height:64px;border-radius:999px;display:grid;place-items:center;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;}
    .lead-muted{color:var(--muted);font-size:1.15rem;max-width:950px;margin-inline:auto;}
    .platform-grid{row-gap:28px}
    .platform-tile{padding:18px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:transform .2s ease, box-shadow .2s ease;}
    .platform-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.10);} 
    .logo-ghost{width:72px;height:72px;border-radius:12px;background:#eef2f7;display:grid;place-items:center;color:#6b7280;font-weight:600;margin:0 auto;}
    .platform-title{font-weight:600;color:#374151;margin-top:.6rem;}
      /* WHY WAREHOUSE SECTION */
    .ww-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;}
    .ww-chip{width:56px;height:56px;border-radius:999px;background:#fff7e6;border:1px solid #fde68a;display:grid;place-items:center;color:#b45309;font-size:1.2rem;flex-shrink:0;}
    .ww-item h5{margin-bottom:.15rem;font-weight:700;}
    .photo-wrap{position:relative;}
    .overlay-card{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:16px;border:1px solid rgba(15,23,42,.08);padding:14px 16px;box-shadow:0 24px 50px rgba(15,23,42,.15);max-width:86%;}
    .overlay-card .icon-pill{background:#eef2ff;color:#1d4ed8;}
      /* BENEFITS BAND */
    .benefits-band{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 20px 50px rgba(15,23,42,.08);padding:28px 24px;}
    .benefits-band h3{font-weight:800;text-align:center;margin-bottom:18px;}
    .benefit-item{display:flex;align-items:center;gap:12px;padding:10px 6px;}
    .benefit-item .tick-ghost{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;border:1px solid #c7d2fe;background:#eef2ff;color:#1f2937;}
      /* 4 STEPS – gradient bubbles */
    .steps-intro h2{font-weight:800;letter-spacing:-.01em;}
    .text-gradient{background:linear-gradient(135deg,#3B82F6 0%,#6366F1 50%,#8B5CF6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
    .step-card{background:#fff;border-radius:20px;padding:18px 12px;}
    .step-bubble { width: 112px; height: 112px; border-radius: 999px; background: linear-gradient(135deg, #17214A 0%, #3B4A99 100%); display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 2rem; box-shadow: 0 22px 44px rgba(23, 33, 74, 0.25); margin-inline: auto; margin-bottom: 12px; }
    .step-title{font-weight:800;margin-top:8px;margin-bottom:6px;}
    .step-sub{color:var(--muted);} 
    @media (max-width: 991.98px){.step-bubble{width:92px;height:92px;font-size:1.6rem;}}
      /* CONTACT V2 */
    .contact-area{background:linear-gradient(180deg,#f3f7ff 0%, #ffffff 70%);} 
    .contact-surface{background:#f6faff; border:1px solid rgba(59,130,246,.15); border-radius:20px; box-shadow:0 25px 60px rgba(15,23,42,.06);} 
    .ci-row{display:flex; gap:12px; margin-bottom:16px;}
    .ci-icon{width:44px; height:44px; border-radius:12px; background:#fff; color:#17214A; display:grid; place-items:center; border:1px solid #c7d2fe;} 
    .emergency-card {background: linear-gradient(135deg, #25D366, #075E54); color: #fff; border-radius: 16px; padding: 18px;} 
    .emergency-card .btn {background: #25D366; border: none; color: #fff; font-weight: 700; padding: .5rem 1rem; border-radius: 10px;}
    .emergency-card .btn:hover{opacity:.9;} 
    #contact .form-control,#contact .form-select{height:52px;} 
    #contact textarea.form-control{height:120px;} 
     
    /* === Header Topbar + Mega Menu overrides === */
    body{/* padding-top:120px !important; */} /* space for fixed topbar + navbar */
    .topbar{background: linear-gradient(90deg, #17214a 0%, #0a2284 40%, #072396 100%);color:#1f2937;position:fixed;top:0;left:0;right:0;z-index:1060;} 
    .topbar .container{/* height:36px; */font-weight:600;}
    .topbar .btn-topbar{background:#fff; border:1px solid rgba(0,0,0,.2); border-radius:999px; padding:.25rem .75rem; font-weight:700;}

    .navbar-custom{position:fixed;top: 38px;left:0;right:0;backdrop-filter:saturate(180%) blur(8px);z-index:1050;}  
    .navbar-custom .nav-link{color:#111827; font-weight:600;}
    .navbar-custom .nav-link:hover{color:var(--brand);} 
    .navbar-custom.is-scrolled{box-shadow:0 10px 30px rgba(15,23,42,.06);} 

    .dropdown-hover .dropdown-menu{display:none;}
    @media (min-width: 992px){
      .dropdown-hover:hover>.dropdown-menu{display:block;}
      .dropdown-hover .dropdown-toggle::after{display:none !important;} 
    }
    .mega-menu.dropdown-menu{width:min(1120px,95vw); border:1px solid rgba(15,23,42,.08); border-radius:20px; padding:18px; box-shadow:0 24px 80px rgba(15,23,42,.15); left:0; right:0; transform:none !important;}  
    .menu-title{font-size:.85rem; letter-spacing:.08em; text-transform:uppercase; color:#6b7280; font-weight:800;}
    .menu-item{display:flex; gap:12px; align-items:center; padding:8px; border-radius:10px;}  
    .menu-item:hover{background:#f9fafb;}
    .mi-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:0 0 36px;} 
    .mi-blue{background:linear-gradient(180deg,#5B8CFA 0%, #3B6FF2 100%);} 
    .mi-green{background:linear-gradient(180deg,#34D399 0%, #10B981 100%);} 
    .mi-purple{background:linear-gradient(180deg,#A78BFA 0%, #7C3AED 100%);} 
    .mi-pink{background:linear-gradient(180deg,#FB7185 0%, #EC4899 100%);} 
    .mi-indigo{background:linear-gradient(180deg,#818CF8 0%, #6366F1 100%);} 
    .mi-teal{background:linear-gradient(180deg,#2dd4bf 0%, #14b8a6 100%);} 

    .btn-login{background:#fff; border:1px solid #17214A; color:#17214A; border-radius:14px; padding:.45rem .95rem; font-weight:700;}
    .btn-login:hover {border: 1px solid #17214A;}
    /* align dropdown relative to full container */
    .navbar .container{position:relative;}
    .navbar .dropdown{position:static;} 
    .navbar .dropdown .mega-menu{width:calc(100%);} 
    /* text block aligns center line with icon */
    .menu-item .mi-text{display:flex;flex-direction:column;justify-content:center;line-height:1.2;} 
    .btn-try{background:linear-gradient(135deg,#17214A,#17214A); color:#fff; border:none; border-radius:14px; padding:.45rem 1rem; font-weight:800; box-shadow:0 10px 28px rgba(109,94,252,.35);} 
    .btn-try:hover { color: #fff; }
    .btn-try:active {color: #fff !important;}
    /* custom caret */
    .navbar .nav-link .chev{font-size:.9rem; margin-left:.35rem; transition:transform .2s ease;}
    .dropdown.show > .nav-link .chev, .dropdown-hover:hover > .nav-link .chev{transform:rotate(180deg);}  
      /* Platform mega menu (Features + Refer card) */
    .platform-mega .feat-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;}
    .platform-mega .feat-item:hover{background:#f9fafb;}
    .platform-mega .feat-chip{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#17214A;background:#ffffff;border:1px solid #17214A;font-size:1.15rem;}
    .platform-mega .refer-card{background:#f6f7fb;border-top:1px solid #e5e7eb;border-radius:14px;padding:18px;}
    .platform-mega .refer-img{width:88px;height:88px;border-radius:14px;object-fit:cover;}
      /* Partners mega menu */
    .partners-mega .feat-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;}
    .partners-mega .feat-item:hover{background:#f9fafb;}
    .partners-mega .feat-chip{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#17214A;background:#ffffff;border:1px solid #17214A;font-size:1.15rem;}
    .partners-mega .program-card{background:#f6f7fb;border-top:1px solid #e5e7eb;border-radius:14px;padding:18px;}
      /* Mobile menu styles */
    .offcanvas-mobile{width:100vw;}
    .mobile-menu .menu-header{padding: 0px 7px;border-bottom:1px solid rgba(15,23,42,.08);position:sticky;top:0;background:#fff;z-index:2;}
    .mobile-menu .list-group-item{padding:14px 16px; font-weight:600; border:none; border-bottom:1px solid rgba(15,23,42,.06);} 
    .mobile-menu .list-group-item i{color:#6b7280;}
    .mobile-menu .menu-view{min-height:100%;margin-top: 28%;}
    .mobile-menu .menu-view.active{display:block;}
    .mobile-menu .feat-chip{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color: #17214A;background: #fcfcfc;border: 1px solid #17214A;}
    /* mobile products grid */
    .m-products .menu-heading{font-size:1.1rem;font-weight:800;margin:12px 0 8px;color:#6b7280;letter-spacing:.08em;text-transform:uppercase;}
    .m-products .grid-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;}
    .m-products .grid-item:hover{background:#f9fafb;}
    .m-products .mi-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:0 0 32px;}
    .m-products .mi-blue{background:linear-gradient(180deg,#5B8CFA 0%, #3B6FF2 100%);} 
    .m-products .mi-green{background:linear-gradient(180deg,#34D399 0%, #10B981 100%);} 
    .m-products .mi-purple{background:linear-gradient(180deg,#A78BFA 0%, #7C3AED 100%);} 
    .m-products .mi-indigo{background:linear-gradient(180deg,#818CF8 0%, #6366F1 100%);} 
    .m-products .mi-teal{background:linear-gradient(180deg,#2dd4bf 0%, #14b8a6 100%);} 
    .m-products .mi-pink{background:linear-gradient(180deg,#FB7185 0%, #EC4899 100%);} 
    .m-products .muted{color:#6b7280;font-size:.9rem;}
    .m-products .vas-list a{display:block;padding:8px 0;color:#111827;text-decoration:none;}
    .m-products .vas-list a:hover{color:var(--brand);}
      /* custom toggler + offcanvas header controls */
    .navbar-toggler{border: none;border-radius:12px;background:#fff;padding:.35rem .55rem;}
    .navbar-toggler .bi{font-size:1.6rem; line-height:1; color:#111827;}
    .navbar-toggler:focus{box-shadow:0 0 0 .25rem rgba(36,99,235,.15);} 
    .offcanvas-mobile .menu-header .btn{border: none;background:#fff;}
    .offcanvas-mobile .menu-header .btn i{font-size:1.2rem; color:#111827;}
    /* Toggler styling */
.navbar-toggler.toggler-swap{
  border:1px solid rgba(15,23,42,.12);
  border-radius:12px;
  background:#fff;
  padding:.35rem .55rem;
  line-height:1;
}
/* icon sizes */
.navbar-toggler .toggler-icon{font-size:1.6rem; line-height:1; display:inline-block; transition:transform .2s ease, opacity .2s ease;}
.navbar-toggler .toggler-icon.close{display:none;} /* default hidden */

/* When offcanvas is open Bootstrap sets aria-expanded="true" on the button */
.navbar-toggler.toggler-swap[aria-expanded="true"] .toggler-icon.menu{display:none;}
.navbar-toggler.toggler-swap[aria-expanded="true"] .toggler-icon.close{display:inline-block;}

/* Optional: subtle active ring while open */
.navbar-toggler.toggler-swap[aria-expanded="true"]{
  box-shadow:0 0 0 .25rem rgba(36,99,235,.15);
}
.navbar-toggler .bi{transition:transform .18s ease, opacity .18s ease;}
/* --- Smooth mega-menu reveal (desktop) --- */
.dropdown-hover .dropdown-menu{
  /* keep it in the flow so we can animate */
  display:block;                 /* instead of display:none */
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transition:
    opacity .22s ease,
    transform .22s ease,
    visibility 0s linear .22s;   /* hide after fade-out */
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #17214A;
}
.text-primary {
    color: #17214A !important;
}
@media (min-width: 992px){
  .dropdown-hover:hover > .dropdown-menu,
  .dropdown-hover:focus-within > .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    pointer-events:auto;
    transition:
      opacity .24s ease,
      transform .24s ease,
      visibility 0s;             /* show immediately */
  }

  /* keep Bootstrap caret hidden like before */
  .dropdown-hover .dropdown-toggle::after{display:none !important;}
}


/* ===== FOOTER ===== */
.site-footer{
  color:#d1d5db;
  background:#0b0f14;
  position:relative;
  padding-top:48px;
}
.site-footer a{color:#d1d5db;text-decoration:none}
.site-footer a:hover{color:#ffffff}

.footer-wrap{
  display:grid;
  grid-template-columns: 1.35fr 3fr;
  gap:48px;
  align-items:start;
}

/* left rail */
.footer-brand{
  display:flex;align-items:center;gap:10px;
  margin-bottom:14px;
}
.footer-brand .logo-mark{
  width:40px;height:40px;border-radius:10px;
  display:grid;place-items:center;
  color:#0b0f14;background:#ffffff;
}
.footer-brand .logo-text{
  font-weight:800;font-size:20px;color:#fff;
}

.social{display:flex;gap:12px;margin:12px 0 18px}
.social a{
  width:38px;height:38px;border-radius:999px;
  display:grid;place-items:center;
  background:#121823;border:1px solid rgba(255,255,255,.08);
}
.social a:hover{background:#192131}

.rail-title{color:#fff;font-weight:700;margin:10px 0}
.contact-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.contact-list .ci{
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;flex-shrink:0;
  background:#121823;border:1px solid rgba(255,255,255,.08);
  color:#9ab1ff;
}
.contact-list li{display:flex;gap:10px;align-items:flex-start}
.contact-list .item-title{color:#fff}
.contact-list .muted{color:#9aa3b2;font-size:.95rem;line-height:1.4}

.store-badges{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.store-badges img{height:40px;display:block}

/* link columns */
.footer-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:28px;
}
.footer-col h5{
  color:#ffffff;
  font-weight:700;
  margin:0 0 12px;
}
.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-col ul li a{color:#c6ccd6}
.footer-col ul li a:hover{color:#ffffff}

/* bottom bar */
.footer-bar{border-top:1px solid rgba(255,255,255,.08);margin-top:36px}
.footer-bar-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px 0;color:#9aa3b2
}
.footer-bar .bar-links{display:flex;gap:16px}
.footer-bar .bar-links a{color:#9aa3b2}
.footer-bar .bar-links a:hover{color:#fff}

/* responsive */
@media (max-width: 1199.98px){
  .footer-grid{grid-template-columns: repeat(3,1fr)}
}
@media (max-width: 991.98px){
  .footer-wrap{grid-template-columns: 1fr}
  .footer-grid{grid-template-columns: repeat(2,1fr)}
}
@media (max-width: 575.98px){
  .footer-grid{grid-template-columns: 1fr}
  .footer-bar-inner{flex-direction:column;align-items:flex-start}
  .sm-scroll {
    max-height: 552px;
    overflow: scroll;
  }
  .topbar {
    display: none;
  }
   .navbar-custom {
    top: 0;
   }
   body {
    padding-top: 73px;
}
.mobile-menu .menu-view {
  margin-top: 20%;
}
}
.phone-icon {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    color: #fff;
}
.email-icon {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    color: #fff;
}
 .phone-icon svg {
    color: #FEC201;
    height: 16px;
    margin-right: 10px;
}
.whatsapp-ico {
    fill: white;
    width: 17px;
    height: 17px !important;
    padding: 1px;
    background-color: #4dc247;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
.email-icon svg {
    color: #FEC201;
    height: 16px;
    margin-right: 10px;
}
a {
    text-decoration: none;
}
.mr-25 {
    margin-right: 25px !important;
}
.topbar .icon-socials {
    display: inline-block;
    height: 14px;
    width: 14px;
    color: #fff;
    /* vertical-align: middle; */
}
.icon-socials {
    display: inline-block;
    margin-right: 24px;
}
.topbar {
    padding: 9px 0px;
    color: #fff;
}
.topbar .icon-socials svg {
    color: #fff;
    fill: #fff;
}
.whatsapp {
    position: fixed;
    bottom: 20px;
    right: -78px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 99999999;
}
.whatsapp {
    display: flex;
    width: 160px;
}
.whatsapp img {
    border-radius: 50%;
}