/* Common style */
.footer {
    padding: 48px 0;
    margin-top: 40px;
}

.footer-content * {
    font-size: 15px;
}

.footer-bg {
    opacity: 30%;
}

.footer-logo img {
    height: 50px;
    margin-bottom: 46px;
}

.footer-content > div:not(:first-child) {
    margin-top: 20px;
}

.contact-form-container {
    background-color: #052D48;
    padding: 20px;
    margin-top: 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.contact-form-container h4 {
    color: #fff;
    font-size: 24px;
}

.footer-social {
    margin-top: 31px;
}

.footer-social > a {
    margin-right: 22px;
}

/*tablet*/
@media (width >= 768px) {
    .footer {
        margin-top: 200px;
    }

    .footer-logo img {
        height: 60px;
    }
}

@media (width >= 1024px) {
    .footer-wrap {
        display: flex;
        justify-content: space-between;
    }

    .footer-logo img {
        height: 50px;
    }

    .contact-form-container {
        width: 50%;
        max-width: 550px;
        padding: 97px 58px 54px;
        margin-top: -150px;
        margin-right: -48px;
    }
}

@media (width >= 1440px) {
    .contact-form-container {
        margin-right: -88px;
    }
}