.elementor-32778 .elementor-element.elementor-element-3d21419{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-32778 .elementor-element.elementor-element-3b5ef1f > .elementor-widget-container{margin:0px 0px 44px 0px;}.elementor-32778 .elementor-element.elementor-element-3b5ef1f .elementor-heading-title{font-family:"PT Sans", Sans-serif;font-size:28px;color:#000000;}.elementor-32778 .elementor-element.elementor-element-f151612{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:11px;--margin-bottom:11px;--margin-left:11px;--margin-right:11px;--padding-top:17px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}.elementor-32778 .elementor-element.elementor-element-f151612:not(.elementor-motion-effects-element-type-background), .elementor-32778 .elementor-element.elementor-element-f151612 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F799;}.elementor-32778 .elementor-element.elementor-element-f151612.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-32778 .elementor-element.elementor-element-58cbac9 > .elementor-widget-container{margin:0px 11px 0px 11px;}.elementor-32778 .elementor-element.elementor-element-58cbac9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-32778 .elementor-element.elementor-element-4040e87{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--margin-top:17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32778 .elementor-element.elementor-element-effb904{--display:flex;--justify-content:space-around;}.elementor-32778 .elementor-element.elementor-element-43df47d{--e-image-carousel-slides-to-show:5;width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-32778 .elementor-element.elementor-element-43df47d.elementor-element{--align-self:center;}.elementor-32778 .elementor-element.elementor-element-43df47d .swiper-wrapper{display:flex;align-items:center;}@media(min-width:1440px){.elementor-32778 .elementor-element.elementor-element-f151612{--width:1270px;}.elementor-32778 .elementor-element.elementor-element-58cbac9{width:var( --container-widget-width, 1241px );max-width:1241px;--container-widget-width:1241px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-32778 .elementor-element.elementor-element-58cbac9{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-32778 .elementor-element.elementor-element-43df47d{--e-image-carousel-slides-to-show:4;}}@media(max-width:767px){.elementor-32778 .elementor-element.elementor-element-4040e87{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-32778 .elementor-element.elementor-element-43df47d{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for container, class: .elementor-element-f151612 *//* Form Row - Two columns */
.wpcf7 form .form-row {
    display: flex;
    justify-content: space-between;
    gap: 30px;  /* Adds space between columns */
    flex-wrap: wrap;
    margin-bottom: 20px;
}

/* Left Column (Your Details) */
.form-left {
    width: 48%;  /* Takes up 48% of the container */
}

/* Right Column (About Your Property) */
.form-right {
    width: 48%;  /* Takes up 48% of the container */
}

/* Label Styling */
.wpcf7 label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
}

/* Input and textarea styling */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;  /* Ensures input fields span full column width */
    padding: 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* Focus effect on input fields */
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    border-color: #ff007f;  /* Pink border on focus */
    outline: none;
}

/* Submit button styling */
.wpcf7 input[type="submit"] {
    background-color: #ff007f; /* Pink background */
    color: white;
    padding: 15px 30px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
}

/* Submit button hover effect */
.wpcf7 input[type="submit"]:hover {
    background-color: #e6006a;  /* Darker pink on hover */
}

/* Mobile responsiveness - Stacks the columns on smaller screens */
@media (max-width: 768px) {
    .form-left,
    .form-right {
        width: 100%;  /* Full width on mobile */
    }
    .form-row {
        flex-direction: column;  /* Stacks the fields */
    }
}

/* Make the form responsive on tablet and mobile screens */
@media (max-width: 1024px) {
    /* Adjust the container to take full width on tablet */
    .form-container {
        width: 100%;  /* Full width on tablets */
        padding: 20px;
        box-sizing: border-box;
    }

    /* Adjust columns layout for smaller screens */
    .form-row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    /* Style each column (form-left and form-right) */
    .form-left,
    .form-right {
        width: 100%;  /* Make both columns full-width on tablet */
    }

    /* Add a bit of margin and padding for spacing */
    .form-left input,
    .form-left select,
    .form-left textarea,
    .form-right input,
    .form-right select,
    .form-right textarea {
        width: 100%;
        padding: 12px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-bottom: 15px;
    }

    /* Adjust labels for better spacing on tablet */
    .form-left label,
    .form-right label {
        display: block;
        font-size: 14px;
        color: #333;
        margin-bottom: 8px;
    }

    /* Focus effect */
    .form-left input:focus,
    .form-left select:focus,
    .form-left textarea:focus,
    .form-right input:focus,
    .form-right select:focus,
    .form-right textarea:focus {
        border-color: #ff007f;  /* Pink border on focus */
        outline: none;
    }
}

/* Add border and shadows to the form container */
.form-container {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  /* Light shadow */
    padding: 20px;
    margin-bottom: 20px;
}

/* Add shadow on submit button */
.wpcf7 input[type="submit"] {
    background-color: #ff007f;  /* Pink color for the button */
    border: none;
    color: white;
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);  /* Button shadow */
}

/* Button hover effect */
.wpcf7 input[type="submit"]:hover {
    background-color: #e6006d;  /* Darker pink on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);  /* Darker shadow on hover */
}/* End custom CSS */