:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2106c64 *//*=========================
CONTACT BANNER
=========================*/

.contact-banner{
    position:relative;
    width:100%;
    max-width:1600px;
    margin:0 auto;
    overflow:hidden;
    border-radius:0;
}

.contact-banner img{
    width:100%;
    height:360px;
    object-fit:cover;
    object-position:center;
    display:block;
}

/* Light overlay (image blur nahi hogi) */

.contact-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.28);
}

/* Text */

.contact-content{

    position:absolute;

    top:50%;

    left:60px;

    transform:translateY(-50%);

    z-index:2;

}

.contact-content h5{

    margin:0 0 18px;

    color:#fff;

    font-size:34px;

    font-weight:400;

    letter-spacing:1px;

    text-transform:uppercase;

    font-family:Arial,sans-serif;

}

.contact-content h1{

    margin:0;

    color:#fff;

    font-size:54px;

    font-weight:400;

    font-family:Arial,sans-serif;

}

/* Tablet */

@media(max-width:991px){

.contact-banner img{

height:300px;

}

.contact-content{

left:40px;

}

.contact-content h5{

font-size:26px;

}

.contact-content h1{

font-size:42px;

}

}

/* Mobile */

@media(max-width:767px){

.contact-banner img{

height:240px;

}

.contact-content{

left:25px;

}

.contact-content h5{

font-size:18px;

margin-bottom:12px;

}

.contact-content h1{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2ac2f8 *//*=========================
CONTACT SECTION
=========================*/

.contact-info{

    max-width:900px;

    margin:80px auto;

    padding:0 20px;

    text-align:center;

}

.contact-info h2{

    font-family:Georgia,serif;

    font-size:56px;

    font-weight:500;

    color:#2B241F;

    margin-bottom:22px;

}

.contact-intro{

    font-size:20px;

    color:#666;

    line-height:1.8;

    margin-bottom:45px;

}

.contact-details p{

    margin:22px 0;

    font-size:22px;

    color:#444;

    line-height:1.8;

}

.contact-details strong{

    color:#2B241F;

}

.contact-details a{

    color:#8B5E3C;

    text-decoration:none;

    transition:.3s;

}

.contact-details a:hover{

    color:#A36A42;

    text-decoration:underline;

}

/*=========================
BUSINESS HOURS
=========================*/

.business-hours{

    display:inline-flex;

    flex-direction:column;

    gap:10px;

    margin:35px auto;

    padding:22px 40px;

    border:1px solid #E8DED4;

    border-radius:14px;

    background:#FAF7F3;

}

.hours-title{

    font-size:13px;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#9B6644;

    font-weight:700;

}

.hours-time{

    font-size:22px;

    font-weight:600;

    color:#2B241F;

}

/*=========================
CHAT SUPPORT
=========================*/

.chat-support{

    margin-top:20px;

    font-size:24px;

    color:#2B241F;

}

/*=========================
Responsive
=========================*/

@media(max-width:767px){

.contact-info{

margin:60px auto;

padding:0 15px;

}

.contact-info h2{

font-size:38px;

}

.contact-intro{

font-size:17px;

}

.contact-details p{

font-size:17px;

}

.business-hours{

padding:18px 20px;

width:100%;

}

.hours-time{

font-size:18px;

line-height:1.7;

}

.chat-support{

font-size:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3456a7 *//*==========================
CONTACT SECTION
==========================*/

.marshel-contact{

    max-width:920px;

    margin:70px auto;

    padding:0 20px;

}

.marshel-contact h2{

    font-family:Georgia,serif;

    font-size:46px;

    font-weight:500;

    color:#2B241F;

    margin-bottom:35px;

}

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

.contact-form-box{

    margin-top:10px;

}

.contact-form-box .wpcf7-form{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

}

.contact-form-box .half{

    width:calc(50% - 10px);

}

.contact-form-box .full{

    width:100%;

}

.contact-form-box input,

.contact-form-box textarea{

    width:100%;

    padding:18px 20px;

    border:1px solid #D9D9D9;

    background:#fff;

    font-size:16px;

    color:#333;

    border-radius:0;

    transition:.3s;

    box-sizing:border-box;

}

.contact-form-box textarea{

    height:180px;

    resize:none;

}

.contact-form-box input:focus,

.contact-form-box textarea:focus{

    outline:none;

    border-color:#8B5E3C;

}

.contact-form-box input::placeholder,

.contact-form-box textarea::placeholder{

    color:#777;

}

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

.contact-form-box input[type="submit"]{

    width:100%;

    background:#8B5E3C;

    color:#fff;

    border:none;

    padding:18px;

    font-size:18px;

    font-weight:500;

    cursor:pointer;

    transition:.3s;

    border-radius:0;

}

.contact-form-box input[type="submit"]:hover{

    background:#A36A42;

}

/*==========================
CF7
==========================*/

.contact-form-box .wpcf7-spinner{

    display:none;

}

.contact-form-box .wpcf7-form p{

    margin:0;

}

/*==========================
Responsive
==========================*/

@media(max-width:767px){

.marshel-contact{

margin:50px auto;

padding:0 15px;

}

.marshel-contact h2{

font-size:34px;

margin-bottom:25px;

}

.contact-form-box .half{

width:100%;

}

}/* End custom CSS */