.dropdown_seven .dropbtn,.menu-btn,.tab button{
    cursor:pointer
}
.dropdown_seven,.tab{
    float:left
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
.side-bar{
    background:rgba(255,255,255,.5);
    backdrop-filter:blur(15px);
    width:290px;
    height:100vh;
    position:fixed;
    top:0;
    left:-100%;
    overflow-y:scroll;
    transition:left .6s;
    z-index:999999
}
.side-bar.active{
    left:0
}
.side-bar .menu{
    width:100%;
    margin-top:35px
}
.side-bar .menu .item{
    position:relative;
    cursor:pointer
}
.side-bar .menu .item a{
    color:#000;
    font-size:19px;
    text-decoration:none;
    display:block;
    padding:5px 30px;
    line-height:40px;
    font-family:'Yatra One',cursive!important;
    background:rgba(255,255,255,.5);
    border-bottom:1px solid #fff
}
.side-bar .menu .item a:hover{
    background:#f9b815;
    transition:.3s
}
.side-bar .menu .item i{
    margin-right:15px
}
.side-bar .menu .item a .dropdown{
    position:absolute;
    right:0;
    margin:20px;
    transition:.3s
}
.side-bar .menu .item .sub-menu{
    background:rgba(255,255,255,.7);
    display:none
}
.side-bar .menu .item .sub-menu a{
    padding-left:80px
}
.rotate{
    transform:rotate(90deg)
}
.close-btn{
    position:absolute;
    color:#0a3622;
    font-size:20px;
    right:0;
    margin-left:20px cursor: pointer
}
.menu-btn{
    color:#fff;
    font-size:15x;
    margin-left:20px;
    margin-top:10px
}
.main{
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:50px
}
.main h1{
    color:rgba(255,255,255,.8);
    font-size:60px;
    text-align:center;
    line-height:80px
}
.dropdown_seven-content a,.tab button{
    display:block;
    padding:12px 16px;
    text-align:left
}
@media (max-width:900px){
    .main h1{
        font-size:40px;
        line-height:60px
    }
}
::-webkit-scrollbar{
    width:7px
}
::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:3px
}
::-webkit-scrollbar-thumb{
    background:#c1c1c1;
    border-radius:3px
}
::-webkit-scrollbar-thumb:hover{
    background:#aaa;
    border-radius:3px
}
.dropdown_seven i{
    font-size:10px
}
.dropdown_seven-content{
    display:none;
    position:absolute;
    background-color:#f9f9f9;
    min-width:160px;
    z-index:1
}
.dropdown_seven-content a{
    float:none;
    color:#000;
    text-decoration:none
}
.dropdown_seven-content a:hover,.tab button:hover{
    background-color:#ddd
}
.dropdown_seven:hover .dropdown_seven-content{
    display:block
}
.tab{
    width:10%
}
.tab button{
    color:#777;
    width:100%;
    border:none;
    outline:0;
    transition:.3s;
    font-size:17px;
    font-weight:600
}
.tab button.active{
    color:#000
}
.tabcontent{
    float:left;
    padding:0 12px;
    width:90%;
    border-left:none
}
.pagination li{
    background: #275689;
    color: #ffffff;
    padding:1px 10px;
    margin-right: 1px;
}
.pagination a{
    color: #ffffff;
    font-weight: 700;
}
.pagination .active{
    background: #c28f11;
}