/* ==========================================
   CONTACT SECTION
========================================== */
html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

.contact-section{
    position:relative;
    background:#ffffff;
    padding:0;
    overflow:hidden;
}

/* CTA BLOCK */

.contact-cta-block{
    position: relative;

    background-image: url('../../images/background/paper-texture2.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    color:#ffffff;
    text-align:center;

    padding:110px 40px;

    overflow:hidden;
}

.contact-cta-block h2{
    color:#ffffff;

    font-size:34px;
    line-height:1.15;
    font-weight:700;

    margin:0 auto 22px;

    max-width:950px;
}

.contact-cta-block p{
    color:#ffffff;

    font-size:20px;
    line-height:1.5;

    max-width:980px;

    margin:0 auto 24px;
}

.contact-cta-block p:last-of-type{
    margin-bottom:34px;
}


.contact-section .theme-btn .text{
    background:#ffffff;
    color:#DA366C;
}

.contact-section .theme-btn .text:before{
    background:#fdca31;
}

.contact-section .theme-btn:hover .text{
    color:#ffffff;
}

/* FOOTER */

.contact-footer-new{
    display:grid;
    grid-template-columns: 1.55fr .75fr;
    width:100%;
    margin:0;
    background:#ffffff;
}

.footer-info-block{
    background:#ffffff;
    padding:70px 80px 70px 260px;
    display:grid;
    grid-template-columns:320px 180px;
    gap:180px;
}

.footer-site-map{
    padding-left:80px;
}

.footer-brand{
    min-width:320px;
}

.footer-contact-info{
    background:#e2e2e2;
    padding:70px 120px 70px 90px;

    display:flex;
    flex-direction:column;

    justify-content:flex-start; /* <-- change this */
}


.contact-footer-new h4{
    color:#DA366C;
    font-size:15px;
    line-height:1.2;
    font-weight:800;
    margin-bottom:20px;
}

.footer-contact-info h4{
    color:#DA366C;
}

.footer-brand p,
.footer-brand a,
.footer-site-map a{
    color:#555555;
    font-size:16px;
    line-height:1.45;
    text-decoration:none;
    display:block;
    margin-bottom:8px;
}

.footer-contact-info a{
    display:flex;
    align-items:center;
    gap:16px;
    color:#DA366C;
    font-size:16px;
    line-height:1.45;
    text-decoration:none;
    margin-bottom:20px;
}

.footer-contact-info p{
    display:flex;
    align-items:center;
    gap:16px;
    color:#DA366C;
    font-size:16px;
    line-height:1.45;
    text-decoration:none;
    margin-bottom:20px;
}

.footer-contact-info a i{
    color:#DA366C;
    width:20px;
    font-size:17px;
}

.footer-brand a:hover,
.footer-site-map a:hover{
    color:#DA366C;
}

.footer-contact-info a:hover{
    color:#DA366C;
}

.footer-social-icons{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:18px;
}

.footer-social-icons a{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-bottom:0 !important;
    color:#DA366C;
    text-decoration:none;
    transition:all 0.3s ease;
}

.footer-social-icons a i{
    font-size:26px;
}

.footer-social-icons a:hover{
    color:#fdca31;
    transform:translateY(-3px);
}


/* RESPONSIVE */
@media(max-width:1675px){

    .footer-info-block{
        padding:70px 30px 70px 220px;
        gap:180px;
    }

    .footer-site-map{
        padding-left:20px;
    }

}

@media(max-width:1580px){

    .footer-info-block{
        padding:70px 30px 70px 180px;
        gap:180px;
    }

    .footer-site-map{
        padding-left:20px;
    }

}

@media(max-width:1400px){

    .contact-footer-new{
        display:flex;
        flex-direction:column;
        width:100%;
    }

    .footer-info-block{
        width:100%;
        padding:55px 28px 50px;
        display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:45px;
    }

    .footer-brand{
        min-width:0;
        max-width:430px;
        margin:0 auto;

        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .footer-brand p,
    .footer-brand a{
        text-align:center;
    }

    .footer-social-icons{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:14px;
        margin-top:18px;
    }

    .footer-site-map{
        padding-left:0;
        text-align:center;
    }

    .footer-site-map h4{
        text-align:center;
    }

    .footer-site-map a{
        display:inline-block;
        margin:0 10px 10px;
        white-space:nowrap;
    }

    .footer-site-map a::before{
        content:"›";
        margin-right:8px;
        color:#DA366C;
        font-weight:700;
    }

    .footer-contact-info{
        width:100%;
        background:#DA366C;
        padding:65px 28px 70px;
        align-items:center;
        text-align:center;
    }

    .footer-contact-info h4{
        color:#ffffff;
        text-align:center;
        margin-bottom:35px;
    }

    .footer-contact-info a,
    .footer-contact-info p {
    color: #FFFFFF;
    max-width: 100%;
    overflow-wrap: anywhere;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
    margin-bottom: 20px;
    }
    
    .footer-contact-info a i,
    .footer-contact-info p i {
    color: #FFFFFF;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px;
    height: 24px;
    margin: 0 10px 0 0 !important;
    
    font-size: 17px;
    vertical-align: middle !important;
    transform: none !important;
    }
}

@media(max-width:767px){

    .contact-cta-block h2{
        font-size: 32px;
        margin: 0 auto 18px; 
    } 

        .contact-cta-block p{
        font-size: 17px;
        line-height: 1.5; 
    }
}