* {
    padding: 5px 10px;
    font-family: "Trirong", serif;
}

@keyframes heading {
    0% {
        color: red;
    }

    25% {
        color: yellow;
    }

    50% {
        color: blue;
    }

    100% {
        color: green;
    }
}

body {
    overflow-x: hidden;

}

img {
    max-width: 100%;
    max-height: 40rem;
}

.scrl img {
    border: 3px solid maroon;
}

li {
    color: midnightblue;
    font-size: 2vw;
    font-weight: 400;
}


header {
    background-image: linear-gradient(rgb(248, 248, 248), darkorange);
    border-bottom: 5px solid midnightblue;
    height: 15vw;
}

table {
    font-size: 180%;
}

marquee img {
    margin-top: 25px;
    width: 25vw;
    height: 25vw;
    border: 5px solid maroon;
}

.katha {
    /* float: right; */
    position: absolute;
    top: 13vh;
    right: 3.5%;
    height: 4vw;
    width: 6vw;
    
    margin-top: 0px;
    /* padding: 0px;
    width: 12vw;
    height: 20vh; */
}

.container {
    /* padding: 10px; */
    text-align: justify;
    padding-top: 0%;
    position: relative;
    margin: 0%;
    align-content: center;
    margin: auto;

}

.container p {
    text-align: justify;
    font-size: 3vw;
    line-height: 4vh;
}

iframe {
    width: 70vw;
    height: 70vh;
}

.navbar {
    width: 108%;
    height:2vw;
}

.navbar ul {
    text-align: right;
    background-color: midnightblue;
    width: 108%;
    height: auto;
    float: right;
    list-style: none;
    /* margin-bottom: 5px; */
    font-size: 3vw;
}
.navv{width: 100%;}
.navbar li,
.navv li {
    display: inline;
}

.navbar li a,
.navv li a {
    text-decoration: none;
    font-size: 1.5vw;
    font-weight: bolder;
    font-family: 'Times New Roman', Times, serif;
    color: white;
       text-align: center;
    /* padding-bottom: 15px; */
}
.navv a{ padding: 0 1.5vw;}

.navbar a:hover,
.navv a:hover {
    background-color: white;
    color: rgb(236, 5, 5);
    /* border-radius: 50%; */
    font-size: 1.2vw;
    font-weight: 800;
    padding: 0.5vw;
}

.navv {
    list-style-type: none;
    height: 6vh;
    background-color: midnightblue;

}

.navbar {
    margin-top: -20px;
    margin-left: -30px;
    margin-right: -30px;
    height: 10vh;
    color: white;
    background-color: midnightblue;


}

#about {
    padding-left: 730px;
}

/* .logo img {
    width: 120px;
} */


.ADMISSION {
    margin-top: 0PX;
    color: maroon;
    font-size: 30px;
    font-weight: 300;
}

.back {
    background-color: orange;
    background-image: linear-gradient(rgb(248, 248, 248), darkorange);
    background-size: cover;
    margin: 0px -20px;
    border-bottom: 5px solid midnightblue;
    hei
}

#about {
    padding-left: 730px;
}

h2 {
    color: midnightblue;
    font-size: 2vw;
    padding: 0%;
}

.container p {
    color: maroon;
    font-size: 2vw;
    padding: 3vh 5vw;
    width: 80%;
}

/* .container ol {
    font-size: x-large;
    color: rgb(10, 11, 10);
} */

#p {
    position: relative;
    height: 40vh;
    width: 58vw;
    top: 50px;
    border: 3px solid maroon;
    padding: 0%;
    font-size: 2vw;

}

#p img {
    width: 80%;
}

#p td {
    text-align: center;
}

#high {
    margin-left: 10%;
    margin-right: 8%;
}

#high {
    color: rgb(226, 16, 174);
    font-size: 40px;

}

#high img {
    width: 600px;
    height: 300px;
    border: 3px solid blue;
    margin-right: 60px;
    margin-left: 60px;

}

.image {
    height: 30vh;
    width: 30vw;
}

.message {
    position: relative;
    background-color: beige;
    border: 1vw double maroon;
    height: 30vh;
    width: 20vw;
    /* padding: 5vw; */
    font-size: 2vw;
    color: maroon;
    align-content: center;
    line-height: 3vh;
}

.con {
    color: maroon;
    font-size: 2rem;
    background-color: rgb(178, 244, 150);
    width: 100%;
    border-top: 5px solid maroon;
    height: 2vh;
    margin: auto;
    line-height: 2.5vw;
}

.con img {
    height: 4vh;
    width: 8vw;
}

.con h3 {
    font-size: 2vw;
}
.con h4{font-size: 2vw;}
.con span {
    float: rights;
    /* margin: 20px; */
}

/* .fac h3 {

    margin: 10px 20vw;

} */

.ac {
    display: inline-block;
    margin-top: 25px;
}

.fac img {
    width: 20vw;
    height: 30vh;
    /* margin-top: 20px;
    margin-left: 80px;
    margin-right: 80px; */
}

/* .pic {
    margin: 20px 0;
} */

.a {
    width: 330px;
    height: 600px;
}

.pic h4 {
    font-size: 2vw;
}

.pic h3:hover {
    color: maroon;
}



.ev>td {
    height: 20vh;

}

.main {
    display: flex;
    padding: 10px;
    border: 2px solid rgba(210, 180, 234, .6);
}

.container {
    padding: 10px;
    text-align: justify;
}



.logo img {
    margin-top: 0px;
    padding: 0px;
    width: 12vw;
    height: 12vw;
    float: left;
}

h1 {
    color: midnightblue;
    font-size: 4vw;
    line-height: 4vw;
}

