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

.contact-section{

    padding:100px 20px;

    background:#F8F8F8;

}

.contact-container{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:38% 62%;

    gap:40px;

    align-items:start;

}

/* =====================================================
                LEFT SIDE
===================================================== */

.contact-info{

    background:#ffffff;

    padding:45px;

    border-radius:22px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    border:1px solid #ECECEC;

    transition:.4s;

}

.contact-info:hover{

    transform:translateY(-6px);

    box-shadow:0 22px 55px rgba(0,0,0,.10);

}

.section-subtitle{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    letter-spacing:4px;

    color:#C89B3C;

    text-transform:uppercase;

    margin-bottom:15px;

    font-family:'Montserrat',sans-serif;

}

.contact-info h2{

    font-family:'Montserrat',sans-serif;

    font-size:44px;

    color:#111;

    line-height:1.2;

    margin-bottom:18px;

}

.gold-line{

    width:70px;

    height:4px;

    background:#C89B3C;

    border-radius:50px;

    margin-bottom:25px;

}

.contact-description{

    color:#666;

    line-height:1.9;

    text-align:justify;

    margin-bottom:40px;

}

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

.contact-item{

    display:flex;

    gap:20px;

    align-items:flex-start;

    margin-bottom:28px;

    padding-bottom:25px;

    border-bottom:1px solid #EEEEEE;

}

.contact-item:last-child{

    margin-bottom:0;

    border-bottom:none;

    padding-bottom:0;

}

.contact-icon{

    width:60px;

    height:60px;

    min-width:60px;

    border-radius:50%;

    background:#111111;

    color:#ffffff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    transition:.4s;

}

.contact-item:hover .contact-icon{

    background:#C89B3C;

    transform:rotate(8deg) scale(1.08);

}

.contact-icon.whatsapp{

    background:#25D366;

}

.contact-item h4{

    font-size:18px;

    margin-bottom:8px;

    color:#111;

}

.contact-item a{

    text-decoration:none;

    color:#666;

    transition:.3s;

    word-break:break-word;

}

.contact-item a:hover{

    color:#C89B3C;

}

.contact-item p{

    color:#666;

    line-height:1.8;

    margin:0;

}




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

.contact-form-box{

    background:#ffffff;

    padding:45px;

    border-radius:22px;

    border:1px solid #ECECEC;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.4s;

}

.contact-form-box:hover{

    transform:translateY(-6px);

    box-shadow:0 22px 55px rgba(0,0,0,.10);

}

.contact-form-box h3{

    font-family:'Montserrat',sans-serif;

    font-size:34px;

    color:#111;

    margin-bottom:10px;

}

.contact-form-box>p{

    color:#666;

    margin-bottom:35px;

    line-height:1.8;

}

/* ===========================
        FORM
=========================== */

#whatsappForm{

    display:flex;

    flex-direction:column;

    gap:22px;

}

/* Inputs */

#whatsappForm input,

#whatsappForm select,

#whatsappForm textarea{

    width:100%;

    padding:17px 20px;

    border:1px solid #DCDCDC;

    border-radius:12px;

    font-size:16px;

    font-family:'Poppins',sans-serif;

    background:#FAFAFA;

    outline:none;

    transition:.35s;

}

/* Focus */

#whatsappForm input:focus,

#whatsappForm select:focus,

#whatsappForm textarea:focus{

    border-color:#C89B3C;

    background:#ffffff;

    box-shadow:0 0 0 4px rgba(200,155,60,.12);

}

/* Textarea */

#whatsappForm textarea{

    resize:vertical;

    min-height:170px;

}

/* Placeholder */

#whatsappForm input::placeholder,

#whatsappForm textarea::placeholder{

    color:#999;

}

/* Select */

#whatsappForm select{

    cursor:pointer;

}

/* ===========================
        BUTTON
=========================== */

.whatsapp-submit{

    width:100%;

    padding:18px;

    border:none;

    border-radius:14px;

    background:#25D366;

    color:#ffffff;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    transition:.35s;

}

.whatsapp-submit i{

    font-size:22px;

}

.whatsapp-submit:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(37,211,102,.30);

}

.whatsapp-submit:active{

    transform:scale(.98);

}


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

@media(max-width:992px){

.contact-container{

    grid-template-columns:1fr;

    gap:30px;

}

.contact-info,

.contact-form-box{

    padding:35px;

}

.contact-info h2{

    font-size:36px;

}

.contact-form-box h3{

    font-size:28px;

}

}


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

@media(max-width:768px){

.contact-section{

    padding:70px 18px;

}

.contact-container{

    grid-template-columns:1fr;

    gap:25px;

}

/* Cards */

.contact-info,

.contact-form-box{

    padding:25px;

    border-radius:18px;

}

/* Heading */

.contact-info h2{

    font-size:30px;

    line-height:1.3;

}

.contact-form-box h3{

    font-size:24px;

}

/* Description */

.contact-description{

    font-size:15px;

    text-align:justify;

    text-align-last:left;

}

/* Contact Item */

.contact-item{

    gap:15px;

    margin-bottom:22px;

}

.contact-icon{

    width:50px;

    height:50px;

    min-width:50px;

    font-size:18px;

}

.contact-item h4{

    font-size:16px;

}

.contact-item a,

.contact-item p{

    font-size:14px;

    line-height:1.7;

}

/* Form */

#whatsappForm{

    gap:18px;

}

#whatsappForm input,

#whatsappForm select,

#whatsappForm textarea{

    font-size:15px;

    padding:15px;

}

#whatsappForm textarea{

    min-height:140px;

}

/* Button */

.whatsapp-submit{

    padding:16px;

    font-size:16px;

}

.whatsapp-submit i{

    font-size:20px;

}

}