:root {
  --var-blue :#256EB6;
  --var-teal:#8CC9D2;
  --var-skyblue: #E8F4F6;
  --var-green:#0E6B39;
  --var-red:#EB1F28;
  --var-black:#000000;
  --var-dark-gray:#58585A;
  --var-light-gray:#939395;
  --var-white:#FFFFFF;

}

@font-face {
  font-family: "Geneva";
  src: url("../fonts/Verdana.otf");
   
  font-style: normal;
  font-weight: normal;
  /*-webkit-text-stroke: 0.3px black; */
}

@font-face {
  font-family: "Geneva Italics";
  src: url("../fonts/Verdana-Italic.otf");
   font-weight: normal;
}

@font-face {
  font-family: "Geneva Bold";
  src: url("../fonts/Verdana-Bold.otf");
  
}


@font-face {
  font-family: "Helvetica";
  src: url("../fonts/HelveticaNeueLTStd-Blk.otf");
  
}

html,
body {
  height: 100%;
}
body {
  min-height: 100vh;
}
body {
  display: flex;
  flex-direction: column;  
  font-family: 'Geneva', Helvetica;
  overflow-x: hidden;
  font-size: 18px;
  line-height:26px;
  /*-webkit-text-stroke: 0.3px #000;*/
}
h3{
  font-size: 24px;
  font-family: 'Helvetica';
}
a{
  /*-webkit-text-stroke: 0.3px rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));*/
}

b,strong{
  font-family: 'Geneva Bold';
}
/** Navigation **/


.navbar {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
}

p#blogo {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
}nav.navbar.navbar-light.bg-light {
  background-color: transparent !important;
  margin-top: 0px;
}

    /* Styling for the header */
    /*header {
        background-color: #F7F7F7;
        padding: 15px 0;
    }*/
    .navigation{
      background-color: var(--var-blue);
      color: var(--var-white);
     }
     .navigation .nav-link {
       color: var(--var-white);
       font-weight: normal;
       font-size: 16px;
     }     
     .navigation .nav-link a{
       color: var(--var-white);
       text-decoration: none;
       /*-webkit-text-stroke: 0.3px #FFF; */
    }
    .navigation .nav-link a:hover{
      text-decoration: underline;
    }
    .logo{
      padding: 15px 0;
    }
    
    .logo-img {
        height: 47px;
    }
    .logo-img-header {
        height: 47px;
        margin: 10px 0;
    }
    header{
      border-bottom: 2px solid var(--var-blue);
      
    }
    .navbar-nav .nav-link {
        color: var(--var-black);
        text-decoration: none;
        font-size: 18px;
        font-family: 'Geneva';
        font-weight: normal;
        margin: 0 5px;
        /*-webkit-text-stroke:0.1px #000;*/
    }
    .navbar-nav li.nav-item:not(:last-child){
      position: relative;
      display: inline-block;
    }
    .navbar-nav li.nav-item:not(:last-child)::after {
      border-right: 1px solid  var(--var-black);
      content: '';
      position: absolute;
      top: 50%; /* Start from the vertical center */
      right: 0; /* Position at the right edge of the li */
      transform: translateY(-50%); /* Adjust vertically to truly center */
      width: 1px; /* Border thickness */
      height: 35%; /* Adjust height as desired, e.g., 80% of li height */
      background-color: #000; /* Border color */
  }
  .navbar-nav .nav-link:hover {
        text-decoration: underline;
    }
    .splash{
      background-image: url('../img/NVE_Splash.png');        
      background-repeat: no-repeat;       
      background-position: center bottom -150px;
    }
    #splashMain {
      
      /*background-image: url('img/NVE_Splash.png');
      background-position: center center;
    background-repeat: no-repeat;
    
    background-size: cover;
    height: 100%;
    width: 100%;*/
    

    }
    
    #splashMain h1, .intro h1{
      margin-top: 20px;
