.contact-form-container{
    margin: 5px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
      display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 0;
    width: 100%;
    margin: 0 auto;
    .sometext{
      max-width: 1000px;
    }
    .contact-form-details{
      display: flex;
      box-shadow: 2px 10px 32px -8px rgba(0, 0, 0, 0.75);
      border-radius: 15px;
      max-width: 50%;
      max-height: 50%;
  
      .contact-details{
          padding: 10px;
          width: 40%;
          
          img{
            height: 25px;
            width: 25px;
          }
          .detail{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 30%;
      
          }
      }
      .form-container{
        padding: 5%;
        width: 60%;
        .mb-3{
          display: flex;
          .form-label{
            font-weight: bold;
            width: 45%;
          }
         
        }
      }
  
    }
  }
  
  @media only screen and (max-width: 800px) {
  .contact-form-container{
  
    .contact-form-details {
      margin: 0;
      max-width: 90%;
      max-height: fit-content;
        flex-direction: column-reverse;
        .contact-details{
          width: 100%;
          margin: 0;
          padding: 5px;
          *{
            margin: 0;
            padding: 5px 5px;
          }
        }
        .form-container{
          width: 100%;
          padding: 20px 10px;
          .mb-3{
            display: flex;
            .form-label{
              font-weight: bold;
              width: 35%;
            }
            .form-button{
              align-items: center;
              justify-content: center;
            }
          }
        }
    }
  }
  }