
:root {

    --bs-success-rgb: 95, 135, 84;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bg-subtle: #a2c295;
    --bs-accordion-active-bg: #a2c295 !important;

    /* Debug */
    --show-grid-lines: 0;
    /* Set to 1 to see grid layout */
    /* Banner dimensions */
    --banner-aspect-ratio: 3/1;
    --banner-min-height: 300px;
    --banner-max-height: 500px;
    --banner-border-radius: 1rem;

    /* Colors */
    --gradient-start: rgba(111, 30, 114, 0.85);
    --gradient-end: rgba(164, 29, 101, 0.6);

    /* Animation timings */
    --fade-duration: 1.5s;
    --cycle-duration: 8s;
    --stagger-delay: 0.75s;

    /* Spacing */
    --content-padding: 2rem;

    /* ------------------------------
           Gradient Layer - 5 radial gradients with multiple stops
        ------------------------------ */
    /* Gradient Layer 1
           radial-gradient(113% 91% at 17% -2%, #7AFF00A3 0%, #7AFF0000 49%, #0035FF00 59%, #FF000000 99%)
        */
    --bg1-size: 113% 91%;
    --bg1-position: 17% -2%;
    --bg1-stop1-color: #7aff00a3;
    --bg1-stop1-pos: 0%;
    --bg1-stop2-color: #7aff0000;
    --bg1-stop2-pos: 49%;
    --bg1-stop3-color: #0035ff00;
    --bg1-stop3-pos: 59%;
    --bg1-stop4-color: #ff000000;
    --bg1-stop4-pos: 99%;
    --bg1-gradient: radial-gradient(
      var(--bg1-size) at var(--bg1-position),
      var(--bg1-stop1-color) var(--bg1-stop1-pos),
      var(--bg1-stop2-color) var(--bg1-stop2-pos),
      var(--bg1-stop3-color) var(--bg1-stop3-pos),
      var(--bg1-stop4-color) var(--bg1-stop4-pos)
    );

    /* Gradient Layer 2 */
    --bg2-size: 49% 81%;
    --bg2-position: 45% 47%;
    --bg2-stop1-color: #8b03ff45;
    --bg2-stop1-pos: 0%;
    --bg2-stop2-color: #073aff00;
    --bg2-stop2-pos: 100%;
    /* --bg2-stop3-color: #FF0000FF;
        --bg2-stop3-pos: 70%;
        --bg2-stop4-color: #FF000000;
        --bg2-stop4-pos: 100%; */
    --bg2-gradient: radial-gradient(
      var(--bg2-size) at var(--bg2-position),
      var(--bg2-stop1-color) var(--bg2-stop1-pos),
      var(--bg2-stop2-color) var(--bg2-stop2-pos)
    );
    /* var(--bg2-stop3-color) var(--bg2-stop3-pos),
                            var(--bg2-stop4-color) var(--bg2-stop4-pos) */

    /* Gradient Layer 3 */
    --bg3-size: 142% 91%;
    --bg3-position: 83% 7%;
    --bg3-stop1-color: #2000ffff;
    --bg3-stop1-pos: 0%;
    --bg3-stop2-color: #ff000000;
    --bg3-stop2-pos: 99%;
    /* --bg3-stop3-color: #FF004900;
        --bg3-stop3-pos: 70%;
        --bg3-stop4-color: #FF000000;
        --bg3-stop4-pos: 100%; */
    --bg3-gradient: radial-gradient(
      var(--bg3-size) at var(--bg3-position),
      var(--bg3-stop1-color) var(--bg3-stop1-pos),
      var(--bg3-stop2-color) var(--bg3-stop2-pos)
    );
    /* var(--bg3-stop3-color) var(--bg3-stop3-pos),
                            var(--bg3-stop4-color) var(--bg3-stop4-pos)); */

    /* Gradient Layer 4 */
    --bg4-size: 142% 91%;
    --bg4-position: -6% 74%;
    --bg4-stop1-color: #6a00ffff;
    --bg4-stop1-pos: 0%;
    --bg4-stop2-color: #ff000000;
    --bg4-stop2-pos: 100%;
    /* --bg4-stop3-color: #FF700000;
        --bg4-stop3-pos: 75%;
        --bg4-stop4-color: #FF0000FF;
        --bg4-stop4-pos: 100%; */
    --bg4-gradient: radial-gradient(
      var(--bg4-size) at var(--bg4-position),
      var(--bg4-stop1-color) var(--bg4-stop1-pos),
      var(--bg4-stop2-color) var(--bg4-stop2-pos)
    );
    /* var(--bg4-stop3-color) var(--bg4-stop3-pos),
                            var(--bg4-stop4-color) var(--bg4-stop4-pos)); */

    /* Gradient Layer 5 (custom example) */
    --bg5-size: 142% 91%;
    --bg5-position: 111% 84%;
    --bg5-stop1-color: #2000ffff;
    --bg5-stop1-pos: 0%;
    --bg5-stop2-color: #006bffff;
    --bg5-stop2-pos: 100%;
    /* --bg5-stop3-color: #FFFFFF44;
        --bg5-stop3-pos: 75%;
        --bg5-stop4-color: #FFFFFF00;
        --bg5-stop4-pos: 100%; */
    --bg5-gradient: radial-gradient(
      var(--bg5-size) at var(--bg5-position),
      var(--bg5-stop1-color) var(--bg5-stop1-pos),
      var(--bg5-stop2-color) var(--bg5-stop2-pos)
    );
    /* var(--bg5-stop3-color) var(--bg5-stop3-pos),
                            var(--bg5-stop4-color) var(--bg5-stop4-pos)); */
  /* BLUE DOMINATED GRADIENT SET */
      /* Blue Gradient Layer 1 */
      --blue-bg1-size: 113% 91%;
      --blue-bg1-position: 17% -2%;
      --blue-bg1-stop1-color: #00a7ffa3;
      --blue-bg1-stop1-pos: 0%;
      --blue-bg1-stop2-color: #00d7ff00;
      --blue-bg1-stop2-pos: 49%;
      --blue-bg1-stop3-color: #0054ff00;
      --blue-bg1-stop3-pos: 59%;
      --blue-bg1-stop4-color: #0026ff00;
      --blue-bg1-stop4-pos: 99%;
      --blue-bg1-gradient: radial-gradient(
          var(--blue-bg1-size) at var(--blue-bg1-position),
          var(--blue-bg1-stop1-color) var(--blue-bg1-stop1-pos),
          var(--blue-bg1-stop2-color) var(--blue-bg1-stop2-pos),
          var(--blue-bg1-stop3-color) var(--blue-bg1-stop3-pos),
          var(--blue-bg1-stop4-color) var(--blue-bg1-stop4-pos)
      );

      /* Blue Gradient Layer 2 */
      --blue-bg2-size: 49% 81%;
      --blue-bg2-position: 45% 47%;
      --blue-bg2-stop1-color: #0356ff45;
      --blue-bg2-stop1-pos: 0%;
      --blue-bg2-stop2-color: #0073ff00;
      --blue-bg2-stop2-pos: 100%;
      --blue-bg2-gradient: radial-gradient(
          var(--blue-bg2-size) at var(--blue-bg2-position),
          var(--blue-bg2-stop1-color) var(--blue-bg2-stop1-pos),
          var(--blue-bg2-stop2-color) var(--blue-bg2-stop2-pos)
      );

      /* Blue Gradient Layer 3 */
      --blue-bg3-size: 142% 91%;
      --blue-bg3-position: 83% 7%;
      --blue-bg3-stop1-color: #004fffff;
      --blue-bg3-stop1-pos: 0%;
      --blue-bg3-stop2-color: #0090ff00;
      --blue-bg3-stop2-pos: 99%;
      --blue-bg3-gradient: radial-gradient(
          var(--blue-bg3-size) at var(--blue-bg3-position),
          var(--blue-bg3-stop1-color) var(--blue-bg3-stop1-pos),
          var(--blue-bg3-stop2-color) var(--blue-bg3-stop2-pos)
      );

      /* Blue Gradient Layer 4 */
      --blue-bg4-size: 142% 91%;
      --blue-bg4-position: -6% 74%;
      --blue-bg4-stop1-color: #001affff;
      --blue-bg4-stop1-pos: 0%;
      --blue-bg4-stop2-color: #00c3ff00;
      --blue-bg4-stop2-pos: 100%;
      --blue-bg4-gradient: radial-gradient(
          var(--blue-bg4-size) at var(--blue-bg4-position),
          var(--blue-bg4-stop1-color) var(--blue-bg4-stop1-pos),
          var(--blue-bg4-stop2-color) var(--blue-bg4-stop2-pos)
      );

      /* Blue Gradient Layer 5 */
      --blue-bg5-size: 142% 91%;
      --blue-bg5-position: 111% 84%;
      --blue-bg5-stop1-color: #0062ffff;
      --blue-bg5-stop1-pos: 0%;
      --blue-bg5-stop2-color: #00c7ffff;
      --blue-bg5-stop2-pos: 100%;
      --blue-bg5-gradient: radial-gradient(
          var(--blue-bg5-size) at var(--blue-bg5-position),
          var(--blue-bg5-stop1-color) var(--blue-bg5-stop1-pos),
          var(--blue-bg5-stop2-color) var(--blue-bg5-stop2-pos)
      );

      /* YELLOW DOMINATED GRADIENT SET */
      /* Yellow Gradient Layer 1 */
      --yellow-bg1-size: 113% 91%;
      --yellow-bg1-position: 17% -2%;
      --yellow-bg1-stop1-color: #ffd700a3;
      --yellow-bg1-stop1-pos: 0%;
      --yellow-bg1-stop2-color: #ffcc0000;
      --yellow-bg1-stop2-pos: 49%;
      --yellow-bg1-stop3-color: #ffaa0000;
      --yellow-bg1-stop3-pos: 59%;
      --yellow-bg1-stop4-color: #ff880000;
      --yellow-bg1-stop4-pos: 99%;
      --yellow-bg1-gradient: radial-gradient(
          var(--yellow-bg1-size) at var(--yellow-bg1-position),
          var(--yellow-bg1-stop1-color) var(--yellow-bg1-stop1-pos),
          var(--yellow-bg1-stop2-color) var(--yellow-bg1-stop2-pos),
          var(--yellow-bg1-stop3-color) var(--yellow-bg1-stop3-pos),
          var(--yellow-bg1-stop4-color) var(--yellow-bg1-stop4-pos)
      );

      /* Yellow Gradient Layer 2 */
      --yellow-bg2-size: 49% 81%;
      --yellow-bg2-position: 45% 47%;
      --yellow-bg2-stop1-color: #ffa50045;
      --yellow-bg2-stop1-pos: 0%;
      --yellow-bg2-stop2-color: #ffb70000;
      --yellow-bg2-stop2-pos: 100%;
      --yellow-bg2-gradient: radial-gradient(
          var(--yellow-bg2-size) at var(--yellow-bg2-position),
          var(--yellow-bg2-stop1-color) var(--yellow-bg2-stop1-pos),
          var(--yellow-bg2-stop2-color) var(--yellow-bg2-stop2-pos)
      );

      /* Yellow Gradient Layer 3 */
      --yellow-bg3-size: 142% 91%;
      --yellow-bg3-position: 83% 7%;
      --yellow-bg3-stop1-color: rgb(255, 157, 0);
      --yellow-bg3-stop1-pos: 0%;
      --yellow-bg3-stop2-color: #ff990000;
      --yellow-bg3-stop2-pos: 99%;
      --yellow-bg3-gradient: radial-gradient(
          var(--yellow-bg3-size) at var(--yellow-bg3-position),
          var(--yellow-bg3-stop1-color) var(--yellow-bg3-stop1-pos),
          var(--yellow-bg3-stop2-color) var(--yellow-bg3-stop2-pos)
      );

      /* Yellow Gradient Layer 4 */
      --yellow-bg4-size: 142% 91%;
      --yellow-bg4-position: -6% 74%;
      --yellow-bg4-stop1-color: rgb(196, 109, 38);
      --yellow-bg4-stop1-pos: 0%;
      --yellow-bg4-stop2-color: #ffc80000;
      --yellow-bg4-stop2-pos: 100%;
      --yellow-bg4-gradient: radial-gradient(
          var(--yellow-bg4-size) at var(--yellow-bg4-position),
          var(--yellow-bg4-stop1-color) var(--yellow-bg4-stop1-pos),
          var(--yellow-bg4-stop2-color) var(--yellow-bg4-stop2-pos)
      );

      /* Yellow Gradient Layer 5 */
      --yellow-bg5-size: 142% 91%;
      --yellow-bg5-position: 111% 84%;
      --yellow-bg5-stop1-color: rgb(154, 211, 74);
      --yellow-bg5-stop1-pos: 0%;
      --yellow-bg5-stop2-color: #ffe100ff;
      --yellow-bg5-stop2-pos: 100%;
      --yellow-bg5-gradient: radial-gradient(
          var(--yellow-bg5-size) at var(--yellow-bg5-position),
          var(--yellow-bg5-stop1-color) var(--yellow-bg5-stop1-pos),
          var(--yellow-bg5-stop2-color) var(--yellow-bg5-stop2-pos)
      );

  } /* End of root variables */



