form, input{ 
          padding: 0;
          margin: 0;
          outline: none;

          font-size: 16px;
          color: #eee;
          }
       
          h1, h2 {
          text-transform: uppercase;
          font-weight: 400;
          }
          h2 {
          margin: 0 0 0 8px;
          }
          .main-block {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          height: 100%;
          padding: 25px;
          background-image: linear-gradient(310deg, #0c4e99 0%, #0c4e99 100%);
          }
          .left-part, form {
          padding: 25px;
          }
          .left-part {
          text-align: center;
          }
          .fa-graduation-cap {
          font-size: 72px;
          }
          form {
          background: rgba(0, 0, 0, 0.7); 
          }
          .title {
          display: flex;
          align-items: center;
          margin-bottom: 20px;
          }
          .info {
          display: flex;
          flex-direction: column;
          }
          input, select {
          padding: 5px;
          margin-bottom: 30px;
          background: transparent;
          border: none;
          border-bottom: 1px solid #eee;
          }
          input::placeholder {
          color: #eee;
          }
       
    
       
          .btn-item, button {
          padding: 10px 5px;
          margin-top: 20px;
          border-radius: 5px; 
          border: none;
          background-image: linear-gradient(310deg, #0c4e99 50%, #0c4e99 50%);
          text-decoration: none;
          font-size: 15px;
          font-weight: 400;
          color: #fff;
          }
          .btn-item {
          display: inline-block;
          margin: 20px 5px 0;
          }
          button {
          width: 100%;
          }
          button:hover, .btn-item:hover {
            background-image: linear-gradient(310deg, #0c4e99 50%, #0c4e99 50%);
            color: #eee;
          }
          @media (min-width: 568px) {
          html, body {
          height: 100%;
          }
          .main-block {
          flex-direction: row;
          height: calc(100% - 50px);
          }
          .left-part, form {
          flex: 1;
          height: auto;
          }
          }
          .query{color: #f1f1f1; font-size: 20px;}
          .course-heading{
            background-image: linear-gradient(310deg, #0c4e99 0%, #0c4e99 100%);  
            border-radius: 2px 1px 10px 10px;
            color: #f1f1f1;
            --bs-font-sans-serif: Open Sans;
            padding: 20px; 

        }