:root {
    --aeon-navy: #2d6584; /* Primary brand blue */
    --aeon-navy-dark: #1c3c5e;
    --aeon-navy-light: #85b8d8;
    --aeon-contrast-white: #ffffff;
    --aeon-outline-grey: #cccccc;
}

html {
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
}

p.lead {
    font-size: var(--font-md);
}


.main-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

html, body {
    margin: 0;
    padding: 0;
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    pointer-events: none;
}


/* loader */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff;
    display: table;
    text-align: center;
}


/* ===== Buttons ===== */
.btn-primary {
    background-color: #0f0f0f;
    border: 2px solid #f00;
    font-weight: 700;
    text-transform: uppercase;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: var(--aeon-navy-dark);
        border-color: var(--aeon-navy-dark);
        color: var(--aeon-contrast-white);
    }

.btn-outline-secondary {
    border-color: var(--aeon-navy);
    color: var(--aeon-navy);
    background-color: transparent;
}

    .btn-outline-secondary:hover,
    .btn-outline-secondary:focus {
        background-color: var(--aeon-navy);
        color: var(--aeon-contrast-white);
        border-color: var(--aeon-navy-dark);
    }

/* ===== Heading Colouring ===== */
h1, h2, h3, h4, h5, h6 {
    color: var(--aeon-navy-dark);
}

/* Optional: Add emphasis for H4s if needed */
h4 {
    font-weight: 600;
    border-left: 4px solid var(--aeon-navy);
    padding-left: 0.5rem;
}

/* Optional: Button spacing reset for better alignment */
.btn + .btn {
    margin-left: 1rem;
}

/* ===================================
    Navigation
====================================== */
.navbar-nav li.current > a, .navbar-nav li.active > a {
    color: #2d6584;
}


.navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


.header-style1 .navbar > ul > li.current > a:after, .header-style2 .navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


.header-style1.scrollHeader .navbar-nav li.current > a, .header-style2.scrollHeader .navbar-nav li.current > a, .header-style1.scrollHeader .navbar-nav li.active > a, .header-style2.scrollHeader .navbar-nav li.active > a, .header-style1.scrollHeader .navbar-nav li.current > a:hover, .header-style2.scrollHeader .navbar-nav li.current > a:hover, .header-style1.scrollHeader .navbar-nav li.active > a:hover, .header-style2.scrollHeader .navbar-nav li.active > a:hover {
    color: #2d6584;
}


.header-style1.scrollHeader .navbar > ul > li.current > a:after, .header-style2.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


/*Header style04*/
.header-style4 .navbar-nav li.current > a {
    color: #2d6584;
}


.header-style4 .navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


.header-style4 .navbar-nav li.active > a {
    color: #2d6584;
}


/*Header style06*/
.header-style6 .navbar-default {
    background: rgba(71, 88, 143, 0.85);
}


.header-style6.scrollHeader .navbar-default {
    background: #2d6584;
}


/*Header style08*/
.header-style8 .navbar ul ul li.active > a {
    color: #2d6584;
}


.header-style8 .navbar-nav li.current > a, .header-style8 .navbar-nav li.active > a {
    color: #2d6584;
}


.header-style8 .navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


.header-style8.scrollHeader .navbar-nav > li.has-sub > a:hover {
    color: #2d6584;
}


.header-style8.scrollHeader .navbar-nav li.current > a {
    color: #2d6584;
}


    .header-style8.scrollHeader .navbar-nav li.current > a:hover {
        color: #2d6584;
    }


.header-style8.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


.header-style8.scrollHeader .navbar-nav li.active > a {
    color: #2d6584;
}


    .header-style8.scrollHeader .navbar-nav li.active > a:hover {
        color: #2d6584;
    }


/*Menu area light*/
.menu_area-light .navbar-nav li.current > a, .menu_area-light .navbar-nav li.active > a {
    color: #2d6584;
}


.menu_area-light .navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


