/* @media (max-width: px) { */
@media (max-width: 1024px) {
  .mainheader {
    display: flex;
    text-align: center;
    justify-content: center;
    font-style: oblique 40deg;
    font-family: "Times New Roman";
    font-weight: bold;
    font-size: 17px;
    margin-left: 0%;
  }

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

  .form-first {
  }

  .form-second {
  }

  .form-third {
  }

  .first-column .text-container p {
    text-align: center;
    text-justify: auto;
  }
  .first-column .input_boxx {
    text-align: center;
    text-justify: auto;
  }

  .first-column img {
    padding-left: 15%;
    /*border-radius: 50%;*/
  }
  .after-left-column p {
    text-align: center;
    text-justify: auto;
    font-family: serif;
  }
  .after-left-column {
    margin-right: 2%;
        margin-top: 4%;
  }
  .after-left-column .input_boxx {
    text-align: center;
    text-justify: auto;
  }
  .after-left-column button {
    background-color: rgb(116 182 230);
    height: 22%;
    color: #121313;
    padding: 6%;
    margin: 8%;
    width:60%;
  }

  .third_column img {
    padding-left: 5%;
     margin-top: 17%;
    width: 100%;
  }

  .third_column .input_boxx {
    margin-top: 19%;
  }
  /*.fourth_column {*/
  /*  padding-top: 13%;*/
  /*}*/
  
    #fourthcolumn {
    margin-left: 40%;
    margin-right: 6%;
  }
  .fourth_column p {
    text-align: center;
      padding-top: 9%;
    text-justify: auto;
  }
  .fourth_column .input_boxx {
    text-align: center;
    text-justify: auto;
  }
  .fourth_column .text-container {
    align-items: start;
  }
  .fourth_column label {
    justify-items: center;
    align-content: center;
  }
  .mainmilemode {
    font-family: "Times New Roman";

 border-bottom: 2px solid rgb(153, 37, 37);
    /*border-radius: 23px;*/

    font-weight: 400;
  }
  .after-left-column .text-container {
    justify-content: left;
    justify-content: center;
    /* background-color: #ec6ead; */
  }
  .after-left-column img {
    padding-top: 0%;
  }

  .input_boxx input {
    width: 100%;
    /* background-color: #53b1c6; */
  }

  .third_column .input_boxx {
    width: 100%;
  }
  .img_container {
    margin-top: 2%;
    padding-bottom: 2%;
    /*border: 2px solid white;*/
  }

  .img_container img {
    /* max-width: 50px; */
    max-width: 89%;
  }

  .img_container .text-container {
    margin-left: 0%;
  }

  .img_container .text-container .input_boxx input {
    width: 55%;
  }

  .popup-content {
    background: white;
    padding: 2px;
    border-radius: 5px;
    text-align: center;
    width: 62%;
  }
  .popup-contentf {
    background: white;
    padding: 2px;
    border-radius: 5px;
    text-align: center;
    width: 62%;
  }
  .option-image {
    width: 90%;
    height: auto;
    display: block;
    overflow: hidden;
    margin: 0 auto 10px;
  }

  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  .rowtextdata {
    width: 19%;
    align-items: center;
    justify-content: center;
    justify-items: center;
    text-align: center;
    vertical-align: middle;
    padding-top: 4%;
  }
  .m1-fist-row {
    margin-bottom: 1%;
  }
  .m1-second-row {
    margin-bottom: 1%;
  }
  .m1-third-row {
    margin-bottom: 1%;
  }
  .m1-forth-row {
    margin-bottom: 1%;
  }
  .m1-fifth-row {
    margin-bottom: 1%;
  }
  .m1-sixth-row {
    margin-bottom: 1%;
  }

  .mainsection {
    background-color: linear-gradient(to bottom, #3494e6, #ec6ead);
  }

  #m1 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 1%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m2 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m3 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m4 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m21 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 2%;
    margin-bottom: 5%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m22 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 2%;
    margin-bottom: 5%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m23 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 2%;
    margin-bottom: 5%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #m24 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 2%;
    margin-bottom: 5%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m31 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m32 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m33 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #m34 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m41 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m42 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m43 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #m44 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m51 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m52 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m53 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #m54 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m55 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #m56 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m61 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m62 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #m63 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #m64 {
    display: flex;
    width: 94.6%;
    background-color: #53b1c6;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r1 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 0%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r2 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 0%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r3 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 0%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #r4 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 0%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r21 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r22 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r23 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #r24 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r31 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r32 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r33 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #r34 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r41 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r42 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r43 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #r44 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #r51 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r52 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r53 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #r54 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r61 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r62 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }

  #r63 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  #r64 {
    display: flex;
    width: 94.6%;
    background-color: #6adcc3;
    padding-left: 3%;
    padding-right: 2%;
    padding-top: 3%;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: none;
    padding-bottom: 4%;
  }
  .imgrow {
    display: flex;
  }

  .imagecard {
    width: 42%;
    text-align: center;
    text-decoration: solid;
    text-shadow: #3494e6;
  }

  .imagecardtext {
    font-style: oblique 40deg;
    font-family: "Times New Roman";
    font-weight: 400;
    font-size: 17px;
    font-family: "Times New Roman";
  }
  /* .imagecard2 {
            width: 42%;
            text-align: center;
            text-decoration: solid;
            text-shadow: #3494e6;
          } */
  .imagecard img {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  #lastsubmission {
    margin-top: 55%;
    margin-left: 20%;
    text-align: center;
    width: 53%;
    background-color: rgba(
      255,
      255,
      255,
      0.2
    ); /* Slightly transparent white background */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }

  #submitbtn button {
    background-color: #9a2c35; /* Unique button background color */
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .question34 {
    border: 3px solid rgb(195, 213, 228);
    background-color: rgb(192, 216, 237);
    padding-bottom: 2%;
    padding-top: 2%;
  }

  #matrix-category {
    display: flex;
    margin-top: 2%;
  }

  .question34span {
    width: 44%;
  }
  #matrix-category input {
    margin-left: 8%;
  }

  #question34sub1lavel {
    margin-left: 7%;
    width: 3%;
  }
  #question34sub2lavel {
    padding-top: 2%;
    margin-left: 6%;
    width: 3%;
  }

  #question34sub3lavel {
    padding-top: 2%;
    margin-left: 8%;
    width: 3%;
  }
  #question34sub4lavel {
    padding-top: 2%;
    margin-left: 7%;
    width: 3%;
  }
  #question34sub5lavel {
    margin-left: 8%;
    width: 3%;
  }

  /* qustion 13 design is done here  */
  .matrixorigintransport-category {
    display: flex;
    margin-top: 2%;
    margin-left: 1%;
  }
  .matrixorigintransport-category span {
    font-weight: 100;
    width: 47%;
    /* background-color: #9a2c35; */
  }
  .matrixorigintransport-category input {
    margin-left: 3%;
  }
  .question13span {
  }
  .question13division {
    border: 3px solid rgb(195, 213, 228);
    background-color: rgb(192, 216, 237);
    padding-bottom: 2%;
    padding-top: 2%;
  }

  #question13spanlavel1 {
    margin-left: 4%;
  }

  #question13spanlavel2 {
    margin-left: 5.5%;
  }

  #question13spanlavel3 {
    margin-left: 5.5%;
  }

  #question13spanlavel4 {
    margin-left: 5.5%;
  }

  #question13spanlavel5 {
    margin-left: 5.5%;
  }

  .Overallbox label {
    padding-right: 1.8%;
  }
  .project-title {
    margin-bottom: 3%;
  }
}