@font-face {
    font-family: 'SVNGilroyBold';
    src: url(../../fonts/SVN-Gilroy-Bold.otf) format('opentype');
    src: url(../../fonts/SVN-Gilroy-Bold.woff2) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SVNGilroyMedium';
    src: url(../../fonts/SVN-Gilroy-Medium.otf) format('opentype');
    src: url(../../fonts/SVN-Gilroy-Medium.woff2) format('opentype');
    font-display: swap;
}

/* Footer */
footer {
    min-height: 540px;
    padding: 60px 0 50px;
    background: url('../../images/home/bg-1.webp') top center / cover no-repeat;
    color: white;
}

footer a {
    text-decoration: none;
}

footer a.logo {
    margin-bottom: 50px;
}

footer a.logo img {
    width: 200px;
}

footer .footer-desc {
    color: var(--white);
    font-family: 'SVNGilroyMedium';
    font-size: 15px;
    max-width: 330px;
    text-align: justify;
    margin-left: 40px;
}

footer .footer-desc b {
    font-family: 'SVNGilroyBold';
}

footer .title-item {
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: 'SVNGilroyBold';
    font-size: 16px;
    line-height: 1.5;
}

footer .info-contact a,
footer .info-contact p {
    color: #fff;
    font-family: 'SVNGilroyMedium';
    font-size: 15px;
    margin-bottom: 0;
}

footer .info-contact li:not(:last-child) {
    margin-bottom: 17px;
}

footer .info-course h3 {
    max-width: 200px;
}

footer .info-course li:not(:last-child) {
    margin-bottom: 6px;
}

footer .info-course a {
    color: #fff;
    font-size: 16px;
    font-family: 'SVNGilroyBold';
}

footer .info-course .icon {
    height: 14px;
    margin-right: 9px;
}

footer .info-contact .icon {
    height: 21px;
    min-width: 27px;
    margin-right: 9px;
}

footer .sub-footer {
    font-size: 14px;
    color: var(--white);
}

footer .quotation_marks_1,
footer .quotation_marks_2 {
    opacity: 0.5;
}

footer .quotation_marks_1 {
    top: -35px;
    width: 37px;
    left: 0.8rem;
}

footer .quotation_marks_2 {
    transform: translate(2px, 10px);
}

@media (max-width: 768px) {
    footer a.logo img {
        width: 190px;
    }

    footer {
        margin-bottom: 70px;
    }

    footer .info-course h3 {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    footer a.logo img {
        width: 170px;
    }


    footer .sub-footer {
        max-width: 205px;
    }

    footer {
        margin-bottom: 60px;
    }
}

@media (max-width: 450.98px) {
    footer {
        padding: 40px 0;
    }

    footer {
        margin-bottom: 55px;
    }
}

@media (max-width: 363.98px) {
    footer {
        margin-bottom: 45px;
    }
}