/* NextSure final UI clean-up
   - Same clean header style on public pages
   - No chat/scroll floating buttons
   - Better mobile home banner
   - Cleaner profile/dashboard visuals
*/
:root{--ns-teal:#0f6b73;--ns-teal-2:#0f766e;--ns-green:#19c947;--ns-navy:#1e1b4b;--ns-text:#243045;--ns-soft:#f6fafb}
html,body{overflow-x:hidden!important;background:#f8fbfc;color:var(--ns-text)}
/* remove unwanted floating widgets everywhere */
#backTop,#nsScrollTop,.ns-scroll-top,.ns-up-arrow,.back-to-top,.scroll-top,.scrollTop,.floating-btn,.chat-widget{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important}
/* Header like supplied reference image */
.site-header{position:sticky!important;top:0!important;z-index:10000!important;background:#fff!important;border-bottom:1px solid rgba(15,107,115,.16)!important;box-shadow:0 1px 0 rgba(15,23,42,.05)!important;backdrop-filter:none!important}
.header-inner,.site-header .header-inner,.site-header .container.header-inner{max-width:1500px!important;margin:0 auto!important;padding:14px 28px!important;min-height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:100%!important}
.site-header .brand_logo{width:190px!important;min-width:160px!important;display:flex!important;align-items:center!important}
.site-header .brand,.site-header .brand img{display:block!important}.site-header .brand img,.site-header .brand_logo img{width:100%!important;max-height:70px!important;object-fit:contain!important}
.site-header .nav{display:flex!important;align-items:center!important;margin-left:auto!important}.site-header .nav-list{display:flex!important;align-items:center!important;gap:26px!important;margin:0!important;padding:0!important;list-style:none!important}.site-header .nav-list>li{margin:0!important;position:relative!important}.site-header .nav-list>li>a{color:#334155!important;font-weight:800!important;font-size:16px!important;line-height:1.2!important;text-decoration:none!important;padding:10px 0!important;letter-spacing:.01em!important}.site-header .nav-list>li>a:hover,.site-header .nav-list>li>a.active{color:var(--ns-teal)!important}.site-header .nav-list>li>a::before{height:2px!important;background:var(--ns-teal)!important;bottom:4px!important}.site-header .nav-list>li>a.cta,.site-header .nav-list>li:last-child>a[href*="login"]{background:var(--ns-teal)!important;color:#fff!important;border-radius:28px!important;padding:16px 28px!important;font-weight:900!important;box-shadow:0 12px 32px rgba(15,107,115,.18)!important}.site-header .nav-list>li>a.cta::before,.site-header .nav-list>li:last-child>a[href*="login"]::before{display:none!important}
.site-header .submenu{top:calc(100% + 10px)!important;border:1px solid rgba(15,107,115,.12)!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(15,23,42,.12)!important}.site-header .submenu a{font-size:14px!important;font-weight:800!important;padding:11px 14px!important}.site-header .submenu a:hover{background:#ecfdf5!important;color:var(--ns-teal)!important}
/* Home/mobile banner fix */
.hero{background:#eaf4f6!important;color:#0f172a!important;min-height:clamp(390px,46vw,650px)!important;overflow:hidden!important}.slider{height:clamp(390px,46vw,650px)!important}.slide{height:100%!important;min-height:0!important;background:linear-gradient(90deg,#eef8fb,#ffffff)!important}.slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;transform:none!important}.slide::before{background:linear-gradient(90deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.72) 40%,rgba(255,255,255,.10) 72%)!important}.slide::after{display:none!important}.slide-content{left:8%!important;max-width:520px!important;color:#0f172a!important}.slide-content h1{color:#0f172a!important;text-shadow:none!important;font-size:clamp(36px,4.8vw,58px)!important}.slide-content h3{color:var(--ns-teal-2)!important;text-shadow:none!important;font-size:clamp(22px,2.4vw,34px)!important}.slide-content p{color:#475569!important;text-shadow:none!important;font-weight:600!important}.slide-content a,.slide-content .btn{background:var(--ns-teal)!important;border-radius:999px!important;color:#fff!important;box-shadow:0 16px 32px rgba(15,107,115,.22)!important}.slider-controls{bottom:22px!important}.nav-btn{background:var(--ns-teal)!important;border:0!important}.dots{background:rgba(255,255,255,.75)!important}.dot.active{background:var(--ns-teal)!important}
/* remove dashboard type dropdown only; keep product type buttons visible */
button[onclick="toggleOrderTypes()"]{display:none!important}.order-type-bar{display:flex!important}.orders-panel-head #orderTypeBar,#orderTypeBar{display:flex!important;gap:8px!important;flex-wrap:wrap!important;overflow:visible!important}.order-type-btn{border:1px solid #dbeafe!important}.order-type-btn.active{background:var(--ns-teal)!important;color:#fff!important}
/* App/profile area improvement */
.profile-shell{max-width:1180px!important}.profile-card{border-radius:34px!important;box-shadow:0 28px 80px rgba(15,23,42,.12)!important}.profile-hero{background:radial-gradient(circle at top right,rgba(25,201,71,.34),transparent 35%),linear-gradient(135deg,#073b4c,#0f766e)!important;border-bottom:1px solid rgba(255,255,255,.16)!important}.soft-panel{background:#fff!important;border:1px solid #d9e8ed!important;border-radius:28px!important;box-shadow:0 18px 50px rgba(15,23,42,.07)!important}.avatar{background:linear-gradient(135deg,#1e1b4b,#0f766e)!important;border:7px solid rgba(255,255,255,.96)!important}.btn-main{background:linear-gradient(135deg,#0f6b73,#10b981)!important;box-shadow:0 14px 32px rgba(15,107,115,.20)!important}.btn-light{border:1px solid rgba(15,107,115,.18)!important;color:#0f6b73!important}
@media(max-width:900px){
  .header-inner,.site-header .header-inner,.site-header .container.header-inner{min-height:72px!important;padding:10px 16px!important}.site-header .brand_logo{width:150px!important;min-width:145px!important}.nav-toggle{display:flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;z-index:10002!important}.site-header .nav{position:fixed!important;left:12px!important;right:12px!important;top:78px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;box-shadow:0 24px 80px rgba(15,23,42,.20)!important;padding:14px!important;display:none!important;max-height:calc(100vh - 92px)!important;overflow:auto!important}.site-header .nav.open,.site-header .nav.active{display:block!important}.site-header .nav-list{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important}.site-header .nav-list>li>a{padding:14px 16px!important;border-radius:14px!important}.site-header .nav-list>li>a:hover{background:#f1f5f9!important}.site-header .nav-list>li>a.cta,.site-header .nav-list>li:last-child>a[href*="login"]{text-align:center!important;margin-top:6px!important}.site-header .submenu{position:static!important;display:none!important;box-shadow:none!important;border:0!important;background:#f8fafc!important;margin:4px 0 8px!important}.site-header .has-submenu.open>.submenu{display:block!important}
  .hero{min-height:0!important;height:auto!important;background:#f1fbfd!important}.slider{height:clamp(280px,72vw,420px)!important}.slide{overflow:hidden!important}.slide img{object-fit:cover!important;object-position:center!important}.slide::before{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.05))!important}.slide-content{display:none!important}.slider-controls{bottom:10px!important}.nav-btn{display:none!important}.dots{padding:7px 12px!important;background:rgba(255,255,255,.78)!important}.dot{width:9px!important;height:9px!important}.section{padding:42px 15px!important}.grid.cards,.cards{grid-template-columns:1fr!important;gap:16px!important}.contact_main{grid-template-columns:1fr!important}.orders-searchbar{gap:8px!important}.orders-searchbar input{min-width:190px!important;flex:1 1 100%!important}
}
@media(max-width:520px){.header-inner,.site-header .header-inner{padding:9px 12px!important}.site-header .brand_logo{width:138px!important;min-width:132px!important}.slider{height:330px!important}.slider-controls{bottom:8px!important}.partners-grid{grid-template-columns:1fr 1fr!important}.profile-shell{padding:10px!important}.profile-card{border-radius:24px!important}}

/* ===== NextSure v12 quick fixes =====
   1) Mobile menu must show links when hamburger is opened.
   2) About / Partners / Contact / Products hero gap reduced.
   3) Hide Brevo/chat/Google-translate floating widgets everywhere.
*/
/* Hide Brevo / chat / translate widgets injected after page load */
#brevo-conversations,
#BrevoConversations,
[id*="brevo" i],
[class*="brevo" i],
[id*="sendinblue" i],
[class*="sendinblue" i],
[id*="sib" i][style*="fixed"],
[class*="sib" i][style*="fixed"],
[id*="conversation" i][style*="fixed"],
[class*="conversation" i][style*="fixed"],
[id*="chat" i][style*="fixed"],
[class*="chat" i][style*="fixed"],
.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-te-gadget,
.goog-te-menu-frame,
.goog-tooltip,
.skiptranslate,
#google_translate_element,
iframe[src*="brevo" i],
iframe[src*="sendinblue" i],
iframe[src*="sib" i],
iframe[src*="translate.google" i],
iframe[src*="translate.googleapis" i]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  overflow:hidden!important;
}
html{top:0!important} body{top:0!important}

/* Desktop page hero height fix: no extra huge blank gap */
.page-hero,
.product-hero{
  min-height:auto!important;
  height:auto!important;
  padding:72px 20px 64px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.page-hero h1,
.product-hero h1{
  margin:0!important;
  line-height:1.08!important;
  font-size:clamp(2.3rem,4.6vw,4.4rem)!important;
}
.page-hero p,
.product-hero p{
  margin:18px auto 0!important;
  max-width:880px!important;
}

@media(max-width:900px){
  /* Mobile menu panel: show real menu links, not only grey overlay */
  body.menu-open .site-header .nav,
  .site-header .nav.open,
  .site-header .nav.active{
    display:block!important;
    z-index:10003!important;
  }
  .site-header .nav{
    z-index:10003!important;
  }
  .menu-overlay{
    z-index:9999!important;
  }
  .site-header .nav-toggle{
    z-index:10004!important;
  }
  .site-header .nav-list{
    position:static!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    visibility:visible!important;
    opacity:1!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .site-header .nav-list li{
    width:100%!important;
    border-bottom:1px solid #edf2f7!important;
  }
  .site-header .nav-list li:last-child{border-bottom:0!important}
  .site-header .nav-list>li>a{
    display:block!important;
    width:100%!important;
  }
  .site-header .has-submenu>.submenu,
  .site-header .has-submenu.active>.submenu,
  .site-header .has-submenu.open>.submenu{
    position:static!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .page-hero,
  .product-hero{
    min-height:auto!important;
    padding:48px 16px 38px!important;
  }
  .page-hero h1,
  .product-hero h1{
    font-size:clamp(28px,8vw,42px)!important;
  }
  .page-hero p,
  .product-hero p{
    font-size:15px!important;
    margin-top:12px!important;
  }
}

/* v13: keep public and order-page headers locked while scrolling */
header.site-header,.site-header,.sticky-nav{position:sticky!important;top:0!important;z-index:10000!important;transform:none!important;}
.ns-page-buy-row a{font-weight:900!important;}


/* ===== NextSure v14 fixes =====
   1) Public .header-inner header locked/fixed while scrolling.
   2) Dashboard/order detail text display in CAPITAL LETTERS where user-entered order text is shown.
   3) Product/order forms stay separate for Travel, Motor, Fire, Marine.
*/
body:has(.site-header){padding-top:82px!important;}
.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:100000!important;
  transform:none!important;
}
.site-header .header-inner,
.header-inner{
  position:relative!important;
  z-index:100001!important;
}
@media(max-width:900px){
  body:has(.site-header){padding-top:72px!important;}
  .site-header .nav{top:78px!important;z-index:100002!important;}
}
@media(max-width:520px){
  body:has(.site-header){padding-top:66px!important;}
  .site-header .nav{top:70px!important;}
}
/* Tailwind order form headers use .sticky-nav; keep them locked too */
.sticky-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:100000!important;}
body:has(.sticky-nav){padding-top:64px!important;}

/* All order data display should appear in capital letters, but keep email/payment text readable */
#ordersView tbody td,
#ordersView tbody td button,
#ordersView tbody td a,
#ordersTableHead th,
#ordersSubtitle,
.order-type-btn,
.order-detail-table td,
.order-detail-table th,
.ns-order-detail-text,
.swal2-html-container .ns-uppercase-display{
  text-transform:uppercase!important;
}
#ordersView tbody td:nth-child(6),
#ordersView tbody td .no-uppercase,
input[type="email"],
.email-text{
  text-transform:none!important;
}


/* ===== NextSure v15 fixes =====
   Header/header-inner locked on every public page, one hero Buy Now, hidden public multiplier.
*/
html{scroll-padding-top:92px!important;}
body{margin:0!important;}
header.site-header,.site-header{
  position:fixed!important;
  top:0!important; left:0!important; right:0!important;
  width:100%!important;
  z-index:2147483000!important;
  background:#fff!important;
  transform:none!important;
  will-change:auto!important;
}
.site-header .header-inner,.header-inner{box-sizing:border-box!important;}
body:has(.site-header){padding-top:92px!important;}
.hero,.page-hero,.product-hero{margin-top:0!important;}
@media(max-width:900px){body:has(.site-header){padding-top:78px!important;}html{scroll-padding-top:78px!important;}}
@media(max-width:520px){body:has(.site-header){padding-top:68px!important;}html{scroll-padding-top:68px!important;}}
.slide{position:relative!important;}
.slide .hero-buy-now{
  position:absolute!important;
  left:8%!important;
  bottom:64px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:150px!important;
  padding:14px 28px!important;
  border-radius:999px!important;
  background:#0f6b73!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
  box-shadow:0 18px 38px rgba(15,107,115,.28)!important;
  z-index:5!important;
}
@media(min-width:901px){.slide .hero-buy-now{bottom:90px!important;}}
@media(max-width:900px){
  .slide .hero-buy-now{left:18px!important;bottom:48px!important;min-width:124px!important;padding:11px 22px!important;font-size:14px!important;}
}
.ns-page-buy-row{display:flex!important;justify-content:center!important;align-items:center!important;margin:20px auto!important;}
.ns-page-buy-row a{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#18c54a!important;color:#06152a!important;padding:15px 38px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 16px 40px rgba(24,197,74,.25)!important;}
#multiplier[type="hidden"] + #multiplierError{display:none!important;}


/* ===== NextSure v16 fixes =====
   Product slider Buy Now for every slide, lower calculation popup,
   and cleaner responsive product/order pages.
*/
/* Keep main public header locked at the very top on every public page. */
.site-header,
header.site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:2147483600!important;
  background:#fff!important;
  box-shadow:0 1px 0 rgba(15,23,42,.08)!important;
}
.site-header .header-inner,
.header-inner{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-height:88px!important;
  z-index:2147483601!important;
}
@media(max-width:900px){.site-header .header-inner,.header-inner{min-height:74px!important;}}
@media(max-width:520px){.site-header .header-inner,.header-inner{min-height:64px!important;}}

/* Home slider: each Travel/Motor/Fire/Marine slide must show one Buy Now button. */
#heroSlider{position:relative!important;overflow:hidden!important;}
#heroSlider .slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#heroSlider .slide.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}
#heroSlider .slide .hero-buy-now{
  position:absolute!important;
  left:8%!important;
  bottom:72px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:170px!important;
  min-height:52px!important;
  padding:14px 30px!important;
  border-radius:999px!important;
  background:#0f6b73!important;
  border:2px solid #00d084!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 16px 35px rgba(15,107,115,.30)!important;
  z-index:8!important;
}
#heroSlider .slide:not(.active) .hero-buy-now{visibility:hidden!important;pointer-events:none!important;}
#heroSlider .slide .hero-buy-now:hover{background:#0b5960!important;transform:translateY(-2px)!important;}
@media(min-width:901px){#heroSlider .slide .hero-buy-now{bottom:86px!important;}}
@media(max-width:900px){
  #heroSlider .slide .hero-buy-now{
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:54px!important;
    min-width:150px!important;
    min-height:46px!important;
    padding:11px 24px!important;
    font-size:15px!important;
  }
}
@media(max-width:520px){
  #heroSlider .slide .hero-buy-now{bottom:46px!important;min-width:132px!important;min-height:42px!important;padding:10px 20px!important;font-size:14px!important;}
  .slider-controls{bottom:8px!important;}
}

/* Calculation popup a little lower than the fixed header, with phone-safe spacing. */
#calcPopupOverlay{
  align-items:flex-start!important;
  padding-top:128px!important;
  overflow:auto!important;
}
@media(max-width:768px){#calcPopupOverlay{padding-top:100px!important;padding-left:14px!important;padding-right:14px!important;}}
@media(max-width:420px){#calcPopupOverlay{padding-top:86px!important;}}

/* Product pages: beautiful and phone-friendly Travel/Motor/Fire/Marine layout. */
.ns-page-buy-row{margin:18px auto 24px!important;padding:0 14px!important;}
.ns-page-buy-row a,
.btn-row a[href$="-order.html"],
.btn-row a[href="form.html"]{
  border-radius:999px!important;
  min-width:160px!important;
  text-align:center!important;
}
.travel_banner_main,
.product-info,
.why,
.cta,
.contact-section,
main.page{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.travel_banner_main{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important;align-items:center!important;}
.travel_images img,
.hero img,
.hero-img{
  max-width:100%!important;
  border-radius:22px!important;
}
@media(max-width:900px){
  .travel_banner_main,
  .hero,
  .layout{
    grid-template-columns:1fr!important;
  }
  .travel_text,.product-info,.why,.cta,.contact-section{padding-left:16px!important;padding-right:16px!important;}
  .travel_text{text-align:center!important;}
  .travel_images{order:-1!important;}
  .travel_images img{width:100%!important;height:auto!important;object-fit:cover!important;}
  .hero{padding:22px 14px!important;gap:16px!important;min-height:auto!important;}
  .hero-card{padding:22px!important;border-radius:22px!important;}
  .hero h1,.section-title{font-size:clamp(28px,8vw,42px)!important;line-height:1.1!important;}
  .btn-row{justify-content:center!important;}
  .btn-row .btn,.btn-row a,.ns-page-buy-row a{width:auto!important;max-width:280px!important;}
}
@media(max-width:520px){
  .hero-card,.bg-white.rounded-3xl{border-radius:20px!important;padding:18px!important;}
  .ns-page-buy-row a{width:100%!important;max-width:260px!important;}
  .benefits,.grid.cards{grid-template-columns:1fr!important;}
}

/* Hide injected floating chat/translate widgets more aggressively. */
[id*="brevo" i], [class*="brevo" i], [id*="sendinblue" i], [class*="sendinblue" i],
[id*="sib" i][style*="fixed"], [class*="sib" i][style*="fixed"],
[id*="chat" i][style*="fixed"], [class*="chat" i][style*="fixed"],
button[aria-label*="chat" i], a[aria-label*="chat" i],
iframe[src*="brevo" i], iframe[src*="sendinblue" i], iframe[src*="sib" i],
.goog-te-gadget, .goog-te-banner-frame, .goog-te-balloon-frame, .goog-te-menu-frame, .goog-tooltip, .skiptranslate, #google_translate_element{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important;
}
.swal2-container .ns-calc-swal-popup{margin-top:80px!important;}
@media(max-width:768px){.swal2-container .ns-calc-swal-popup{margin-top:54px!important;}}

/* ===== NextSure v17 public header + product page final fixes =====
   1) Same fixed white header on all public HTML pages, except dashboard screens.
   2) Profile dropdown, login button and mobile menu match the supplied reference image.
   3) Remove WhatsApp/chat/translate floating buttons from site-auth and injected widgets.
*/
body:has(.site-header) {
  padding-top: 104px !important;
}

.site-header,
header.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483600 !important;
  width: 100% !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15, 107, 115, 0.12) !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04) !important;
}

.site-header .header-inner,
.header-inner,
.site-header .container.header-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 104px !important;
  margin: 0 auto !important;
  padding: 18px 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  box-sizing: border-box !important;
}

.site-header .brand_logo,
.site-header .brand {
  flex: 0 0 auto !important;
  width: 230px !important;
  min-width: 190px !important;
}

.site-header .brand img,
.site-header .brand_logo img {
  display: block !important;
  width: 100% !important;
  max-height: 76px !important;
  object-fit: contain !important;
}

.site-header .nav {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

.site-header .nav-list {
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.site-header .nav-list > li {
  margin: 0 !important;
  position: relative !important;
}

.site-header .nav-list > li > a,
.site-header #nsProfileBtn {
  color: #263449 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  letter-spacing: 0.01em !important;
}

.site-header .nav-list > li > a:hover,
.site-header .nav-list > li > a.active {
  color: #0f6b73 !important;
}

.site-header .nav-list > li > a.cta,
.site-header .nav-list > li:last-child > a[href*="login"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 124px !important;
  min-height: 64px !important;
  padding: 16px 28px !important;
  border-radius: 999px !important;
  background: #0f6b73 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 38px rgba(15, 107, 115, 0.20) !important;
}

#nsProfileMenu {
  position: relative !important;
}

#nsProfileBtn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 54px !important;
  padding: 9px 18px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08) !important;
  cursor: pointer !important;
}

#nsProfileBtn img,
#nsProfileBtn .ns-letter-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#nsProfileDrop {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  display: none !important;
  min-width: 210px !important;
  padding: 10px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16) !important;
}

#nsProfileMenu.open #nsProfileDrop {
  display: block !important;
}

#nsProfileDrop a,
#nsProfileDrop button {
  display: block !important;
  width: 100% !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #102033 !important;
  font-weight: 800 !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#nsProfileDrop a:hover,
#nsProfileDrop button:hover {
  background: #f1f5f9 !important;
  color: #0f6b73 !important;
}

