    <style>
/*  Toggle Switch  */
    .dashboard_section{
          text-align: center;  
       
    }
        .toggle-switch {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 20px;
        }
        .toggle-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }
        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            transition: .4s;
            border-radius: 5px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
            border: 2px solid #4a4a4a;
        }
        .slider:before {
            position: absolute;
            content: "OFF";
            padding-top: 5px;
            height: 100%;
            width: 50%;
            left: 0;
            bottom: 0;
            background-color: white;
            transition: .4s;
            border-radius: 5px;
            text-align: center;
            font-size: 12px;
            line-height: 24px;
            font-weight: bold;
            color: black;
/*            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);*/
            border: 1px solid #4a4a4a;
        }
        input:checked + .slider {
            background-color: #f0ad4e;
        }
        input:checked + .slider:before {
            transform: translateX(100%);
            content: "ON";
            background-color: white;
            color: black;
        }
/* Dashboard Panel        */
    .dashboard_panel { 
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;        
            border: 0px solid #ccc; 
            padding: 10px; 
            text-align: center; 
            border-radius: 2px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            margin-bottom: 30px;
/*            transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animation */*/
        } 
    .dashboard_smallbox { 

            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;        
            background-color: #FFFFF0;
            border: 0px solid #ccc; 
            padding: 5px; 
            min-height: 170px; /* Ensures uniform height */
            text-align: center; 
            border-radius: 2px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
            margin-bottom: 25px;
/*            transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animation */*/
        }




         .image-container {
            position: relative;
            width: 60px;
            height: 100px;
            margin-bottom: 20px; /* Added space between image and button */
        }
        .base-image, .overlay-image {
            width: 60px;
            height: 100px;
        }
        .overlay-image {
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }
        .center-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

    /* Scroll-to-Top Button Styles */
    .scroll-to-top {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 50px;
      height: 50px;
      background-color: rgba(0, 0, 0, 0.7); /* black background */
      color: white;
      border: none;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 20px;
      cursor: pointer;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      z-index: 1030; /* Higher z-index to overlay content */
    }

    .scroll-to-top.show {
      opacity: 1;
      visibility: visible;
    }               
    </style>
