.form{
    width: 75%;
    padding: 20px;
    border: 2px solid #0044bb;
    border-radius: 10px;
    display: none;
    margin: 20px auto;
  }
   .form.active{
    display: block;
  }
   .form .inputRows{
    display: flex;
    justify-content: space-between;
  }
   .form .inputRows .inputRow{
    width: 49%;
  }
   .form .inputRows .inputRow input{
    width: 100%;
    border: 2px solid #ddd;
    display: block;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 5px 0; 
  }
  
   .form .inputRows .inputRow select{
    width: 100%;
    border: 2px solid #ddd;
    display: block;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 5px 0; 
  }
   .form .message textarea{
    width: 100%;
    height: 200px;
    padding: 15px;
    border: 2px solid #ddd;
    border-radius: 5px;
  }
   .form .termsConditions{
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
  }
   .form .Btn{
    text-align: center;
  }
   .form .Btn button{
    border: 2px solid #0044bb;
    color: #0044bb;
    padding: 10px 30px ;
    font-size: 18px;
    border-radius: 10px;
    margin: 20px 0;
  }
   .form .Btn button:hover{
    background:  #0044bb;
    color:  white;
  }
  .mainForm .text{
    background-color: rgb(85, 85, 236)
                    ; color: white; padding: 20px 0; width: 75%; 
                    margin: auto;
  }
  .mainForm{
    margin-bottom: 30px;
  }
  
  @media (max-width: 991px) {
    h1{
        font-size: 35px;
    }
    .form{
        width: 100%;
    }
       .form .inputRows{
        flex-direction: column;
         justify-content: center;
         align-items: center;
     }
   .form .inputRows .inputRow{
         width: 100%;
       
     }
     .mainForm .text{
       width: 100%; 
        padding: 20px 15px;
    }
}