/*------------------------------------*\

    Page Footer CSS

    Page footer...........The main page footer.

\*------------------------------------*/

.page-footer {
    position: relative;
    z-index: 1;
    padding: 47px 0 14px;
}

.page-footer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #DCDDDE;
    width: 100%;
    height: 100%;
}

.footer-curve {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.footer-logo {
    width: 100%;
}

.footer-logo a {
    display: block;
    max-width: 152px;
    margin: 0 auto 25px;
    background: transparent;
}

.footer-logo a img{
    height: auto;
}

.footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    max-width: 788px;
    margin: 0 auto;
}

.footer-top h3 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    text-transform: capitalize;
    margin: 0 0 13px;
}

.footer-link ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-link ul li {
    padding: 0;
    margin: 0;
}

.footer-link ul li:before {
    display: none;
}

.footer-link ul li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    line-height: 1.5em;
    background: transparent;
}

.footer-link ul li a i {
    font-size: 13px;
}

.footer-social ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 22px;
}

.footer-social ul li {
    padding: 0;
    margin: 0;
}

.footer-social ul li:before {
    display: none;
}

.footer-social ul li a {
    text-decoration: none;
    font-size: 32px;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
    background: transparent;
}

.footer-center {
    width: 100%;
    margin-top: 29px;
}

.footer-center-link {
    width: 100%;
    margin-top: 20px;
}

.footer-center-link ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}

.footer-center-link ul li {
    padding: 0;
    margin: 0;
}

.footer-center-link ul li:before {
    display: none;
}

.footer-center-link ul li a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #D2232A;
    text-align: center;
    background: transparent;
}

.footer-bottom {
    margin: 45px 0 0;
    text-align: center;
}

.footer-bottom p {
    font-size: 16px;
}

.footer-floating-btn {
    position: fixed;
    right: 21px;
    bottom: 21px;
    z-index: 100;
}


.footer-floating-btn.is-active{
    bottom: 60px;
}

.footer-floating-btn a {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 50px;
    background: #D2232A;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}


.footer-floating-btn .contact-us{
    position: relative;
    right: 0;
}


.footer-floating-btn .contact-us.is-active{
    background: #e87d81;
    position: absolute;
    right: 50px;
}


.footer-floating-btn .sub-floating-btn{
    display: flex;
    margin-bottom: 15px;
    gap: 7px;
}

.footer-floating-btn .close-btn{
    display: none;
}

.footer-floating-btn .close-btn.is-active{
    display: block;
}


.footer-floating-btn .close-icon::before{
    content: url('data:image/svg+xml,<svg id="toggle-close-icon" fill="%23000000" width="20" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 460.775 460.775" xml:space="preserve" stroke="%23065AA3" stroke-width="0.00460775"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="%23CCCCCC" stroke-width="12.9017"></g><g id="SVGRepo_iconCarrier"><path d="M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55 c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55 c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505 c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55 l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719 c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z"></path></g></svg>');
}


.footer-floating-btn .sub-floating-btn{
    display: none;
    position: relative;
}

.footer-floating-btn .sub-floating-btn.is-active{
    display: block;
}


.footer-floating-btn .close-btn{
    padding: 10px 10px 3px;
    background: #fff;
    box-shadow: 0 0 20px rgba(18,18,18,0.5);
    position: absolute;
    right: 0;
}

@media(min-width: 768px) {
    .footer-logo a {
        max-width: 175px;
        margin: 0 auto 36px;
    }

    .footer-center {
        width: auto;
        margin-top: 0;
        position: absolute;
        left: 50%;
        top: 151px;
        transform: translate(-50%, 0);
    }

    .page-footer {
        padding: 57px 0 14px;
    }

    .footer-top h3 {
        font-size: 20px;
        margin: 0 0 16px;
    }

    .footer-link {
        min-width: 150px;
    }
}


@media(min-width: 1200px) {

    .footer-logo a {
        max-width: 216px;
        margin: 0 auto 26px;
    }

    .footer-link {
        min-width: 160px;
    }

    .footer-bottom {
        margin: 70px 0 0;
    }

    .footer-center {
        top: 168px;
    }

    .page-footer {
        padding: 70px 0 14px;
    }

    .footer-center-link ul li a:hover {
        color: #000;
    }

    .footer-link ul li a:hover,
    .footer-social ul li a:hover {
        color: #D2232A;
    }
}