body{
                background-color: #010b17;
                margin:0;
                padding:0;
                font-family: tahoma;
            }
            * a,* a:visited,* a:hover,* a:active{color:white;text-decoration:none}
            .nav{
                position:fixed;
                top:0;
                width:100vw;
                height:10vh;
                background: linear-gradient(0deg,black 0%, #010e2b 100%);
                display:flex;
                z-index:4;
            }
            .hbar{
                margin-top:1vh;
                width:2px;
                height:8vh;
                background-color: rgba(255,255,255,0.2);
            }
            .logo{
                width:auto;
                height:9vh;
                margin-right:2vw;
            }
            .navbutton{
                width:6vw;
                margin-top:1vh;
                background-color:rgba(0,0,0,0);
                color:white;
                border:none;
                text-align: center;
                font-size: 2vh;
                font-family: Tahoma;
                cursor:pointer;
                transition: all ease 0.3s;
            }
            .bar{
                margin-top:1vh;
                width:100%;
                height:0.5vh;
                background-color: #03fcc6;
                border-radius:1vw;
                box-shadow: 0px 0px 20px 0.4px #03fcc6;
                opacity: 0%;
                transition: all ease 0.3s;
                overflow:hidden;
            }
            .bar:hover, .navbutton:hover .bar{
                opacity:100%;
                cursor:pointer;
            }
            .mnav:hover .bar{
                opacity:100%;
                cursor:pointer;
            }
            .right{
                position:fixed;
                z-index: 5;
                left:88%;
                width:5vw;
                height:4vh;
                margin-top:3vh;
                margin-right:2vh;
                background-color: #eb4034;
                color:white;
                font-size: 2vh;
                border:none;
                transition: all ease 0.3s;
                border-radius: 1vw;
            }
            .right:hover{
                width:10vw;
                cursor:pointer;
                border:2px solid white;
                background-color:white;
                color:black;
            }
            .subjects{
                margin-top:5vh;
                width:70vw;
                height:auto;
                display:flex;
            }
            .subleft,.subright{
                text-align:left;
                width:50%;
                font-size:2vh;
                color:white;
            }
            .subleft img{width:80%;}
            .butsub{
                width:14vw;
                height:7vh;
                cursor: pointer;
                border:2px solid white;
                border-radius:2vw;
                overflow: hidden;
                margin-bottom: 1vh;
            }
            .plateup{
                margin-top:-7vh;
                width:14vw;
                text-align: center;
                background-color: white;
                color:black;
                padding:2vh 2vw 2vh 2vw;
                border-radius:1vw;
                transition: all ease 0.3s;
            }
            .platedown{
                width:14vw;
                text-align: center;
                background:linear-gradient(0deg, #590158 0%, black 100%);
                color:white;
                padding:2vh 2vw 2vh 2vw;
                border-radius:1vw;
            }
            .butsub:hover .plateup{margin-top:0vh;}
            .gal{
                width:70vw;
                position: fixed;
                top:50%;
                left:50%;
                transform: translate(-50%,-50%);
                color:white;
                display:none;
                gap:50px;
                z-index: 2;
                background-color: #010b17;
                border:3px solid #03fcc6;
                border-radius:3vw;
                box-shadow: 0px 0px 20px 0.4px #03fcc6;
                padding:2vw 2vw 2vw 2vw;
            }
        #pricing .subtext{
            width:100vw;
            text-align:left;
        }
        #reset,#close{
            display:block;
            font-size:2vh;
            background-color:rgba(255,0,0,0.5);
            color:white;
            border:2px solid white;
            transition:all ease 0.3s;
            height:fit-content;
            width:33vw;
        }
        #reset:hover,#close:hover{
            background-color:rgba(255,255,255,0.7);
            color:black;
        }
        .rs{
            width:50%;
            height:auto;
            text-align:center;
            font-size:1em;
            padding:20px 20px 20px 20px;
            border-radius:20px;
            background-color:rgba(255,255,255,0.3);
            content:"Rs.0";
        }
        .subid{
            width:35vw;
            margin-bottom:1vw;
            display:flex;
            height:auto;
        }
        .subid input{width:30%}
        .subid div{
            font-size:2vh;
            width:70%;
        }
        .col{
            width:66vw;
            display:flex;
        }
        .col div{
            width:33vw;
        }
        #disc{
            background-color:rgba(0,0,0,0.4);
        }
        .event {
            position: relative;
            display: inline-block;
        }
        
        .event img {
            display: block;
            width: 100vw; 
            height: auto;
        }
        
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg, #010b17 0%, rgba(0,0,0,0) 100%);
            padding:2vw 2vw 2vw 2vw;
            display:flex;
            flex-direction: column;
            justify-content: flex-end;
            color:white;
            font-size:2vh;
            text-align: center;
        }
        .content{
            text-align: left;
            width:100%;
            height:auto;
            display:flex;
        }
        .content div{
            padding:1vw 1vw 1vw 1vw;
            font-size: 5vh;
            width:50%;
        }
        .eventform{text-align:center}
        .eventform form{background-color:rgba(0,0,20,0.7);border-radius:2vw;padding:2vw 2vw 2vw 2vw;font-size:2vh}
        .eventform input{font-size:2vh;backdrop-filter: blur(5px)}
        .heading{
            font-size:10vw;
            color: transparent;
              -webkit-text-stroke: 5px white;
              text-align: center;
              font-weight: bold;
              text-transform: uppercase;
        }
        .card{width:33vw;margin:1.5vw}
        .card div{flex-direction:row;}
        .card span{
            font-size: 2.5vh;
            padding:1vw 2vw 1vw 2vw;
            border-radius:2vw;
            text-align:center;
        }
        .evform,.butev{display:none}
        .butev{
            width:50vw;
            height:auto;
            padding:2vw 2vw 2vw 2vw;
            background: rgba(255,255,255,0.8);
            color: black;
            border:none;
            border-radius: 2vw;
            transition: all ease 0.3s;
            box-shadow: 0px 5px 15px 5px black;
        }
        .butev:hover{
            filter: invert(100%);
            box-shadow: 0px 0px 15px 5px black;
        }
        .about{width:100%;display:flex;color:white;}
        .aitem{width:100%;display:flex;flex-direction:column;transition:all ease 0.2s;padding:10px}
        .aitem:hover{background-color:rgba(255,255,255,0.2);cursor:pointer}
        .aitem img{width:40px}
        .query{width:100vw;height:auto;display:flex;text-align:center}
        .query input,.query textarea,.query button{
            background:rgba(0,0,0,0.2);
            color:white;
            width:50%;
            padding:1vw 1vw 1vw 1vw;
            border-radius:0;
        }
        .query button{
            height:auto;
            background: white;
            color:black;
            padding:1vh 3vw 1vh 3vw;
            border-radius: 1vw;
            text-align: center;
        }
        .map,.msg{width:50vw;color:white}
        .mnav{
            display:none;
            text-align: center;
            background-color: rgba(0,0,0,0);
            border:none;
            color:white;
            font-size:2vh;
        }
        .menu{
            position:fixed;
            top:10vh;
            width:100vw;
            height:auto;
            display: flex;
            background: rgba(0,0,30,1);
            font-size: 1.5vh;
            color:white;
            z-index: 3;
            margin-top:-10vh;
            transition: all ease 0.3s;
            backdrop-filter: blur(10px);
        }
        .menu button{
            margin-top:1vh;
            padding:0vh 2vw 0vh 2vw;
            text-align:center;
            background: transparent;
            border:none;
        }
        .menu button:hover .bar{opacity:100%;}
        .logbox{
            position:fixed;
            top:10vh;
            left:50%;
            transform:translate(-50%,0%);
            width:auto;
            height:auto;
            background-color: #010b17;
            box-shadow: 0px 10px 20px 0.4px black;
            z-index:1;
            text-align: center;
            color:white;
            padding:4vh 4vw 4vh 4vw;
            font-size:1.5vh;
            margin-top:-30vh;
            opacity:0%;
            transition: all ease 0.3s;
        }
        
        @media (width<900px)
        {
            .gal{width:95vw}
            .subid div{font-size:1.5vh}
            #reset,#close{width:45vw;}
            .col{width:90vw}
            .col div{width:48vw}
            .subjects{flex-direction:column;width:90vw}
            .subleft,.subright{width:100%}
            .subleft img{width:100%}
            .plateup,.platedown{width:90vw}
            .butsub{width:90vw;margin-bottom:1vh}
            .card{width:88vw;margin-bottom:2vh}
            .heading,.content{display:none;}
            .evform{display:none}
            .butev{display:block}
            .about{flex-direction:column}
            .query{flex-direction: column}
            .map,.msg{width:100vw;height:fit-content}
            .query input,.query textarea{width:90%}
            .right{width:10vw;margin-left:-18vw;font-size:1.5vh}
            .right:hover{width:25vw;}
            .navbutton{display:none;}
            .mnav{display:block}
            #scrollpr{font-size:1.2vh}
        }