text-align: center;
font-family: 'Helvetica';
font-size: 2.4rem;
line-height: 1;
color:var(--var-black);
text-transform: uppercase;
    }
    #splashMain h2{
      font-size:12px;
      font-family: 'Geneva';
      line-height: 1.2;
    }
    
    main{
      background-color: var(--var-skyblue);
    }

    .text-center h1 {
      margin-bottom: 20px; 
       
      text-align: center;
       
      margin-left: auto;
      margin-right: auto;
  }
  h2.mt-3.sub_header.anet_subheader{
    font-family: 'Helvetica';
  }
  .text-center h2 {
      margin-top: 0;  
       font-size: 18px;
      line-height: 1.3;  
      text-align: center;
      max-width: 650px; 
      margin-left: auto;
      margin-right: auto;
      /*-webkit-text-stroke: 0.3px black;*/
  }
  h2.sub_header.emt_subheader{
    max-width: 750px;

  }
  h2.sub_header.fin_subheader {
    max-width: 740px;
  }
  h2.sub_header.life_subheader {
    max-width: 450px;
  }
  .text-center .form{
    background: #256EB6 0% 0% no-repeat padding-box;
    border-radius: 15px;
    margin-top: 0;
    /*margin-bottom: 20px;*/
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: center;
    max-width: 405px;
    margin-left: auto;
    margin-right: auto;
  }
  
  button.btn.btn-primary{
    background: var(--var-red);
    border-color: var(--var-red);
    border-radius: 20px;
    max-width: 191px;
    max-height: 43px;
    font-size: 18px;
    font-family: 'Helvetica';
    text-transform: uppercase;
    width: 100%;
  }
  select#userType {
    font-size: 18px;
    text-align: left;
    padding-left: 10px;
    font-family: 'Geneva';
    width: 85%;
    margin-bottom: 1.4rem;
    vertical-align: middle;
    padding-right: 30px;
  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%20000002%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right .7em top 50%;
    background-size: .65em auto;
}
select#userType:focus-visible{
  outline: none;
}
.splide__pagination__page.is-active{
  background-color: var(--var-red)!important;
}
.splide__pagination__page{
  border-radius: unset!important;
  margin:5px;
  background-color: var(--var-white)!important;
  opacity: 1!important;
  width: 6px!important;
  height: 6px!important;
}
.splide__arrow{
  background-color: transparent!important;
  bottom: 20px !important;
  opacity: 1!important;
  top:90%!important;
 }
.splide__arrow--prev {
  /* Hide the default SVG content */
  background: none; /* Remove any default background */
  overflow: hidden; /* Hide any overflowing content from the default SVG */
  position: relative; /* Needed for positioning the pseudo-element */
  display: flex; /* To center the custom arrow if needed */
  justify-content: center;
  align-items: center;
}

.splide__arrow--prev svg {
  display: none; /* Hide the actual SVG element */
}

.splide__arrow--prev::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 7px solid transparent; /* Adjust size as needed */
  border-bottom: 7px solid transparent; /* Adjust size as needed */
  border-right: 12px solid var(--var-white); /* Solid color and size for the arrow head */
  /* Adjust positioning for the arrow direction */
  left: 50%;
  transform: translateX(-50%);
}


.splide__arrow--next {
  /* Hide the default SVG content */
  background: none; /* Remove any default background */
  overflow: hidden; /* Hide any overflowing content from the default SVG */
  position: relative; /* Needed for positioning the pseudo-element */
  display: flex; /* To center the custom arrow if needed */
  justify-content: center;
  align-items: center;
}
.splide__arrow--next svg {
  display: none; /* Hide the actual SVG element */
}

.splide__arrow--next::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid var(--var-white);
  /* Adjust positioning for the arrow direction */
  left: 50%;
  transform: translateX(-50%);
}




.hidden-row {
  height: 350px; /* Adjust the height as needed */
}
footer{
  background-color: var(--var-blue);
  color: var(--var-white);
  margin-top: auto;
}
.copyright {
  display: flex; justify-content: space-between;
}
.copyright p{
  margin-bottom: 0px;
  font-size: 16px;
  /*-webkit-text-stroke: 0.3px #FFF; */
}
 #inc-footer{
  background-color: #256EB6;
  color: #FFF; 
  height: auto;
  padding:5px;
  font-size: 18px;
}
img.img-responsive.AE__img {
  margin-left: 1rem;
  margin-bottom: 1rem;
}
p, ul li{
/*  -webkit-text-stroke: 0.3px black; */
}
        /* Background image styling */
        .left-section {
         /* position: relative;
       
          background-image: url('../img/NVE_Home_Banner.png'); 
          background-size: cover;
          background-position: center; */
          display: flex; 
          color: white; 
      }
      
      /* Content styling */
      .left-section .content {
          max-width: 300px; /* Limit the width of the content */
      }
      
      .left-section h1 {
          font-size: 1.8rem;
          margin-bottom: 0px;
          text-transform: uppercase;
          font-family: 'Helvetica';
      }
      
      .left-section h2 {
        font-size: 1.8rem;
        color:var(--var-red);
        text-transform: uppercase;
        margin-bottom: 20px;
        font-family: 'Helvetica';
    }
      .left-section p {
          font-size: 1.2rem;
          margin-bottom: 20px;
          color: var(--var-black);
      }
      
      .left-section .btn {
          font-size: 1rem;
          padding: 10px 20px;
      }
/*Splide style */


#home-banner1-o{
  /*object-position: 90% 50%!important;
 height: 520px!important;  */
 visibility: visible; 
}
.splide__slide img{
  object-fit: cover;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 15px;
    min-height: 540px; 
}

