﻿.footer-top {
    background: #F8F8F8;
    padding: 75px 0;
}

.footer-bottom {
    background: #004287;
    padding: 12px 0;
}

.footer-text-area {
    display: flex;
    flex-direction: column;
    row-gap: 36px;
}

.footer-description {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
    color: #4F4D4D;
}

.footer-page-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

    .footer-page-list ul li a {
        font-family: Poppins;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-decoration: none;
        color: #232021;
    }

.footer-contact {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.footer-contact-text {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.footer-contact-title {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #000000;
}

.footer-contact-description {
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
    color: #4F4D4D;
}

.footer-contact-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

    .footer-contact-list ul li a {
        display: flex;
        align-items: center;
        column-gap: 12px;
        font-family: Poppins;
        font-size: 15px;
        font-weight: 400;
        line-height: 22.5px;
        color: #4F4D4D;
        text-decoration: none;
    }

        .footer-contact-list ul li a svg path {
            fill: #CB9831;
        }

.footer-social-media-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    row-gap: 30px;
    align-items: center;
    column-gap: 36px;
}

    .footer-social-media-list ul li a {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #B6BABD;
    }

        .footer-social-media-list ul li a svg path {
            transition: .4s;
        }

        .footer-social-media-list ul li a:hover svg path {
            fill: #062F87;
            transition: .4s;
        }

.footer-bottom-content {
    display: flex;
    justify-content: space-between;
}

.footer-bottom-other-page-list ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    column-gap: 56px;
}

    .footer-bottom-other-page-list ul li a {
        font-family: Poppins;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -0.04em;
        text-align: left;
        color: #FFFFFF;
        text-decoration: none;
    }

.footer-service-list {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.footer-service-list-title {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    color: #004287;
}

.footer-service-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

    .footer-service-list ul li a {
        font-family: Poppins;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
        text-decoration: none;
        color: #232021;
    }

    @media only screen and (max-width: 991px)
    {
        .footer-social-media-list ul {
            flex-direction: row;
            align-items: center;
            column-gap: 24px;
        }
    }

    @media only screen and (max-width: 767px)
    {
        .footer-bottom-content {
            flex-direction: column;
            align-items: center;
            row-gap: 16px;
        }
    }

    @media only screen and (max-width: 575px)
    {
        .footer-bottom-other-page-list
        {
            width: 100%;
        }

            .footer-bottom-other-page-list ul {
                column-gap: 16px;
                width: 100%;
                justify-content: space-between;
            }

                .footer-bottom-other-page-list ul li a {
                    font-size: 12px;
                    line-height: 18px;
                }

    }