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

.contactInfo{
    padding:90px 0;
    background:#fff;
}

.contactWrap{
    display:flex;
    gap:70px;
    align-items:flex-start;
}


/*==========================
Left
==========================*/

.contactLeft{
    width:42%;
}

.contactSub{
    display:block;
    color:#b58a4c;
    font-size:14px;
    letter-spacing:3px;
    margin-bottom:18px;
    font-weight:600;
}

.contactLeft h2{
    font-size:42px;
    color:#222;
    margin-bottom:28px;
    line-height:1.3;
}

.contactLeft>p{
    color:#666;
    line-height:2;
    margin-bottom:35px;
}

.contactList{
    margin:0;
    padding:0;
    list-style:none;
}

.contactList li{
    padding:18px 0;
    border-bottom:1px solid #ececec;
}

.contactList strong{
    display:block;
    color:#222;
    font-size:15px;
    margin-bottom:8px;
}

.contactList a{
    color:#555;
    text-decoration:none;
    transition:.3s;
}

.contactList a:hover{
    color:#b58a4c;
}


/*==========================
Right
==========================*/

.contactRight{
    width:58%;
    background:#fff;
    border-radius:18px;
    padding:45px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.formGroup{
    margin-bottom:22px;
}

.formGroup label{
    display:block;
    margin-bottom:10px;
    color:#222;
    font-weight:600;
}

.formGroup input,
.formGroup select,
.formGroup textarea{

    width:100%;

    padding:15px 18px;

    border:1px solid #ddd;

    border-radius:10px;

    font-size:16px;

    transition:.3s;

    outline:none;

    background:#fff;

    font-family:inherit;

}

.formGroup textarea{

    resize:vertical;

    min-height:180px;

}

.formGroup input:focus,
.formGroup select:focus,
.formGroup textarea:focus{

    border-color:#b58a4c;

}

.contactBtn{

    width:100%;

    height:56px;

    border:none;

    border-radius:999px;

    background:#b58a4c;

    color:#fff;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.contactBtn:hover{

    background:#222;

}


/*==========================
MAP
==========================*/

.contactMap{

    height:500px;

}

.contactMap iframe{

    width:100%;

    height:100%;

    border:0;

    display:block;

}


/*==================================
TABLET
==================================*/

@media screen and (max-width:991px){

.contactInfo{

    padding:70px 0;

}

.contactWrap{

    display:block;

}

.contactLeft,
.contactRight{

    width:100%;

}

.contactLeft{

    margin-bottom:45px;

}

.contactLeft h2{

    font-size:34px;

}

.contactRight{

    padding:35px;

}

.contactMap{

    height:420px;

}

}


/*==================================
MOBILE
==================================*/

@media screen and (max-width:767px){

.contactInfo{

    padding:55px 0;

}

.contactLeft h2{

    font-size:28px;

}

.contactRight{

    padding:25px;

}

.formGroup{

    margin-bottom:18px;

}

.formGroup input,
.formGroup select,
.formGroup textarea{

    padding:14px;

    font-size:15px;

}

.contactBtn{

    height:52px;

}

.contactMap{

    height:320px;

}

}