/*-----------Home contact Form---------------------*/
/* 1. The Glass Container */
.footer-form-css {
    background: rgba(43, 45, 80, 0.7) !important; /* Adjust purple tint here */
    backdrop-filter: blur(15px); /* This creates the glass effect */
    -webkit-backdrop-filter: blur(15px);
    padding: 40px !important;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and ( max-width: 480px )
{
    .footer-form-css {
        padding: 20px !important;

    }
}

/*[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] .zpform-container, .footer-form-css {
    background: rgba(43, 45, 80, 0.7) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 40px !important;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}*/

/* 2. Hide the default labels (since the image uses placeholders) */
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] .zpform-label-container {
    display: none !important;
}

/* 3. Style the Inputs and Textarea */
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] input[type='text'], 
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    padding: 15px 5px !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
    border-radius: 0 !important;
}

/* 4. Placeholder Color */
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] input::placeholder,
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 5. The Slanted Submit Button */
#zsform_submit {
    background-color: #D44848 !important;
    color: #ffffff !important;
    border: 2px solid #D44848 !important;
    padding: 10px 22px !important;
    font-size: 16px !important;
    text-transform: none !important;
    cursor: pointer;
    /* This creates the angled cut on the right */
    /*clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);*/
    border-radius: 0 !important;
    transition: transform 0.2s ease;
}

#zsform_submit:hover {
    background-color: rgb(0, 0, 0, 0) !important;
    border-color: #ffffff !important;
    /*transform: scale(1.02);*/
}

input#Name_elm_83fvdlmNCpQrj2tro9o32Q, input#Phone_elm_83fvdlmNCpQrj2tro9o32Q, textarea#Message_elm_83fvdlmNCpQrj2tro9o32Q {
    background-color: rgb(0, 0, 0, 0) !important;
}

input#Name_elm_83fvdlmNCpQrj2tro9o32Q:focus-visible, input#Phone_elm_83fvdlmNCpQrj2tro9o32Q:focus-visible, textarea#Message_elm_83fvdlmNCpQrj2tro9o32Q:focus-visible {
    outline: none !important;
}

/* Reset the main container to allow full expansion */
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] .zpform-outer,
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] .zpform-container form {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* Force every list item (row) to be 100% */
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] ul.zpform-outer li {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Force the internal field wrappers to 100% */
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] .zpform-field-container,
[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] .zpform-field-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* The actual inputs and textarea */
input#Name_elm_83fvdlmNCpQrj2tro9o32Q, 
input#Phone_elm_83fvdlmNCpQrj2tro9o32Q, 
textarea#Message_elm_83fvdlmNCpQrj2tro9o32Q {
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

[data-element-id="elm_83fvdlmNCpQrj2tro9o32Q"] #zsform_submit {
    margin-top: 50px !important;
}
/*-----------Home contact Form---------------------*/
/*-----------Main CSS---------------------*/

.h1 {font-size: 55px !important;}

@media only screen and ( max-width: 980px ) 
{
.h1 {font-size: 45px !important;}
}

@media only screen and ( max-width: 480px ) 
{
.h1 {font-size: 32px !important;}
}

/*-----------Main CSS---------------------*/

/* Newsletter form css */
[data-element-id="elm_8DHHPMOFcFIHVehXIYeMNg"] .zpform-label-container {
    display: none;
}

input#Email_elm_8DHHPMOFcFIHVehXIYeMNg {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
   	width: max-content;
    padding-right: 70px;
    margin-right: 20px;
    padding-bottom: 0px;
}

input#Email_elm_8DHHPMOFcFIHVehXIYeMNg::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
    width: max-content;
}

[data-element-id="elm_8DHHPMOFcFIHVehXIYeMNg"] #zsform_submit {
    padding: 0px !important;
    color: #fff !important;
    background: transparent !important;
    border: none !important;
    font-size: 30px !important;
    cursor: pointer;
}

input#Email_elm_8DHHPMOFcFIHVehXIYeMNg:focus-visible {
    outline: none !important;
}

input#Email_elm_8DHHPMOFcFIHVehXIYeMNg::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-element-id="elm_8DHHPMOFcFIHVehXIYeMNg"] .zpform-outer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    width: 60%;
}

