/* ==========================
   CONTACTS
========================== */

.contacts{

    padding:100px 0;

    background:#F8F6F3;

}

.contacts-box{

    background:#ffffff;

    border-radius:30px;

    padding:70px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.contacts-text{

    max-width:700px;

    margin:25px 0 45px;

    color:#666;

    line-height:1.8;

}

.contact-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.contact-item{

    display:flex;

    align-items:center;

    gap:20px;

    padding:25px;

    border-radius:20px;

    background:#F8F6F3;

    text-decoration:none;

    transition:.3s;

    color:#2F2F2F;

}

.contact-item:hover{

    transform:translateY(-5px);

    background:#EFE7DE;

}

.contact-icon{

    width:60px;

    height:60px;

    border-radius:18px;

    background:#B58A63;

    color:#ffffff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:26px;

}

.contact-item strong{

    display:block;

    margin-bottom:6px;

}

.contact-item span{

    color:#666;

    font-size:15px;

}
@media (max-width:992px){

    .contact-list{

        grid-template-columns:1fr;

    }

}

@media (max-width:768px){

    .contacts{

        padding:70px 0;

    }

    .contacts-box{

        padding:35px 25px;

    }

}