body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



.main {
    width: 100%;
    /* height: max-content; */
}

/* header */
.head {
    width: 100%;
    height: max-content;
    background-color: rgb(255, 0, 72);
    color: white;
    text-align: center;
    line-height: normal;
}

    .head p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
        padding-top: 15px;
    }

        .head p a {
            color: antiquewhite;
        }

            .head p a:hover {
                color: aqua
            }
/* end */

/* navbar start */
.navv {
    line-height: normal;
}

    .navv .nav-item {
        padding: 0px 10px;
    }

        .navv .nav-item a {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 900;
            font-size: .8rem;
        }

.icns {
    color: black;
    font-size: 1.3rem;
    margin: 0px 8px;
}
/* end */

/* start */
.slider {
    width: 100%;
}

    .slider img {
        width: 100%;
        height: auto;
        display: none;
    }
/* end */


/* start */
.middle {
    width: 100%;
    /* margin-top: 130px; */
}

    .middle .logo {
        margin: 0px 0px 40px 320px;
        opacity: 0.5;
    }

/* message */
.mess {
    width: 100%;
    background-image: url('http://4.bp.blogspot.com/-aVR4X3K7anw/UFwAsmE6jDI/AAAAAAAABW4/yARbzG5uALA/s1600/150.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.msg p {
    padding: 0px 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    text-align: justify;
}

.mess img {
    width: 70%;
    height: 350px;
    border-radius: 10px;
    margin: 0px auto;
}

.mess button {
    border-radius: 10px;
    background-color: aqua;
}

    .mess button a {
        text-decoration: none;
        font-size: 1rem;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        color: black;
    }

/* iframe */
.ifram iframe {
    width: 100%;
    margin-top: 5px;
    height: 400px;
}
/* end */

/* inner page */
.inner-page {
    width: 100%;
    background-image: url('https://image.slidesdocs.com/responsive-images/background/yellow-business-simple-gray-abstract-creative-powerpoint-background_17f9f3f787__960_540.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: max-content;
}
/* end */

/* gradient */
.linear-gradient {
    width: 100%;
    background: rgb(241,111,234);
    background: linear-gradient(90deg, rgba(241,111,234,1) 0%, rgba(79,185,232,0.6812850140056023) 60%, rgba(107,148,237,1) 100%);
    height: max-content;
}
/* end */

/* result */
.result {
    width: 100%;
    background-color: rgb(234, 232, 232);
    height: max-content;
}

.hi {
    margin-top: 60px;
}

.result-year {
}

    .result-year p {
        font-size: 1.3rem;
        font-weight: 800;
        text-align: center;
        justify-content: center;
        background-color: white;
        padding: 30px 10px;
        border-radius: 5px;
        color: brown;
    }

    .result-year a {
        text-decoration: none;
    }
/* end */

/* overall review start */

/* .overall-review{
    width: 100%;
    height:500px;
    background-image: url('https://getwallpapers.com/wallpaper/full/b/8/b/1086000-beautiful-simple-backgrounds-1920x1200.jpg');
    background-repeat: no-repeat;
    background-size: cover;
} */

/* end */


/* media screen */
@media screen and (min-width:325px) and (max-width:768px) {
    .middle {
        /* margin-top: 100px; */
    }

        .middle img {
            height: auto;
        }
}

@media screen and (min-width:900px) and (max-width:1100px) {
    .navv .nav-item {
        padding: 0px 7px;
    }

        .navv .nav-item a {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 900;
            font-size: .7rem;
        }
}


/* Add animation for the image slider */
@keyframes slide {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
    }
}

#about {
    margin-top: 5px;
    padding-top: 10px;
}

.body-text {
    text-align: left;
    border: #333;
    padding-top: 10px;
    padding-bottom: 30px;
    text-justify: distribute;
}


/* footer */

.footer {
    width: 100%;
    background-color: rgb(101, 101, 237);
    color: white;
    /* border-radius: 10px; */
}

    .footer h4 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
        color: whitesmoke;
        font-size: 1.5rem;
        justify-content: center;
        text-decoration: underline;
        padding-top: 10px;
    }

    .footer a {
        text-align: justify;
        color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 1rem;
    }

    .footer li,
    p {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 500;
        text-align: justify;
    }

    .footer a:hover {
        color:  yellow;
    }

.last {
    background-color: rgb(101, 101, 237);
    width: max-content;
    border-radius: 20px;
    padding: 5px 10px;
}

/* rules and regulations */
/* hostel page */
.hostel h1 {
    font-size: 1.3rem;
    font-weight: 800;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.hostel table, th, td {
    border: 1px solid black;
}

.hostel table {
    width: 100%;
    text-align: center;
}

.hostel td {
    height: 30px;
}

.hos li {
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
}
/* end */

/* timing page */
.timing table {
    width: 100%;
}

    .timing table td {
        height: 30px;
    }

/* uniform */
.uniform table {
    width: 100%;
    text-align: center;
}

    .uniform table td {
        height: 30px;
        border: 1px solid black;
    }

    .uniform table th {
        background-color: #f2f2f2;
    }

/* about  */

.director .header {
    width: 100%;
    height: 250px;
    background-image: url('https://requirementsinc.com/wp-content/uploads/2020/08/default-header-overlay.png');
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 5px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    border: 0px;
}

.header h2 {
    font-size: 3rem;
    padding-top: 75px;
}

.header a {
    color: bisque;
}

.img {
    background-image: url("https://storage.pixteller.com/designs/designs-images/2019-03-27/05/simple-background-backgrounds-passion-simple-1-5c9b95bd34713.png");
    background-repeat: no-repeat;
    background-size: cover;
}

    .img img {
        padding-left: 60px;
    }

.back-img {
    background-image: url("https://storage.pixteller.com/designs/designs-images/2019-03-27/05/simple-background-backgrounds-passion-simple-1-5c9b95bd34713.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.pic {
    background-image: url('https://storage.pixteller.com/designs/designs-images/2019-03-27/05/simple-background-backgrounds-passion-simple-1-5c9b95bd34713.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.background-img {
    background-image: url("https://storage.pixteller.com/designs/designs-images/2019-03-27/05/simple-background-backgrounds-passion-simple-1-5c9b95bd34713.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.container h3 {
    font-size: 1.3rem;
    font-weight: 800;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

/* gallary */
#gallery {
    width: 100%;
    height: max-content;
}

    #gallery img {
        height: 200px !important;
    }

.marquee-container {
    height: 150px;
    overflow: hidden;
    position: relative;
   
}

.marquee-content {
    position: absolute;
    width: 100%;
    bottom: -100%; /* Start below the container */
    animation: marquee 10s linear infinite;
}

    .marquee-content a {
        display: block;
        text-align: left; /* Ensure links are left-aligned */
        padding: 5px;
    }

@keyframes marquee {
    0% {
        bottom: -100%;
    }

    100% {
        bottom: 100%;
    }
    /* Move up completely */
}


#notice {
    background-image: url("../images/background-design.webp");
    background-repeat: no-repeat;
    background-size: cover;
}