.splide__title{  
  font-size: 26px;
   margin-bottom: 0px;
   text-transform: uppercase;
   font-family: 'Helvetica';
  color: var(--var-white);
  /*-webkit-text-stroke: 0.3px #FFF;*/
 }
 #banner2 h1.splide__title{
  color: var(--var-teal);
  /*-webkit-text-stroke: 0.3px var(--var-teal);*/
 }
 #banner2 h2.splide__title1{
  color: var(--var-white);
  /*-webkit-text-stroke: 0.3px #fff;*/
 }
 #banner3 h1.splide__title{
  color: var(--var-dark-gray);
  /*-webkit-text-stroke: 0.3px var(--var-dark-gray);*/
 }
 #banner3 h2.splide__title1{
  color: var(--var-green);
  /*-webkit-text-stroke: 0.3px var(--var-green);*/
 }

 h2.splide__title1{
 font-size: 26px;
 color:var(--var-red);
 text-transform: uppercase;
 margin-bottom: 10px;
 font-family: 'Helvetica';
 /*-webkit-text-stroke: 0.3px var(--var-red);*/
}
p.splide__lead{
  width: 58%;
     font-size: 18px;
     margin-bottom: 20px;
     color: var(--var-black);
  line-height: 1.1;
}
.splide-cols {
position: absolute;
left: 5%;
top: 4%;
width: 100%;
visibility: visible;
}
a.btn.btn-landing.splide__btn{
  text-transform: uppercase;
 font-size: 18px;
 padding: 5px 30px;
 background-color:var(--var-red);
 border-radius: 20px;
 color: #FFF;
 text-align: center;
 font-family: 'Helvetica';
 /*-webkit-text-stroke: 0.3px var(--var-red);*/
}


/* Styling for tiles 
.tile {
    background-color: #F7F7F7;
    border-radius: 8px;
    transition: transform 0.2s ease-in-out;
}

.tile:hover {
    transform: scale(1.05);
    background-color: #E6E6E6;
}

.tile h5 {
    color: #0E4A6C;
    font-weight: bold;
}

.tile a {
    color: inherit;
    text-decoration: none;
}*/

/* Tile styling */
.tile {
  height: 160px; /* Adjust height as needed */
  position: relative;
  background-color: #f8f9fa; /* Light background */
  border-radius: 8px; /* Rounded corners */
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.tile:hover {
 /* transform: scale(1.05); /* Slight zoom effect on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow on hover */
}

.tile a {
  text-decoration: none;
  color: inherit;
}

.tile-icon {
  height: 50px; /* Adjust icon size */
  width: auto;
}

.tile-caption {
  font-size: 18px;
  
  margin-top: 10px;
  color:var(--var-white);
  text-transform: uppercase;
  font-family: Helvetica;
  /*-webkit-text-stroke: 0.3px var(--var-white);*/
}

#tile1{
  background-color: var(--var-teal);
}
#tile2{
  background-color: var(--var-blue);
}#tile3{
  background-color: var(--var-green);
}#tile4{
  background-color: var(--var-light-gray);
}#tile5{
  background-color: var(--var-red);
}#tile6{
  background-color: var(--var-dark-gray);
}

#did-you-know {  
  color: var(--var-black);
  padding: 20px;
  border-radius: 8px;
  
  margin-left: auto;
  margin-right: auto;
  font-family: 'Geneva';
}
.accordion-body {
  padding-left: 0px;
  padding-right: 0px;
}
#did-you-know h2{
  font-family: 'Helvetica';
  text-transform: uppercase;
}
#did-you-know p{
  font-size: 18px;
  margin-bottom: 5px;
}
.row.callout__row{
  color:#000;
}
.row.callout__row h4 {
  font-family: 'Helvetica';
  font-size: 26px;
}
.row.callout__row ul li{
  font-size: 16px;
  /*-webkit-text-stroke: 0.3px #FFF;*/
}
.row.callout__row ul {
  padding-right: 20px;
}
.row.callout__row img{
  border-radius: 9px;
  margin-left: 12%;
}
#benefits-tiles .row {
  display: flex; /* Enable Flexbox for the row */
  align-items: stretch; /* Ensure columns stretch to the same height */
}

#benefits-tiles .col-md-6 {
  display: flex; /* Enable Flexbox for the column */
  flex-direction: column; /* Stack content vertically */
  /*justify-content: center; */
  padding-left: calc(var(--bs-gutter-x) * .8);
  padding-right: calc(var(--bs-gutter-x) * .8);
}

/* Optional: Styling for the left section */
#benefits-tiles .left-section {
  border-radius: 8px; /* Rounded corners */
  padding-right: 10px;  
}
.lft-content{
  padding-left: 20px;
  position: relative;
  top: -80px;
}
 
#home-tile .row{
  margin-bottom: 2rem;
}


.nav-tabs.secondary-page-tabs li{
  margin-right:20px;
}

