/* Contact Section start */
 .contact-page-contact_sec {
     padding: 50px 0 70px 0;
     background-image: linear-gradient(to right, rgba(197, 171, 125, 0) 0%, #e9e2d8 50%, rgba(197, 171, 125, 0) 100%);
     position: relative;
     height: 100%;
 }

 .contact-page-contact_sec h2 {
     font-family: Althy, sans-serif;
     font-size: 48px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.05;
     letter-spacing: normal;
     text-align: center;
     color: #3a2e17;
 }

 .contact-page-contact_sec .contact_before_img {
     bottom: 0;
     left: 0;
     position: absolute;
     width: 20%;
     margin: 55px 313.9px 0 0;
     object-fit: contain;
     mix-blend-mode: multiply;
     -webkit-filter: blur(4px);
     filter: blur(4px);
 }

 .contact-page-contact_sec .contact_after_img {
     top: 0;
     right: 0;
     position: absolute;
     width: 20%;
     object-fit: contain;
     mix-blend-mode: multiply;
     -webkit-filter: blur(4px);
     filter: blur(4px);
 }

 /* Image Styling */
 .contact-page-contact_image-container {
     position: relative;
     display: inline-block;
 }

 .contact-page-contact_image {
     margin-top: 70px;
     width: 100%;
     height: 543.8px;
 }

 /* Form Styling */
 .contact-page-contact_form {
     /* padding: 30px; */
     border-radius: 10px;
 }

 .contact-page-contact_label {
     font-family: Montserrat;
     font-size: 20px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: normal;
     text-align: left;
     color: #3a2e17;
 }

 span.wpcf7-form-control-wrap {
     display: block;
     width: 100%;
 }

 textarea.wpcf7-form-control.wpcf7-textarea.contact-page-contact_control {
     height: 100px;
 }

 .contact-page-contact_control {
     width: 100%;
     font-family: Montserrat, sans-serif;
     font-size: 20px;
     font-weight: normal;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: normal;
     text-align: left;
     color: rgba(58, 46, 23, 0.5);
     border-radius: 0;
     border: none;
     padding: 12px;
     box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
     border-style: solid;
     border-width: 2px;
     border-image-source: linear-gradient(to left,
             #be7914 123%,
             #be7914 107%,
             #eecb8fff 95%,
             #e1ca94ff 83%,
             #eec935 29%,
             #f1d047 24%,
             #f8e275 25%,
             #fff4a4 46%,
             #fced92 40%,
             #f5db64 28%,
             #eec935 18%,
             #898273ff 3%,
             #d89c37 -8%,
             #be7914 -18%,
             #be7914 -28%);
     border-image-slice: 1;
     background-color: #fff;
 }

 .contact-page-contact_submit-btn {
     font-family: Montserrat, sans-serif;
     font-size: 20px;
     font-weight: 600;
     font-stretch: normal;
     font-style: normal;
     line-height: 1.5;
     letter-spacing: normal;
     text-align: center;
     color: #fff;
     padding: 12px;
     border-radius: 5px;
     box-shadow: 0 0 1px 2px rgba(197, 171, 125, 0.2), inset 0 0 0 2px #a3844c;
     border: solid 2px #a3844c;
     background-color: #c5ab7d;
 }

 .contact-page-contact_submit-btn:hover {
     background-color: #a18562;
 }

 /* if you want the invalid input borders to match design */
 .is-invalid {
     box-shadow: none;
 }

 .invalid-feedback {
     display: block;
 }


 .error-msg {
     color: red;
     font-size: 14px;
     margin-top: 15px;
     display: none;
 }

 .is-invalid {
     border: 1px solid red;
 }

 .is-valid {
     border: 1px solid green;
 }

 @media (max-width:768px) {

     .contact-page-contact_sec {
         height: 100%;
     }

     .contact-page-contact_image-container {
         margin-bottom: 30px !important;
     }

     .contact-page-contact_image {
         width: 100%;
         margin: 0 !important;
         margin-top: 25px !important;
         height: 322px;

     }

     .contact-page-contact_sec form {
         padding: 20px;
     }

     .contact-page-contact_sec {
         padding: 0 !important;

     }

     .contact-page-contact_sec .contact_after_img {
         width: 40% !important;
     }

     .contact-page-contact_sec h2 {
         font-size: 28px !important;
     }

     .contact-page-contact_control {
         font-size: 16px !important;
     }

     .contact-page-contact_label {
         font-size: 16px !important;
     }


 }