[data-element-id="elm_8DHHPMOFcFIHVehXIYeMNg"] input[type='text'] {
    color: #fff !important;
    font-size: 16px;
}

/*-------Architectural planning and interior design contact form-------*/
/* 1. The Glass Container */
.footer-form-css {
    background: rgba(43, 45, 80, 0.7) !important; /* Adjust purple tint here */
    backdrop-filter: blur(15px); /* This creates the glass effect */
    -webkit-backdrop-filter: blur(15px);
    padding: 40px !important;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/*[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] .zpform-container, .footer-form-css {
    background: rgba(43, 45, 80, 0.7) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    padding: 40px !important;
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}*/

/* 2. Hide the default labels (since the image uses placeholders) */
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] .zpform-label-container {
    display: none !important;
}

/* 3. Style the Inputs and Textarea */
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] input[type='text'], 
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    padding: 15px 5px !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
    border-radius: 0 !important;
}

/* 4. Placeholder Color */
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] input::placeholder,
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] textarea::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 5. The Slanted Submit Button */
#zsform_submit {
    background-color: #D44848 !important;
    color: #ffffff !important;
    border: 2px solid #D44848 !important;
    padding: 10px 22px !important;
    font-size: 16px !important;
    text-transform: none !important;
    cursor: pointer;
    /* This creates the angled cut on the right */
    /*clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);*/
    border-radius: 0 !important;
    transition: transform 0.2s ease;
}

#zsform_submit:hover {
    background-color: rgb(0, 0, 0, 0) !important;
    border-color: #ffffff !important;
    /*transform: scale(1.02);*/
}

input#Name_elm_Ki9gD_5VkQOvHz-Qq82bgQ, input#Phone_elm_Ki9gD_5VkQOvHz-Qq82bgQ, textarea#Message_elm_Ki9gD_5VkQOvHz-Qq82bgQ {
    background-color: rgb(0, 0, 0, 0) !important;
}

input#Name_elm_Ki9gD_5VkQOvHz-Qq82bgQ:focus-visible, input#Phone_elm_Ki9gD_5VkQOvHz-Qq82bgQ:focus-visible, textarea#Message_elm_Ki9gD_5VkQOvHz-Qq82bgQ:focus-visible {
    outline: none !important;
}

/* Reset the main container to allow full expansion */
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] .zpform-outer,
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] .zpform-container form {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* Force every list item (row) to be 100% */
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] ul.zpform-outer li {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Force the internal field wrappers to 100% */
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] .zpform-field-container,
[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] .zpform-field-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* The actual inputs and textarea */
input#Name_elm_Ki9gD_5VkQOvHz-Qq82bgQ, 
input#Phone_elm_Ki9gD_5VkQOvHz-Qq82bgQ, 
textarea#Message_elm_Ki9gD_5VkQOvHz-Qq82bgQ {
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

[data-element-id="elm_Ki9gD_5VkQOvHz-Qq82bgQ"] #zsform_submit {
    margin-top: 50px !important;
}
/*-------Architectural planning and interior design contact form-------*/

/* Contact us page > Form button */
[data-element-id="elm_jrzgSVdwKa6pWo7R8tqCMg"] #zsform_submit {
    background-color: #3C3B6B !important;
    color: #fff !important;
    border: 2px solid #3C3B6B !important;
    padding: 10px 52px !important;
}

/* Contact us page > Form button */
[data-element-id="elm_jrzgSVdwKa6pWo7R8tqCMg"] #zsform_submit:hover {
    background-color: #fff !important;
    color: #3C3B6B !important;
    border: 2px solid #3C3B6B !important;
    cursor: pointer;
}

/* Project page > Form button */
[data-element-id="elm_OsR3NfmJGIOtAFV8vXsv5A"] #zsform_submit {
    background-color: rgb(0, 0, 0, 0) !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    padding: 10px 52px !important;
}

/* Project page > Form button */
[data-element-id="elm_OsR3NfmJGIOtAFV8vXsv5A"] #zsform_submit:hover {
    background-color: #fff !important;
    color: #3C3B6B !important;
    border: 2px solid #fff !important;
    cursor: pointer;
}
/*------------------*/