.nav-tabs.secondary-page-tabs{
  border-bottom: 3px solid var(--var-blue);
}
 li.nav-item.secondary {
  
  max-width: 22%;
}
li.nav-item.physical {
  max-width: 240px;
  display:table-cell;
  margin: 0 0 15px 0;
  padding: 10px 15px;
  cursor: pointer;
  margin-right: 15px; /* Spacing between tabs */
  margin-bottom: 5px; /* Spacing between rows */
  border-radius: 5px 5px 0 0;
  padding-bottom: 8px;
}
li.nav-item.physical:first-child{ 
padding-left: 0px;
}
.nav-justified{
  padding-left: 0px;
  margin-left: 0px;
  
}
.nav-tabs .nav-item {
  margin-left: 2px;
  padding-right: 0;
  
  max-width: 19.6%;
  display: flex;
  padding-bottom: 1px;
  
}
 
.nav-tabs {
  position: relative;
  /*border-bottom: none;*/
  display: flex;
      flex-wrap: wrap;
    flex-direction: row;
      justify-content: flex-start;
      margin-bottom: 10px;
}

.tab-row1::after {
  content: '';
  position: absolute;
  bottom: 50%;
  left: -5px;
  width: calc(100% - 25px); /* Adjust width to end at "Clinical Support" */
  height: 2px;
  background-color:var(--var-blue);
  margin-left: 10px;
  z-index: 1;
}

.nav-tabs .nav-link {
 /* border-radius: 20px; */
  border: 1px solid transparent; /* Default border */
  color: var(--var-black); /* Default text color */
  padding: 20px 15px; /* Add padding for better spacing */
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  z-index: 2; /* Ensure tabs are above the border */
  position: relative;
  background: #fff;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  font-family: 'Helvetica';
  text-align: center;
  /*height: 85px;*/
  width: 200px;
  justify-content: center;
  font-size: 20px;
}
.tab-row2 .nav-justified{
  margin-left: 10rem;;
}
.tab-row2 .nav-justified .nav-item {
  padding-top: 0px;
}
.tab-row2 .nav-justified .nav-item .nav-link{
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius:25px!important;
  border-bottom-right-radius:25px!important;
}

.nav-tabs li.nav-item:not(:last-child) {
  border-right: none;
}


.nav-tabs .nav-link.active {
  background-color: var(--var-blue);
  color: #fff; /* Active tab text color */
  border-color: var(--var-blue);    
  z-index: 3; /* Ensure active tab is above others */
}

.tab-pane{
 /* padding: 20px;*/
}



/* Accordion Styling */
.accordion-item {
  border: none;
}
.accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
}
.accordion-item, .sub-accordion-item {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 10px;
  background-color: transparent;
}
.accordion-button {
  padding: 15px 10px 15px 30px;
  border: 1px solid var(--var-blue);
  border-radius: 15px;
  color: var(--var-black);
  font-family: 'Helvetica';
  background: var(--var-white);
  font-size: 18px;
  text-transform: uppercase;
}
.accordion-button::after {
  transform: rotate(-90deg) !important;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="red" d="M1.5 6.5l6 6 6-6"/></svg>');
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
}
button.accordion-button.collapsed{
  background-color: var(--var-white);
}

.accordion-button:not(.collapsed) {
  color: #FFF;
  background-color: var(--var-blue);
  border: 0;
  font-family: 'Helvetica';
}

