.container-contact-us{
    z-index:2;
}
.title {
    color: var(--white);
    font-family: Roboto;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.form-contact-us {
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0px 0px 16px 0px var(--transparent-black);
    padding: 24px;
    z-index:2;
}
label, textarea::placeholder {
    color: var(--semi-transparent-dark-gray);
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
span{
    font-size:12px;
}
form {
    display: grid;
    gap: 16px;
}
.btn-submit-form {
    color: var(--white);
    text-align: center;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 8px;
    background: var(--Secondary);
    border: 0;
    padding: 8px;
    width: 35%;
    min-width:fit-content;
}
.whatsapplink
{
    color:black
}
.whatsapplink:hover
{
    color:black
}
.emaillink {
    color: black
}

    .emaillink:hover {
        color: black
    }
.contactFormCus {
    border-left: solid 1px var(--bs-secondary-bg);
    margin-top: 2px;
}

.iframeStyle {
    position: relative;
    width: 100%;
    height: 223px;
}


@media(max-width:368px) {
    .form-contact-us
    {
        width:100%
    }
    #spanSubmit
    {
        font-size:7px
    }

}


@media(max-width:380px)
{
    form {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
    .ContactUsField 
    {
        width:100%
    }
}