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

.contact-hero{

    position:relative;

    min-height:100vh;

    background:url('../images/gallery/contact-bg.jpg');

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

    overflow:hidden;
}

/* DARK OVERLAY */

.contact-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,0.65);
}

/* CONTENT */

.contact-content{

    position:relative;

    z-index:2;

    max-width:700px;
}

/* SMALL TAG */

.contact-tag{

    color:#f5c76b;

    letter-spacing:4px;

    font-size:18px;

    margin-bottom:20px;
}

/* MAIN HEADING */

.contact-content h1{

    color:white;

    font-size:85px;

    font-weight:700;

    line-height:1.1;

    margin-bottom:30px;

    text-shadow:0 0 25px rgba(245,199,107,0.15);

    animation:fadeUp 1s ease;
}

/* TEXT */

.contact-text{

    color:#ddd;

    font-size:20px;

    line-height:1.9;

    max-width:650px;

    animation:fadeUp 1.3s ease;
}

/* ANIMATION */

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(50px);
    }

    to{

        opacity:1;

        transform:translateY(0);
    }
}
/* ================= CONTACT INFO SECTION ================= */

.contact-info-section{

    background:#050505;

    padding:100px 0;
}

/* CARD */

.contact-card{

    background:rgba(255,255,255,0.03);

    border:1px solid rgba(255,255,255,0.06);

    border-radius:30px;

    padding:50px 35px;

    text-align:center;

    transition:0.5s;

    backdrop-filter:blur(8px);

    height:100%;
}

/* ICON */

.contact-card i{

    color:#f5c76b;

    font-size:45px;

    margin-bottom:25px;

    transition:0.5s;
}

/* TITLE */

.contact-card h3{

    color:white;

    font-size:30px;

    margin-bottom:18px;
}

/* TEXT */

.contact-card p{

    color:#bbb;

    font-size:18px;

    line-height:1.8;

    margin:0;
}

/* HOVER */

.contact-card:hover{

    transform:translateY(-10px);

    border-color:rgba(245,199,107,0.3);

    box-shadow:0 0 35px rgba(245,199,107,0.08);
}

.contact-card:hover i{

    transform:scale(1.15);
}
/* ================= CONTACT FORM SECTION ================= */

.contact-form-section{

    background:#050505;

    padding:120px 0;
}

/* LEFT */

.contact-left span{

    color:#f5c76b;

    letter-spacing:3px;

    font-size:15px;
}

.contact-left h2{

    color:white;

    font-size:58px;

    line-height:1.15;

    margin:25px 0;
}

.contact-left p{

    color:#bdbdbd;

    line-height:1.9;

    font-size:17px;
}

/* FORM BOX */

.contact-form-box{

    background:rgba(255,255,255,0.04);

    border:1px solid rgba(255,255,255,0.06);

    padding:45px;

    border-radius:30px;

    backdrop-filter:blur(12px);
}

/* INPUT */

.contact-form-box input,
.contact-form-box textarea{

    width:100%;

    background:#141414;

    border:none;

    outline:none;

    padding:18px 22px;

    border-radius:18px;

    color:white;

    font-size:16px;

    transition:0.4s;
}

/* PLACEHOLDER */

.contact-form-box input::placeholder,
.contact-form-box textarea::placeholder{

    color:#888;
}

/* FOCUS */

.contact-form-box input:focus,
.contact-form-box textarea:focus{

    border:1px solid rgba(245,199,107,0.4);

    box-shadow:0 0 15px rgba(245,199,107,0.08);
}

/* BUTTON */

.contact-form-box button{

    width:100%;

    padding:18px;

    border:none;

    border-radius:50px;

    background:#f5c76b;

    color:black;

    font-size:18px;

    font-weight:600;

    transition:0.4s;
}

.contact-form-box button:hover{

    background:white;

    transform:translateY(-4px);

    box-shadow:0 0 25px rgba(245,199,107,0.3);
}
/* ================= MAP SECTION ================= */

.map-section{

    background:#050505;

    padding:0 0 120px;
}

/* TITLE */

.map-title{

    margin-bottom:50px;
}

.map-title span{

    color:#f5c76b;

    letter-spacing:4px;

    font-size:14px;
}

.map-title h2{

    color:white;

    font-size:58px;

    margin-top:20px;
}

/* MAP BOX */

.map-wrapper{

    overflow:hidden;

    border-radius:35px;

    border:1px solid rgba(255,255,255,0.05);

    box-shadow:0 0 35px rgba(245,199,107,0.08);
}

/* MAP */

.map-wrapper iframe{

    width:100%;

    height:450px;

    border:none;
   filter:brightness(0.85) contrast(1.05) saturate(0);
}
@media (max-width:767px){

    .contact-hero{

        min-height:85vh;

        text-align:center;

        padding:120px 20px;
    }

    .contact-content h1{

       font-size:48px;

line-height:1.15;
    }

    .contact-text{

        font-size:18px;

        line-height:1.8;
    }

    .contact-tag{

        font-size:15px;

        letter-spacing:3px;
    }
    /* ================= CONTACT INFO SECTION ================= */
    .contact-info-section{

        padding:70px 0;
    }

    .contact-card{

        padding:40px 25px;
    }

    .contact-card h3{

        font-size:25px;
    }
    /* ================= CONTACT FORM SECTION ================= */
    .contact-form-section{
        margin-left: 5px;
        padding:80px 0;
    }

    .contact-left{

        text-align:center;
    }

    .contact-left h2{

        font-size:42px;
    }

        .contact-form-box{

        padding:25px 18px;

        border-radius:25px;
    }

    .contact-form-box button{

        font-size:17px;

        padding:16px;
    }
    /* ================= MAP SECTION ================= */
     .map-section{

        padding-bottom:90px;
    }

    .map-title h2{

        font-size:38px;
    }

    .map-wrapper{

        border-radius:25px;
    }

    .map-wrapper iframe{

        height:320px;
    }


}