/* Parallax Background */
.contact-parallax-bg {
    background-image: url('https://images.unsplash.com/photo-1674390166369-a9e91cc8197c?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTQyfHxtZW4lMjBzdWl0c3xlbnwwfDB8MHx8fDI%3D&auto=format&fit=crop&w=1500&q=80');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    filter: brightness(0.45);
    z-index: 1;
}

/* Overlay */
#contact-hero .overlay {
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

/* Button */
#contact-hero .btn-warning {
    background-color: #ffd700;
    border: none;
    color: #111;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#contact-hero .btn-warning:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.6);
}

/* Responsive */
@media (max-width: 768px) {
    #contact-hero h1 {
        font-size: 2rem;
    }

    #contact-hero p {
        font-size: 0.95rem;
    }
}









/* Contact Cards Section */
#contact-info {
    background-image: url('https://images.unsplash.com/photo-1506072590044-75de1b7b7806?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTI2fHxtZW4lMjBzdWl0c3xlbnwwfDB8MHx8fDI%3D&?auto=format&fit=crop&w=1600&q=80');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    position: relative;
}

#contact-info::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 0;
}

#contact-info .container {
    position: relative;
    z-index: 2;
}

/* Card Styling */
.contact-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(5px);
    transition: transform 0.3s ease, background 0.3s ease;
}

.contact-card:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.1);
}

/* Buttons */
#contact-info .btn-outline-warning:hover,
#contact-info .btn-outline-success:hover {
    transform: scale(1.05);
}

/* Responsive */
@media (max-width: 768px) {
    #contact-info h2 {
        font-size: 1.8rem;
    }
}














/* Parallax Background */
.contact-parallax-bg {
    background-image: url('https://images.unsplash.com/photo-1633655442168-c6ef0ed2f984?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OTJ8fG1lbiUyMHN1aXRzfGVufDB8MHwwfHx8Mg%3D%3D&?auto=format&fit=crop&w=1600&q=80');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    filter: brightness(0.6);
    z-index: 1;
}

/* Overlay */
#contact-form-section .overlay {
    background: rgba(0, 0, 0, 0.55);
    z-index: 1;
}

/* Transparent Input Fields */
.transparent-input {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    transition: all 0.3s ease;
}

.transparent-input:focus {
    background: rgba(255, 255, 255, 0.2);
    border-color: #ffd700;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

/* Button */
#contact-form-section .btn-warning {
    border-radius: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#contact-form-section .btn-warning:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(255, 215, 0, 0.4);
}

/* Responsive */
@media (max-width: 768px) {
    #contact-form-section h2 {
        font-size: 1.8rem;
    }
}