html {
      box-sizing: border-box;
    }
*, *:before, *:after {
 box-sizing: inherit;
    }
.contact-form{
            
            display: flex;
            /*flex-direction: column;*/
            flex-wrap: wrap;
            gap:1em;
            justify-content: center;
            text-align:center;
            margin: 0 auto;
            padding: 20px;
            width:80%;
            height: auto;
            background: rgb(2,0,36);
            background: -moz-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(8,111,193,1) 35%, rgba(0,212,255,1) 100%);
            background: -webkit-linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(8,111,193,1) 35%, rgba(0,212,255,1) 100%);
            background: linear-gradient(45deg, rgba(2,0,36,1) 50%, rgba(8,111,193,1) 35%, rgba(0,212,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);
            /*border-radius: 30% 70% 70% 30% / 30% 33% 67% 70% ;*/
      }
      
      
      
      .form-input{
          width:199px;
          height: 30px;
          padding: 0 10px;
          font-size: 14px;
          color: #ffffff;
          background-color: transparent;
          outline: none;
          border:none;
          border-bottom:1px solid #ffffff;
          margin-bottom: 15px;
      }
      input[type=text]:focus{
          outline: none;
      }
      
      input[type=submit]{
          background-color: #FF0000;
          border: none;
          color: white;
          font-weight:600;
          padding: 10px 24px;
          text-decoration: none;
          margin: 4px 2px;
          cursor: pointer;
      }
     
      
      .form-title , .form-description{
          color: #ffffff;
      }
      
      .form-head{
         padding:0px;
         
         letter-spacing: 2px;
      }
      
      ::placeholder {
          color: white;
          opacity: 1; /* Firefox */
          font-weight: 600;
          font-size: 14px;
        }
        
        :-ms-input-placeholder { /* Internet Explorer 10-11 */
         color: white;
        }
        
        ::-ms-input-placeholder { /* Microsoft Edge */
         color: white;
        }
        
        
        
        
        
        @media (max-width: 468px) {
            .contact-form{
            width:100%;
            }
        form{
            display: flex;
            flex-direction:column;
            width:100%;
        }
        input[type=text], input[type=email], input[type=mobile], input[type=submit]{
          width:100%;
      }}