/* Show it is fixed to the top */
body {

    padding-top: 5rem;
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 0.9rem;
}
nav {
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.05);
    font-size: 1rem;
}

.menu-link {
    color: #666;
    text-decoration: none;
}
footer a {
    color: #666;
    text-decoration: underline;
}
h1, h2, h3, h4, h5 { font-weight: 300;}

h1{color: #000; font-weight: 300; font-size: 2.0rem; border-bottom:1px solid #ccc;padding: 0 0 5px 0;}
h2{color: #117934; font-weight: bold; font-size: 1.3rem;  padding: 0px 0 20px 0; margin-top: 20px;}
h3{color: #000; font-weight: bold; font-size: 1.2rem; margin-top: 20px;}

.navbar .megamenu {
    padding: 1rem;

    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    border: none;
    border-radius: 0;
    background: #ffffff;
    box-shadow: inset 0px 10px 15px -3px rgba(0,0,0,0.05);
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }


}
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }


    .navbar .megamenu {
        box-shadow:none;
    }
    }
/* ============ mobile view .end// ============ */

.nav-item {margin-left: 10px; }
.logo {
    max-height: 50px;
}

.navbar-toggler {
    border: none;
}
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none !important;
        color: #117934;
    }

a {
    color: #117934;
}
h1 span {
    color: #117934;
}
.boxicon { width: 50px;}
.boxiconsmall {width: 1.75em; }
.box {
    background: #e3f6ea;
}

    .box a, .button {
        background: rgb(17,121,60);
        background: linear-gradient(312deg, rgba(17,121,60,1) 0%, rgba(17,155,57,1) 100%);
        border-radius: 28px;
        border: none;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        text-decoration: none;
        padding: 16px 41px;
    }
        .box a:hover {
            background: rgb(17,121,60);
            background: linear-gradient(312deg, rgba(17,121,60,0.9178265056022409) 0%, rgba(17,155,57,0.8870141806722689) 100%);
        }

.featurebox a {
    text-decoration: none;
    color: rgb(33, 37, 41);
    cursor: pointer;
}
.featurebox:hover, .featurebox:hover a {
    text-decoration: none;
    color: rgb(10, 88, 202);
    cursor: pointer;
}
.featurebox img {
    opacity: .5;
}
.footericon {
    height: 14px;
}