.menu_area-light.scrollHeader .navbar-nav li.current > a {
    color: #2d6584;
}


    .menu_area-light.scrollHeader .navbar-nav li.current > a:hover {
        color: #2d6584;
    }


.menu_area-light.scrollHeader .navbar > ul > li.current > a:after {
    border-color: transparent #2d6584 #2d6584 transparent;
}


.menu_area-light.scrollHeader .navbar-nav li.active > a {
    color: #2d6584;
}


    .menu_area-light.scrollHeader .navbar-nav li.active > a:hover {
        color: #2d6584;
    }


/*Header style05*/
.header-style5 #top-bar, .header-style5 .navbar-toggler {
    background: #2d6584;
}


/*Header style06*/
.header-style6 .navbar-default {
    background: rgba(71, 88, 143, 0.85);
}


/*Header style08*/
.header-style8 .navbar ul ul li.active > a {
    color: #2d6584;
}


.product-rating .fas:hover {
    color: #232323;
}


.blogs .post .content .btn {
    border-color: #6f6f6f;
    color: #6f6f6f;
    min-width: auto;
    padding: 6px 20px;
    font-size: 9.0px;
}


    .blogs .post .content .btn:hover {
        color: #fff;
        border-color: #F24259;
    }


.box-hover .container {
    position: relative;
}


.footer-social-icons2 ul {
    margin-bottom: 10px;
    margin-bottom: 0;
}


    .footer-social-icons2 ul li {
        display: inline-block;
        border: 1px solid #6f6f6f;
        border-radius: 50%;
        color: #6f6f6f;
        margin-right: 10px;
        margin-bottom: 0;
        -webkit-transition-duration: .3s;
        margin-bottom: 10px;
        transition-duration: 0.3s;
    }


        .footer-social-icons2 ul li a {
            color: #939393;
            display: block;
            font-size: 11.25px;
            height: 35px;
            line-height: 34px;
            text-align: center;
            margin-bottom: 10px;
            width: 35px;
        }


        .footer-social-icons2 ul li:hover {
            background: #2d6584;
            margin-bottom: 10px;
            border-color: #2d6584;
        }


            .footer-social-icons2 ul li:hover i {
                margin-bottom: 10px;
                color: #fff;
            }


.footer-list-style3 {
    margin-bottom: 10px;
    margin: 0;
}


    .footer-list-style3 li {
        list-style-type: none;
        color: #6f6f6f;
        margin-bottom: 10px;
        padding: 6px 0;
    }


        .footer-list-style3 li:first-child {
            margin-bottom: 10px;
            padding-top: 0;
        }


        .footer-list-style3 li a {
            font-size: 11.25px;
            font-weight: 400;
            margin-bottom: 10px;
            color: #6f6f6f;
        }


            .footer-list-style3 li a:before {
                content: '\f105';
                font-weight: 700;
                font-family: Font Awesome\ 5 Free;
                color: #6f6f6f;
                padding-right: 8px;
                -webkit-transition-duration: .3s;
                margin-bottom: 10px;
                transition-duration: .3s;
            }


            .footer-list-style3 li a:hover {
                margin-bottom: 10px;
                color: #232323;
            }


.footer-bar {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 50px;
    text-align: center;
    background: #191919;
    margin-bottom: 10px;
    color: #939393;
}


    .footer-bar span {
        color: #2d6584;
        font-size: 11.25px;
        margin-bottom: 10px;
        font-weight: 400;
    }


footer h3.footer-title-style6 {
    margin-bottom: 28px;
    margin-bottom: 10px;
    color: #636363;
}


h3.footer-title-style6:after {
    width: 100%;
    height: 1px;
    background: #d0d0d0;
    margin-bottom: 10px;
    margin-top: 15px;
}


.footer-bar {
    margin-bottom: 10px;
    margin-top: 30px;
}


    .footer-bar p {
        margin-bottom: 10px;
        font-size: 9.75px;
    }

.container,
footer {
    position: relative;
    z-index: 1;
    background-color: rgba(255,255,255, 0.85); /* semi-opaque to suppress particles */
    backdrop-filter: blur(3px);
}