.header .nav-menu a {
    font-size: 10px !important;
}

.header .nav-menu a.dropdown-item {
    padding: 0.5rem 2rem !important;
}

.header .nav-menu a.active {
    border-bottom: 1px solid white !important;
}

.header .nav-menu {
    margin-top: -30px !important;
}

.header .logo {
    margin-top: -30px !important;
    margin-left: 40px !important;
}

.active {
    background-color: #fff !important;
    transition: all 0.1s ease-in;
    height: 60px !important;
}

.active .nav-menu a {
    color: black !important;
}

.header .top-navbar {
    height: 60px !important;
}

/* Red Hat Display*/
@font-face {
    font-family: RedHatDisplay;
    src: url('../../nexbridge/bootstrap_4.8.7/font/Red_Hat_Display/static/RedHatDisplay-Regular.ttf');
}

@font-face {
    font-family: RedHatDisplay Italic;
    src: url('../../nexbridge/bootstrap_4.8.7/font/Red_Hat_Display/RedHatDisplay-Italic-VariableFont_wght.ttf');
}

@font-face {
    font-family: RedHatDisplay Bold;
    src: url('../../nexbridge/bootstrap_4.8.7/font/Red_Hat_Display/static/RedHatDisplay-Bold.ttf');
}

@font-face {
    font-family: RedHatDisplay BLACK;
    src: url('../../nexbridge/bootstrap_4.8.7/font/Red_Hat_Display/static/RedHatDisplay-Black.ttf');
}

/* font family */

* {
    font-family: RedHatDisplay !important;
}

.font-heading-services {
    font-family: RedHatDisplay BLACK !important;
    font-size: 80px !important;
}

.font-title {
    font-family: RedHatDisplay BLACK !important;
    font-size: 60px !important;
}

.font-heading-80 {
    font-family: RedHatDisplay BLACK !important;
    font-size: 80px !important;
}

.font-heading-76 {
    font-family: RedHatDisplay BLACK !important;
    font-size: 76px !important;
}

.font-heading-64 {
    font-family: RedHatDisplay BLACK !important;
    font-size: 56px !important;
}


.font-heading-63 {
    font-family: RedHatDisplay bold !important;
    font-size: 50px !important;
}

.font-heading {
    font-family: RedHatDisplay BLACK !important;
    font-size: 40px !important;
}

.font-title-services {
    font-family: RedHatDisplay bold !important;
    font-size: 30px !important;
}

.font-subheading-36 {
    font-family: RedHatDisplay BLACK !important;
    font-size: 36px !important;
}

.font-subheading-32 {
    font-family: RedHatDisplay !important;
    font-size: 32px !important;
}

.font-subheading-bold {
    font-family: RedHatDisplay bold !important;
    font-size: 20px !important;
}

.font-subheading-black {
    font-family: RedHatDisplay BLACK !important;
    font-size: 20px !important;
}

.font-title-services-reg {
    font-family: RedHatDisplay !important;
    font-size: 32px !important;
}

.font-subheading {
    font-family: RedHatDisplay !important;
    font-size: 18px !important;
}

.font-subtext {
    font-family: RedHatDisplay !important;
    font-size: 16px !important;
}

.font-subtext-bold {
    font-family: RedHatDisplay BLACK !important;
    font-size: 18px !important;
}

.font-subtext-14 {
    font-family: RedHatDisplay !important;
    font-size: 14px !important;
}

.text-bold {
    font-family: RedHatDisplay bold !important;
}

/* default-padding */

.default-padding {
    padding: 1rem 13% !important;
}

/* Button */
.default-button {
    font-size: 14px !important;
    border: 2px solid #828282;
    border-radius: 40px !important;
    padding: 1rem 4rem !important;
    text-decoration: none;
    font-family: RedHatDisplay bold !important;
}

.default-button-exp {
    font-size: 16px !important;
    border: 2px solid #828282;
    border-radius: 40px !important;
    padding: .8rem 3.5rem !important;
    text-decoration: none;
    font-family: RedHatDisplay bold !important;
}

.default-button-sm {
    font-size: 10px !important;
    border: 2px solid #828282;
    border-radius: 20px !important;
    padding: 10px 30px !important;
    text-decoration: none;
}

.default-button-md {
    font-size: 15px !important;
    border: 2px solid #828282;
    border-radius: 25px !important;
    padding: 8px 25px !important;
    text-decoration: none;
}

.default-button-lg {
    font-size: 16px !important;
    font-family: RedHatDisplay bold !important;
    border: 2px solid #828282;
    border-radius: 30px !important;
    padding: 1rem 4rem !important;
    text-decoration: none;
}

