* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

body {overflow-x: hidden; }
body::-webkit-scrollbar { width: 8px; height: 5px; background-color: #f5f5f5;}
body::-webkit-scrollbar-track {background-color: #fafafa;}
body::-webkit-scrollbar-thumb {background-color: #f96332;}

a, button {color:initial; transition: 0.5s all; text-decoration-color: transparent;}
a:hover, button:hover {text-decoration-color: inherit; opacity:0.8 }
  
h1, h2, h3, h4, h5, h6, 
p, ol li, ul li, a.btn,
div { font-family: "Outfit", sans-serif; font-optical-sizing: auto; font-style: normal;font-weight: 500; }

h1, h2 {font-weight: 700;}
h3, h4, h5, h6 {font-weight: 600;}

h1 {font-weight: 700; font-size: 47.7px; line-height: 57.3px; color: #215370;}
h2 {font-weight: 700; font-size: 39.81px; line-height: 47.8px;}
h3 {font-weight: 600; font-size: 33.18px; line-height: 39.8px; color: #215370;}
h4 {font-weight: 600; font-size: 27.65px; line-height:38.7px;}
h5 {font-weight: 600; font-size: 23.04px; line-height:33.8px; color: #215370;}
h6 {font-weight: 600; font-size: 19.2px; line-height: 26.9px;color: #111D4A;   }

small {font-weight: 400;font-size: 13.33px; line-height:20px; }

p {font-size: 16px; font-weight:400; line-height:26px;}

.container-fluid {padding: 0;}
.navbar-toggler {border: none; padding-right: 0px;}

.olloBox {border: 2px solid #CED4DA;}
.active .olloBox {border: 2px solid #246C7B;}

ol li, ul li {font-size: 16px; font-weight: 400; line-height:30px; }
table {border: none; border-collapse: collapse; }
th, td { padding: 6px 0;font-size: 16px; }

tr { margin-bottom:5px; }

tr.examplePolicyDoc {border-bottom: 6px solid #fff;}

td.text-end {font-size: 19.2px; line-height: 26.9px; font-weight:600; color: #246C7B; }

/*a {text-decoration:unset;color: #246C7B;}*/
a {text-decoration:unset;color: #2B2990; font-weight:400; font-size:16px}
.teal {color: #215370!important;}
.eggblue {color: #31ABA6;}

.flex-auto {flex: 0 0 auto;}
.h-250 { height: 250px; }

blockquote { margin: 0 0 1rem 2rem!important; background-color: #fafafa; padding: 10px; }

.border-left {border-left: 1px solid #CED4DA; padding-left: 50px}

figure { position: relative; }
figcaption {font-size: 11px; margin-top: 5px; position: absolute; bottom: 0; left: 0px; background: #000; 
            color: #fff; padding: 5px 10px; text-transform: uppercase;}

.underNav { background-color: #E9F0F2; min-height: 310px; background-position:bottom center;
            background-repeat:no-repeat;}

.article { margin-top: -50px;}

.mainImage { width: 100%;}
.bannerImg {
    background-size: cover; height:initial;
    min-height: 350px;
    background-position: center;
}

.bg-light {background-color: #E9F0F2!important;}
ul.breadcrumb li  { font-size: 13.33px; font-weight:400; }
ul.breadcrumb li a { color: #246c7B;}

div.mainNavBlock a.btn {font-size: 16px;
    font-weight: 400;
    color: #111D4A !important; }

.btn {white-space:nowrap;}
.btn-light, .btn-dark, .btn-cyan:first-child {margin: 0 0!important ;}
.btn-light {border: 1px solid #246C7B; color: #246C7B; background-color: #fff;}
.nobr {border-radius: 10px}
.btn-dark {background-color: #111D4A;color: #fff;}
.btn-cyan {background-color: #3DD6D0 ;color: #111D4A;}

.btn-light,
.btn-dark,
.btn-cyan {font-size: 16px; font-weight: 400!important; margin: 0 8px; }

.btn-dark svg,
.btn-cyan svg {vertical-align: middle; color: #fff; 
    background-color: #ff7133; border-radius: 50px; padding: 4px;
    margin-left: 7px;}

div.cta {text-align:right;}

.ctaNumber,
.ctaOpeningHours {font-size: 13.33px; }
.ctaOpeningHours {color: #000411;}
.ctaNumber{color: #246c7B; }

div.ctaPhone  {font-size: 13.33px; margin-top:10px; }
div.ctaPhone {font-weight: 900; font-size:19.2px; color:#215370 }
div.ctaPhone svg {fill: #3DD6D0;    height: 20px; width: 20px;}

.feather-phone {fill:#3dd6d0; stroke: none;}

div.backBtn a.btn-light {background-color:#fff; border: 2px solid #DDE1E5;padding: 10px 10px; margin: 0; 
                         margin-top: 3px;}
div.backBtn a.btn-light:hover {color: #999;} 

.category a.btn-light {background-color:#E9F0F2; border: 2px solid #DDE1E5;
                       margin: 0 8px; color: #000411; border-radius: 50px;
                       padding: 5px 15px;
}

.popularBlock {height:100%;}

div.mainPost p img {border-radius: 40px; margin: 60px 0;}
div.pageFooter p {font-size: 20px; color: #111D4A; line-height: 27px; font-weight:500 }
img.authorPic {height: 64px; border-radius: 50px;}
div.authorBlock h5 {line-height: 0; padding-top: 15px;}

div.featured,
main.article { margin-top:-80px; }
main.article { margin-top:-80px; }
div.featured .divider{ margin-bottom: 80px; padding-top: 80px;}


.jumpTo { border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da;}

.footer {background: #246C7B;
            background-position:top center;background-repeat:no-repeat;
            }


div.footer section.footerBody {padding-top:100px;}

.footer section .row {margin-top: -0px;}
.border-left {padding-left: 50px;}
.smallIcon svg {vertical-align: middle; height: 16px; width: 16px; }

.largeIcon svg {vertical-align: sub; height: 30px; width: 30px; }

.card { padding: 20px; }
.card p { margin-bottom: 0; font-weight: 400;
    font-size: 16px;}

.linkRow .linkChild {margin-left: 10px!important;}
.linkRow .linkChild:first-child {margin-left: 0px!important;}

.accordion {position: relative; z-index:0}
.accordion .card .card-header { background-color: transparent; border: none; padding: 0; }
.accordion-button { padding: 0; color: #246C7B!important; font-weight: 600; font-size: 19.2px; }
.accordion-button:not(.collapsed) { padding: 0;  box-shadow: none; background-color: #fff;  }

.card-body { padding: 6px 0 0 0; }
.card:has(> .show) { border: 1px solid #246C7B !important; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; transition-duration: 0.5s; }
.btn.btn-link { font-size: 16px; }

.jumptoWrapper {display:inline;}
.jumptoTitle {font-weight: 500; font-size: 19.2px; padding: 0 15px;}
.jumptoAnchor {font-weight: 400; font-size: 16px; padding: 0 15px;}

.breadcrumb a {font-size: 13.33px}

.largeBody {font-weight:500; 
       color:#000411; 

}
.olloBody {font-weight:400; color:#000411;}
.smallText {font-weight:400; color:#000411;}

footer p, footer a,
footer div.ctaPhone {color: #fff;}

footer a {text-decoration:underline; font-size: 100%;}
footer .btn-link {color: #fff!important; width:160px; text-align:left; font-weight:400; font-size: 16px; padding: 0.1rem 0; }

footer hr {border-top :1px solid #fff;}
footer div.disclaimer p {font-size: 85%;}
.hideInMobile {display: none;}



#toTop {font-size: 2.2em;    opacity:0.8; text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    position: fixed; bottom: 20px; right: 20px; display:none;}

#toTop svg {  fill:#246C7B;}
#toTop a {color: #fff;}

#toTop.show {display:block;}


@media screen and (min-width: 1px) {    
    .hideInMobile {display: none!important;}
    .showInMobile {display: initial!important;}
    .underNav { min-height:280px!important;} 
    .underNav.multiLine { min-height:350px!important;} 
    .backBtn {margin-top: 25px;}
    div.backBtn h1 {margin-top: 6px;}
    .imgMobile {width:100%;}

    h1 {font-size: 32.4px; line-height: 38.9px;}
    h2 {font-size: 28.8px; line-height: 34.6px;}
    h3 {font-size: 25.6px; line-height: 30.7px;}
    h4 {font-size: 22.8px; line-height: 31.9px;}
    h5 {font-size: 20.3px; line-height: 24.4px;}
    h6 {font-size: 18px; line-height: 25.2px;}

    #knowledgeLanding h5 {font-size: 16px; line-height: 22.4px;}


    .largeBody { font-size: 18px; line-height: 25.2px; }
    .olloBody {font-size: 16px; line-height: 22.4px; }
    .smallText,small {font-size: 14.2px; line-height: 19.9px;}

    .mainImage { min-height: 192.85px;}
    div.mainPost p img { width: 100%;height: auto;}


    div.related:nth-child(even)  {margin-top: 0px;}

    div.featured .divider {margin-bottom:20px; padding-top: 20px;}
    div.moreArticles h5 {font-size: 16px; line-height:22.4px;padding-bottom: 4px!important; margin-bottom: 0!important;}


    .underNav { background-image: url("/images/curve-small.webp");}

    
    .footer {background-image: url("/images/footer-curve-small.webp"), linear-gradient(90deg, rgba(36, 108, 123, 1) 0%, rgba(17, 29, 74, 1) 100%);}
}

@media screen and (max-width: 768px) {
    #faq {margin-top:-90px;}
    #knowledgeLanding {margin-top:-145px;}
   
}

@media screen and (min-width: 768px) {
     div.mainPost p img { max-width: 588px;height: auto; }
     #faq,
     #knowledgeLanding {margin-top:-80px;}
    .imgMobile {width:auto;}
    .underNav { background-image: url("/images/curve.webp");}
    .footer {background-image: url("/images/footer-curve.webp"), linear-gradient(90deg, rgba(36, 108, 123, 1) 0%, rgba(17, 29, 74, 1) 100%);}
    #knowledgeLanding h5 {font-size: 20.3px; line-height: 24.4px;}
}

@media screen and (min-width: 992px) {
    .hideInMobile {display: initial!important;}
    .showInMobile {display: none!important;}
    .underNav { min-height:220px!important;} 
    .underNav.multiLine { min-height:330px!important;} 
    .backBtn { text-align:left; margin-top:0;}
    div.backBtn h1 {margin-top: -3px;}

    h1 {font-size: 47.7px; line-height: 57.3px; }
    h2 {font-size: 39.81px; line-height: 47.8px;}
    h3 {font-size: 33.18px; line-height: 39.8px;}
    h4 {font-size: 27.65px; line-height:38.7px;}
    h5 {font-size: 23.04px; line-height:33.8px;}
    h6 {font-size: 19.2px; line-height: 26.9px;}

    .largeBody { font-size: 19.2px; line-height: 26.88px; }
    .olloBody {font-size: 16px; line-height: 22.4px;}
    .smallText {font-size: 13.33px; line-height: 18.66px;}

    .mainImage { min-height: 500px;}
    div.mainPost p img { max-width: 588px;height: auto; }
    div.related:nth-child(even)  {margin-top: 20px;}
    div.related h5 {font-size:23.04px;}

    #faq,
    #knowledgeLanding {margin-top:-60px;}
    
}

@media screen and (min-width: 1200px) {
    
}
   

@media screen and (min-width: 1400px) {
    
}