/*=========================================================
CONTACT HERO
=========================================================*/

.contact-hero{

    padding-bottom:60px;

}

/*=========================================================
CONTACT IMAGE
=========================================================*/

.contact-hero-image{

    display:flex;

    justify-content:center;

    align-items:center;

}

.contact-hero-image img{

    max-width:620px;

    width:100%;

}

/*=========================================================
QUICK CONTACT
=========================================================*/

.quick-contact-section{

    padding:20px 0 110px;

    background:#fff;

}

.contact-card{

    display:block;

    text-align:center;

    text-decoration:none;

    background:#fff;

    border-radius:28px;

    padding:40px 30px;

    height:100%;

    border:1px solid rgba(21,185,217,.08);

    box-shadow:

        0 15px 45px rgba(15,23,42,.05);

    transition:.35s;

    color:inherit;

}

.contact-card:hover{

    transform:translateY(-10px);

    box-shadow:

        0 30px 70px rgba(15,23,42,.10);

}

.contact-icon{

    width:76px;

    height:76px;

    margin:0 auto 24px;

    border-radius:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:

        linear-gradient(

            135deg,

            rgba(21,185,217,.16),

            rgba(21,185,217,.06)

        );

}

.contact-icon i{

    font-size:32px;

    color:var(--primary-color);

}

.contact-card h4{

    font-size:24px;

    margin-bottom:12px;

    color:#172B4D;

    font-weight:700;

}

.contact-card p{

    margin:0;

    color:#667085;

    line-height:1.7;

}

/* WhatsApp */

.whatsapp-card:hover{

    background:#25D366;

}

.whatsapp-card:hover h4,

.whatsapp-card:hover p,

.whatsapp-card:hover i{

    color:#fff;

}

.whatsapp-card:hover .contact-icon{

    background:rgba(255,255,255,.15);

}

/* Responsive */

@media(max-width:991px){

.quick-contact-section{

padding-bottom:80px;

}

}


