/* 
-----------------------------------------
FOOTER
-----------------------------------------
*/

footer {
    background-position: right;
    background-size: auto calc(100% - 2rem);
    background-repeat: no-repeat;
}

    footer .footer-logo {
        width: 200px;
        height: auto;
    }

    footer h2 {
        font-size: 1rem;
        text-transform: uppercase;
        margin-bottom: 1.5rem;
    }

    footer p,
    footer li,
    footer a, footer a:link, footer a:active {        
        color: var(--text-dark);
        font-weight: 400 !important;
        text-decoration: none;
    }

    footer p,
    footer div,
    footer li,
    footer a {
        font-size: 1rem;
    }

    footer .footer-bottom p,
    footer .footer-bottom a {
        color: var(--text-dark) !important;
        font-weight: 300 !important;
        text-decoration: none;
        font-size: .875rem;
    }

    footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    footer .d-lg-none {
        display: none;
    }

    footer ul li {
        padding: 5px 0;
    }

    footer > .footer-top > div,
    footer .footer-top-border {
        flex-basis: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.20);
        padding: 1rem 0;
    }

    footer .navbar-language {
        justify-content: start !important;
    }

.certificates-img {
    filter: brightness(0);
}

/* CTA Section */

.cert-img {
    height: 80px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(284deg) brightness(113%) contrast(100%);
}

.cta-section h2,
.cta-section h3,
.cta-section h4,
.cta-section strong,
.cta-section p,
.cta-section li {
    color: var(--text-white);
}

.cta-section > .position-absolute.bg-top {
    top: 0;
    right: 0;
    left: 0;
    bottom: 50%;
}

.cta-section > .position-absolute.bg-bottom {
    top: 50%;
    right: 0;
    left: 0;
    bottom: 0;
}

.cta-section > .position-relative.bg-darkblue {
    z-index: 1;
}

.cta-section .cta-bg-container {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-position: right;
    background-size: auto;
}

.cta-section .overlay {
    z-index: 3;
    background-color: rgba(24, 29, 47, .75);
}

.cta-section .cta-content {
    z-index: 4;
}

    .cta-section .cta-content .btn {
        width: 100%;
    }


@media(min-width: 576px) {
    .cta-section .cta-content .btn {
        width: fit-content;
    }
}