.pahra p {
    /* padding: 20px auto; */
    color: maroon;
    font-size: 2vw;
    align-content: center;

}

.time {
    height: 40vh;
    width: 60vw;
    text-align: center;
    border: 0.4vw solid maroon;

}

.time td {
    font-size: 2vw;
    font-size: 900;
    border: 0.2vw solid maroon;
    color: black;
}

.festivals img {
    border: 3px solid midnightblue;
    width: 15vw;
    height: 20vh;
    margin-left: 1vw;
    margin-right: 1vw;
}

h3 {
    color: green;
    font-weight: 900;
    font-size: 2vw;
}

.eve {
    padding: 1vh 3vw;
    height: fit-content;
    width: fit-content;
    text-align: center;
    background-color: aqua;
    color: midnightblue;
    border-radius: 50%;
}

.ev .a1 {
    border-top-right-radius: 50%;
    border-bottom-left-radius: 50%;
 border: 0.3vw solid maroon;
}

.ev .a2 {
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border: 0.3vw solid maroon;
    
}

.ev img {
    width: 30vw;
    height: 40vh;
    border: 0.5vw solid white;

}

.ev {
    margin: 4vh 0;
}

hr {
    width: 80vw;
    height: 5px;
    background-color: midnightblue;
    z-index: 1;
}


.tag {
    width: 20vw;
    height: 20vh;
    /* margin: 1vh 2vw; */
}

.tag {
    position: relative;
    background-color: rgb(255, 160, 236);
    color: blue;
    font-size: 1vw;
}

.return {
    width: 10%;
    height: 10%;
}

/* EVENT-ENDS */


/* ADMISSION START */

/* .head>p {
    background-color: maroon;
    color: rgb(238, 204, 10);
    font-size: 4vw;
    position: absolute;
    margin-top: 0px;
    height: 130px;
    width: 100%;
    border-bottom: 15px solid rgb(238, 204, 10);
    padding: 25px 300px;
    padding-left: 360px;
} */


.tab {
    /* font-size: 2vw; */
    border: 80vw;
}


.tab img {
    border: 3px solid midnightblue;
    width: 40vw;
    height: 40vh;

}

.tab a {
    background-color: none;
}

.cls {
    background-color: maroon;
    color: rgb(238, 204, 10);
    padding: 15px 30px;
    font-size: 2vw;
    /* font-weight: 600; */
}

.tab a {
    font-weight: 800;
    color: midnightblue;
    text-decoration: none;
    padding: 0%;
}

/* .tab img {
    width: 440px;
    height: 330px;
} */

.tab a:hover {
    text-align: center;
    color: brown;
    font-size: 3vw;
}

/* ADMISSION ENDS  */
/* ABOUT STARTS */

table td {
    font-size: 50%;
}

/* ABOUT ENDS */
/* facilities start */
.pic {
    /* border: 3px solid maroon; */
    color: midnightblue;
    font-size: 4vw;
    text-align: center;


}

.pic td {
    /* width: 50%; */
    font-weight: 700;
    /* text-align: center; */
}

.pic td:hover {
    color: maroon;
    font-weight: 600;
    text-shadow: 5px 5px 4px white;
}

.pic img {
    width: 40vw;
    height:30vw;
    border-bottom: 0.5vw solid midnightblue;
    /* border: 3px solid midnightblue; */
}

.pic .a {
    width: 80vw;
    height: 60vh;
    border: 3px solid green;
}

.detail span {
    font-size: 3vw;
    font-weight: 700;
}

@media screen and (min-width: 540px) {
    .con img {
        width: 100px;
        height: 100px;
        margin: 20px 0;

    }

    .con h3 {
        font-size: 40px;
        font-weight: bold;
    }
}

.d {
    width: 20vw;
    height: 30vh;
    border-bottom: 1vw solid maroon;
}

.k1 {
    top: 72vh;
    right: -3vw;
    z-index: -1;
    width: 15vw;
    height: 35vh;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.k2 {
    position: relative;
    top: 35vh;
    left: -3vw;
    z-index: -1;
    width: 15vw;
    height: 30vh;
}

.k3 {
    position: absolute;
    top: 108vh;
    left: -3vw;
    z-index: -1;
    width: 25vw;
    height: 60vh;
}

.wel img {
    width: 210vw;
}


.div4 {
    position: relative;
    width: 100%;
    top: 25vh;
    padding: 5%;
    background-color: yellow;
    font-size: 2vw;
}

.img2 {
    position: relative;
    top: 25vh;
    display: inline-flex;
    width: 30%;
    margin: 1%;
    height: 240px;
    border: 0.5vw solid rgb(4, 59, 4);
}

.kathaa {
    background-color: maroon;
    width: 100%;
    height: 45vw;
    font-size: 2vw;
    display: inline-flex;
    padding: 2%;
    position: relative;
    top: 8vw;
    margin-bottom: 5%;
}

.kathaa td {
    background-color: white;
    color: maroon;
    width:30%;
    height:20vw;
    left: 10%;
    /* margin: 2% 4% ; */
    border: 0.2vw solid maroon;
}

.kathaa img {
    width: 3vw;
    height: 3vw;
}

.soc {
    display:inline-flexbox;
    list-style-type: none;
    /* padding: 10%; */
    /* margin: 5% 5%; */
}
.m {
    height: 25vh;
    width: 108%;
    background-color: maroon;
    margin: 0%;
}

.m img {
    height: 20vh;
    width: 18vw;
    /* margin: 0.5vw; */
}

.m h2 {
    color: white;
    font-size: 3vw;
}

.m h3 {
    color: yellow;
    font-size: 2vw;
}