body {
    background-image: linear-gradient(135deg, #720879, rgb(39, 13, 35), rgb(170, 30, 191));
}



body {
    background-image: linear-gradient(135deg, #560303, rgb(39, 13, 35), rgb(191 146 30));
	background-image: linear-gradient(135deg, #560903, #362b7c, rgb(191 146 30));
}

footer {
    background-color: #560903 !important;
    color: #efefef !important;
    background-image: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 1rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
}

table tr:nth-child(even) {
    background-color: transparent !important;
}



:root {
    --bs-success-rgb: 95, 135, 84;
    --bs-primary-rgb: 13, 110, 253; /* blue */
	    --bs-primary-rgb: 203, 142, 53; /* gold brick */
    --bs-secondary-rgb: 108, 117, 125;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bg-subtle: #a2c295;
    --bs-accordion-active-bg: #a2c295 !important;
    --show-grid-lines: 0;
    --banner-aspect-ratio: 3/1;
    --banner-min-height: 300px;
    --banner-max-height: 500px;
    --banner-border-radius: 1rem;
    --gradient-start: rgba(111, 30, 114, 0.85);
    --gradient-end: rgba(164, 29, 101, 0.6);
    --fade-duration: 1.5s;
    --cycle-duration: 8s;
    --stagger-delay: 0.75s;
    --content-padding: 2rem;
    --bg1-size: 113% 91%;
    --bg1-position: 17% -2%;
    --bg1-stop1-color: #7aff00a3;
    --bg1-stop1-pos: 0%;
    --bg1-stop2-color: #7aff0000;
    --bg1-stop2-pos: 49%;
    --bg1-stop3-color: #0035ff00;
    --bg1-stop3-pos: 59%;
    --bg1-stop4-color: #ff000000;
    --bg1-stop4-pos: 99%;
    --bg1-gradient: radial-gradient(var(--bg1-size) at var(--bg1-position), #ffd725ba var(--bg1-stop1-pos), var(--bg1-stop2-color) var(--bg1-stop2-pos), var(--bg1-stop3-color) var(--bg1-stop3-pos), var(--bg1-stop4-color) var(--bg1-stop4-pos));
    --bg2-size: 49% 81%;
    --bg2-position: 45% 47%;
    --bg2-stop1-color: #8b03ff45;
    --bg2-stop1-pos: 0%;
    --bg2-stop2-color: #073aff00;
    --bg2-stop2-pos: 100%;
    --bg2-gradient: radial-gradient(var(--bg2-size) at var(--bg2-position), #490d08 var(--bg2-stop1-pos), var(--bg2-stop2-color) var(--bg2-stop2-pos));
	
    --bg3-size: 142% 91%;
    --bg3-position: 83% 7%;
    --bg3-stop1-color: #2000ffff;
    --bg3-stop1-pos: 0%;
    --bg3-stop2-color: #ff000000;
    --bg3-stop2-pos: 99%;
    --bg3-gradient: radial-gradient(var(--bg3-size) at var(--bg3-position), #560903 var(--bg3-stop1-pos), var(--bg3-stop2-color) var(--bg3-stop2-pos));
    --bg4-size: 142% 91%;
    --bg4-position: -6% 74%;
    --bg4-stop1-color: #6a00ffff;
    --bg4-stop1-pos: 0%;
    --bg4-stop2-color: #ff000000;
    --bg4-stop2-pos: 100%;
    --bg4-gradient: radial-gradient(var(--bg4-size) at var(--bg4-position), #560903 var(--bg4-stop1-pos), var(--bg4-stop2-color) var(--bg4-stop2-pos));
    --bg5-size: 142% 91%;
    --bg5-position: 111% 84%;
    --bg5-stop1-color: #2000ffff;
    --bg5-stop1-pos: 0%;
    --bg5-stop2-color: #006bffff;
    --bg5-stop2-pos: 100%;
    --bg5-gradient: radial-gradient(var(--bg5-size) at var(--bg5-position), #ff5a4eaa var(--bg5-stop1-pos), var(--bg5-stop2-color) var(--bg5-stop2-pos));
    --blue-bg1-size: 113% 91%;
    --blue-bg1-position: 17% -2%;
    --blue-bg1-stop1-color: #00a7ffa3;
    --blue-bg1-stop1-pos: 0%;
    --blue-bg1-stop2-color: #00d7ff00;
    --blue-bg1-stop2-pos: 49%;
    --blue-bg1-stop3-color: #0054ff00;
    --blue-bg1-stop3-pos: 59%;
    --blue-bg1-stop4-color: #0026ff00;
    --blue-bg1-stop4-pos: 99%;
    --blue-bg1-gradient: radial-gradient(
          var(--blue-bg1-size) at var(--blue-bg1-position),
          var(--blue-bg1-stop1-color) var(--blue-bg1-stop1-pos),
          var(--blue-bg1-stop2-color) var(--blue-bg1-stop2-pos),
          var(--blue-bg1-stop3-color) var(--blue-bg1-stop3-pos),
          var(--blue-bg1-stop4-color) var(--blue-bg1-stop4-pos)
      );
    --blue-bg2-size: 49% 81%;
    --blue-bg2-position: 45% 47%;
    --blue-bg2-stop1-color: #0356ff45;
    --blue-bg2-stop1-pos: 0%;
    --blue-bg2-stop2-color: #0073ff00;
    --blue-bg2-stop2-pos: 100%;
    --blue-bg2-gradient: radial-gradient(
          var(--blue-bg2-size) at var(--blue-bg2-position),
          var(--blue-bg2-stop1-color) var(--blue-bg2-stop1-pos),
          var(--blue-bg2-stop2-color) var(--blue-bg2-stop2-pos)
      );
    --blue-bg3-size: 142% 91%;
    --blue-bg3-position: 83% 7%;
    --blue-bg3-stop1-color: #004fffff;
    --blue-bg3-stop1-pos: 0%;
    --blue-bg3-stop2-color: #0090ff00;
    --blue-bg3-stop2-pos: 99%;
    --blue-bg3-gradient: radial-gradient(
          var(--blue-bg3-size) at var(--blue-bg3-position),
          var(--blue-bg3-stop1-color) var(--blue-bg3-stop1-pos),
          var(--blue-bg3-stop2-color) var(--blue-bg3-stop2-pos)
      );
    --blue-bg4-size: 142% 91%;
    --blue-bg4-position: -6% 74%;
    --blue-bg4-stop1-color: #001affff;
    --blue-bg4-stop1-pos: 0%;
    --blue-bg4-stop2-color: #00c3ff00;
    --blue-bg4-stop2-pos: 100%;
    --blue-bg4-gradient: radial-gradient(
          var(--blue-bg4-size) at var(--blue-bg4-position),
          var(--blue-bg4-stop1-color) var(--blue-bg4-stop1-pos),
          var(--blue-bg4-stop2-color) var(--blue-bg4-stop2-pos)
      );
    --blue-bg5-size: 142% 91%;
    --blue-bg5-position: 111% 84%;
    --blue-bg5-stop1-color: #0062ffff;
    --blue-bg5-stop1-pos: 0%;
    --blue-bg5-stop2-color: #00c7ffff;
    --blue-bg5-stop2-pos: 100%;
    --blue-bg5-gradient: radial-gradient(
          var(--blue-bg5-size) at var(--blue-bg5-position),
          var(--blue-bg5-stop1-color) var(--blue-bg5-stop1-pos),
          var(--blue-bg5-stop2-color) var(--blue-bg5-stop2-pos)
      );
    --yellow-bg1-size: 113% 91%;
    --yellow-bg1-position: 17% -2%;
    --yellow-bg1-stop1-color: #ffd700a3;
    --yellow-bg1-stop1-pos: 0%;
    --yellow-bg1-stop2-color: #ffcc0000;
    --yellow-bg1-stop2-pos: 49%;
    --yellow-bg1-stop3-color: #ffaa0000;
    --yellow-bg1-stop3-pos: 59%;
    --yellow-bg1-stop4-color: #ff880000;
    --yellow-bg1-stop4-pos: 99%;
    --yellow-bg1-gradient: radial-gradient(
          var(--yellow-bg1-size) at var(--yellow-bg1-position),
          var(--yellow-bg1-stop1-color) var(--yellow-bg1-stop1-pos),
          var(--yellow-bg1-stop2-color) var(--yellow-bg1-stop2-pos),
          var(--yellow-bg1-stop3-color) var(--yellow-bg1-stop3-pos),
          var(--yellow-bg1-stop4-color) var(--yellow-bg1-stop4-pos)
      );
    --yellow-bg2-size: 49% 81%;
    --yellow-bg2-position: 45% 47%;
    --yellow-bg2-stop1-color: #ffa50045;
    --yellow-bg2-stop1-pos: 0%;
    --yellow-bg2-stop2-color: #ffb70000;
    --yellow-bg2-stop2-pos: 100%;
    --yellow-bg2-gradient: radial-gradient(
          var(--yellow-bg2-size) at var(--yellow-bg2-position),
          var(--yellow-bg2-stop1-color) var(--yellow-bg2-stop1-pos),
          var(--yellow-bg2-stop2-color) var(--yellow-bg2-stop2-pos)
      );
    --yellow-bg3-size: 142% 91%;
    --yellow-bg3-position: 83% 7%;
    --yellow-bg3-stop1-color: rgb(255, 157, 0);
    --yellow-bg3-stop1-pos: 0%;
    --yellow-bg3-stop2-color: #ff990000;
    --yellow-bg3-stop2-pos: 99%;
    --yellow-bg3-gradient: radial-gradient(
          var(--yellow-bg3-size) at var(--yellow-bg3-position),
          var(--yellow-bg3-stop1-color) var(--yellow-bg3-stop1-pos),
          var(--yellow-bg3-stop2-color) var(--yellow-bg3-stop2-pos)
      );
    --yellow-bg4-size: 142% 91%;
    --yellow-bg4-position: -6% 74%;
    --yellow-bg4-stop1-color: rgb(196, 109, 38);
    --yellow-bg4-stop1-pos: 0%;
    --yellow-bg4-stop2-color: #ffc80000;
    --yellow-bg4-stop2-pos: 100%;
    --yellow-bg4-gradient: radial-gradient(
          var(--yellow-bg4-size) at var(--yellow-bg4-position),
          var(--yellow-bg4-stop1-color) var(--yellow-bg4-stop1-pos),
          var(--yellow-bg4-stop2-color) var(--yellow-bg4-stop2-pos)
      );
    --yellow-bg5-size: 142% 91%;
    --yellow-bg5-position: 111% 84%;
    --yellow-bg5-stop1-color: rgb(154, 211, 74);
    --yellow-bg5-stop1-pos: 0%;
    --yellow-bg5-stop2-color: #ffe100ff;
    --yellow-bg5-stop2-pos: 100%;
    --yellow-bg5-gradient: radial-gradient(
          var(--yellow-bg5-size) at var(--yellow-bg5-position),
          var(--yellow-bg5-stop1-color) var(--yellow-bg5-stop1-pos),
          var(--yellow-bg5-stop2-color) var(--yellow-bg5-stop2-pos)
      );
}

