/* GURUGRAM CONTACT HERO START */

.gurugram-contact-hero{

    position:relative;

    padding:70px 0;

    overflow:hidden;

    background:url("../images/1.webp");

    background-size:cover;

    background-position:center;
}

.gurugram-contact-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(8,15,5,.92) 0%,
        rgba(17,29,10,.88) 50%,
        rgba(40,74,13,.82) 100%
    );
}

.gurugram-contact-badge{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    border:1px solid #d8c07a;

    color:#d8c07a;

    font-size:14px;

    margin-bottom:25px;
}

.gurugram-contact-title{

    color:#fff;

    font-size:68px;

    font-weight:900;

    line-height:1.1;

    margin-bottom:20px;
}

.gurugram-contact-title span{

    color:#d8c07a;
}

.gurugram-contact-text{

    color:#e0e0e0;

    font-size:18px;

    line-height:1.9;

    max-width:750px;

    margin:0 auto 30px;
}

.gurugram-contact-buttons{

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;
}

.gurugram-contact-btn{

    background:#d8c07a;

    color:#111;

    text-decoration:none;

    padding:15px 35px;

    border-radius:50px;

    font-weight:800;

    transition:.3s;
}

.gurugram-contact-btn:hover{

    color:#111;

    transform:translateY(-4px);
}

.gurugram-contact-btn-outline{

    border:1px solid #d8c07a;

    color:#d8c07a;

    text-decoration:none;

    padding:15px 35px;

    border-radius:50px;

    font-weight:800;

    transition:.3s;
}

.gurugram-contact-btn-outline:hover{

    background:#d8c07a;

    color:#111;
}

@media(max-width:991px){

    .gurugram-contact-hero{

        padding:60px 0;
    }

    .gurugram-contact-title{

        font-size:48px;
    }

}

@media(max-width:576px){

    .gurugram-contact-hero{

        padding:50px 0;
    }

    .gurugram-contact-title{

        font-size:34px;
    }

    .gurugram-contact-text{

        font-size:16px;
    }

    .gurugram-contact-btn,
    .gurugram-contact-btn-outline{

        width:100%;

        text-align:center;
    }

}

/* GURUGRAM CONTACT HERO END */




/* GURUGRAM CONTACT INFO START */

.gurugram-contact-info{

    background:#26470a;

    padding:70px 0;
}

.gurugram-contact-header{

    max-width:850px;

    margin:auto auto 50px;
}

.gurugram-contact-badge{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    border:1px solid rgba(216,192,122,.35);

    color:#d8c07a;

    font-weight:700;

    margin-bottom:20px;
}

.gurugram-contact-heading{

    color:#fff;

    font-size:58px;

    font-weight:900;

    margin-bottom:20px;
}

.gurugram-contact-heading span{

    color:#d8c07a;
}

.gurugram-contact-desc{

    color:#d6d6d6;

    line-height:1.9;
}

.gurugram-contact-card{

    background:#315016;

    border:1px solid rgba(216,192,122,.15);

    border-radius:30px;

    padding:35px;

    height:100%;

    transition:.4s;
}

.gurugram-contact-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(216,192,122,.10);
}

.gurugram-contact-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #d8c07a,
        #b58b2a
    );

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;
}

.gurugram-contact-icon i{

    color:#111;

    font-size:28px;
}

.gurugram-contact-card h3{

    color:#fff;

    font-size:28px;

    font-weight:800;

    margin-bottom:15px;
}

.gurugram-contact-card p{

    color:#d6d6d6;

    line-height:1.8;

    margin-bottom:20px;
}

.gurugram-contact-card a{

    color:#d8c07a;

    text-decoration:none;

    font-weight:700;
}

@media(max-width:991px){

    .gurugram-contact-heading{

        font-size:42px;
    }

}

@media(max-width:576px){

    .gurugram-contact-info{

        padding:55px 0;
    }

    .gurugram-contact-heading{

        font-size:32px;
    }

    .gurugram-contact-card{

        padding:25px;
    }

}

/* GURUGRAM CONTACT INFO END */




/* GURUGRAM CONTACT FORM START */

.gurugram-contact-form-section{

    background:#26470a;

    padding:60px 0;
}

.gurugram-form-header{

    max-width:800px;

    margin:auto auto 50px;
}

.gurugram-form-badge{

    display:inline-block;

    padding:10px 22px;

    border-radius:50px;

    border:1px solid rgba(216,192,122,.35);

    color:#d8c07a;

    font-weight:700;

    margin-bottom:20px;
}

.gurugram-form-title{

    color:#fff;

    font-size:58px;

    font-weight:900;

    margin-bottom:20px;
}

.gurugram-form-title span{

    color:#d8c07a;
}

.gurugram-form-desc{

    color:#d6d6d6;

    line-height:1.9;
}

.gurugram-form-wrapper{

    max-width:900px;

    margin:auto;

    background:#315016;

    padding:40px;

    border-radius:30px;

    border:1px solid rgba(216,192,122,.15);
}

.gurugram-form-control{

    width:100%;

    background:#111;

    border:1px solid rgba(216,192,122,.15);

    color:#fff;

    padding:16px 20px;

    border-radius:15px;

    outline:none;
}

.gurugram-form-control::placeholder{

    color:#bdbdbd;
}

.gurugram-form-control:focus{

    border-color:#d8c07a;
}

.gurugram-textarea{

    resize:none;
}

.gurugram-submit-btn{

    background:linear-gradient(
        135deg,
        #d8c07a,
        #b58b2a
    );

    color:#111;

    border:none;

    padding:15px 40px;

    border-radius:50px;

    font-weight:800;

    transition:.3s;
}

.gurugram-submit-btn:hover{

    transform:translateY(-3px);
}

@media(max-width:991px){

    .gurugram-form-title{

        font-size:42px;
    }

    .gurugram-form-wrapper{

        padding:30px;
    }

}

@media(max-width:576px){

    .gurugram-contact-form-section{

        padding:55px 0;
    }

    .gurugram-form-title{

        font-size:32px;
    }

    .gurugram-form-wrapper{

        padding:20px;
    }

}

/* GURUGRAM CONTACT FORM END */