.contact-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    background-image: url("../images/about/demo2.png");
}

.heading-contact {
    color: white;
    text-align: center;
    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
    font-size: 80px;
}

.container-details {
    display: flex;
    flex-direction: column;
    color: white;
    /* height: 84vh; */
    padding: 3em;
    padding-left: 15px;
}

.labels {
    color: black;
    margin-bottom: inherit;

}

.inputs {
    width: 50%;
    height: 45px;
    border: 1px solid rgb(178, 98, 98);
    border-radius: 5px;

}

.message {
    width: 70%;
    height: 100px;
}

.submit-button:hover {
    background-color: #f3554d !important;
}

/* .button{
    color: #ffffff;
    background-color: #db6890;
    border: none;
    border-radius: 5px;
    
    
} */
.contact-us {
    display: flex;
    align-items: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}

/* .para1{
    font-size: larger;
} */

.contact-us i {
    margin-right: 10px;
}

.contact-us,
.container-details {

    padding-right: 15px;
}

.container-details .inputs,
.container-details .message {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #e77070;
    border-radius: 5px;
}

.container-details .submit-button {
    padding: 10px 20px;
    background-color: #e77070;
    color: white;
    border: none;
    border-radius: 5px;

}

.map iframe {
    width: 100%;
    height: 300px;
    border: 0;
}

@media only screen and (max-width: 768px) {
    .heading-contact {
        font-size: 40px;
    }

}

@media (max-width: 768px) {
    .contact-parallax {
        height: 200px;
        /* Adjust the height for smaller screens */
        background-attachment: scroll;
        /* Disable fixed background on mobile */
    }

    .heading-contact {
        padding-top: 20px;
        /* Adjust padding for smaller screens */
        font-size: 24px;
        /* Adjust font size for smaller screens */
    }

    .padding-40 {
        padding: 40px;
    }
}