.accordion-button:not(.collapsed)::after {
   transform: rotate(0deg) !important;
  transition: .3s all ease;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M1.5 6.5l6 6 6-6"/></svg>');
}


     /* Arrow icon styling */
     .accordion-button .arrow-icon {
      display: inline-block;
      width: 12px;
      height: 12px;
      background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="gray" d="M1.5 6.5l6 6 6-6"/></svg>');
      background-size: contain;
      background-repeat: no-repeat;
      transform: rotate(0deg);
      transition: transform 0.3s ease;
  }
  
  .accordion-button.collapsed .arrow-icon {
      transform: rotate(180deg); /* Rotate arrow down when collapsed */
  }
  .accordion-button:focus{
    box-shadow: none;
  }

  .accordion-header{
    background-color: transparent;
  }
  .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
  }
  .accordion-item:first-of-type>.accordion-header .accordion-button{
    border-top-left-radius:15px;
    border-top-right-radius:15px;
  }

  .physical_sidebar{
    background-image: url('../img/NVE_Sidebar_Image1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  div#tile2-hra{
    background-image: url('../img/NVE_Sidebar_Image2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  
  .emotional_sidebar{
    background-image: url('../img/NVE_Sidebar_Image7.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .tile1_financial{
    background-image: url('../img/NVE_Sidebar_Image3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  
  }
  .life-family-sidebar{
    background-image: url('../img/NVE_Sidebar_Image1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  
  }
  .sidebar #tile1-nurse{
    background-image: url('../img/Casey_Updated_Photo.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  
  }
  .sidebar #tile1-newemp{
    background-image: url('../img/NVE_Sidebar_Image7.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  
  }
  
  .sidebar #tile1-vision{
    background-image: url('../img/NVE_Sidebar_Image4.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .sidebar #tile1-new-emp{
    background-image: url('../img/NVE_Sidebar_Image7.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .sidebar #tile2{
    background-color: var(--var-green);    
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -2px;
    padding-left: 25px !important;
    height: 250px;
  }
  .emotional_tile2{
    height: 150px;
  }
  .financial__sidebar #tile2{
    height: 200px;
  }
  .emotional__sidebar #tile2{
    height:240px ;
  }
  .life-family-sidebar-tile2{
    height: 230px!important;
  }
  .new-emp-sidebar {
    height: 330px !important;
  }
  .sidebar #tile2-nurse{
    background-color: var(--var-green);
    height: 820px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -2px;
  }
  .sidebar #tile3{
    background-color: var(--var-dark-gray);
    height: 260px;
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
  .physical-sidebar{height: 420px!important;}

  .sidebar h3{
    color: var(--var-white);
    font-family: 'Helvetica';
    text-transform: uppercase;
    font-size: 18px;  
    
  }
  .sidebar ul li{
    color: var(--var-white);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    font-family: 'Geneva';
    /*-webkit-text-stroke: 0.3px #FFF; */
  }
  .sidebar ul{
    padding-left: 15px;
  }
   .sidebar p{
    color: var(--var-white);
    font-size: 14px;
    line-height: 19px;
    font-family: 'Geneva';
  }
  .sidebar #tile3 p{
    font-size: 14px;
    /*-webkit-text-stroke: 0.3px #FFF; */
  }
  #tile3-hsa-callout {
    height: 750px;
    background: var(--var-dark-gray);
  }


  .note{
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 18px;
  }
  .phone{
    font-weight: bold;
  }
  table tr td {
    font-size: 14px;
    line-height: 18px;
    /*-webkit-text-stroke: 0.2px black; */
}
table tr th {
  font-size: 18px;
  font-family: 'Geneva Bold';
  text-transform: uppercase;
  
}

  .callout__blue{
    background-color: #256EB6;
    color: #FFF;
    padding:  15px;
    font-family: 'Geneva';
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  #new-emp{
    background-color: #FFF;
    padding: 0;  
    border-radius: 15px 15px 15px 15px;  
    margin-bottom: 5rem;
  }


/*Table */
 
.teal{
  background-color: var(--var-teal)!important;
  color:var(--var-white)!important;
  /*-webkit-text-stroke: 0.3px white;*/
}

.red{
  background-color: var(--var-red)!important;
  color:var(--var-white)!important;
  /*-webkit-text-stroke: 0.3px white;*/
}
.dark-gray{
  background-color: var(--var-dark-gray)!important;
  color:var(--var-white)!important;
/*  -webkit-text-stroke: 0.3px white;*/
}

p.top-row{
  margin-top: 9rem;
}
ul.table-ul li {
  margin-top: 3.4rem;
  list-style: none;
}
p.top-row-12{
  margin-top: 1.2rem;
}
tr.tbr {
  border-width: inherit;
  border-color: transparent;
}

tr.tbr_odd {
  border-left: transparent;
  border-right: transparent;
  border-bottom: transparent;
}
tr.tbr.tbr_odd td {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
tr.tbr_odd.tbr_annual {
  border-top: 1px solid #ccc;
}


img.img-responsive.accord__img {
  max-width: 50%;
}
.callout {
  padding: 30px;
  /*border: 1px solid var(--var-dark-gray);*/
  background: var(--var-teal);
  color: #000;
}


/* Timeline **/
 /* The actual timeline (the vertical ruler) */
 .timeline,.AE__timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
  margin-top: 4rem;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #256EB6 ;
  top: 2%;
  bottom: 2%;
  left: 50%;
  margin-left: -3px;
}

/* container-timeline around content */
.container-timeline {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.container-timeline-ae {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  
}
.AE__content {
  background: #fff;
  padding-left: 0px;
  padding-right: 0px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.vision__table tr th{
  text-align: center;
}

/* The circles on the timeline 
.container-timeline::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
*/
/* Place the container-timeline to the left */
.left {
  left: 0;
}

/* Place the container-timeline to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container-timeline (pointing right) */
.left::before{
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1;
  right: 15px;
  border: medium solid #EB1F28;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #EB1F28;
}
.col-md-6.col-right {
  padding-right: 0px;
  padding-left: 30px;
}
.col-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 45%;
  width: 0;
  z-index: 1;
  right: 48%;
  border: medium solid #EB1F28;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #EB1F28;
}
.AE__content .callout__blue p.sub_header {
  /* max-width: 60% !important; */
  /* text-align: center; */
  margin-left: auto;
  margin-right: auto;
}
/* Add arrows to the right container-timeline (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  width: 0;
  z-index: 1;
  left: 15px;
  border: medium solid #EB1F28;
  border-width: 10px 10px 10px 0;
  border-color: transparent #EB1F28 transparent transparent;
}

/* Fix the circle for container-timelines on the right side */
.right::after {
  left: -16px;
}
.col.col-left-inner {
  padding: 20px 30px;
  background-color: #E8F4F6;
  position: relative;
  border: 1px solid #256EB6;
  border-radius: 15px;
}

.col-left-outer{
/*display: flex;*/
align-items: center;
justify-content: center;
height: 100%;
}

/* The actual content */
.content, .content-left, .col-left {
  padding: 20px 30px;
  background-color: #E8F4F6;
  position: relative;
  border: 1px solid #256EB6;
  border-radius: 15px;
  margin-top:5%;
}
div#left__small{
  margin-top: 17%;
}
.content-left{
  width: 50%;
}
.content h2, .content-left h2{
    font-family: 'Helvetica';
    font-size: 28px;
}
.content p, .content ul li, .content-left p, .content-left ul li{
    font-family:'Geneva';
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 18px;
}
.callout__blue h2{
    font-family: 'Helvetica';
    font-size: 36px;
    margin-bottom: 10px;
}

#contacts p{
  margin-bottom:20px;
  font-size: 22px;
  line-height: 30px;
}
#contacts h2{
  font-size: 32px;
  font-family: 'Helvetica';
  margin-top: 4rem;
}
#contacts p a{
  margin-bottom:20px;
   line-height: 34px;
}

