/* ==========================================================
   NURIA GC
   CONTACT
========================================================== */

:root{

  --contact-space-xl:10rem;
  --contact-space-lg:8rem;
  --contact-space-md:6rem;

  --contact-text:760px;

}

/* ==========================================================
   HERO
========================================================== */

.ngc-contact-hero{

    padding:9rem 0 8rem;

}

.ngc-contact-title{

    font-size:4rem;
    line-height:.95;
    color:#1d1d1d;
    margin:1rem 0 1.5rem;

}

.ngc-contact-subtitle{

    font-size:1.45rem;
    color:var(--ngc-red);
    font-weight:400;
    margin-bottom:2rem;

}

.ngc-contact-text{

    max-width:720px;

    font-size:1.08rem;

    line-height:1.9;

    color:var(--ngc-muted);

}

.ngc-contact-hero-media{

    position:relative;

    background:#ece6dc;

    padding:1rem;

    border:1px solid rgba(0,0,0,.06);

}

.ngc-contact-hero-media::after{

    content:"";

    position:absolute;

    top:22px;

    right:-22px;

    width:100%;

    height:100%;

    border:1px solid rgba(194,29,29,.25);

    z-index:-1;

}

.ngc-contact-hero-image{

    width:100%;

    display:block;

}

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

.ngc-contact-section{

    background:#f7f4ee;

    padding:7rem 0;

    border-top:1px solid rgba(0,0,0,.06);

}

.ngc-contact-form{

    background:#fff;

    padding:4.5rem;

    border:1px solid rgba(0,0,0,.06);

    box-shadow:0 18px 55px rgba(0,0,0,.04);

}

.ngc-contact-form .form-label{

    text-transform:uppercase;

    letter-spacing:.10em;

    font-size:.78rem;

    font-weight:600;

    color:#444;

    margin-bottom:.7rem;

}

.ngc-contact-form .form-control,

.ngc-contact-form select,

.ngc-contact-form textarea{

    border-radius:0;

    min-height:58px;

    border:1px solid rgba(0,0,0,.10);

    padding:1rem 1.15rem;

    font-size:1rem;

    transition:.30s;

}

.ngc-contact-form textarea{

    min-height:220px;

    resize:vertical;

}

.ngc-contact-form .form-control:focus,

.ngc-contact-form textarea:focus,

.ngc-contact-form select:focus{

    border-color:var(--ngc-red);

    box-shadow:none;

}

/* ==========================================================
   INTRO
========================================================== */

.ngc-contact-intro{

    text-align:center;

    max-width:850px;

    margin:0 auto 4rem;

}

.ngc-contact-intro p{

    font-size:1.08rem;

    line-height:1.9;

    color:var(--ngc-muted);

}

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

.ngc-contact-form .ngc-btn-primary{

    padding:1rem 3rem;

    min-width:260px;

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:991px){

    .ngc-contact-hero{

        padding:6rem 0 5rem;

        text-align:center;

    }

    .ngc-contact-title{

        font-size:2.8rem;

    }

    .ngc-contact-hero-media{

        margin-top:3rem;

    }

    .ngc-contact-form{

        padding:2.5rem;

    }

}

@media(max-width:575px){

    .ngc-contact-title{

        font-size:2.2rem;

    }

    .ngc-contact-subtitle{

        font-size:1.2rem;

    }

    .ngc-contact-form{

        padding:2rem;

    }

}