.icon-text {
    display: flex;
    border: 1px solid #044c69;
    align-items: center;
    border-radius:2px;
}

.icon {
    font-size: 30px;
    margin-right: 16px;
    color: #fff;
    background: #044c69;
padding: 10px;
    line-height: 0;}

.text  {
padding-right:15px;
}
ul.topnavlist {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.text a span.bold  {
   color: #044c69;
}
.topnavnew{border:none;}
button.font-button {
    background: none;
    border: 1px solid #024c71;
    font-weight: bold;
    width: 30px;
    height: 30px;
    border-radius: 4px;
}



.vi-nav .dropdown-menu li>a { line-height: 1.2;}
@media (min-width: 1200px){
.nav-grid [class*=col-] {
    min-height: 455px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.nav-grid [class*=col-] {
    min-height: 518px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
      .desknone{display:block}
    .nav-grid [class*=col-] {min-height: 342px; }
    .nav-grid .resrcmnu [class*=col-]:nth-child(2), .nav-grid .resrcmnu [class*=col-]:nth-child(1) {
        min-height: 320px;
    }
    .nav-grid .prodctmnu [class*=col-]:nth-child(3), .nav-grid .prodctmnu [class*=col-]:nth-child(4) {
        min-height: 380px;
    }
    .nav-grid [class*=col-] ul { min-height: 100%; }
    .vi-nav .dropdown-menu li>a { padding: 6px 10px;}
}
a.inline-link {
    float: left;
}
.clear{
    clear:both;
}
a.inline-link.st {
    position: relative;
    margin-right:5px;
}
a.inline-link.st:before {
    position: absolute;
    content: "/";
    right: -3px;
}
.inline-link.st:hover:before, .inline-link.lt:hover a.inline-link.st:before{
    display: none !important;
}
 .desknone{display:none}
 @media(max-width:992px){
       :root{
    --navy:#0d3a5c;
    --navy-dark:#0a2f4a;
    --sky:#4aa8e0;
    --sky-pale:#e8f4fb;
    --maroon:#7a1f2b;
    --tan:#b8823a;
    --olive:#5c7a1e;
    --olive-dark:#4d6819;
    --ink:#1b2430;
    --gray-lbl:#5b6472;
    --border:#dfe3e8;
    --bg:#f2efe9;
    --card:#ffffff;
    --info-bg:#eef4d8;
    --info-border:#d7e2b0;
    --help-bg:#e9e9e9;
  }
  .header-right{display:none;}
    .innerpg .container-fluid.top-nav.main{display:none;}
  header{padding:0px;}
  .img-fluid {
    max-width: 100%;
    height: auto;
}
    div#navbar-collapse-grid {
        padding-right: 0px;
        padding-left: 0px;
    }
        header .dflex .navbar {
        margin-left: 0;
        margin-right: 0;
    }

         .index .top-nav {
        line-height: 1;
        border-bottom: 1px solid #ccc;
    }
        .mobilesite {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}
    .socialm {
        display: none;
    }
        .tprlogo {
        display: none;
    }
    .logo {
        margin: 0;max-width: 209px;
    }

.offcanvas-menu-custom {
            position: fixed;
            top: 0;
            left: -90%;
            width: 90%;
            height: 100%;
            background: #fff;
            z-index: 9999;
            transition: all 0.3s ease;
            overflow-y:auto;
        }

        .offcanvas-menu-custom.active {
            left: 0;
        }

        .offcanvas-menu-custom ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .offcanvas-menu-custom.navbar-default .navbar-nav>li>a {
        display: block;
        color: #41484E !important;
        text-decoration: none;
        border-bottom: 1px solid #ccc;
        font-size: 12px;
        }
         .offcanvas-menu-custom.navbar-default .navbar-nav>li.active>a{    background-color: #97CDF5; color: #000 !important;}
        div#navbar-collapse-grid{padding-right:0px;}

        .offcanvas-menu-custom ul li a:hover {
            background: #333;
        }

        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5);
            display: none;
            z-index: 9998;
        }
         .overlay.active{display:block;}
       
button#menu-toggle1 {
    background: none;
    border: none;
    font-size: 26px;
    color: #024b70;
}
        .headerwraper_fixed {
    position: static;
   transform: inherit;
 }
     .topnavnew{padding-bottom:0px;}
     .display-mobile {
        display: none !important;
    }
       .trust-banner{
    display:flex;
    align-items:center;
    gap:14px;
    background:linear-gradient(135deg,#0d3a5c,#0a2f4a);
    border-radius:12px;
    padding:16px 20px;
    margin:0 15px;
  }
  
  .textlow i{font-weight:normal;}
 
  .trust-banner .icon-wrap{
    flex-shrink:0;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#e8f4fb;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .trust-banner .icon-wrap svg{width:20px;height:20px}
 
  .trust-banner .text-wrap{color:#fff}
  .trust-banner .title{
    font-size:15px;
    font-weight:700;
    margin:0 0 3px;
    line-height:1.3;
  }
  .trust-banner .subtitle{
    font-size:12.5px;
    font-weight:400;
    color:#cfe3ef;
    margin:0;
    line-height:1.35;
  }

.field-row {
  display: flex;
gap: 15px;
align-items:center;
}
.field-row .field {
    flex: 1;
    margin-bottom: 0;
    padding:0px;
}
.mnone{display:none !important; }

 
/* Info banner */
  .info-banner{display:flex;gap:10px;align-items:flex-start;margin:16px 0px 0;background:var(--info-bg);border:1px solid var(--info-border);border-radius:8px;padding:13px 14px}
  .info-banner svg{flex-shrink:0;margin-top:1px;width:17px;height:17px}
  .info-banner p{margin:0;font-size:12px;color:#4a5518;line-height:1.45}

  /* Expert help */
  .help-card{margin:18px 0px;background:var(--help-bg);border-radius:10px;padding:22px 18px}
  .help-card h3{margin:0 0 6px;font-size:19px;font-weight:800;color:var(--navy)}
  .help-card p.lede{margin:0 0 16px;font-size:12.5px;color:#5b6472}
  .contact-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:8px;padding:12px 14px;margin-bottom:10px}
  .contact-row:last-child{margin-bottom:0}
  .contact-icon{flex-shrink:0;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}
  .contact-icon.phone{background:var(--sky-pale)}
    .contact-icon.phone::before{display:none;}
  .contact-icon.whatsapp{background:#dcf3e2}
  .contact-icon svg{width:16px;height:16px}
  .contact-text .lbl{font-size:9.5px;color:#8a94a0;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}
  .contact-text .val{font-size:15px;font-weight:700;color:var(--ink)}
.caret {
    float: right;
    margin-top: 8px;
}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        background: 0 0 !important;
        color: #41484E !important;
    }
    .vi-nav .container {
    border: none;
    box-shadow: none;
}
.vi-nav p>strong {
    font-size: 13px;
}
.vi-nav .dropdown-menu li>a {
    font-size: 11px;
}
    .nav-grid [class*=col-] ul {
        border: 0;
        min-height: auto;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  background-color: #97CDF5;
    color: #000 !important;
}
.logom {
        padding: 10px 30px;
        border-bottom: 1px solid #ddd;
    }
 }
/* =========================================================
   Visitors Insurance – Main menu
   Desktop (>= 992px): existing mega menu, unchanged look
   Mobile  (<= 991px): accordion menu per client mockup
   Load AFTER the site's main stylesheet. Pair with vi-menu.js
   ========================================================= */

/* ---------- Shared ---------- */
/* Replaces the old inline style on the navy sub-headings */
#offcanvasMenu1 .mm-sub strong { font-size: 12px; color: #024c71; }
.nav-grid [class*=col-] ul {
    min-height: fit-content;
}
/* ---------- Desktop ---------- */
@media (min-width: 992px) {
  /* Groups split from one list sit flush, as before */
  #offcanvasMenu1 .mm-group { margin: 0; }

  #offcanvasMenu1 .mm-mobile-only,
  #offcanvasMenu1 .mm-more-li,
  #offcanvasMenu1 .mm-m { display: none !important; }
}

/* ---------- Mobile ---------- */
@media (max-width: 992px) {
    .row.prodctmnu {
    max-height: max-content;
    overflow-y: inherit;
}
.vi-nav .dropdown.vi-nav-fw .dropdown-menu {
        max-height: max-content;
        overflow-x: hidden;
        overflow-y: inherit;
    }
  #offcanvasMenu1 {
    --mm-navy: #0f3557;
    --mm-text: #3b4757;
    --mm-blue: #1267c4;
    --mm-line: #e6ebf1;
    --mm-card: #ffffff;
    --mm-open-bg: #eef5fd;
    --mm-open-line: #b8d3f0;
    --mm-chev: #9aa6b4;
    --mm-radius: 8px;
    --mm-shadow: 0 1px 2px rgba(16, 40, 70, .06);
    background: #f6f8fb;
    -webkit-tap-highlight-color: transparent;
  }
  #offcanvasMenu1.navbar { border: 0; border-radius: 0; margin: 0; min-height: 0; padding-bottom: 160px; }
  #offcanvasMenu1 .mm-d { display: none !important; }

  #offcanvasMenu1 .navbar-collapse {
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    overflow: visible;
  }

  /* ---- Level 1 list ---- */
  #offcanvasMenu1 .navbar-nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
    float: none;
    margin: 0;
    padding: 14px 14px 28px;
    list-style: none;
  }
  #offcanvasMenu1 .navbar-nav::before,
  #offcanvasMenu1 .navbar-nav::after { display: none; }

  #offcanvasMenu1 .navbar-nav > li {
    float: none;
    margin: 0;
    background: var(--mm-card);
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius);
    box-shadow: var(--mm-shadow);
    overflow: hidden;
  }

  #offcanvasMenu1 .navbar-nav > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 37px;
    margin: 0;
    padding: 10px 16px;
    background: none;
    color: var(--mm-navy);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    text-decoration: none;
  }
  #offcanvasMenu1 .navbar-nav > li:first-child > a { text-transform: none; }   /* Home */
  #offcanvasMenu1 .navbar-nav > li > a:hover,
  #offcanvasMenu1 .navbar-nav > li > a:focus { background: none; color: var(--mm-blue); text-decoration: none; }

  /* Right chevron: About Us, FAQs, Blog, Contact Us */
  #offcanvasMenu1 .navbar-nav > li:not(.dropdown):not(:first-child) > a::after {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    margin-right: 4px;
    border-right: 2px solid var(--mm-chev);
    border-bottom: 2px solid var(--mm-chev);
    transform: rotate(-45deg); opacity:0;
  }

  /* Down chevron: Travel Visitor Products, Client Resources */
  #offcanvasMenu1 .navbar-nav > li.dropdown > a .caret { display: none; }
  #offcanvasMenu1 .navbar-nav > li.dropdown > a::after {
    content: "";
    flex: none;
    width: 8px;
    height: 8px;
    margin: -4px 4px 0 0;
    border-right: 2px solid var(--mm-blue);
    border-bottom: 2px solid var(--mm-blue);
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
  #offcanvasMenu1 .navbar-nav > li.mm-open { border-color: var(--mm-open-line); }
  #offcanvasMenu1 .navbar-nav > li.mm-open > a {
    background: var(--mm-open-bg);
    color: var(--mm-blue) !important;
    border-bottom: 1px solid var(--mm-open-line);
  }
  #offcanvasMenu1 .navbar-nav > li.mm-open > a::after { transform: rotate(-135deg); margin-top: 4px; }

  /* Dropdown panel becomes inline accordion body */
  #offcanvasMenu1 .navbar-nav > li > .dropdown-menu {
    position: static;
    float: none;
    display: none !important;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    transform: none;
  }
  #offcanvasMenu1 .navbar-nav > li.mm-open > .dropdown-menu { display: block !important; }

  /* Flatten Bootstrap grid: every group becomes its own card */
  #offcanvasMenu1 .nav-grid { margin: 0; padding: 0; list-style: none; }
  #offcanvasMenu1 .nav-grid > .container { width: auto; max-width: none; margin: 0; padding: 0; }
  #offcanvasMenu1 .nav-grid .row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 5px;
    margin: 0;
    padding: 5px;
  }
  #offcanvasMenu1 .nav-grid .row::before,
  #offcanvasMenu1 .nav-grid .row::after { display: none; }
  #offcanvasMenu1 .nav-grid .row > [class*="col-"] { display: contents; }

  /* ---- Level 2 groups ---- */
  #offcanvasMenu1 .mm-group {
    margin: 0;
    padding: 0;
    list-style: none;
    background: var(--mm-card);
    border: 1px solid var(--mm-line);
    border-radius: var(--mm-radius);
    box-shadow: var(--mm-shadow);
    overflow: hidden;
  }
  #offcanvasMenu1 .mm-group--parents { order: 1; }   /* Parents before Other Links */
  #offcanvasMenu1 .mm-group--other   { order: 2; }

  #offcanvasMenu1 .mm-group > li { margin: 0; padding: 0; border: 0; }
  #offcanvasMenu1 .mm-group > li:not(.mm-head) { border-top: 1px solid var(--mm-line); }
  #offcanvasMenu1 .mm-group > .mm-sub + li { border-top: 0; }

  #offcanvasMenu1 .mm-group:not(.is-open) > li:not(.mm-head) { display: none; }
  #offcanvasMenu1 .mm-group:not(.show-all) > .mm-extra { display: none; }

  /* Group heading = accordion toggle */
  #offcanvasMenu1 .mm-head .mm-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 33px;
    margin: 0;
    padding: 5px 10px;
    cursor: pointer;
  }
  #offcanvasMenu1 .mm-head strong {
    color: var(--mm-navy);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
  }
  #offcanvasMenu1 .mm-head .mm-toggle::after {
    content: "";
    flex: none;
    width: 7px;
    height: 7px;
    margin: -3px 4px 0 0;
    border-right: 2px solid var(--mm-blue);
    border-bottom: 2px solid var(--mm-blue);
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
  #offcanvasMenu1 .mm-group.is-open .mm-toggle::after { transform: rotate(-135deg); margin-top: 3px; }

  /* Links */
  #offcanvasMenu1 .mm-group > li > a {
    display: block;
    float: none;
    margin: 0;
    padding: 5px 10px;
    background: none;
    color: var(--mm-text);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: capitalize;
    text-decoration: none;
  }
  #offcanvasMenu1 .mm-group > li > a:hover { color: var(--mm-blue) !important; background: #f7faff; text-decoration: none; }

  /* BCBS (ST) | BCBS (LT) side by side */
  #offcanvasMenu1 .mm-group > li.st { display: flex; }


  /* Sub-labels inside Core Products */
  #offcanvasMenu1 .mm-sub p { margin: 0; padding: 5px 10px 0px; }
  #offcanvasMenu1 .mm-sub strong { font-size: 12px; font-weight: 700; line-height: 1.3; text-transform: none; }

  /* View all / Show less */
  #offcanvasMenu1 .mm-more {
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 4px 10px;
    border: 0;
    background: none;
    color: var(--mm-blue);
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
  }
  #offcanvasMenu1 .mm-more svg { width: 15px; height: 15px; flex: none; }

  /* Focus & motion */
  #offcanvasMenu1 .navbar-nav a:focus-visible,
  #offcanvasMenu1 .mm-toggle:focus-visible,
  #offcanvasMenu1 .mm-more:focus-visible {
    outline: 2px solid var(--mm-blue);
    outline-offset: -2px;
  }
  @media (prefers-reduced-motion: reduce) {
    #offcanvasMenu1 .navbar-nav > li.dropdown > a::after,
    #offcanvasMenu1 .mm-head .mm-toggle::after { transition: none; }
  }
}

@media (min-width: 992px) {
    header .col-md-9, header .navbar {
        position: static;
    }
}

@media (max-width: 767px) {
      .desknone{display:block}
      
}