html,
body {
    margin: 0;
    /* background-color: black;*/
    font-family: Gill Sans;
    font-weight: 300;
    text-decoration: none;
    color: white;
    padding: 0;
    ;
    width: 100%;
    /* background: #108dc7;*/
    /* fallback for old browsers */

    /* background: -webkit-linear-gradient(to right, #ef8e38, #108dc7);*/
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ef8e38, #108dc7);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*background: linear-gradient(to right, #ef8e38, #108dc7);*/

    text-shadow: rgb(16, 16, 15) 1px 0 10px;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.title0 {
    font-family: Gill Sans;
    margin: auto;
    text-align: left;
    padding: 5px;
}




.title1 {
    font-family: Gill Sans;
    font-weight: 400;
    margin: 5px;
    padding: 10px;
    text-align: center;
    text-shadow: rgb(45, 45, 43) 1px 0 10px;

}


h4 {
    text-shadow: rgb(45, 45, 43) 1px 0 10px;
    text-align: center;

}

.img1,
.img2,
.img3,
.img4,
.img5 {
    float: left;
    shape-margin: 2rem;
    padding: 10px;
    border-radius: 5px;


}

p {
    padding-left: 2%;
    padding-right: 2%;
}

.container {

    margin: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    background-color: gray;
    font-size: large;
    font-weight: 400;

    color: white;
    font-style: Gill Sans, sans-serif;

}

.sec-container {
    width: 100%;

    margin-left: 1%;

    margin-right: 1rem;
    min-height: calc(100vh - 211px - 58px);
    color: white;
    font-family: Gill Sans;
    font-weight: 300px;
    line-height: 2;
    font-size: larger;

}

.para1 {
    line-height: 2;
    font-size: larger;
}







a:link {
    text-decoration: none;
    color: white;
}

a:visited {
    text-decoration: none;
    color: white;
}

a:hover {
    text-decoration: none;

    color: black;

}




.ul {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    gap: 3rem;
    color: azure;




}

.item {


    font-size: larger;

    border-radius: 5px;
    padding: 5px 5px;
    width: 80px;
    height: 25px;
    justify-self: center;





}


.dropbtn {

    background-color: gray;
    color: white;
    font-family: Gill Sans;
    font-size: 22px;
    border: none;
    width: fit-content;
    justify-self: center;
    background: transparent;
    font-weight: 400;
    width: 80px;
    padding-bottom: 10px;
    padding-right: 10px;
    text-shadow: rgb(45, 45, 43) 1px 0 10px;



}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 5px;
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;

}

.dropdown-content a:hover {
    background-color: white;
    color: black
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    color: black;
}




.collegeli {
    padding: 5px 5px;
}

.paras {
    line-height: 2;
    font-size: larger;
}

.con {
    margin-top: 10%;
    margin-bottom: 10%;
}

.iframe {
    float: left;
    width: 640px;
    margin-right: 3rem;

}


.footer {
    background-color: gray;
    color: white;
    padding: 10px;
    margin: auto;
    height: fit-content;
}

.footertitle {
    align-items: center;
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
    padding: 10px 10px;
    font-size: larger;



}


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


    div,
    .ul {
        display: block;


        width: 50%;
    }


}