/*Footer*/

.footer-snippet {
    display: flex;
    justify-content: center;
    background-color: #2c2c2c;
    margin-top: 5.6rem;
}

.footer-snippet .footer {
    display: flex;
    flex-direction: column;
    background-color: #2c2c2c;
    align-items: center;
    padding: 6rem 0;
    width: 90%;
    max-width: 1600px;
}

.footer-snippet .footer__nav {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #565656;
    padding-bottom: 3rem;
    gap: 2rem;
}

.footer-snippet .footer__nav .company-details {
    width: 30rem;
    margin-right: 4rem;
}

.footer-snippet .footer__nav .company-details a .logo-footer {
    width: 11rem;
}

.footer-snippet .footer__nav .company-details .location {
    margin-top: 3rem;
    color: var(--gray-colors-white, #fff);
    font-family: Lato, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem; /* 171.429% */
}

.footer-snippet .footer__nav__col {
    width: 20rem;
}

.footer-snippet .footer__nav__col__heading {
    color: #fff;
    font-family: Josefin Sans, sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 122%;
    letter-spacing: -0.18px;
    margin-bottom: 3rem;
}

.footer-snippet .footer__nav__col__links {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
}

.footer-snippet .footer__nav__col__links a {
    text-decoration: none;
    color: #fff;
    font-family: Lato, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer-snippet .footer__base {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 3rem;
}

.footer-snippet .footer__base__copyright {
    color: #fff;
    font-family: Josefin Sans, sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.2rem; /* 122.222% */
    letter-spacing: -0.18px;
}

@media only screen and (min-width: 700px) and (max-width: 900px) {
    .footer-snippet .footer__nav {
        justify-content: flex-start;
    }
}

/*End of Footer*/