@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }
        body {
          font-family: "Raleway", sans-serif;
        }
        .edu-main-wrapper {
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 25px;
        }
      
        .edu-form-wrapper {
          margin: 0 auto;
          max-width: 700px;
          width: 100%;
          background: white;
        }
      
        .edu-input-flex {
          display: flex;
          gap: 20px;
          margin-bottom: 22px;
        }
        .edu-input-flex > div {
          width: 50%;
          display: flex;
          flex-direction: column-reverse;
        }
        .edu-textarea {
          display: flex;
          flex-direction: column-reverse;
        }
      
        .edu-form-input {
          width: 100%;
          padding-bottom: 10px;
          border: none;
          border-bottom: 1px solid #DDE3EC;
          background: #FFFFFF;
          font-weight: 500;
          font-size: 16px;
          color: #07074D;
          outline: none;
          resize: none;
        }
        .edu-form-input::placeholder {
          color: #FF9900;
        }
        .place::placeholder{
            color: #07074d;
        }
        .edu-form-input:focus {
          border-color: #6A64F1;
        }
        .edu-form-label {
          color: #FF9900;
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          display: block;
          margin-bottom: 18px;
        }
        .edu-form-input:focus + .edu-form-label {
          color: #6A64F1;
        }
      
        .edu-input-file {
          color: #FF9900;
          font-weight: 400;
          font-size: 16px; 
        }
        .edu-input-file input[type="file"] {
          position: relative;
          top: 1px;
          left: 3px;
          
        }
        .edu-input-file .edu-input-label {
          font-size: 15px;
          border-radius: 5px;
          border: 1px;
          font-weight: 600;
        }
      
        /* .edu-filename-wrapper {
          display: flex;
          flex-direction: column;
          gap: 6px;
          margin-bottom: 22px;
        }
        .edu-filename {
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 14px;
          line-height: 24px;
          color: #536387;
        }
        .edu-filename svg {
          cursor: pointer;
        } */
      
        .edu-btn {
          font-size: 17px;
          border-radius: 5px;
          padding: 12px 25px;
          border: none;
          font-weight: 600;
          background-color: #FF9900;
          color: white;
          cursor: pointer;
          margin-top: 25px;
        }
        .edu-btn:hover {
          box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.05);
        }

        /* countdown style */
        .countdown-wrapper {
          display: flex;
          gap: 0.5em;
          align-items: center;
          width: 100%;
          justify-content: center;
          padding: 10px;
          font-size: 40px;
          font-weight: 700;
          background-color: #FF9900;
          color: white;
        }
      
        /* Pop-up style */
        #mask {
          position:absolute;
          left:0;
          top:0;
          z-index:9000;
          background-color:#26262c;
          display:none;
        }  
        #boxes .window {
          position:absolute;
          left:0;
          top:0;
          width:80%;
          max-width:440px;
          height:auto;
          display:none;
          z-index:9999;
          padding:20px;
          border-radius: 5px;
          text-align: center;
        }
        #boxes #dialog {
          width:auto; 
          height:auto;
          padding: 10px 10px 10px 10px;
          background-color:#ffffff;
          font-size: 15pt;
        }
        /* 100% Image Width on Smaller Screens */
        @media only screen and (max-width: 440px){
          .san {
          width: 70%;
        }
          /* table */
          #table {
          border-collapse: collapse;
          width: 100%;
          }
        
          #table td, #table th {
          border: 1px solid #ddd;
          padding: 5px;
          }
        
          #table tr:nth-child(even){background-color: #f2f2f2;}
        
          #table tr:hover {background-color: #ddd;}
        
          #table th {
          padding-top: 8px;
          padding-bottom: 8px;
          text-align: left;
          background-color: #FF9900;
          color: white;
          }