:root{
--blue:#115b8a; 
--accent:#e25d2f;
--dark:#111;
--muted:#6b6b6b;
--max-width:1500px;
/* --font-sans: 'Montserrat', Arial, sans-serif; */
}
*{box-sizing:border-box}
    body {
        font-family: Helvetica, Arial, sans-serif;
        margin: 0;
        padding: 0;
        background: #fff;
    }

.icon {
  height: 50px;
  width: 50px;
  background: #222;
  border-radius: 50%;
}
header {width: 100%; overflow: hidden;}
nav hr{border:none;border-top:1px solid rgba(255, 255, 255, 0.3);position:relative;bottom:2px;}
.blog-sidebar hr{border-bottom:1px solid #DDDDDD;margin-top:12px;margin-bottom:12px;}
.has-dropdown{bottom:0;}
.has-dropdown:after{font-family:ElegantIcons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;content:"\33";color:#777777;}
.mobile-toggle{display:none;}
.has-dropdown:hover .subnav{display:block;}
nav{
  position: fixed;
  top: 0;
  left: 0 !important;
  padding:0;
  width: 100%;
  height: 100%;
  height: 70px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border-top: 1px solid #D8D8D8;
  z-index: 99;
}
.utility-menu23 {
    background: #fff;
    line-height:60px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    display:flex;
    justify-content:center;
    padding:0;
    position: fixed;
    width: 100%;
    top: 1px; 
    z-index: 99;
}
.utility-menu23 .utility-inner span {
    justify-content:center;
    text-align: center;
    padding:2px 15px 20px 15px;
    font-weight:600;
    font-size:15px;
    color:#000;
}
.util-menu23img {
    background: #fff;
    line-height:60px;
    display:flex;
    justify-content:center;
    padding:0;
    margin:0;
    position: relative;
    width: 100%;
    top: 2px; 
    z-index: 99;
}
.util-menu23img .util-inner span {
    justify-content:center;
    text-align: center;
    padding:2px 15px 20px 15px;
    font-weight:600;
    font-size:15px;
    color:#000;
}

nav .navbar{
  height: 100%;
  width: 100%; 
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:0 auto;
  font-family: 'Lato', sans-serif;
  padding: 0 2rem;
  max-width: 1400px;
  margin: 0 auto;
}
.navbar .logo a{
  font-size: 30px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  vertical-align: middle;
}
/*  ========  app page ===========*/
nav .navbar2 {
  height: 100%;
  width: 100%; 
  max-width: 1000px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:0 auto;
  padding: 0 50px;
}
.navbar2 .logo {
  color: #000;
  text-decoration: none;
  font-weight: 500;
  vertical-align: middle;
  display: flex;
  justify-content: center;
}
nav .navbar .logo img {width: 149px;height: 61px; vertical-align: middle;}
nav .navbar .nav-links{
  line-height: 70px;
  height: 100%;
/* === too much left padding at 921px to 1076px == */
}
nav .navbar .links{
  display: flex;
}
nav .navbar ul.links li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 14px;
}
nav .navbar .links li a{
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #6D6D6D;
  font-size: 16px;
  font-weight: 500;
}
 .links li:hover .php-arrow, .links li:hover .yin-arrow, .links li:hover .zen-arrow {
     transform: none; 
  }

ul.links li {
   line-height: 70px;
 }

ul.links li ul li {
    margin-left: 6px;
    line-height: 35px;
  }

.bxs-chevron-down {
  font-size:21px;
}
nav .navbar ul {
    display: block;
    list-style-type: disc;
    margin: 4px 0 16px;
    padding-inline-start: 12px;
    unicode-bidi: isolate;
    line-height: normal !important;
}
nav .navbar .links li .arrow{
  height: 100%;
  width: 24px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: #727272;
  transition: all 0.3s ease;
}
nav .navbar .links li .sub-menu{
  position: absolute;
  top: 60px;
  left: 0 !important;
  line-height: 40px !important;
  background: #efefef;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 2;
}
nav .navbar .links li:hover .php-sub-menu, nav .navbar .links li:hover .yin-sub-menu, nav .navbar .links li:hover .zen-sub-menu {
  display: block;
}
.navbar .links li .sub-menu li{
  padding: 0 18px 0 6px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.navbar .links li .sub-menu a{
  color: #3D3D3D;
  font-size: 15px;
  font-weight: 500;
}
.navbar .links li .sub-menu a:hover{
  text-decoration: underline;
  color:#346AC3;
}
.navbar .links li .sub-menu .more-arrow{
  line-height: 40px;
}
.navbar .links li .htmlCss-more-sub-menu{
  /* line-height: 40px; */
}
.navbar .links li .sub-menu .more-sub-menu{
  position: absolute;
  top: 0;
  left: 100%;
  border-radius: 0 4px 4px 4px;
  z-index: 1;
  display: none;
}
.links li .sub-menu .more:hover .more-sub-menu{
  display: block;
  background-color:#C8DCEE;
}
.navbar .search-box, .cta-but{
  position: relative;
  height: 40px;
  width: 40px;
}
.navbar .search-box i, .cta-but i{
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.navbar .nav-links .sidebar-logo{
  display: none;
}
.navbar .bx-menu{
  display: none;
}
.navbar .bx-mobile {
  font-size:23px;
  font-weight:normal;
}

.button-outer {
    padding-right: 32px;
    /* margin-right: 25px; */
}
.Hdrbtn {
    display: inline-block;
    background-color: #2e6697;
    color: #fff;
    padding: 7px 14px;
    border: 2px solid #2e6697;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    display: flex;
    justify-content: center;
}
.Hdrbtn::after {
    content: "";
    background: url("../assets/chev-rt-white-20.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    margin-top: 2px;
    padding-left: 5px;
    font-size: 1.75rem;
}

 /***** Banner ******/

.banner {
    position: relative;
    background: var(--blue); 
    color: #fff;
    margin-top: 70px;
    padding: 50px;
    border-radius: none;
    font-family: "Lato", sans-serif;
}
.banner-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;             
    height: 100%;
    object-fit: cover;
    object-position: center right;
    z-index: 1;
    pointer-events: none;
    /* ✔ Natural fade from image → banner background */
    mask-image: linear-gradient(to left, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 55%, rgba(0,0,0,0) 100%);
}
.banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    z-index: 2;
    /* fade from blue → transparent over the image */
    background: linear-gradient(to left, var(--blue) 0%, rgba(0,0,0,0) 55%);
}

.banner_nbg {
    position: relative;
    background: #2e6697; 
    color: #fff;
    margin-top: 70px;
    padding: 50px;
    border-radius: none;
    font-family: "Lato", sans-serif;
}
 .banner-img1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;             
    height: 100%;
    object-fit: cover;
    object-position: center right;
    z-index: 1;
    pointer-events: none;
    mask-image: linear-gradient(to left, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 100%);
}

.banner_nbg::after { 
    content: "";
    position: absolute;
    top: 0;
    right: 0;       
    width: 55%;     
    height: 100%;
    z-index: 2; 
    /* Smooth fade from right → toward left inside the image */
     background: linear-gradient(to left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);  
}  

.banner .bContainer, .banner_nbg .bContainer {
   max-width: var(--max-width);
   margin: 0 auto;
}
.banner h1, .banner_nbg h1 {
   margin: 0 0 10px 0;
   font-size: 42px; 
   font-weight: 900;   
   letter-spacing: 0.5px;
   line-height: 1;
   max-width: 55%;
}
.banner p, .banner_nbg p {
    margin: 0;
    color: rgba(255,255,255,0.9);
    max-width: 1000px;
    font-size: 19px; 
    line-height: 1.75;
}
.sc-dkmKIT6 {
    padding: 15px 60px;
    background-color: #fff;
    width: 100%;    
    max-width: var(--max-width);
    margin: 20px auto;
}
  h1 {font-size: 2.25rem; padding: 6px 0; margin-bottom: 0.75rem;}
  h2 {font-size: 2.0rem; padding: 6px 0; margin-bottom: 0.375rem;}
  h3 {font-size: 1.50rem; padding: 6px 0 0 0; margin-bottom: 0;}
  h4 {font-size: 1.125rem; font-weight: 700; padding-top: 10px; margin: 14px 0 0 0; padding-left: 5px; margin-block-end: 0;}
  p {line-height: 1.75rem; font-size: 1rem; padding-top: .125rem; margin-bottom: 0.75rem; letter-spacing: 0.04rem;}
  .topic_title {font-size: 1.80rem; font-weight: 700; padding: 6px 0; margin-bottom: 0.125rem;}
  a { color: #3367bd; text-decoration: none;}
 .sc-dkmKIT6 a {color: #3367bd; font-weight: 500; text-decoration: underline;}
 .sc-dkmKIT6 a.nan {text-decoration: none; }
 ul {list-style: none; padding: 2px 6px; margin: 3px 0 2px 0; }
 ul li, ol li {line-height: 1.625; padding: 5px 0 5px 8px;}
 ul li strong {font-weight: 600;}
 ul li ul {padding-left: 14px;}
 ul li ul li {margin-left: 36px;}
.text-white {color:#fff;}
.text-whgrey {color:#e9e9e9;}
.text-grey {color: #c6c7c8;}
.text-dark1 {color:#757575;}
.text-black {color: #242424; }
.litegrey  {background-color:#f8f9fa;}
.blu {background: #5089a3 !important; opacity: 0.85; }
.blugrey {background-color: #e9eff3 !important;}
.blueet {background-color: #f5f8ff !important;}
.greyblue {background-color: #ebeef7 !important;}
.liteblu {background-color: #ecf2ff;}
.darkblu {background-color: #2e6697;}
.darkblu2 {background-color: #001c64;}
.whgrey {background-color: #fafafa;}
.dkgreen {background-color: #034537;}
.litegreen {background-color: #d9e7e2;}
.litepurple {background-color: #dab1da;}
.litepurple2 {background-color: #d8bfd8;}
.purpl {background-color: #8a00c2;}
.dkred {background-color: #7a250f;}
.liteorange {background-color: #fad5a5;}
.litegoldylw {background-color: #fdf6e5;}
.greenmark {color: #34b233; font-size: 28px; font-weight: 600; padding: 12px 2px 0 0;}
p.elempost {font-size: 17px; padding-top: 10px;}
p.quote {font-size: 17px; font-style: italic; padding: 16px 0; max-width: 800px; text-align: center; margin: 0 auto;}
p.semibold {font-size: 16px; line-height: 23px; margin-bottom: 24px; padding-top: 5px; font-weight: 400;}
.font13 {font-size: 0.85rem; }
.font26 {font-size: 1.75rem; }
.font32 {font-size: 2.0rem; }
.undline {text-decoration: underline !important;}
sup {font-size: 11px; }
hr {margin: 20px 0;}
.greyborder {border: solid 1px #ccc;}
.darkgreybdr {border: solid 1px #959595; max-width: 50%;}
.expanded { margin: 15px auto; width: 100%; margin-left: calc(10% - 10dvw); padding: 20px 0 20px 10px; font-family: 'Lato', sans-serif; line-height: 1.375rem;}
.expanded p {padding-left: 32px; border-left: 5px solid #f5a841; font-size: 17px; line-height: 30px; text-align: left; padding: 20px 0 10px 32px;}
.expanded2 { margin: 15px auto; width: 100%; padding: 1.25rem 4.75rem; font-family: 'Lato', sans-serif; line-height: 1.375rem;}
.text-sm {padding: 16px 10px;font-size: 0.925rem; font-style: italic; line-height: 1.25rem;}
.disclo {padding: 0 2.1875rem; text-align: justify; font-weight: 500;}
.text-sml, .sc-dkmKIT6 p.text-sml {padding: 2px 10px 10px 10px;font-size: 0.9125rem; line-height: 1.25rem; }
    .tabs {
        display: flex;
        justify-content: flex-start;
        gap: 40px;
        margin-top: 40px;
        padding: 20px 80px;
    }

    .tab {
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        padding-bottom: 15px;
        color: #525354;
        margin: 0 -4px;        
    }

    .tab.active {
        border-bottom: 4px solid #e25d2f;
        font-weight: 800;        
        color: #1a1b1b;
        /* color: #e25d2f;*/
    } 

    .faq-section {
        padding: 20px 40px;
    }

    .faq-item {
       /* border-bottom: 1px solid #ccc; */
        padding: 20px 25px;
        cursor: pointer;
        position: relative;
    }
    .faq-item::after {
       content: '';
       position: absolute;
       left: 2.5%; 
       bottom: 0;
       width: 95%;
       height: 1px; 
       background-color: #6b6969; 
    }

    .faq-item:last-child  { 
        margin-bottom: 48px;
    }

    .faq-title {
        font-size: 17px;
        font-weight: 700;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 16px;
    }
   .faq-title:hover {
        background-color: #dadada;
   }
    .faq-icon {
        font-size: 25px;
        font-weight: 800;
    }
    .faq-content {
        margin-top: 15px;
        font-family: -apple-system, BlinkMacSystemFont, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
        font-size: 18px;
        line-height: 1.875;
        display: none;
        padding: 0 15px 0 25px;
        border-left: 6px solid black;
    }
    .faq-item.open .faq-content {
        display: block;
    }

/* ========== Her0 area =============== */
.heRo-wrp {
      max-width: 1300px;
      margin: 0 auto;
      padding: 50px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 50px;
 }

.heRo-media {
     width: 48%;
 }

.heRo-media img {
     width: 100%;
     border-radius: 5px;
     display: block;
 }

 .heRo-content {
      width: 50%;
 }

 .heRo-content h1 {
      font-size: 42px;
      font-weight: 800;
      line-height: 1.15;
      margin-bottom: 20px;
}
  .heRo-content h2 {
       font-size: 38px;
       font-weight: 700;
       line-height: 1.15;
       margin-bottom: 18px;
    }

.heRo-content p {
     font-size: 18px;
     line-height: 1.55;
     margin-bottom: 22px;
     color: #4a4a4a;
}

.Hbullets {
     margin: 25px 0 35px;
}

.Hbullets div {
     display: flex;
     align-items: flex-start;
     margin-bottom: 18px;
}

.Hbullets .icon {
     width: 22px;      /* 10% larger than typical */
     height: 22px;
     min-width: 22px;
     background: #FFD44D;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 12px;
}

.Hbullets .icon::before {
     content: '✔';
     font-size: 14px;
     font-weight: 900;
     color: #000;
}

.Hbullets span {
     font-size: 18px;
     line-height: 1.5;
     font-weight: 600;
}

.Hcta-btn {
     background: #0F6FEF;
     color: #fff;
     font-size: 17px;
     font-weight: 600;
     padding: 14px 30px;
     border: none;
     border-radius: 30px;
     cursor: pointer;
}

.Hcta-btn:hover {
     background: #0C5FCC;
}

/* ============ invest hero ================= */


.nternLbnr-herOi {
    width: 100%;
  /*background: #001c64; */
    padding: 50px 20px;
}
.nternLbnr--inner {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}
.nternLbnr--in8 {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.nternLbnr-left {
    width: 54%;
    color: #fff;
}
.nternLbnr-left2 {
    width: 54%;
    color: #292929;
}

.nternLbnr-left h1, .nternLbnr-left2 h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.15;
    margin-bottom: 25px;
    font-family: 'Lato', serif;  
}
.nternLbnr-subtext {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 28px;
    max-width: 619px;
}
 .nternLbnr-bullets .bullet-item {
    display: flex;
    align-items: center;      
    gap: 12px;
    margin-bottom: 18px;
}
 .nternLbnr-bullets .icon {
    width: 22px;
    height: 22px;
    min-width: 22px;
    background: #FFD44D;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 700;
    color: black;
}
.nternLbnr-bullets .icon::before {
    content: "✔";
}
 .nternLbnr-bullets .bullet-item span {
    font-size: 18px;
    font-weight: 500;
}
.nternLbnr-buttons {
    margin: 35px 0 25px;
}
.ntrnl--btn {
    background: #3870c2;
    color: #f5f5f5;
    padding: 13px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    margin-right: 25px;
}
.ntrnl--btn:hover {
    background: #0a57cc;
}
.ntrnl--btn-learn {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
}
.ntrnl--btn-learn:hover {
    text-decoration: underline;
}
.nternLbnr-footnote {
    margin-top: 18px;
    font-size: 14px;
    opacity: 0.85; 
    line-height: 1.625rem;
}
.nternLbnr-right {
    width: 46%;
}
.nternLbnr-right img {
    width: 100%;
    display: block;
}


   /* =========  Hungry to learn more  ===========  */
.learn-more {
     max-width: var(--max-width);
     margin: 24px auto 80px auto;
     padding: 0 20px;
}
.learn-more h2 {
    font-size: 36px;
    margin: 0 0 18px 0;
}

.learn-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   align-items: stretch;
}
.card {
    min-height: 220px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
}
/* left card: text with background color */
.card.text-card{
    background: linear-gradient(180deg,#0f2b47,#162f52);
    color: #fff;
    padding: 24px;
}
.card.text-card .headline{
    font-size: 28px;
    font-weight:800;
}
.card.text-card .sub{
    margin-top:10px;
    font-weight:600;
    opacity:0.95;
}
/* right card: image / illustration placeholder */
.card.image-card{
    background: #1f6aa5;
    color: #fff;
}
.image-card svg{width:240px;height:240px;opacity:0.9;}

.card2 {
    min-height: 220px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    position:relative;
}
 .card2.text-card {
    color: #fff;
    padding: 24px;
}
.card2.text-card .headline {
    font-size: 28px;
    font-weight:800;
}
.card2.text-card .sub {
    margin-top:10px;
    font-weight:600;
    opacity:0.95;
}


/*  calculator hero in content ======== */

.calcHro_card{
   padding:25px;
}
.calcHro_content{
   display:flex;
   align-items:center;
   justify-content: space-between;
   width:100%;
}
.calcHro_text{
   max-width:58%;
}
.calcHro_title{
   font-size:30px;
   font-weight:700;
   line-height:1.2;
   margin-bottom:12px;
}
.calcHro_point{
   font-size:17px;
   font-weight:600;
   margin-bottom:6px;
}
.calcHro_btn{
   margin-top:20px;
   background-color:#08a116;
   color:#1a1a1a;
   padding:14px 42px;
   border-radius:30px;
   font-size:18px;
   font-weight:800;
   display:inline-block;
}
.calcHro_text a {color: #fff; text-decoration:none; }

/* image inside the SAME card */
.calcHro_image img{
   width: 300px;
   height: 300px;
   object-fit: cover;
   border-radius:4px;
   padding-left: 10px;
}

/* ============  3 cards ============ */

.c3Blok {
     max-width: 1400px;
     margin: 0 auto;
     padding: 40px 25px;
}
.cards3 {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: nowrap;
}             
 .card3 {
    background: #f3f3f3;
    border-radius: 3px;
    width: 33%;
}                                               
.card3 img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    border-radius: 0;
}                                              
.card3 h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 12px auto 5px auto;
    line-height: 1.3;
    padding: 14px;
}
.card3 p {
    font-size: 0.875rem;
    line-height: 1.55;
    margin: 0 auto 10px auto;
    padding: 10px;
}
.card3 a {
    color: #0073E6;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    display: inline-block;
    margin-top: 20px;
    padding: 0 0 10px 12px;
}

/*  ====  load-more-wrap  ==== */
.lmW {
    text-align: center;
    margin-top: 50px;
}
.lM {
    background: #1273EB;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 2px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
}
.lM:hover {
    background: #0F60C2;
}

/* Hidden Content */
   #moreContent { display: none; }


.section-con-img {
      padding: 80px 40px;
      max-width: 1400px;
      margin: 0 auto;
    }
.section-con-img-2 {
      padding: 80px 40px;
      max-width: 1600px;
      width: 100%;
      margin: 0 auto;
    }

.content-wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 45px;
      align-items: center;
    }

    .content-wrapper.reverse {
      direction: rtl;
    }

    .content-wrapper.reverse > * {
      direction: ltr;
    }

   .full-width {
      padding: 100px 0;                
      background: #f8fafc;
      margin: 0 calc(-50vw + 50%);      
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
    }

    .image {
      width: 100%;
      max-width: 520px;           
      height: auto;
    /*  object-fit: cover; */
      border-radius: 0;
      box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    }

    .text-content h3 {
      font-size: 1.50rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
      color: #111827;
      line-height: 1.3;
    }

    .text-content p {
      font-size: 1.0875rem;
      line-height: 1.75;          
      margin-bottom: 1.25rem;
    }

    .text-content p:last-child {
      margin-bottom: 0;
    }
   
  .text-content p.regul {
      font-size: 1.0rem;
      line-height: 2.0;          
      margin-bottom: 1.125rem;
    }


   .text-content ul li, .text-content ol li {
     font-size: 1.025rem;
     line-height: 2.5;
  }
.lca-table-container {
    width: 100%;
    overflow-x: auto;
}

.lca-table {
    width: 100%;
    max-width: 1280px;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-family: "Lato", sans-serif;
}

.lca-table th,
.lca-table td {    
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}
.lca-table td {
    padding: 0;
}
.lca-table td span.descrip {
  font-size: 14px;
}

.lca-table th {
    background-color: #cdd8e3;
    font-weight: bold;
    padding: 14px;
}

.lca-table tr.blugrey {
    background-color: #e9eff3 !important;
}

.vertical-container {
    display: block;
}

.vertical-cell {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    width: 100%; 
    box-sizing: border-box;
}

.vertical-cell:nth-child(odd) {
    background-color: #f2f2f2; 
}

.vertical-cell:nth-child(even) {
    background-color: #ffffff; 
}

.vertical-cell:last-child {
    border-bottom: none;
}

  .comparison {
      padding: 1.5rem;
      background-color: #fff;
}
  #diff {
      padding-left: 2.5rem;
}
  .trends,
  .dataview {
      padding: 2.5rem;
      background-color: #fff;
}
  .comparison h2,
  .comparison h3,
  .trends h2 {
      margin-bottom: 1rem;
}
.comparison table,
.trends table {
    width: 90%;
    border-collapse: collapse;
    margin: 15px auto 2rem;
}
  .dataview table {
      width: 80%;
      border-collapse: collapse;
      margin: 15px auto 2rem;
}
  .trends table,
  .dataview table {
      background-color: #fff;
}
  .comparison td,
  .comparison th,
  .lofocused td,
  .lofocused th,
  .trends td,
  .trends th,
  .dataview td,
  .dataview th {
      border: 1px solid #ddd;
      padding: 1rem;
      text-align: center;
}
  .comparison th {
      background-color: #588c5d;
      color: #fff;
}
  .trends th,
  .dataview th {
      background-color: #2e6697;
      color: #fff;
}
  .highlight-tdcell {
      background-color: #e1eef1;
}
  .lofocused table {
      width: 85%;
      border-collapse: collapse;
      margin: 15px 15px 2rem;
      padding: 1rem 1.75rem;
}
  .lofocused h3,
  .lofocused p {
      padding-left: 1.75rem;
}
  .lofocused th {
      background-color: #e8e8e8;
      color: #5f5f5f;
} 
.key1 { 
    max-width: 980px;
    background-color: #fff;
    padding: 0 20px 5px 20px;
    margin: 20px 0;
    font-size: 17px;
    box-sizing: border-box;
    position: relative;
    border-left: 5px solid #045eaa;
    padding-left: 15px;
    margin-block-start: 16px;
    margin-block-end: 16px;
    margin-inline-start: 25px;
    margin-inline-end: 10px;
}

  .key2 {
      width: 100%;
      max-width: 980px;
      background-color: #fff;
      padding: 10px 20px;
      margin: 20px 0;
      font-family: -apple-system, BlinkMacSystemFont, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
      font-size: 16px;
      box-sizing: border-box;
      position: relative;
      border-left: 5px solid #50C878;
      padding-left: 15px;
      margin-block-start: 16px;
      margin-block-end: 16px;
      margin-inline-start: 25px;
      margin-inline-end: 10px;
}
.key1 h2, .key2 h2, .key3 h2 {padding:15px 0 0 15px; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight:600;}
.key1 h3, .key3 h3 {padding: 15px; font-family: "Proxima Nova", Arial, sans-serif; font-size: 22px; font-weight: 600;}
.key1, .key2 ul { padding: 10px;}
.key2 ul {margin-block-start: -15px; margin-block-end: -10px; padding-inline-start: 10px;}
.key1 li, .key2 li {line-height: 1.5rem; padding:5px; margin-bottom:8px;
}

 .key2 ul {
      margin-block-start: -15px;
      margin-block-end: -10px;
      padding-inline-start: 10px;

}
  .expanded2 .fui ol li, .expanded2 .fui ul li, .sc-dkmKIT6 .fui ol li, .sc-dkmKIT6 .fui ul li {
      margin: .9375rem 0;
      padding-left: 1.25rem;
      font-size: 1.0375rem;
      line-height: 1.75rem;
      letter-spacing: .04rem;
}
  .key3
    {
      width: 100%;
      max-width: 1400px;
      background-color: #fdf6e5;
      margin-block-start: .5rem;
      margin-block-end: 1rem;
      margin-inline-start: .3125rem;
      margin-inline-end: .3125rem;
      font-family: "Proxima Nova", Arial, sans-serif;
      font-size: 1rem;
      box-sizing: border-box;
      position: relative;
      border-left: .3125rem solid #f8d172;
      padding: 15px 15px 5px 25px;
      margin: 1.5625rem 0 1.875rem 0;
}
   .key3 p {
      margin-left: 10px;
      margin: 0 0 4px 0;
      line-height: 24px;
      letter-spacing: 1px;
}
   .key3 ol {
      list-style-type: decimal;
      margin-top: -8px;
      padding-left: 10px;
}
  .key3 li {
      margin: 0px 0px 10px 0px;
      margin-left: 5px;
      padding: 0 9px 0 10px;
      padding-left: 10px;
      line-height: 23px;
      font-size: 15px;
      letter-spacing: 1px;
}
  .key4
    {
      max-width: 1400px;
      padding: 5px 20px;
      margin: 20px auto;
      font-family: "Proxima Nova", Arial, sans-serif;
      font-size: 16px;
      box-sizing: border-box;
      position: relative;
      border-left: none;
      padding-left: 15px;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 25px;
      margin-inline-end: 10px;
}
.key4 li {
    margin: 0px 0px 10px 0px;
    margin-left: 5px;
    padding: 0 9px 0 10px;
    padding-left: 10px;
    line-height: 23px;
    font-size: 15px;
    letter-spacing: 1px;
}
.alert-warning {
    color: #251f0e;
    font-weight: 600;
    padding: 1rem .75rem !important;
}
 
ul.three-column-list {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    text-align: left;
    list-style-type: circle;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    line-height: 24px;
    margin: 18px 0 24px 25px;
    padding-left: 20px;
}
ul.three-column-list li {
    margin-bottom: 0.875rem;
}

ul.fourCol-list {
    -moz-column-count: 4;
    -moz-column-gap: 8px;
    -webkit-column-count: 4;
    -webkit-column-gap: 8px;
    column-count: 4;
    column-gap: 8px;
    text-align: left;
    list-style-type: circle;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 20px;
    margin: 18px 0 10px 12px;
    padding-left: 18px;
}
ul.fourCol-list li {
    margin-bottom: 0.5rem;
}

.cta-buttons {
    display: flex;
    gap: 12px;
    justify-content: left;
}
button.cta-2 {
    display: inline-block;
    background: #85bb65;
    color: #fff;
    border: 2px solid #85bb65;
    padding: 11px 22px;
    cursor: pointer;
    font-size: 1.1875rem;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    vertical-align: middle;
    margin: 8px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
button.cta-2::after {
    content: "";
    background: url("assets/icons-arrow-right-white-21.png");
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-left: 8px;
    margin-top: 2px;
    padding-left: 5px;
    font-size: 1.625rem;
}

button.cta-3 {
    display: inline-block;
    background: #fff;
    color: #588c5d;
    border: 2px solid #588c5d;
    padding: 8px 24px;
    cursor: pointer;
    font-size: 1.15rem;
    font-weight: 500;
    border-radius: 50px;
    text-decoration: none;
    vertical-align: middle;
    margin: 8px auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
button.cta-3::after {
    content: "";
    background: url("assets/icons-arrow-right-dverde-21.png");
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    margin-left: 8px;
    margin-top: 2px;
    padding-left: 5px;
    font-size: 1.625rem;
}
.estimate2 {
    padding: 1.5rem;
    background-color: #fff0;
}
.estimate-content, .estimate2-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 2rem;
}
.estimate2-content .card, .estimate2-content .card2 {
    background-color: #fff0;
    padding: 1rem;
    border-radius: 5px;
    position: relative;
    width: 45%;
    display: flex;
}
.estimate2-content .card {
    flex-direction: row;
}
.estimate2-content .card2 {
    flex-direction: row;
    border: 1px solid #a2a2a2;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1);
}
.estimate2-content .card-text {
    padding: 15px 15px 10px;
}
.estimate-content .card h3, .estimate2-content .card h3, .estimate2-content .card2 h3 {
    font-size: 19px;
    margin: 0;
    padding: 0 .5rem;
    width: 100%;
    position: relative;
}
.estimate-content .card-text p, .estimate2-content .card-text p {
    display: block;
    line-height: 28px;
    width: 100%;
}
.estimate2-content .card-text p a {
     font-weight: 600;
     text-decoration: underline;
}

.estimate, .lprod-block {
    padding: 2rem;
    background-color: #f5f5f5;
}
.lprod-block h2.body_guide {
    color: #1c1b1a;
    text-align: center;
    font-size: 1.75rem;
    font-family: "Proxima Nova", Arial, sans-serif;
    line-height: 2.25rem;
}
.lprod-block h3.body_guide {
    color: #1c1b1a;
    text-align: center;
    font-family: "Proxima Nova", Arial, sans-serif;
    line-height: 2.25rem;
}

.lprod-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lprod-text {
    flex: 1 1 50%;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.lprod-text .card {
    flex: 1;
    flex-direction: column;
    padding: 15px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    font-weight: 400;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / .14),0 2px 2px 0 rgb(0 0 0 / .12),0 1px 3px 0 rgb(0 0 0 / .2);
    border-radius: .25em;
    box-sizing: border-box;
}
.lprod-text .card2 {
    flex: 1;
    flex-direction: column;
    padding: 15px 14px;
    border: 1px solid #ddd;
    text-align: center;
    font-weight: 400;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / .14),0 2px 2px 0 rgb(0 0 0 / .12),0 1px 3px 0 rgb(0 0 0 / .2);
    border-radius: .25em;
    box-sizing: border-box;
}

.list_item_title, .lprod-text .list_item_title {
    font-size: 19px;
    font-weight: 700;
    padding-top: 6px;
}
.lprod-text ul li {
    font-size: 1.03125rem;
    line-height: 30px;
    text-align: left;
}
.lprod-text p {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    max-width: 420px;
    padding-top: 4px;
    margin-bottom: .25rem;
}
 blockquote {
        border-left: 4px solid #0066cc;
        padding-left: 20px;
        margin: 20px 0;
        font-style: italic;
        line-height: 1.5;
    }
 blockquote.upick {
        border-left: 5px solid #8a00c2;
        padding: 10px 0 10px 20px;
        margin: 25px 0;
        font-style: italic;    
        font-size: 17px;
    }

 /* Trust Signals Section */
.trust_clients {display: flex;justify-content: space-around; background-color: white; padding: 20px;border-radius: 10px;margin: 20px auto;width: 80%; max-width: 900px;}
.trust_clients .rating {text-align: center;}
.trust_clients .rating img {width: 66px; height: 28px; margin-bottom: 10px; }
.rating .stars { display: flex;justify-content: center; margin-bottom: 10px; }
.rating .stars span {color: #ffab36;}
.rating span {font-size: 16px; color: #333;}
.rating p {font-size: 14px; color: #888;}
.rating img {width: 20px; height: 20px; margin-top: 5px;}

hr.s3 {
  height:6px;
  margin-top: 40px;
  border-bottom:2px solid #646466;
}
hr .5ifty {padding: 25px 0 0 0; max-width: 480px !important;}
.animtedd {
      margin: 0 .2em;
      padding: 0 1em;
      cursor: pointer;
      background: #fff;
      text-decoration: none;
      color: #666;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      -webkit-font-smoothing: antialiased;
}
.footer-container .fa-stack{font-size:60%;}
.footer-container .fa-inverse{color:#282828;}
.footer-container .social-icons li{margin-right:5px;}
.footer-container .col-md-4 h4 {font-size: 14px; font-weight: 400;margin-bottom:10px; line-height: 18px;}
 footer.short {
    font-size: 14px;
    color: #c6c7c8;
}
.bg-secondary-1 {background-color: #2c3e50 !important;
}
ul.rateSample {list-style-type: none; padding: 0; margin-top: 0;}
        ul.rateSample li {margin-bottom: 5px; line-height: 1.5; font-size: 16px; padding-left: 10px;}
        .highlight {font-weight: 800; color: #2a7ae2;}
        p span.rateDisclaim {font-size: 15px; color: #222; margin-top: 10px; line-height: 1.5; padding-left: 4px;}
footer.short {
    font-size: 14px;
    color: #fff;
}
footer {
    padding-top: 30px;
    padding-bottom: 20px;
    display: block;
    background-color: #edeaea;
}
footer a {text-decoration: none; }
footer a:hover {text-decoration: underline; color: #e9e9e9;}

.footer {
    padding: 40px 20px;
    background-color: #ebebeb;/*f1f1f3;*/
    color: #4e4e4e;/*fff*/
    display: block;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.footer-content p {
   color: #4e4e4e;/*c5c5c5;*/
   line-height: 1.275rem;
   font-size: .9275rem;
   padding: 0 1.5rem;
   text-align: justify;
}
.footer-content p a {
     color: #4e4e4e;/*c5c5c5;*/
     text-decoration: none;
}

.footer-column {
    flex: 1;
    padding-left: 3%;
   text-align: justify;
}

.footer-column h3 {
    font-size: 1.2rem;
    padding-top: 6px !important;
}

.footer-column  p {
   color: #4e4e4e;
   line-height: 1.275rem;
   font-size: .9275rem;
   padding: 0 0.25rem;
}

.footer-column ul {
    list-style-type: none;
    padding: 0;
    margin-left: 3%;
}
.footer-column ul li {
      margin: 5px 0;
      color: #4e4e4e;
      font-size: 0.90rem;
}
.footer-column ul li.phyadd {
     margin: 5px 0;
     color: #4e4e4e;
    font-size: 0.9275rem;
}
.footer-column ul li img {
    display: inline-block;
    height: 60px;
    width: auto;
}
.footer p.eligbl {
   padding: 10px  50px;
}
.text-xsmall {
    font-size: 0.875em !important;
    color: #4e4e4e;/*c5c5c5;*/
}
.text-xsmall a {
   color: #4e4e4e;/*c5c5c5;*/
   text-decoration: none;
}
.text-xsmall a:hover {
   color: #2081bf;
   text-decoration: underline;
}
.text-txsml {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem !important;
    color: #4e4e4e;/*c5c5c5;*/
    margin: 0;
    padding: 10px  50px;
}
.pagination {
  text-align: center;
  margin: 60px 0 0 0;
}
.pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination li {
  display: inline-block;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 7px;
}
.pagination li.current-page {
  color: #777;
}
.pagination li a {
  color: #0079c1;
  text-decoration: none;
}
.pagination li a:hover {
  color: #333;
}
/* Styling for the cookie popup */
.cookie-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: white;
    border: 1px solid #ccc;
    padding: 15px;
    max-width: 480px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
}

.cookie-popup-content p {
    color: #333;
    line-height: 1.75;
    font-family: Poppins, Lato, Avenir, sans-serif;
    font-size: 0.80rem;
    color: rgb(0, 0, 0); 
    padding: 0 18px 15px 18px;
    margin-bottom: 10px;
}

.cookie-popup a {
    color: #0066cc;
    text-decoration: none;
}

.cookie-popup a:hover {
    text-decoration: underline;
}

.cookie-popup-buttons {
    display: flex;
    justify-content: space-between;
    margin: 10px 15px;
}

.cookie-btn {
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    background: rgb(0, 58, 250);
    border-color: rgb(0, 58, 250);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Roboto, "Open Sans", Arial, Helvetica;
    font-weight: 800; 
    width: 11.5em;
    max-width: 15em;
}

.accept-btn {
    background-color: #0066cc;
    color: white;
}

.decline-btn {
    background-color: #0066cc;/*f44336;*/
    color: white;
}

.preferences-btn {
    background-color: #fff;
    color: #888;
    border: 1px solid #888;
}

.cookie-btn:hover {
    opacity: 0.9;
}

  #scrollTopBtn {
    position: fixed;
    bottom: 14px;
    right: 14px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #5da0ca;              
    color: white;
    font-size: 22px;
    font-weight: 900;
    border: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(20px);
  }

  #scrollTopBtn:hover {
    background: #1d4ed8;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.4);
  }

  #scrollTopBtn.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  /* Optional: add a subtle pulse when it first appears */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(30px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  #scrollTopBtn.show {
    animation: fadeInUp 0.5s ease-out forwards;
  }


@media (max-width: 1024px){
     .banner h1{font-size:36px}
     .learn-more h2{font-size:32px;}
  }
@media (max-width: 920px) {
  nav .navbar{
    max-width: 100%;
    padding: 0 20px;
  }
  nav .navbar .logo a{
    font-size: 27px;
  }
  nav .navbar .nav-links{
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 220px;
    width: 100%;
    background:  #efefef;
    line-height: 40px;
    padding: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 1000;
  }
  nav .navbar .links li{
    padding: 0 10px;
    white-space: nowrap;
  }
  nav .navbar .links li a{
    font-size: 15px;
  }
  ul.links li {
   line-height: 40px;
  }
}
@media (max-width: 800px){
  nav{top: 0px; border-top: none; }
  .navbar .bx-menu{ display: block;
  }
  nav .navbar .nav-links{
    position: fixed;
    top: 0; 
    left: -100%;
    display: block;
    max-width: 280px;
    width: 100%;
    background-color:  #f4f3f3;
    line-height: 40px;
    padding: 20px;
    padding-left: 12px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 1000;
  }
  .navbar .nav-links .sidebar-logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sidebar-logo .logo-name{
    font-size: 25px;
    color: #000;
  }
   .sidebar-logo .logo-name img{
    padding-left: 10px;
  }
   .sidebar-logo  i,
   .navbar .bx-menu{
      font-size: 35px;
      color: #000;
      cursor: pointer;
    }
  nav .navbar ul.links{
    display: block;
    margin-top: 20px;
  }
 nav .navbar ul.links li {
    display: block !important;
  }

  nav .navbar .links li .arrow{
    line-height: 40px;
  }
nav .navbar .links li{
    display: block;
  }

nav .navbar .links li .sub-menu{
  position: relative;
  top: 0;
  box-shadow: none;
  display: none;
}

nav .navbar .links li .sub-menu li{
  border-bottom: none;
}
.navbar .links li .sub-menu .more-sub-menu{
  display: none;
  position: relative;
  left: 0;
}
.navbar .links li .sub-menu .more-sub-menu li{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.links li:hover .htmlcss-arrow, .links li:hover .js-arrow, .links li:hover .php-arrow, .links li:hover .yin-arrow, .links li:hover .zen-arrow {
  transform: rotate(0deg);
  }
  .navbar .links li .sub-menu .more-sub-menu{
    display: none;
  }
  .navbar .links li .sub-menu .more span{
    display: flex;
    align-items: center;
  }
  .links li .sub-menu .more:hover .more-sub-menu{
    display: none;
  } 

nav .navbar .links li:hover .htmlCss-sub-menu, nav .navbar .links li:hover .js-sub-menu, nav .navbar .links li:hover .php-sub-menu, nav .navbar .links li:hover .yin-sub-menu, nav .navbar .links li:hover .zen-sub-menu {
    display: none;
  }
  .navbar .nav-links.show1 .links .htmlCss-sub-menu,
  .navbar .nav-links.show2 .links .js-sub-menu,
  .navbar .nav-links.show3 .links .php-sub-menu,  
  .navbar .nav-links.show4 .links .yin-sub-menu, 
  .navbar .nav-links.show5 .links .zen-sub-menu {
      display: block;
    }
    .navbar .nav-links.show1 .links .htmlcss-arrow, 
    .navbar .nav-links.show2 .links .js-arrow,  
    .navbar .nav-links.show3 .links .php-arrow, 
    .navbar .nav-links.show4 .links .yin-arrow,  
    .navbar .nav-links.show5 .links .zen-arrow  {
        transform: rotate(180deg);
}
    .navbar .nav-links.show2 .links .more-arrow{
         transform: rotate(90deg);
    }
.utility-menu23 {
     overflow: hidden; 
     clip: rect(0 0 0 0); 
     height: 1px; width: 1px; 
     margin: -1px; padding: 0; border: 0;
    }
    .banner-img/*, .banner-img1*/ {width: 0; opacity: 0; display: none; object-fit: none; object-position: right;
     mask-image: none; /*linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 0%);*/
    -webkit-mask-image: none; /* linear-gradient(to left, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 95%);*/
   }
 .banner::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      z-index: 2;
      background: none;
   }
  .banner-img1 {
      width: 100%;
      object-position: center;
      mask-image: none;
     -webkit-mask-image: none;
   }

  .banner_nbg::after { 
    width: 100%;
    background: rgba(0, 0, 0, 0.5); 
    background: linear-gradient(to left,rgba(46, 102, 151, 0.80) 0%, rgba(46, 102, 151, 0.80) 100%);
    z-index: 1;
  }
    .banner h1, .banner_nbg h1 {font-size: 34px; }
    .banner p, .banner_nbg p { margin: 0; color: rgba(255,255,255,0.9); font-size: 18px; line-height: 1.5; }
    .bContainer {position: relative; z-index: 2; }    
    .banner h1, .banner_nbg h1 { max-width: 100%;} 
    h2 {font-size: 1.625rem;}
    h3, .text-content h3 {font-size: 1.325rem; margin: 12px 0 8px 0; }
    }
    .ti-mobile, .ti-email {font-size:16px; }
    
 @media (max-width: 768px) {
  .tab { font-size: 15px;}
  .tabs {
       gap: 25px;
       padding: 20px 25px;
    }
  .faq-section {
           padding: 20px 15px !important; }
  .faq-title {font-size: 16px; }
  .faq-item::after {left: 6%; width: 90%;}
  .faq-content {font-size: 16px; }
  .faq-icon {font-size: 22px; }
    /* .banner-img {width: 100%; opacity: 0.25; object-position: center; }*/
 .heRo-wrp {flex-direction: column; text-align: center; padding: 30px 20px;}
 .heRo-media, .heRo-content {width: 100%;}
 .heRo-content h1 {font-size: 33px;}
 .heRo-content h2 {font-size: 29px;}
 .heRo-content p {font-size: 16px;}
 .Hbullets {text-align: left; margin: 20px auto; max-width: 400px;}
 .nternLbnr--inner {flex-direction: column; text-align: center; gap: 40px;}
 .nternLbnr-left, .nternLbnr-right, .nternLbnr-left2 {width: 100%;}
 .nternLbnr-left h1, .nternLbnr-left2 h1 {font-size: 36px;}
 .nternLbnr-subtext { font-size: 16px; margin: 0 auto 25px;}
 .nternLbnr-bullets {
        text-align: left;
        margin: 0 auto;
        max-width: 460px;
        font-size: 16px;
    }
 .nternLbnr-bullets .bullet-item span {
    font-size: 17px;
    font-weight: 500;
   }
 .nternLbnr-right img {
    width: 92%;
    margin: 0 auto;
  }
 p.nternLbnr-footnote {
       text-align: justify !important;
       margin-block-start: 0;
   }
 .ntrnl--btn {
        display: inline-block;
        margin-bottom: 20px;
    }

 .learn-grid {grid-template-columns: 1fr; }
 .full-width { padding: 80px 0; }
 .content-wrapper,  .content-wrapper.reverse {
        grid-template-columns: 1fr;
        gap: 40px;
      }
 .section-con-img { padding: 60px 20px; }
 .image {
        width: 100%;
        max-width: none;
        height: 320px;
        order: -1;               
      }
 .cards3 {flex-direction: column;
       }
 .card3 {width: 100%;  margin-top: 15px;
      }
 .card3 img { height: 100%; max-height: 230px;
      }

 .sc-dkmKIT6 {padding: 1.275rem; background-color: #fff;}
 .key1, .key2, .key4 {
        padding: 0 10px 5px 6px;
        padding-left: 10px;
        margin-block-start: 0.25em;
        margin-inline-start: 6px;
   }
 ul.three-column-list { padding-left: 4px; }
 ul.fourCol-list { padding-left: 6px;}
 ul.fourCol-list li {padding-inline-start:0.0625rem;} 
 button.cta-2 {
      padding: 8px 18px;
      cursor: pointer;
      font-size: 1.025rem;
   }        
 .comparison, .estimate, .estimate2, .trends {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.25rem;
       } 
 .estimate-content, .estimate2-content {
        justify-content: center;
        margin-right: 15px;
    }
 .bio-section, .estimate-content, .estimate2-content, .lprod-text {
         flex-direction: column;
    }
 .estimate-content .card, .estimate2-content .card, .estimate2-content .card2, .insights-section .service, .pro-service {
            width: 100%;
      }
   .estimate2-content .card2 {
        padding: 1rem;
        margin: .375rem 1rem 2rem 0;
        width: 96%;
    }
   .estimate-content .card-text, .estimate2-content .card-text {
          width: 90%;
          flex-direction: column;
          padding: 15px;
        }
   .lprod-text {
        flex: 1 1 100%;  
        flex-direction: column;
       }
 .trust_clients {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
    }
   .pagination li {font-size: 1em; margin: 0 5px;}
    ul.three-column-list {padding-left: 4px;}
    ul.fourCol-list {-moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px;}
   .footer-content {flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
   .footer-column {flex: 1 1 97%; max-width: 97%;}
   .ct_testimonial {flex: 1 1 100%;
        }
    }
 @media (max-width: 679px) {
    nav .navbar { padding: 0 10px;} 
   .disclo {padding: 0 1.625rem;}
   .nternLbnr--in8 {max-width: 100%; gap: 10px; justify-content: center;}
   .calcHro_card { padding: 15px;}
   .calcHro_content {flex-direction: column; text-align: center; justify-content: center;}
   .calcHro_title{ font-size: 24px;}
   .calcHro_image {order: -1; width: 100%; margin-bottom: 20px; }
   .calcHro_image img{ width: 86%; height: auto; display: block; margin-left: auto; margin-right: auto;}
   .calcHro_text{ max-width: 100%;}
   .calcHro_btn {margin: 20xpx auto 0 auto;}
  }

  @media (max-width: 620px) {
    .trends { padding: .625rem; 
    }
    .comparison table,
    .comparison tbody,
    .comparison td,
    .comparison th,
    .comparison thead,
    .comparison tr,
    .trends table,
    .trends tbody,
    .trends td,
    .trends th,
    .trends thead,
    .trends tr {
        display: block;
        width: 100%;
    } 
   .comparison tbody tr, .trends tbody tr {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 10px 10px 0;
      border: 1px solid #ddd;
      padding: 10px;
   }
    .comparison h2,
    .comparison h3 {
        font-size: 21px;
        text-align: center;
    }
    .comparison thead,
    .trends thead {
        display: none;
    }
    .comparison tbody td:nth-child(odd),
    .trends tbody td:nth-child(odd) {
        background-color: #f9f9f9;
    }
    .comparison tbody td:nth-child(2n),
    .trends tbody td:nth-child(2n) {
        background-color: #fff;
    }
    .comparison tbody tr,
    .trends tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 10px 10px 0;
        border: 1px solid #ddd;
        padding: 10px;
    }
    .comparison tbody td {
        display: flex;
        justify-content: space-between;
        padding: 8px;
        text-align: left;
        border: none;
        margin-right: 15px;
    }
    .comparison tbody tr td:first-child {
        flex-basis: 100%;
        font-weight: 600;
        background-color: #588c5d;
        padding: 10px;
        text-align: left;
        color: #f1f1f1;
    }
    .trends tbody tr td:first-child {
        flex-basis: 100%;
        font-weight: 600;
        background-color: #2e6697;
        padding: 10px;
        text-align: left;
        color: #f1f1f1;
    }
    .comparison tbody tr td:not(:first-child):before,
    .trends tbody tr td:not(:first-child):before {
        content: attr(data-label);
        font-weight: 700;
        flex: 1;
        margin-right: 2px;
    } 
 } 

   @media (max-width: 480px) {
      .text-content h3 {
          font-size: 1.75rem;
      }
      .image { height: 260px; }
      .text-content h3 { font-size: 1.75rem; 
        }
     .navbar .logo a {font-size: 15px;}
     .navbar .logo a img {font-size: 14px;}
     nav .navbar .logo img {width: 135px; height: 55px;}
     .navbar .search-box i, .cta-but i{
       position: absolute;
       height: 100%;
       width: 100%;
       line-height: 40px;
       text-align: center;
      font-size: 22px;
  }
.button {
     font-size: 17px;
     padding: 6px 15px;
  }
 .Hdrbtn, .Hdrbtn a {
     padding: 4px 12px;
     font-size: 14px;
     font-weight:600;
} 
 .Hdrbtn a {margin-top: 4px;}
 i.fa-mobile-phone {font-size:20px;font-weight:normal;padding-right:3px;}
 .cspace350 {height:30px; width:100%;}
 .btn-primary.btn-filled {margin:0 auto!important; text-align:center;}
    }

@media (max-width: 420px) {
    .banner h1, .banner_nbg h1 {font-size:30px;}
}
@media only screen and (max-width: 400px) {
    .lca-table {font-size: 12px;}
    .lca-table th  {padding: 6px;}
    .vertical-cell {padding: 3px 0;
    }
}
@media only screen and (max-width:380px){
    span a.phonenum {font-size:12px !important;
    }
 }
header.title2 {
    height: 75px;
    position: relative;
    overflow: hidden;
    background: #024E68;
}
blockquote.testimonials {
    font-size: 15px;
    font-weight: 300;
    color: #333333;
    font-style: italic;
    line-height: 24px;
    padding: 0px;
    border: none;
    margin-bottom: 14px;
}