.elementor-21 .elementor-element.elementor-element-6dc7f4c{--grid-template-columns:repeat(0, auto);text-align:center;padding:0px 030px 0px 0px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-21 .elementor-element.elementor-element-6dc7f4c.elementor-element{--align-self:flex-end;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8b6607e *//*==================================
CONTACT HERO
==================================*/

.contact-hero{

    position:relative;

    width:100%;

    height:520px;

    overflow:hidden;

    border-radius:25px;

    margin:0;

    padding:0;

}

.contact-hero img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

}

.contact-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(43,69,56,.88) 0%,
        rgba(43,69,56,.78) 28%,
        rgba(43,69,56,.50) 46%,
        rgba(43,69,56,.18) 64%,
        rgba(43,69,56,0) 82%
    );

    z-index:1;

}

.contact-content{

    position:absolute;

    top:50%;

    left:6%;

    transform:translateY(-50%);

    width:500px;

    z-index:2;

}

.contact-badge{

    display:inline-block;

    padding:12px 24px;

    background:#3B6953;

    color:#fff;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.contact-content h1{

    margin:0 0 20px;

    font-size:58px;

    line-height:1.1;

    color:#fff;

    font-weight:700;

}

.contact-content p{

    margin:0;

    color:rgba(255,255,255,.95);

    font-size:18px;

    line-height:1.8;

}

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

@media(max-width:991px){

.contact-hero{

    height:450px;

}

.contact-content{

    width:430px;

    left:40px;

}

.contact-content h1{

    font-size:44px;

}

.contact-content p{

    font-size:17px;

}

.contact-badge{

    font-size:13px;

    padding:10px 20px;

}

}

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

@media(max-width:767px){

.contact-hero{

    height:400px;

    border-radius:18px;

}

.contact-overlay{

    background:rgba(43,69,56,.72);

}

.contact-content{

    left:25px;

    right:25px;

    width:auto;

}

.contact-badge{

    font-size:12px;

    padding:8px 18px;

    margin-bottom:18px;

}

.contact-content h1{

    font-size:32px;

    line-height:1.2;

    margin-bottom:15px;

}

.contact-content p{

    font-size:16px;

    line-height:1.7;

}

}/* End custom CSS */