.text-dark2{
color: #000374 !important;
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, 
    #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
        color: #000374 !important;
    }
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-line nav > ul li > a {
        /*color: #3CA2D6 !important;*/
        font-weight:400 !important;

    }
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-line nav > ul li:hover > a {
        color: #3CA2D6 !important;
        font-weight:400 !important;

    }
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li > a:before, 
    #header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li:hover > a:before {
        top: -4px;
    }
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li > a:before, 
    #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li:hover > a:before {
        content: "";
        position:absolute !important;
        width: 100% !important;
        height: 2px !important;
        top: -2px;
        left: 0;
        background-color:#3CA2D6 !important;
       display:none !important;
       
    }
}


#header .header-body {
    display: flex;
    flex-direction: column;
    background: var(--light);
    transition: min-height 0.3s ease;
    width: 100%;
    border-top: 2px solid #3CA2D6;
    border-bottom: 1px solid transparent;
    z-index: 1001;
}

/*f00c*/
    .iconstyle {
        position: relative;
        padding-left:15px;
        text-align:left;
        display:inline-flex;
    }

        .iconstyle:before {
            content: "\f054"; /* this is your text. You can also use UTF-8 character codes as I do here */
            font-family: FontAwesome;
            left:0;
           padding-right:10px;
            position: absolute;
            top: 0;
            font-size:8px;
        }


         .iconstyle1 {
        position: relative;
        padding-left:55px;
        text-align:left;
        display:inline-flex;
    }

        .iconstyle1:before {
            content: "\f00c"; /* this is your text. You can also use UTF-8 character codes as I do here */
            font-family: FontAwesome;
            left:0;
           padding:5px;
           padding-left:12px;
           padding-right:12px;
            position: absolute;
            top: 0;
            font-size:15px;
            border:1px solid #000374;
            border-radius:25px;
        }

        .btn-primary {
   
    background-color: #000374 !important;
    border-color: #000374 !important;
    color: var(--primary-inverse);
}

 a.contactus  {
    background: #000374;
    padding: 13px;
    color: #ffffff;
    border-radius: 5px;
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 600;
    font-size: 11.5px;
    white-space: nowrap;
    text-decoration: none;
}
 a:hover.contactus {
     background: #3CA2D6 !important;
     color: #ffffff;
     text-decoration: none !important;
     
}


    html.sticky-header-active #header .header-body {
        position: fixed;        
        box-shadow: 0px 6px 15px -7px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px 6px 15px -7px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 6px 15px -7px rgba(0,0,0,0.25);   
        background:#ffffff !important;     
    }


    .breadcrumb > li + li:before {
    color: #FFFFFF !important;
    opacity: 0.9 !important;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    content: "\f105";
    padding: 0 7px 0 5px;
}