#nsWhatsappFloat,
[id*="whatsapp" i][style*="fixed"],
[class*="whatsapp" i][style*="fixed"],
[id*="translate" i][style*="fixed"],
[class*="translate" i][style*="fixed"],
button[aria-label*="translate" i],
iframe[src*="translate" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

body > .skiptranslate,
body > iframe.skiptranslate,
body > .goog-te-banner-frame {
  display: none !important;
}

body {
  top: 0 !important;
}

@media (max-width: 1100px) {
  .site-header .header-inner,
  .header-inner,
  .site-header .container.header-inner {
    padding: 16px 26px !important;
  }

  .site-header .nav-list {
    gap: 18px !important;
  }
}

@media (max-width: 900px) {
  body:has(.site-header) {
    padding-top: 78px !important;
  }

  .site-header .header-inner,
  .header-inner,
  .site-header .container.header-inner {
    min-height: 78px !important;
    padding: 10px 16px !important;
  }

  .site-header .brand_logo,
  .site-header .brand {
    width: 154px !important;
    min-width: 145px !important;
  }

  .site-header .brand img,
  .site-header .brand_logo img {
    max-height: 58px !important;
  }

  .nav-toggle,
  .site-header .nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin-left: auto !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    cursor: pointer !important;
  }

  .site-header .nav {
    position: fixed !important;
    top: 88px !important;
    left: 12px !important;
    right: 12px !important;
    display: none !important;
    max-height: calc(100vh - 100px) !important;
    padding: 14px !important;
    overflow: auto !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.20) !important;
  }

  .site-header .nav.active,
  .site-header .nav.open,
  .site-header .nav:has(.nav-list.active) {
    display: block !important;
  }

  .site-header .nav-list,
  .site-header .nav-list.active {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
  }

  .site-header .nav-list > li > a,
  .site-header #nsProfileBtn {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
  }

  .site-header .nav-list > li > a.cta,
  .site-header .nav-list > li:last-child > a[href*="login"] {
    min-height: 50px !important;
    margin-top: 6px !important;
    justify-content: center !important;
  }

  #nsProfileDrop {
    position: static !important;
    margin-top: 8px !important;
    box-shadow: none !important;
  }
}

@media (max-width: 520px) {
  body:has(.site-header) {
    padding-top: 70px !important;
  }

  .site-header .header-inner,
  .header-inner,
  .site-header .container.header-inner {
    min-height: 70px !important;
    padding: 8px 12px !important;
  }

  .site-header .brand_logo,
  .site-header .brand {
    width: 136px !important;
    min-width: 132px !important;
  }

  .site-header .brand img,
  .site-header .brand_logo img {
    max-height: 52px !important;
  }

  .site-header .nav {
    top: 78px !important;
    max-height: calc(100vh - 90px) !important;
  }
}