#contacts h3{
  margin-bottom:5px;
}
td.teal.contact-teal h3{
  font-family: 'Geneva';
}
/***NAV PILLS **/

.nav-pills .row1 .nav-link.active, .nav-pills .show>.row1 .nav-link, 
.nav-pills .row2 .nav-link.active, .nav-pills .show>.row2 .nav-link{
  background-color: var(--var-blue);
  color: var(--var-white);
  text-align: center;
  justify-content: center;
}
.nav-justified .nav-item, .nav-justified>.row1 .nav-link,
 .nav-justified>.row2 .nav-link{
  color: #000;
  text-align: center;
  justify-content: center;
  background-color: var(--var-white);
  font-size: 18px;
    font-family: 'Helvetica';
  border-radius: 25px 25px 0px 0px;
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
  padding:1rem 1.5rem;
  text-transform: uppercase;
  /*-webkit-text-stroke: 0.1px var(--var-black);*/
}
.row1, .row2{
  display: flex;
}
.nav-justified .nav-item:not(:last-child) , .nav-justified>.row1 .nav-link:not(:last-child){
  margin-right:17px;
}
.nav-justified .row2 .nav-item, .nav-justified.nav-2 >.row2 .nav-link,
.nav-justified>.row2 .nav-link{
  border-radius: 0px 0px 25px 25px;
  
}
.nav-justified.nav-2 .nav-item:first-child , .nav-justified.nav-2>.nav-link:first-child{
  margin-left:2rem;
}
.nav-justified.nav-2 .nav-item:last-child , .nav-justified.nav-2>.nav-link:last-child{
  margin-right:2rem;
}
.nav-justified.nav-2{
  border:none;
}
.nav-justified>.row1 {
  border-bottom: 7px solid var(--var-blue);
  width:100%;
}
.row2{
  margin: 0 9rem;
}
.row2 .nav-link:not(:last-child){
  margin-right: 15px;
}
.tab-pane h3{
  font-size: 26px;
}
.life-family-tile p, .life-family-tile ul li, .life-family-tile ol li {
  /*-webkit-text-stroke: 0.3px #000;*/
}



/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width container-timelines */
  .container-timeline {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .container-timeline::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 15px;
  }
  
  /* Make all right container-timelines behave like the left ones */
  .right {
  left: 0%;
  }
}

@media (max-width: 1200px) {
  .new-emp-sidebar {
    height: 410px !important;
  }
  .physical-sidebar{
    height:520px!important;
  }
  .emotional__sidebar #tile2{
    height: 270px;
  }
  .AE__content .callout__blue p.sub_header{
    max-width: 90%!important;
  }
  .navbar-nav .nav-link{
    font-size: 14px;
  }
  .logo-img-header{
    height: 40px;
  }
  .financial__sidebar #tile2{
    height: 240px;
  }
  .life-family-sidebar-tile2{
    height: 240px!important;
  }
  .col-left{
    margin-top:0%;
  }
  div#left__small{
    margin-top:20%;
  }
}

