@media (prefers-color-scheme: light) {

  .card6 {

      background: linear-gradient(90deg, rgb(17, 17, 18) 30%, rgb(253, 77, 77) 100%);
      color: white;
      border: 1px solid silver;
      padding: 1%;


  }

  .card4 {

      background: linear-gradient(90deg, rgb(25, 25, 25) 30%, rgb(252, 79, 79) 100%);
      color: white;
      border: none;
      padding: 3%;


  }

  .card5 {

      margin-top: 1%;
      padding: 1%;
  }

  .thead {
      text-align: left;

      width: 25%;
      font-size: 90%;
  }

  .thead1 {
      text-align: center;
      width: 18.75%;

  }

  .table1 {
      text-align: center;
      width: 100%;
  }

  .lastid {

      font-size: 90%;
  }

  .inc {
      padding-right: 5px;
      padding-left: 5px;
      padding-top: 2.5px;
      padding-bottom: 2.5px;
      background-color: green;
      color: white;
      border-radius: 5px;
  }

  .dec {
      background-color: red;
      padding-right: 5px;
      padding-left: 5px;
      padding-top: 2.5px;
      padding-bottom: 2.5px;
      color: white;
      border-radius: 5px;
  }

  .marquee-parent {
      background-color: white;
      color: rgb(5, 5, 5);
      position: relative;
      width: 100%;
      overflow: hidden;
      height: 24px;
  }

  .marquee-child {
      display: block;
      width: 1560px;
      /* width of your text div */
      height: 24px;
      /* height of your text div */
      position: absolute;
      animation: marquee 20s linear infinite;
      /* change 5s value to your desired speed */
  }

  .marquee-child:hover {
      animation-play-state: paused;
      cursor: pointer;
  }

  @keyframes marquee {
      0% {
          left: 100%;
      }

      100% {
          left: -1560px;
          /* same as your text width */
      }
  }

  .empty_div {
      height: 1px;
      width: 100%;
      background-color: grey;
  }

  #header_section {

      background-color: white;
  }

  #section_body {

      padding: 1%;
      background-color: #fdf5e6;
      border-bottom: 1PX solid silver;
  }
  .text-body1{

      color: black;
  }

}

@media (prefers-color-scheme: dark) {
  @media only screen and (min-width: 990px) {


  }






  @media only screen and (max-width: 656px) {

  }







  .card6 {

      background: linear-gradient(90deg, rgb(25, 25, 25) 30%, rgb(0, 79, 79) 100%);
      color: white;

      padding: 1%;


  }

  .card4 {

      background: linear-gradient(90deg, rgb(25, 25, 25) 30%, rgb(0, 79, 79) 100%);
      color: white;
      border: none;
      padding: 3%;



  }


  .card5 {

      background: linear-gradient(90deg, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 100%);
      color: white;

      margin-top: 1%;
      padding: 1%;
  }


  .thead {
      text-align: left;

      width: 25%;
      font-size: 100%;
  }

  .thead1 {
      text-align: center;
      width: 18.75%;

  }

  .table1 {
      text-align: center;
      width: 100%;
  }

  .lastid {

      font-size: 90%;
  }

  .inc {
      padding-right: 5px;
      padding-left: 5px;
      padding-top: 2.5px;
      padding-bottom: 2.5px;
      background-color: green;
      color: white;
      border-radius: 5px;
  }

  .dec {
      background-color: red;
      padding-right: 5px;
      padding-left: 5px;
      padding-top: 2.5px;
      padding-bottom: 2.5px;
      color: white;
      border-radius: 5px;
  }

  .marquee-parent {
      background: linear-gradient(90deg, rgb(0, 25, 25) 30%, rgb(0, 25, 25) 50%);
      color: white;
      position: relative;
      width: 100%;
      overflow: hidden;
      height: 24px;
  }

  .marquee-child {
      display: block;
      width: 1560px;
      /* width of your text div */
      height: 24px;
      /* height of your text div */
      position: absolute;
      animation: marquee 20s linear infinite;
      /* change 5s value to your desired speed */
  }

  .marquee-child:hover {
      animation-play-state: paused;
      cursor: pointer;
  }

  @keyframes marquee {
      0% {
          left: 100%;
      }

      100% {
          left: -1560px;
          /* same as your text width */
      }
  }

  .empty_div {
      height: 1px;
      width: 100%;
      background-color: grey;
  }

  #header_section {

      background-color: black;
  }

  #section_body {

      border-top: 1px solid silver;
      padding: 1%;
      background-color: rgb(0, 0, 0);
      border-bottom: 1PX solid silver;
  }

  .footer{

      background-color: black;
      color: white;
  }

  .card-body{

      background-color: black;
      color: white;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     border-top: 1px solid silver;
  }

  .text-body1{

      color: white;
  }

}