.search-btn {
    font-size: 0.8em !important;
    font-style: italic !important;
    border: 2px solid #ebebeb;
    background-color: #ebebeb;
    border-radius: 10px !important;
    padding: 8px 90px !important;
    text-decoration: color(#c2bebe);
    text-align: left !important;
}


/* bg colors */

.bg-light-blue {
    background-color: #d5ecfc !important;
}

.text-blue {
    color: #0071bc !important;
}

.bg-blue {
    background-color: #0071bc !important;
}

.border-blue {
    border-color: #0071bc !important;
}

.text-green {
    color: #8cc63f !important;
}

.bg-green {
    background-color: #8cc63f !important;
}

.border-green {
    border-color: #8cc63f !important;
}

.bg-black {
    background-color: #082433 !important;
}

.border-black {
    border-color: #082433 !important;
}

.bg-navy-blue {
    background-color: #082433 !important;
}

/* rounded */

.rounded-sm {
    border-radius: 1.3rem !important;
}

.rounded-md {
    border-radius: 2rem !important;
}

.rounded-xl {
    border-radius: 5.25rem !important;
}

/* font size */

.content-fs {
    font-size: 12px !important;
}

.sub-heading-fs {
    font-size: 15px !important;
}

/* OTHER SERVICES */
.card-container {
    padding: 1.5rem;
}

.card-img {
    height: 230px;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 540px) and (max-width: 600px) {
    .other-services-container {
        padding: 0rem 10% !important;
    }
}

@media (min-width: 601px) and (max-width: 700px) {

    .card-container {
        padding: .5rem !important;
    }

    .card-img {
        height: 110px !important;
    }

}

@media (min-width: 701px) and (max-width: 800px) {
    .card-container {
        padding: .5rem !important;
    }

    .card-img {
        height: 140px !important;
    }

}

@media (min-width: 768px) and (max-width: 798px) {

    .card-container {
        padding: .8rem !important;
    }

    .card-img {
        height: 130px !important;
    }
}

@media (min-width: 801px) and (max-width: 962px) {
    .card-container {
        padding: 1rem !important;
    }

    .card-img {
        height: 130px !important;
    }
}

@media (min-width: 962px) and (max-width: 1023px) {

    .card-img {
        height: 200px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {

    .other-services-container p,
    .other-services-container h2 {
        margin: .5rem 0 !important;
    }

    .card-container {
        padding: 1rem !important;
    }

    .other-btn a {
        margin-top: 1rem !important;
    }

    .card-img {
        height: 180px !important;
    }
}

@media (min-width: 1280px) and (max-width: 1365px) {

    .other-services-container p,
    .other-services-container h2 {
        margin: 1rem 0 !important;
    }

    .card-container {
        padding: 1rem !important;
    }

    .card-img {
        height: 200px !important;
    }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    .card-img {
        height: 200px !important;
    }

    .other-services-container p,
    .other-services-container h2 {
        margin: 1rem 0 !important;
    }
}

@media (min-width: 1920px) {

    .card-img {
        height: 300px !important;
    }
}

@media (min-width: 2200px) {

    .card-img {
        height: 350px !important;
    }

}

/* sm */
@media (min-width: 576px) {
    .text-sm-left {
        text-align: start !important;
    }
}

/* md */
@media (min-width: 768px) {
    .text-md-left {
        text-align: start !important;
    }
}

/* lg */
@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
}

@media only screen and (max-width: 600px) and (min-width: 360px) {

    .font-heading-services {
        font-family: RedHatDisplay BLACK !important;
        font-size: 35px !important;
    }

    .font-title {
        font-family: RedHatDisplay BLACK !important;
        font-size: 30px !important;
    }

    .font-heading-76 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 32px !important;
    }

    .font-heading-63 {
        font-family: RedHatDisplay bold !important;
        font-size: 40px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 28px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 26px !important;
    }

    .font-subheading-32 {
        font-family: RedHatDisplay !important;
        font-size: 16px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 16px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 14px !important;
    }

    .font-subtext {
        font-family: RedHatDisplay !important;
        font-size: 14px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 40px !important;
    }

    .font-title-services-reg {
        font-family: RedHatDisplay !important;
        font-size: 20px !important;
    }

    /* default-padding */
    .default-padding {
        padding: 1rem 10% !important;
    }

    .default-button {
        font-size: 16px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: .8rem 2.5rem !important;
        text-decoration: none;
    }

    .default-button-lg {
        font-size: 14px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: .8rem 2.2rem !important;
        text-decoration: none;
    }

    .default-button-exp {
        font-size: 16px !important;
        border: 2px solid #828282;
        border-radius: 50px !important;
        padding: .8rem 3rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }
}

@media only screen and (max-width: 960px) and (min-width: 601px) {

    .font-heading-services {
        font-family: RedHatDisplay BLACK !important;
        font-size: 40px !important;
    }

    .font-title {
        font-family: RedHatDisplay BLACK !important;
        font-size: 30px !important;
    }

    .font-heading-76 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 32px !important;
    }

    .font-heading-63 {
        font-family: RedHatDisplay bold !important;
        font-size: 40px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 22px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 18px !important;
    }

    .font-subheading-32 {
        font-family: RedHatDisplay !important;
        font-size: 15px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 12px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 11px !important;
    }

    .font-subtext {
        font-family: RedHatDisplay !important;
        font-size: 10px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 40px !important;
    }

    .font-title-services-reg {
        font-family: RedHatDisplay !important;
        font-size: 18px !important;
    }

    /* default-padding */
    .default-padding {
        padding: 1rem 10% !important;
    }

    .default-button {
        font-size: 10px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: .5rem 2rem !important;
        text-decoration: none;
    }

    .default-button-lg {
        font-size: 10px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: .5rem 1.5rem !important;
        text-decoration: none;
    }

    .rounded-sm {
        border-radius: .8rem !important;
    }

    .default-button-exp {
        font-size: 10px !important;
        border: 2px solid #828282;
        border-radius: 50px !important;
        padding: .5rem 2rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 961px) {

    .font-heading-services {
        font-family: RedHatDisplay BLACK !important;
        font-size: 50px !important;
    }

    .font-title {
        font-family: RedHatDisplay BLACK !important;
        font-size: 40px !important;
    }

    .font-heading-76 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 34px !important;
    }

    .font-heading-63 {
        font-family: RedHatDisplay bold !important;
        font-size: 30px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 26px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 20px !important;
    }

    .font-subheading-32 {
        font-family: RedHatDisplay !important;
        font-size: 17px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 15px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 13px !important;
    }

    .font-subtext {
        font-family: RedHatDisplay !important;
        font-size: 11px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 40px !important;
    }

    .font-title-services-reg {
        font-family: RedHatDisplay !important;
        font-size: 18px !important;
    }

    .default-button {
        font-size: 10px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: .5rem 2rem !important;
        text-decoration: none;
    }

    .default-button-lg {
        font-size: 10px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: .5rem 1.5rem !important;
        text-decoration: none;
    }

    .rounded-sm {
        border-radius: .8rem !important;
    }

    .default-button-exp {
        font-size: 10px !important;
        border: 2px solid #828282;
        border-radius: 50px !important;
        padding: .5rem 2rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 1024px) {

    .font-heading-services {
        font-family: RedHatDisplay BLACK !important;
        font-size: 55px !important;
    }

    .font-title {
        font-family: RedHatDisplay BLACK !important;
        font-size: 45px !important;
    }

    .font-heading-63 {
        font-family: RedHatDisplay bold !important;
        font-size: 30px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 28px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 22px !important;
    }

    .font-subheading-32 {
        font-family: RedHatDisplay !important;
        font-size: 18px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 15px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 13px !important;
    }

    .font-subtext {
        font-family: RedHatDisplay !important;
        font-size: 12px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 40px !important;
    }

    .font-title-services-reg {
        font-family: RedHatDisplay !important;
        font-size: 22px !important;
    }

    /* default-padding */
    .default-padding {
        padding: 1rem 10% !important;
    }

    .default-button {
        font-size: 14px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: .8rem 3rem !important;
        text-decoration: none;
    }

    .default-button-lg {
        font-size: 14px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: 1rem 2.5rem !important;
        text-decoration: none;
    }

    .default-button-exp {
        font-size: 14px !important;
        border: 2px solid #828282;
        border-radius: 50px !important;
        padding: .6rem 2.5rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1280px) {

    .font-heading-services {
        font-family: RedHatDisplay BLACK !important;
        font-size: 65px !important;
    }

    .font-title {
        font-family: RedHatDisplay BLACK !important;
        font-size: 55px !important;
    }

    .font-heading-76 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 30px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay bold !important;
        font-size: 52px !important;
    }

    .font-heading-63 {
        font-family: RedHatDisplay bold !important;
        font-size: 38px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 30px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 24px !important;
    }

    .font-subheading-32 {
        font-family: RedHatDisplay !important;
        font-size: 14px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 16px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 15px !important;
    }

    .font-subtext {
        font-family: RedHatDisplay !important;
        font-size: 14px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 38px !important;
    }

    .font-title-services-reg {
        font-family: RedHatDisplay !important;
        font-size: 18px !important;
    }

    /* default-padding */
    .default-button {
        font-size: 16px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: 1rem 4rem !important;
        text-decoration: none;
    }

    .default-button-lg {
        font-size: 14px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 30px !important;
        padding: 1rem 2.5rem !important;
        text-decoration: none;
    }

    .default-button-exp {
        font-size: 14px !important;
        border: 2px solid #828282;
        border-radius: 50px !important;
        padding: .6rem 2.5rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1401px) {

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 52px !important;
    }

    .font-subtext-14 {
        font-family: RedHatDisplay !important;
        font-size: 13px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 16px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 38px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 18px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 26px !important;
    }
}


@media only screen and (min-width: 1920px) {

    .font-heading-services {
        font-family: RedHatDisplay BLACK !important;
        font-size: 96px !important;
    }

    .font-title {
        font-family: RedHatDisplay BLACK !important;
        font-size: 80px !important;
    }

    .font-heading-76 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 76px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 74px !important;
    }


    .font-heading-63 {
        font-family: RedHatDisplay bold !important;
        font-size: 63px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 50px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 36px !important;
    }

    .font-subheading-32 {
        font-family: RedHatDisplay !important;
        font-size: 32px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 24px !important;
    }

    .font-subheading-black {
        font-family: RedHatDisplay BLACK !important;
        font-size: 24px !important;
    }

    .font-title-services-reg {
        font-family: RedHatDisplay !important;
        font-size: 36px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 24px !important;
    }

    .font-subtext {
        font-family: RedHatDisplay !important;
        font-size: 20px !important;
    }

    .font-subtext-bold {
        font-family: RedHatDisplay BLACK !important;
        font-size: 22px !important;
    }

    .font-subtext-14 {
        font-family: RedHatDisplay !important;
        font-size: 18px !important;
    }

    .text-bold {
        font-family: RedHatDisplay bold !important;
    }

    .default-button {
        font-size: 20px !important;
        border: 2px solid #828282;
        border-radius: 40px !important;
        padding: 1.5rem 5rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }

    .default-button-exp {
        font-size: 20px !important;
        border: 2px solid #828282;
        border-radius: 40px !important;
        padding: 1rem 4rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }

    .default-button-lg {
        font-size: 20px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 50px !important;
        padding: 1.5rem 4rem !important;
        text-decoration: none;
    }
}

