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

.contact-section{

    position:relative;

    padding:120px 0;

    overflow:hidden;

}

.contact-section::before{

    content:'';

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(126,211,33,0.08);

    filter:blur(120px);

    top:-150px;

    right:-150px;

}

/* ========================================= */
/* TOP */
/* ========================================= */

.contact-top{

    text-align:center;

    max-width:800px;

    margin:auto;

    margin-bottom:70px;

}

.contact-top h2{

    margin:20px 0;

}

.contact-top p{

    color:#7C7C7C;

    line-height:1.9;

}

/* ========================================= */
/* GRID */
/* ========================================= */

.contact-grid{

    display:grid;

    grid-template-columns:350px 1fr;

    gap:40px;

    align-items:start;

}

/* ========================================= */
/* INFO */
/* ========================================= */

.contact-info{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.info-card{

    display:flex;

    align-items:center;

    gap:18px;

    background:#ffffff;

    padding:25px;

    border-radius:24px;

    box-shadow:0 10px 30px rgba(0,0,0,0.05);

    transition:.3s;

}

.info-card:hover{

    transform:translateY(-5px);

}

.info-card i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#F4FBE7;

    color:#7ED321;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.info-card h4{

    margin-bottom:5px;

}

.info-card p{

    margin:0;

    color:#7C7C7C;

}

/* ========================================= */
/* WHATSAPP */
/* ========================================= */

.whatsapp-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:100%;

    padding:18px;

    background:#25D366;

    color:#ffffff;

    text-decoration:none;

    border-radius:18px;

    font-weight:600;

    transition:.3s;

}

.whatsapp-btn:hover{

    color:#ffffff;

    transform:translateY(-3px);

}

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

.contact-form-box{

    background:#ffffff;

    padding:50px;

    border-radius:30px;

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

}

.contact-form-box .form-control,
.contact-form-box .form-select{

    height:60px;

    border-radius:14px;

    border:1px solid #E5E5E5;

    box-shadow:none;

}

.contact-form-box .form-control:focus,
.contact-form-box .form-select:focus{

    border-color:#7ED321;

    box-shadow:0 0 0 0.15rem rgba(126,211,33,.15);

}

.contact-form-box textarea{

    height:auto !important;

    min-height:180px;

    padding-top:15px;

}

/* ========================================= */
/* TRUST BAR */
/* ========================================= */

.trust-bar{

    margin-top:30px;

    padding-top:25px;

    border-top:1px solid #EAEAEA;

    color:#7C7C7C;

    line-height:1.8;

}

/* ========================================= */
/* CTA */
/* ========================================= */

.cta-section{

    padding:120px 0;

}

.cta-box{

    background:linear-gradient(
        135deg,
        rgba(126,211,33,0.12),
        rgba(126,211,33,0.04)
    );

    padding:80px;

    border-radius:32px;

    text-align:center;

}

.cta-box h2{

    margin:20px 0;

}

.cta-box p{

    max-width:700px;

    margin:0 auto 30px;

}

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

@media(max-width:991px){

    .contact-grid{

        grid-template-columns:1fr;

    }

}

@media(max-width:767px){

    .contact-section{

        padding:90px 0;

    }

    .contact-form-box{

        padding:30px;

    }

    .cta-box{

        padding:50px 25px;

    }

}