@media (min-width: 1280px) {
  .splide__title,h2.splide__title1{
    font-size: 32px;
  }
  a.btn.btn-landing.splide__btn{
    font-size:1.2rem;
    padding: 5px 20px;
  }
  p.splide__lead{
    font-size: 1.2rem;
  }.tile{
    height: 180px;
  }
  .new-emp-sidebar {
    height: 330px !important;
  }
  .splide__slide img{
    min-height: 511px;
    max-height: 610px;
  }
  .tile-caption{
    font-size: 24px;
  }.text-center h2{
    font-size: 22px;
    text-transform: none;
    /*-webkit-text-stroke: 0.3px black;*/
  }
  .tile-icon{
    height: 60px;
  }
  h2.header_timeline {
    font-size: 30px;
  }
  .tab-pane h3{
    font-size: 36px;
  }
 
  .nav-justified .nav-item, .nav-justified>.row1 .nav-link, .nav-justified>.row2 .nav-link{
    padding: 1rem 1.5rem;
  }
  div#home-tile .row>*{
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .splash{
    background-position: center bottom -170px;
    
  }
  .accordion-button{
    font-size: 18px;
    text-transform: uppercase;
  }
  .AE__content .callout__blue p.sub_header{
    max-width: 98%!important;
  }
  .physical-sidebar{
    height: 350px!important;
  }
  .sidebar #tile2{
    height: 260px;
  }
  .life-family-sidebar-tile2{
    height: 200px!important;
  }
  .emotional__sidebar #tile2{
    height: 245px;
  } .financial__sidebar #tile2{
    height: 200px;
  }
  
}

/* Responsive styling for smaller screens */
@media (max-width: 992px) {
 
  .nav-tabs {
    flex-wrap: wrap; /* Allow tabs to wrap to the next line */
    justify-content: center; /* Center tabs on smaller screens */
  }

  .nav-tabs .nav-item {
    flex: 1 1 auto; /* Make tabs take equal width */
    text-align: center;
    margin-bottom: 5px; /* Add spacing between rows of tabs */
  }

  .nav-tabs .nav-link {
    font-size: 14px; /* Reduce font size for smaller screens */
    padding: 8px 10px; /* Reduce padding for smaller screens */
  }
  .sidebar #tile2{
    height: 510px;
    padding-left: 10px !important;
  }
  .sidebar #tile2 ul li {
    font-size: 12px;
  }
  .financial__sidebar #tile2{
    height: 315px;
  }
  .life-family-sidebar-tile2{
    height: 260px!important;
  }
  span.emotional_sidebar_header {
    font-size: 11px;
  }
  .emotional__sidebar #tile2{
    height: 400px;
  }
  .physical-sidebar{
    height: 610px!important;
  }
 
}

@media (max-width: 991px){
  .navbar-nav li.nav-item:not(:last-child)::after{
    border-right: none;
    width: 0px;
  }
  .logo-img, .logo-img-header {
    height: 40px;
  }
  div#home-tile{
    margin-top: 4rem;
  }
  #tile1 {
    /* margin-top: 2rem;*/
  }
  .nav-justified .nav-item, .nav-justified>.row1 .nav-link, .nav-justified>.row2 .nav-link{
    
    border-radius: 15px 15px 0px 0px;
    padding: 0.8rem 0.5rem;
    font-size: 14px;
    line-height: 18px;
  }
  .row2{
    margin: 0 5rem;
  }
}
@media (max-width:768px){
  .sidebar #tile2{
    height: 230px!important;
  }
  .sidebar #tile3{
    height: 170px!important;
  }
  .financial__sidebar #tile2, .emotional__sidebar #tile2{
    height: 140px!important;
  }
  span.emotional_sidebar_header {
    font-size: 14px;
  }
  .life-family-sidebar-tile2#tile2{
    height: 170px!important;
  }
  .physical_sidebar, .emotional_sidebar, .tile1_financial, .life-family-sidebar{
    margin-top: 2rem;
  }
  .row1.life-family-row {
    font-size: 12px;
 }
 .col-right::before{
  border-width: 10px 10px 10px 10px;
  border-color: #EB1F28 transparent transparent transparent;
  top: 49%;
}
.col-md-6.col-right img{
  margin-top:3rem;
}
.col-md-6.col-right{
  padding-left: 0px;
}
#AE2::before{
  top:42%;
}
#AE2 img.img-fluid.AE__img {
  margin-top: 2rem;
} 
}
/* Even smaller screens (e.g., phones) */
@media (max-width: 576px) {
  .nav-tabs .nav-link {
    font-size: 12px; /* Further reduce font size */
    padding: 6px 8px; /* Further reduce padding */
  }
}
@media (max-width: 440px) {
  .nav-justified .nav-item, .nav-justified>.row1 .nav-link, .nav-justified>.row2 .nav-link{
    border-radius: 15px 15px 0px 0px;
    padding: 0.4rem 0.4rem;
    font-size: 12px;
    line-height: 18px;
  }
  .nav-justified .nav-item:not(:last-child), .nav-justified>.row1 .nav-link:not(:last-child){
    margin-right: 10px;
  }
  .col-right::before{
     top: 58%;
  }
  
  
  #AE2::before{
    top:42%;
  }
  #AE2 img.img-fluid.AE__img {
    margin-top: 2rem;
  } 
}
@media (max-width:396px) {
  .row2{
    margin:0 2rem;
  }
  .nav-justified .nav-item, .nav-justified>.row1 .nav-link, .nav-justified>.row2 .nav-link{
    border-radius: 15px 15px 0px 0px;
    padding: 0.4rem 0.4rem;
    font-size: 10px;
    line-height: 12px;
  }
  .nav-justified .nav-item:not(:last-child), .nav-justified>.row1 .nav-link:not(:last-child){
    margin-right: 0px;
  }
  a{
    word-wrap: break-word;
  }
  .physical-sidebar{
    height: 300px!important;
  }
   .emotional__sidebar #tile2{
    height: 210px!important;
  }
  .financial__sidebar #tile2{
    height: 190px!important;
  }
  .timeline, .AE__timeline{
    margin-top: 1rem;
  }
  .col-left-inner ul li, .col-left-inner p{
      font-size: 12px;
      line-height: 18px;
  }
  .col-right::before{
    border-width: 10px 10px 10px 10px;
    border-color: #EB1F28 transparent transparent transparent;
    top: 54%;
  }
  .col-md-6.col-right img{
    margin-top:3rem;
  }
  .col-md-6.col-right{
    padding-left: 0px;
  }
  #AE2::before{
    top:42%;
  }
  #AE2 img.img-fluid.AE__img {
    margin-top: 2rem;
  } 
}