@media only screen and (min-width: 2200px) {

    .font-heading-services {
        font-family: RedHatDisplay BLACK !important;
        font-size: 120px !important;
    }

    .font-title {
        font-family: RedHatDisplay BLACK !important;
        font-size: 100px !important;
    }

    .font-heading-76 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 76px !important;
    }

    .font-heading-64 {
        font-family: RedHatDisplay BLACK !important;
        font-size: 94px !important;
    }


    .font-heading-63 {
        font-family: RedHatDisplay bold !important;
        font-size: 63px !important;
    }

    .font-heading {
        font-family: RedHatDisplay BLACK !important;
        font-size: 60px !important;
    }

    .font-title-services {
        font-family: RedHatDisplay bold !important;
        font-size: 40px !important;
    }

    .font-subheading-32 {
        font-family: RedHatDisplay !important;
        font-size: 32px !important;
    }

    .font-subheading-bold {
        font-family: RedHatDisplay bold !important;
        font-size: 30px !important;
    }

    .font-subheading-black {
        font-family: RedHatDisplay BLACK !important;
        font-size: 34px !important;
    }

    .font-title-services-reg {
        font-family: RedHatDisplay !important;
        font-size: 36px !important;
    }

    .font-subheading {
        font-family: RedHatDisplay !important;
        font-size: 27px !important;
    }

    .font-subtext {
        font-family: RedHatDisplay !important;
        font-size: 24px !important;
    }

    .font-subtext-bold {
        font-family: RedHatDisplay BLACK !important;
        font-size: 24px !important;
    }

    .font-subtext-14 {
        font-family: RedHatDisplay !important;
        font-size: 24px !important;
    }


    .text-bold {
        font-family: RedHatDisplay bold !important;
    }

    .default-button {
        font-size: 20px !important;
        border: 2px solid #828282;
        border-radius: 40px !important;
        padding: 1.5rem 5rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }

    .default-button-exp {
        font-size: 24px !important;
        border: 2px solid #828282;
        border-radius: 40px !important;
        padding: 1rem 4rem !important;
        text-decoration: none;
        font-family: RedHatDisplay bold !important;
    }

    .default-button-lg {
        font-size: 24px !important;
        font-family: RedHatDisplay bold !important;
        border: 2px solid #828282;
        border-radius: 50px !important;
        padding: 1.5rem 4rem !important;
        text-decoration: none;
    }

    .rounded-sm {
        border-radius: 2rem !important;
    }
}