body {
    background-color: #2d89ef;
}

header,
footer,
.bg-navy {
    background-color: rgb(0, 0, 116) !important;
}

.menu-logo-container {
    max-width: 165px;
}

.footer-logo-container {
    max-width: 125px;
}

.mobile-nav,
#mobile-nav.hmburger-menu {
    background-color: #0c77f3 !important;
    box-shadow: none !important;
}

.mobile-nav > ul > li.menu-item-has-children:before,
.mobile-nav > ul > li.menu-item-has-children.active:before {
    filter: grayscale(1) brightness(100);
}

.mobile-nav .res-cross {
    height: 40px;
}

.mobile-nav .res-cross:hover {
    cursor: pointer;
}

.mobile-nav .cls-leftright,
.mobile-nav .cls-rightleft {
    background-color: #ffffff !important;
}

.mobile-nav > ul > li > a {
    transition: 300ms;
}

.mobile-nav > ul > li a {
    color: #ffffffd5 !important;
    transition: 300ms;
}

.mobile-nav > ul > li.active a,
.mobile-nav > ul > li a:hover {
    color: #ffffff !important;
}

.mobile-nav > ul > li.menu-item-has-children.active > ul.sub-menu {
    margin-top: 20px;
    transition: 5ms;
}

header.header-style-three.fore .hamburger-icon svg,
header.header-style-three.fore .bar-menu svg {
    fill: #ffffff;
}

header.header-style-three.fore .sec-btn:before {
    background-color: #2d89ef;
}

@media screen and (max-width: 425px) {
    .mobile-nav,
    #mobile-nav.hmburger-menu {
        padding: 15px !important;
    }

    .res-cross {
        right: 15px;
    }
}

#scroll {
    box-shadow: none !important;
}

#scroll:hover {
    background-color: #1180ff;
}

.bg-blue {
    background: #2d89ef !important;
}

.bg-bright {
    background-color: #ffffff25 !important;
}

.bg-blue-darker {
    background-color: #1576e4 !important;
}

.bg-gray {
    background: #131313;
}

.bg-azure {
    background: #00b2b2 !important;
}

.text-blue {
    color: #2d89ef !important;
}

.text-azure {
    color: #00d1d1 !important;
}

.text-bright {
    color: #ffffffb5 !important;
}

.text-white {
    color: #ffffff;
    position: relative;
}

.gap-xl {
    padding-top: 210px;
}

.gap-sm {
    padding-top: 60px;
    padding-bottom: 60px;
}

footer .footer-info {
    position: relative;
    color: #ffffff;
}

footer a {
    transition: 300ms;
}

footer a:hover {
    color: #ffffff;
}

.h1-font {
    font-size: 56px;
    line-height: 64px;
}

@media screen and (max-width: 991px) {
    .h1-font {
        font-size: 46px;
        line-height: 54px;
    }
}

@media screen and (max-width: 767px) {
    .h1-font {
        font-size: 38px;
        line-height: 46px;
    }
}

.nowrap {
    white-space: nowrap;
}

.cta-section p {
    max-width: 820px;
    margin: auto;
    text-align: center;
}

.sec-btn.custom-btn {
    background: #ffffff !important;
    color: #2d89ef !important;
    border: 2px solid #ffffff;
    padding-top: 16px !important;
}

.sec-btn.custom-btn-2{
    color: rgb(0, 0, 116) !important;
}

.sec-btn.custom-btn:hover {
    transform: scale(1.025);
}

.sec-btn.custom-btn::before {
    display: none;
}

.hero-section {
    padding-bottom: 120px;
}

.hero-section:before {
    display: none;
}

.hero-section p {
    width: 100%;
    max-width: 100%;
    font-size: 18px;
    line-height: 28px;
}

@media screen and (max-width: 991px) {
    .hero-section {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 576px) {
    .hero-section {
        padding-bottom: 40px;
    }
}
