/**
 * Image with Form
 *
 * Generated by Dreamz Page Builder on 2026-07-23.
 */

.image-form-wrapper{
	display: flex;
	flex-wrap: wrap;
}
.image-form-wrapper .left-image{
	width: 50%;
}
.image-form-wrapper .left-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.image-form-wrapper .right-image{
    padding-right: calc(50% - 655px);
    padding-left: 80px;
    width: 50%;
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
	background: #FFFAF5;
    align-items: flex-start;
    justify-content: center;
}
.right-image .title{
    max-width: 475px;
    text-align: center;
    margin: 0 auto 20px auto;
}
.contact-form{
	width: 100%;
}

.form-row input,
.form-row textarea {
    width: 100%;
    padding: 20px 25px 20px 38px;

}
.form-row .input-wrap{
    background-repeat: no-repeat;
    background-position: left;
    background-size: 24px;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 10px;
    transform: translateY(-50%);
    z-index: 1;
    margin-top: 30px;
}
.form-row .input-wrap.name{
    background-image: url(../images/person-icon.svg);

}
.form-row .input-wrap.email{
    background-image: url('../images/mail-icon.svg');

}
.form-row .input-wrap.message{
    background-image: url(../images/person-icon.svg);

}


.form-row.message textarea {

	background-position: 10px 18px;
}
.form-row.email input:-webkit-autofill,
.form-row.email input:-webkit-autofill:hover,
.form-row.email input:-webkit-autofill:focus,
.form-row.email input:-internal-autofill-selected {
    background-image: url('../images/mail-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 18px !important;

    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #000 !important;
    transition: background-color 99999s ease-in-out 0s;
}
.submit-btn{
	position: relative;
}

@media only screen and (max-width:1199px) {
 	.image-form-wrapper .right-image
    {
        padding-right: 15px;
		padding-left: 30px;
	}
}
@media only screen and (max-width:991px) {
	.image-form-wrapper .right-image
    {
		padding-left: 15px;
	}

}
@media only screen and (max-width:767px) {
	.image-form-wrapper .left-image {
		width: 100%;
	}
	.image-form-wrapper .right-image{
		width: 100%;
	}
    .form-row input, .form-row textarea {
        padding: 15px 25px 15px 38px;
    }
    .form-row .input-wrap{
        margin-top: 25px;
    }
}