@media (min-width: 1519px) {
  .navbar-nav .nav-item .nav-link{
    font-size: 20px;
  }
  #splashMain h1, .intro h1{
    font-size: 5.3rem;
    line-height: 1;

  }
  #splashMain h2{
     font-size: 21px;
     /*-webkit-text-stroke: 0.3px black;*/
    line-height: 28px;
  }
  
  .splash{
    background-position: center bottom -210px;    
  }
  .text-center .form{
    max-width: 485px;
    max-height:195px;
    height: auto;
  }
  select#userType, select#userType option{
    width:90%;
   font-size: 24px;
   font-family: 'Geneva';
   margin-bottom: 1.4rem;
   vertical-align: middle;
  }
  button.btn.btn-primary{
    max-width: 191px;
    max-height: 43px;
    width: 100%;
    font-size: 20px;
    font-family: 'Helvetica';
  }
  .tile{
    height: 205px;
  }
  .life-family-sidebar-tile2{
    height: 185px!important;
  }
  .splide__slide img{
    min-height: 611px;
    max-height: 680px;
  }
  p.splide__lead{
    width:73%;
    font-size:28px;
    margin-bottom: 1.2rem;
    line-height: 1.2;
  }
  a.btn.btn-landing.splide__btn{
    padding: 5px 40px;
    text-transform: uppercase;
  }
  #did-you-know{
    max-width:1140px;
  }
  #did-you-know p{
    font-size: 22spx;
    font-family: 'Geneva';
  }
 
  .nav-tabs .nav-link{
    /*height:110px;*/
/*    padding: 10px 45px;*/
  }
  .text-center h2{
    max-width: 1050px;
  }
  .sub_header{
    max-width: 1150px!important;
  }
  .sub_header.physical_subheader{
    max-width: 1250px!important;
  }
  .navbar-nav .nav-item .nav-link{
    font-size: 18px;
  }
  .accordion-button{
    font-size: 18px;
    text-transform: uppercase;
  }
  .nav-justified .nav-item, .nav-justified>.row1 .nav-link, .nav-justified>.row2 .nav-link{
    padding: 1rem 2.5rem;
    font-size: 18px;
    line-height: 1.2;
  }
  div#myTabContent .row{
    margin-right: calc(-2.5 * var(--bs-gutter-x));
  }
  .new-emp-sidebar {
    height: 300px !important;
  }
  #medplan,#fsaplan{
    padding-right: 4rem;
  }
  .physical-sidebar {
    height: 350px !important;
  }
  .sidebar #tile3{    
    height: 250px;
  }
  .emotional__sidebar #tile2{
    height: 205px;
  }
}

@media (min-width: 1920px) {
  .splash{
    background-position: center bottom -180px;    
  }
  #medplan,#fsaplan{
    padding-right: 4rem;
  }
  .physical-sidebar {
    height: 350px !important;
  }
  .sidebar #tile3{
    
    height: 210px;
  }
}