.outwrap {
      width: 100%;
      height: 600px; /* Adjust height as needed */
      position: relative;
      display: flex;
      align-items: center;
      font-size: 16px;
  }
   
.outwrap-image {
   width: 50%;
   height: 600px;
   background-image: url('/Portals/0/images/home-contact-pic 1.jpg');
   background-size: cover; 
   background-position: left;
   background-repeat: no-repeat; 
   position: absolute;
}

.form-wrapper h2::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 100px;
  height: 5px;
  background-color: white;
  transform: translateX(-50%);
}

 
 .form-container * {
   padding: 10px 0px;
   color: #444;
   background-color: #eb1e25 !important;
 }
 
 .form-wrapper {
   width: 55%;
   right: 0px;
   position: absolute;
 }
 
 img.contact-image {
   width: 100%;
   height: auto;
 }
 
 input::placeholder, textarea::placeholder {
   font-size: 1em;
   color: white;
 }
 
 .form-wrapper h2 {
   color: white;
   padding-top: 20px;
   font-size: 2em;
   position: relative;
 }
 .form-wrapper p{
    color: white;
    font-size: 1.2em;
 }
 label {
   font-weight: 600;
   padding-left: 15px;
 }
 
 .checkbox-label {
   font-size: .6em;
   font-weight: 300;
 }
 
 .custom-form-field, 
 .custom-form-field:active, 
 .custom-form-field:focus {
   width: 100%;
   background: transparent;
   border: 1px solid white;
   border-radius: 10px;
   color: white;
   outline: none;
   padding: 6px 15px;
   margin-top: .5em;
 }
 
 .form-filled-btn {
   padding: 10px 20px;
   border: 1px solid white;
   font-size: 1em;
   background: transparent;
   color: white;
 }
 
 .filled-btn, .filled-btn:visited, .filled-btn:link {
   border-radius: 10px !important;
 }
 
 .form-filled-btn img {
   max-height: .7em;
   padding-left: 4px;
 }
 
 ::-webkit-input-placeholder {
   color: white;
 }
 
 :-moz-placeholder {
   color: white;
   opacity: 1;
 }
 
 ::-moz-placeholder {
   color: white;
   opacity: 1;
 }
 
 :-ms-input-placeholder {
   color: white;
 }
 
 ::-ms-input-placeholder {
   color: white;
 }
 
 ::placeholder {
   color: white;
 }
 @media (max-width: 1100px) {
   .outwrap-image {display: none;}
   .form-wrapper {
      width: 93%;
      position: unset;
      margin: 0 auto;
   }
 }
 @media (max-width: 768px) {
   .form-container {
     padding: 20px;
   }
   .img-fluid {
     width: 100%;
   }
 }
 @media only screen and (max-width: 598px) {
  input::placeholder, textarea::placeholder {
    font-size: 1em;
  }
  .form-filled-btn {
    font-size: 1em;
  }
}