body, aside, nav, main, #site-logo-container, #search-container, #category-ul{
    border:solid 0px #5DA93C
}

html{
    background-color: #1D1D1D;
    color:#f8f3f3;
    font-family: 'Sofia-Pro';
}
body{
    padding:2px;
    margin:1px;   
}


#all-content{
    display:flex;
    flex-wrap: nowrap;
}

/* ................... for Navigation bar....................  */
nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px;
    background-color: #1D1D1D;
}

#menu-icon-div{
    display:none;
}

#site-logo-container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap:10px;
    margin-left:20px;
}
#site-logo-container a{
    text-decoration: none;
}
#site-icon{
    width:45px;
}

#site-name{
    font-size:25px;
    font-family: "sofia-pro",arial;
    font-weight: bold;
    color:#6AC045
}
#site-name:hover,#site-icon:hover{
    cursor:pointer;
    opacity: 0.8;
}




#search-container{
    width:30%;
    display:flex;
    justify-content: center;
    align-items: center;
}
#search-form{
    /* background-color: #ce1010; */
    border:none;
    font-size:16px;
    width:99%;
    border-radius: 80px;
    overflow: hidden;
    border:0px grey solid;
    padding:0px;
    margin:0px auto;
}
#input-search{
    position:relative;
    display: block;
    width:95%;
     margin:0px auto;
    background-color: #2c2b2b;
    /* border:2px grey solid; */
    font-size:14px;
    border-radius: 70px;
    padding:10px 15px;
    color:white;
    border:none;
}
#input-search:focus {
  border: none;
  outline: none;
}

#category-ul{
    list-style-type: none;
    list-style:none;
    list-style-type: none;
    margin:0px;
    padding:0px;
    /* opacity:0.5; */
}
#category-ul li{
    display: inline-block;
    padding:3px 7px;
    margin:4px;
    font-size:12px;
    background-color: #5DA93C;
    border:solid 1px grey;
    border-radius: 3px;
}
#category-ul li:hover{
    opacity:0.8;
    cursor:pointer;
}
#category-ul a{
    text-decoration: none;
    color:#fff;
}
/* ................... Navigation bar ended ....................  */



main{
    position: relative;
    width:80%;
    padding:20px 15px;
}



/*.............................. left aside starts................. */
#left_aside{
    position: relative;
    display: flex;
    flex-direction: column;
    width:20%;
    padding:5px;
}
.tickets-list{
    list-style: none;
    list-style-type: none;
    margin:0px;
    padding:0px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
}

.tickets-list>li{
    /* background-color: #5DA93C; */
    /* border:solid 1px grey; */
    border-radius: 2px;
}
.tickets-list li:nth-child(odd) {
    background-color: #333; /* Change this to your desired color */
}

.tickets-list li:hover{
    background-color: #5DA93C;
}
.tickets-list a{
    text-decoration: none;
    color:white;
    position: relative;
    display: block;
    /* width:50%; */
    padding:8px 10px;
    margin:0px auto;
    font-size:14px;
}

/*.............................. footer starts................. */
footer{
    /* background-color: #1D1D1D; */
    border-top:2px solid #333
}
footer ul{
    list-style: none;
    list-style-type: none;
    
}
footer ul>li{
    display: inline-block;
    padding:3px 7px;
    margin:4px;
    font-size:12px;
    /* background-color: #5DA93C; */
    /* border:solid 1px grey; */
    border-radius: 3px;
}

footer a{
    text-decoration: none;
    color:#fff;
}
footer a:hover{
    opacity:0.8;
    cursor:pointer;
    text-decoration: underline;
}


#menu-icon{
    cursor:pointer;
}
#menu-closer{
    display: none;
}








/* ........................................ for Mobile ................................. */




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

nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px;

    flex-direction: column;
} 

#search-container{
    width:98%;  
}

#site-logo-container{
    width:98%;
    justify-content: flex-start;
    margin-left:2px;
    margin-bottom:10px;
}

#menu-icon-div{
    display: flex;
    margin-right: 50px;
}


/*.............................. left aside starts................. */

#left_aside{
    position: fixed;
    top:0px;
    left:0px;
    display: none;
    flex-direction: column;
    width:45vw;
    height: 100vh;
    padding:5px;
    z-index: 999;
    background-color: #000;
    overflow-y:scroll;
}
#menu-closer{
    display: flex;
    justify-content: flex-end;
    font-size:20px;
    font-weight: bold;
}
#menu-closer-cross{
    border:solid 0px grey;
    padding:10px;
    font-size:18px;
    border-radius: 50%;
    background-color: transparent;
}





main{
    position: relative;
    width:97%;
    padding:20px 5px;
    margin:3px auto;
    overflow-x:hidden;
}












}