@font-face {
    font-family: "Circular Std";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/circular-std-book.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "Circular Std";
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/circular-std-bold.ttf) format("truetype");
    font-display: swap
}

@font-face {
    font-family: "Circular Std";
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/circular-std-black.ttf) format("truetype");
    font-display: swap
}

body {
    font-family: "Circular Std";
    font-weight: 400;
    color: #686868
}

header {
    background-color: #4B6790;
    padding-top: 15px;
    padding-bottom: 15px; margin-bottom:20px;
}

@media(max-width: 991px) {
    header {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media(max-width: 991px) {
    header .navbar {
        position: static
    }
}

@media(max-width: 991px) {
    header .navbar .navbar-nav {
        display: block
    }
}

header .navbar .navbar-nav .nav-item .nav-link {
    padding-right: 25px;
    padding-left: 25px
}

header .navbar .navbar-nav .nav-item .nav-link.active {
    color: #1acc8d
}

@media(max-width: 991px) {
    header .navbar .navbar-toggler {
        box-shadow: none
    }
}

@media(max-width: 991px) {
    header .navbar .navbar-collapse {
        position: absolute;
        width: calc(100% - 24px);
        top: calc(100% - 10px);
        background: #4b6790;
        left: 0px;
        right: 0px;
        margin: auto;
        max-width: 696px;
        border-radius: .625rem;
        box-shadow: 0px 0px 20px rgba(173, 181, 189, .38)
    }
}

@media(max-width: 767px) {
    header .navbar .navbar-collapse {
        max-width: 516px
    }
}

@media(max-width: 991px) {
    header .navbar .header-btn-grp {
        padding: 20px 20px 6px
    }
}

footer {
    padding-top: 60px
}

@media(max-width: 991px) {
    footer {
        padding-top: 50px
    }
}

footer .social-list {
    margin-top: 60px
}

@media(max-width: 767px) {
    footer .social-list {
        margin-top: 30px
    }
}

footer .social-list li {
    width: 52px;
    height: 52px;
    background-color: #1acc8d;
    border-radius: 50px;
    margin-right: 20px
}

footer .social-list li a {
    line-height: 12px
}

footer .copy-right {
    border-top: 1px solid #dcdcdc;
    color: #a9a9a9
}