#loadmorebtn{
    width:auto;
    height:50px;
    padding-left:30px;
    padding-right:30px;
    margin-bottom:70px;
    display:none;
    border:none !important;
   box-shadow:
    inset 0 5px 10px rgba(0, 0, 0, 0.6),
    inset 0 -5px 10px rgba(255, 255, 255, 0.05),
    inset 0 0 20px rgba(0, 0, 0, 0.3);
}

 .emptycontainer {
    overflow-y: hidden;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;     /* Center vertically */
    height: 60vh;           /* Full viewport height */
    width: 100%;    /* Full viewport width */
    background-color: #f0f0f0; /* Background color for visibility */
}

#main-wrapper {
     min-height:100vh;
     max-height:100vh;
      background: var(--background-color);
}
    .container {
      background: var(--background-color);
     padding: 20px;
    }
    
.mainbox{
    /*border-radius: 15px;  */
    /*background: #000;*/
            width: 100%;    
            padding-left: 15px; 
            padding-right: 15px; 
    
}
 
         .maincontainer {
            padding: 20px; 
            color: white; 
    border-bottom: 1px solid #626262; 
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .maincontainer .left-section {
            display: flex;
            align-items: center;
            color:white;
            cursor:pointer;
             text-align:left;
            margin-left:-10px;
        }
         .maincontainer .middle-section {
            display: flex;
            align-items: center;
            color:white;
            cursor:pointer; 
            text-align:center
        }
        .maincontainer .right-section {
            display: flex;
            align-items: center;
            color:white;
            cursor:pointer; 
             text-align:right
        }

        .maincontainer .left-section span {
            font-size: 15px;
            color:white;
            align-items: center;
            font-weight: normal;
             text-align:left
        } 
        .maincontainer .middle-section span {
            font-size: 15px;
            color:white;
            align-items: center;
            font-weight: normal;
             text-align:center
        } 
       .maincontainer .right-section span {
            font-size: 15px;
            color:white;
            align-items: center;
            font-weight: normal;
             text-align:right
        }