/*==================================================
    TALENZOA CONTACT MODULE V2.0
==================================================*/

.tz-contact-page{

    max-width:1250px;
    margin:70px auto;
    padding:0 20px;

}

.tz-contact-hero{

    text-align:center;
    margin-bottom:55px;

}

.tz-contact-hero h2{

    font-size:42px;
    color:#0F172A;
    margin-bottom:15px;
    font-weight:700;

}

.tz-contact-hero p{

    max-width:760px;
    margin:auto;
    color:#6B7280;
    font-size:17px;
    line-height:1.9;

}
.tz-contact-content{

    display:flex;
    gap:35px;
    align-items:flex-start;

}

.tz-contact-card{

    width:35%;
    background:#0F172A;
    color:#fff;
    padding:40px;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.tz-contact-card h3{

    color:#C8A046;
    margin-bottom:15px;
    font-size:28px;

}

.tz-contact-card p{

    color:#D1D5DB;
    line-height:1.8;
    margin-bottom:35px;

}
.tz-info-item{

    display:flex;
    gap:18px;
    margin-bottom:36px;

}

.tz-info-item i{

    width:56px;
    height:56px;
    border-radius:50%;
    background:#C8A046;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;

    flex-shrink:0;

}

.tz-info-item strong{

    display:block;
    margin-bottom:6px;

}

.tz-info-item span{

    color:#D1D5DB;
    line-height:1.7;

}
.tz-contact-form-box{

    width:65%;
    background:#ffffff;
    padding:40px;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);

}
.tz-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;

}
.tz-field{

    margin-bottom:25px;

}

.tz-field label{

    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#374151;

}

.tz-field input,
.tz-field select,
.tz-field textarea{

    width:100%;
    padding:16px 18px;
    border:1px solid #D1D5DB;
    border-radius:12px;
    font-size:15px;
    transition:.3s;

}
.tz-field input:focus,
.tz-field select:focus,
.tz-field textarea:focus{

    outline:none;
    border-color:#C8A046;
    box-shadow:0 0 0 4px rgba(200,160,70,.15);

}
.tz-field textarea{

    resize:vertical;
    min-height:220px;

}
.tz-checkbox{

    margin:30px 0;

}

.tz-checkbox label{

    display:flex;
    align-items:center;
    gap:10px;
    color:#4B5563;

}
#tz-contact-submit{

    width:100%;
    height:60px;

    border:none;

    border-radius:12px;

    background:#C8A046;

    color:#fff;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}

#tz-contact-submit:hover{

    background:#B8860B;
    transform:translateY(-2px);

}
@media(max-width:991px){

.tz-contact-content{

flex-direction:column;

}

.tz-contact-card,
.tz-contact-form-box{

width:100%;

}

.tz-grid{

grid-template-columns:1fr;

}

}
/* ==========================================
   Google Map
========================================== */

.tz-map-section{

    margin-top:80px;

}

.tz-map-header{

    text-align:center;
    margin-bottom:35px;

}

.tz-map-header h2{

    font-size:36px;
    color:#0F172A;
    margin-bottom:12px;

}

.tz-map-header p{

    max-width:700px;
    margin:auto;
    color:#6B7280;
    line-height:1.8;

}

.tz-map-container{

    overflow:hidden;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.tz-map-container iframe{

    width:100%;
    height:450px;
    border:0;
    display:block;

}
/* ===========================
   Success Modal
=========================== */

.tz-modal{
    display:none !important;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.6);
    z-index:999999;
    justify-content:center;
    align-items:center;
}

.tz-modal.show{
    display:flex !important;
}

.tz-modal-content{

background:#fff;

width:90%;
max-width:420px;

padding:40px;

border-radius:12px;

text-align:center;

box-shadow:0 20px 50px rgba(0,0,0,.2);

animation:scaleIn .3s ease;

}

.tz-modal-icon{

width:70px;
height:70px;

margin:auto;

border-radius:50%;

background:#16a34a;

color:#fff;

font-size:34px;

display:flex;

align-items:center;
justify-content:center;

margin-bottom:20px;

}

.tz-modal-content h2{

margin-bottom:15px;

color:#0F172A;

}

.tz-modal-content p{

line-height:1.8;

margin-bottom:30px;

}

#tz-close-modal{

background:#C8A046;

color:#fff;

border:none;

padding:14px 35px;

border-radius:8px;

cursor:pointer;

font-size:15px;

transition:.3s;

}

#tz-close-modal:hover{

background:#B8860B;

}

@keyframes fadeIn{

from{opacity:0;}
to{opacity:1;}

}

@keyframes scaleIn{

from{

transform:scale(.8);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}