.contentContactUs {
         /*height: 80vh;*/
        min-height: 450px;
      
        /* background-color: rgb(255,26,68); */
          display: flex;
        flex-direction: column;
      justify-content: center;
      align-items: center;
        gap: 60px;
    }


   .nameInput {
        /*width: 400px;*/
        width: 400px;
        height: 50px;
        border-radius: 15px;
        background-color: #1F222B;
        padding: 10px;
        margin: 0;
        font-size: 1.1em;
        font-family: 'Poppins', sans-serif;
        color: white;
        border-width:0px;
    border:none;
    }

    .emailInput {
         /*width: 400px;*/
        width: 400px;
        height: 50px;
        border-radius: 15px;
        background-color: #1F222B;
        padding: 10px;
        margin: 0;
        font-size: 1.1em;
        font-family: 'Poppins', sans-serif;
        color: white;
        border-width:0px;
    border:none;
    }

    .messageInput {
        /*width: 400px;*/
        width: 400px;
        height: 120px;
        border-radius: 15px;
        background-color: #1F222B;
        padding: 10px;
        margin: 0;
        font-size: 1.1em;
        font-family: 'Poppins', sans-serif;
        color: white;
        border-width:0px;
    border:none;
    }

   .leftInputs {
         display: flex;
        flex-direction: column;
      justify-content: center;
      align-items: center;
        gap: 20px;
    }


 .submitButton {
       /* position: absolute;*/
        z-index: 2;
         width: 400px;
        height: 50px;
        top:0;
        left:0;
        border-radius: 15px;
        background-color: #007AFF;
        padding: 10px;
        margin: 0;
        font-size: 1.1em;
        font-family: 'Poppins', sans-serif;
        color: white;
        border-width:0px;
    border:none;
        
       
    }

     .submitDiv {
      /*width: 150px;*/
      height: 50px;
      position: relative;
      /*margin: 30px;*/
      
      
    }


 .wholeForm {
         display: flex;
        flex-direction: column;
      justify-content: center;
      align-items: center;
        gap: 40px;
    }

    ::placeholder {
      color: #9EB3C9;
      opacity: 0.8; /* Firefox */
    }

 .loader {
        z-index: 1;
      border: 8px solid #f3f3f3; /* Light grey */
      border-top: 8px solid rgb(93,101,131); /* Blue */
      border-radius: 50%;
      width: 40px;
      height: 40px;
      animation: spin 2s linear infinite;
        margin: 5px;
        
    }


      .loaderDiv {
        z-index: 1;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      /*opacity: 0.7;*/
      /*background: #0057e3;*/
          display: flex;
         justify-content: center;
      align-content: center;
        align-items: center
      flex-direction: column;
        /*gap: 20px;*/
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }






@media only screen and (min-width: 850px) {
  .inputs {
         display: flex;
         justify-content: center;
      align-content: center;
      flex-direction: row;
        gap: 20px;
         font-size: 0.8rem;
    }

      .contentContactUs {
            width: 100%;
      }
}

/* For ipad */
@media only screen and (min-width: 575px) and (max-width: 850px){
    .inputs {
         display: flex;
         justify-content: center;
      align-content: center;
      flex-direction: column;
        gap: 20px;
         font-size: 0.8rem;
    }

}

/* For iphone */
@media only screen and (max-width: 575px){
    .inputs {
         display: flex;
         justify-content: center;
      align-content: center;
      flex-direction: column;
        gap: 20px;
         font-size: 0.8rem;
    }

    .contentContactUs {
        margin-left: 50px;
        margin-right: 50px;

      
    }

     .nameInput, .emailInput,.messageInput {
        width: 80vw;
  }

  .submitButton {
 width: 80vw;
  }


}