.card-body.text-center.p-sm-0.p-xl-3 {
    height: 540px !important;
}

h1, h2, h3, h7, p, a, input, button, .main-container  {
    font-family: helvetica;
}

#bannerBox {
    background-image: none;
}

#helloMessage {
    color: #fff;
}

.topBarLink:hover {
    color: #d7d7d7;
}

.logo {
    height: 146px;
    width: auto !important;
}

hr {
    margin-top: 30px;
    margin-bottom: 20px;
}

.addCertificationButton:hover {
    color: #fff;
}

/* primary color css */
.primary-bg {
    background-color: #034ea2;
}

.primary-border {
    border: .1rem solid #034ea2;
}

.primary-border-bottom {
    border-bottom: 5px solid #034ea2;
}

h1, h2, h4, a {
    color: #034ea2;
}

    .form-check-input[type="checkbox"]:checked {
        background-color: #034ea2;
        border-color: #034ea2;
    }

.coloredRipple:hover {
    background: #034ea2 radial-gradient(circle, transparent 1%, #034ea2 1%) center/15000%;
}

.buttonPrimary {
    background-color: #034ea2;
    border: .1rem solid #034ea2;
    text-align: center;
}

.addCertificationButton {
    background: #034ea2 !important;
    border: .1rem solid #034ea2 !important;
}
.text-center.p-5 {
    background-color: #034ea2;
    background-image: none !important;
}
.link-primary {
    color: #034ea2;
}


/* secondary color css */
.coloredRipple:active {
    background-color: #034289;
    background-size: 100%;
    transition: background 0s;
}

.nav-link--active {
    background-color: #034289;
    color: #fff;
}


/* carousel button color css */
.lighter-primary-bg {
    background-color: #5ca446 !important;
}

.delimiter {
    width: 167px;
    height: 9px;
    background: #5ca446 0% 0% no-repeat padding-box;
    opacity: 1;
    display: inline-block
}

    .rectangle {
        height: 8px;
        width: 141px;
        background: #5ca446 0% 0% no-repeat padding-box;
    }


@media (max-width: 991px) {
    #navbar {
        background-color: #fff;
    }
}

.mobileLogo {
    width: 150px !important;
}