/*=========================================
CONTACT SECTION
=========================================*/

.mz-contact{

    position:relative;

    padding:120px 0;

    background:
    radial-gradient(circle at top left,#1c1608 0%,transparent 35%),
    radial-gradient(circle at bottom right,#1a1305 0%,transparent 35%),
    #0b0b0b;

    overflow:hidden;

}

/* Gold Glow */

.mz-contact::before{

    content:"";

    position:absolute;

    top:-220px;

    left:-220px;

    width:550px;

    height:550px;

    border-radius:50%;

    background:rgba(212,175,55,.05);

    filter:blur(140px);

}

.mz-contact::after{

    content:"";

    position:absolute;

    bottom:-220px;

    right:-220px;

    width:520px;

    height:520px;

    border-radius:50%;

    background:rgba(212,175,55,.04);

    filter:blur(140px);

}

.mz-contact .mz-container{

    position:relative;

    z-index:2;

}

/*=========================================
HEADING
=========================================*/

.mz-contact-header{
    max-width:900px;
}

.mz-contact-badge{

    display:inline-block;

    padding:10px 24px;

    border-radius:50px;

    background:rgba(212,175,55,.08);

    border:1px solid rgba(212,175,55,.18);

    color:#D4AF37;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.mz-contact-header h2{
    font-size:72px;
    line-height:1.1;
}

.mz-contact-header p{

    color:#bdbdbd;

    font-size:18px;

    line-height:1.9;

}

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

.mz-contact-grid{

    display:grid;

    grid-template-columns:42% 58%;

    gap:45px;

    align-items:start;

}
/*=========================================
LEFT SIDE
=========================================*/

.mz-contact-left{

    display:flex;

    flex-direction:column;

    gap:30px;

}

/*=========================================
MAP
=========================================*/

.mz-map-box{

    overflow:hidden;

    border-radius:28px;

    border:1px solid rgba(212,175,55,.18);

    background:#121212;

    box-shadow:0 20px 60px rgba(0,0,0,.35);

}

.mz-map-box iframe{

    width:100%;

    height:420px;

    border:0;

    display:block;

    filter:grayscale(.15) contrast(1.05);

}

/*=========================================
CONTACT CARDS
=========================================*/

.mz-contact-cards{

    display:grid;

    gap:22px;

}

.mz-contact-card{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:24px;

    border-radius:22px;

    background:linear-gradient(180deg,#181818,#111111);

    border:1px solid rgba(212,175,55,.12);

    transition:.35s;

}

.mz-contact-card:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

      box-shadow:0 25px 55px rgba(212,175,55,.18);

}

/*=========================================
ICON
=========================================*/

.mz-contact-icon{

    width:62px;

    height:62px;

    border-radius:18px;

    background:linear-gradient(135deg,#E7C85A,#C99722);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.mz-contact-icon i{

    color:#111;

    font-size:22px;

}

/*=========================================
TEXT
=========================================*/

.mz-contact-card h4{

    color:#fff;

    font-size:20px;

    margin-bottom:10px;

}

.mz-contact-card p{

    color:#bdbdbd;

    line-height:1.8;

    margin:0;

}

.mz-contact-card a{

    color:#dcdcdc;

    text-decoration:none;

    transition:.3s;

    word-break:break-word;

}

.mz-contact-card a:hover{

    color:#D4AF37;

}
/*=========================================
RIGHT SIDE
=========================================*/

.mz-contact-right{

    display:flex;

    align-items:stretch;

}

.mz-contact-form{

    width:100%;

    padding:45px;

    border-radius:28px;

    background:linear-gradient(180deg,#181818,#111111);

    border:1px solid rgba(212,175,55,.12);

    box-shadow:0 20px 60px rgba(0,0,0,.35);

}

.mz-contact-form span{

    display:inline-block;

    padding:10px 22px;

    border-radius:40px;

    background:rgba(212,175,55,.08);

    border:1px solid rgba(212,175,55,.18);

    color:#D4AF37;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.mz-contact-form h3{

    color:#fff;

    font-size:42px;

    font-family:"Playfair Display",serif;

    margin-bottom:18px;

}

.mz-contact-form p{

    color:#bdbdbd;

    line-height:1.8;

    margin-bottom:40px;

}

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

.mz-contact-form .mz-form-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.mz-contact-form .mz-form-group{

    margin-bottom:22px;

}

.mz-contact-form label{

    display:block;

    color:#fff;

    margin-bottom:10px;

    font-weight:600;

}

.mz-contact-form input,

.mz-contact-form textarea{

    width:100%;

    padding:16px 18px;

    border-radius:16px;

    background:#181818;

    border:1px solid #2f2f2f;

    color:#fff;

    outline:none;

    transition:.35s;

    font-size:15px;

}

.mz-contact-form textarea{

    resize:none;

}

.mz-contact-form input:focus,

.mz-contact-form textarea:focus{

    border-color:#D4AF37;

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

}

.mz-contact-form input::placeholder,

.mz-contact-form textarea::placeholder{

    color:#888;

}

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

.mz-contact-btn{

    width:100%;

    height:62px;

    border:none;

    border-radius:18px;

    cursor:pointer;

    background:linear-gradient(135deg,#E7C85A,#C99722);

    color:#111;

    font-size:18px;

    font-weight:700;

    transition:.35s;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    box-shadow:0 15px 35px rgba(212,175,55,.28);

}

.mz-contact-btn:hover{

    transform:translateY(-4px);

    box-shadow:
    0 18px 45px rgba(212,175,55,.35);

}
/*=========================================
CONTACT FEATURES
=========================================*/

.mz-contact-features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;

    margin-top:35px;

}

.mz-feature-item{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:14px;

    min-height:90px;

    padding:22px;

    background:linear-gradient(180deg,#181818,#111111);

    border:1px solid rgba(212,175,55,.15);

    border-radius:22px;

    color:#fff;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.25);

}
.mz-feature-item:hover{

    transform:translateY(-6px);

    border-color:#D4AF37;

    background:#1d1d1d;

    box-shadow:0 20px 45px rgba(212,175,55,.18);

}

.mz-feature-item i{

    color:#D4AF37;

    font-size:24px;

    min-width:26px;

}

.mz-feature-item span{

    color:#fff;

    font-size:17px;

    font-weight:600;

    line-height:1.5;

}

/*=========================================
INPUT AUTOFILL
=========================================*/

.mz-contact-form input:-webkit-autofill,
.mz-contact-form textarea:-webkit-autofill{

    -webkit-box-shadow:0 0 0 1000px #181818 inset !important;

    -webkit-text-fill-color:#fff !important;

}

/*=========================================
SCROLL ANIMATION READY
=========================================*/

.mz-contact-card,
.mz-contact-form,
.mz-feature-item{

    transition:.45s ease;

}

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

@media(max-width:1100px){

.mz-contact-grid{

    grid-template-columns:1fr;

}

.mz-contact-left{

    order:2;

}

.mz-contact-right{

    order:1;

}

}

@media(max-width:768px){

.mz-contact{

    padding:80px 0;

}

.mz-contact-header h2{

    margin:25px 0 18px;

    font-family:"Playfair Display",serif;

    font-size:72px;

    font-weight:700;

    line-height:1.08;

    background:linear-gradient(
        135deg,
        #FFF5C2 0%,
        #E6C85A 35%,
        #D4AF37 65%,
        #B8860B 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

}
.mz-contact-header h2{

    text-shadow:0 0 35px rgba(212,175,55,.12);

}

.mz-contact-form{

    padding:30px;

}

.mz-contact-form h3{

    font-size:32px;

}

.mz-contact-form .mz-form-row{

    grid-template-columns:1fr;

}

.mz-contact-features{

    grid-template-columns:1fr 1fr;

}

}

@media(max-width:520px){

.mz-contact-features{

    grid-template-columns:1fr;

}

..mz-contact .mz-contact-header h2{

    font-family:"Playfair Display",serif !important;

    font-size:72px !important;

    font-weight:700 !important;

    line-height:1.08 !important;

    color:#D4AF37 !important;

    background:none !important;

    -webkit-text-fill-color:#D4AF37 !important;

}

.mz-map-box iframe{

    height:420px;

}

}
.mz-contact-header h2 {
    color: #D4AF37 !important;
}