@import url('https://fonts.maateen.me/adorsho-lipi/font.css');

             body{border:0;padding:0;box-sizing: border-box;font-size: 12px;}  
            .wrapper{display: flex;flex-direction: column;width:100%;background:url(../Images/bg8.jpg);background-size:auto;background-repeat: no-repeat; border:0;margin:0;}
            .banner{background:url(../Images/bg4.jpg);width:100%;min-height: 150px;background-size: cover;display: flex;justify-content: center; align-items: center;margin:0px;padding: 0px;}  
            .banner label{font-family:   'AdorshoLipi', sans-serif;background-color: white;color:black;font-size: 1.8em;font-family: sans-serif;width:250px;border-radius: 15px;padding: 5px;text-align: center;border:1px solid gray;box-shadow: 5px 5px 10px black;}
            .bngname{width:200px;background-color: white;color:black;padding:5px; text-align: center;font-size:1.5em;font-weight: 900;font-family: 'AdorshoLipi', sans-serif ;}
            .details{width:calc(100% - 40px);border:20px solid;border-image-source: url("../Images/textborder.png") ;border-image-slice:120;background:url(../Images/bg8.jpg);background-size:cover;background-repeat: repeat;background-position: center;display: flex;flex-direction: column;align-items: center;}
            .p1,.list1,.list2,.p2{font-family:   'AdorshoLipi', sans-serif;font-size: 1.2em;width:80%; margin:10px;text-align: justify;}
            .loe{width:100%;font-size: 2.2em;text-align: center;font-family: monospace;background-color: whitesmoke;padding:7px;color:black;font-weight: 900;letter-spacing: 3px;margin-top: 5px;}
            .head2{width:100%;text-align: center;font-weight: bolder;color:black;font-size:1.8em;padding:10px;background-color:whitesmoke;}
             .faculty{display: grid;
                        grid-template-rows:auto;
                        grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
                        grid-column-gap:10px;
                        grid-row-gap:20px;
                        grid-auto-rows:350px;
                        padding:30px;
                        }
                        .teacher{background:url(../Images/bg8.jpg);background-size:cover;background-position: center; border-radius:20px;text-align: center;color:maroon;padding: 15px;box-shadow: 10px 10px 10px gray;}
                        .teacher img{width:170px;height:208px;margin: 3px;border-radius: 10px;border:3px double maroon;}
                        .info{display: grid;
                        grid-template-rows:50px;
                        grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
                        grid-column-gap:10px;
                        grid-row-gap:20px;
                        grid-auto-rows:50px;
                        padding:30px;
                        background:url(../Images/bg6.jpg);
                        background-size: cover;
                        background-position: center;
                        
                        }
                        .info .common{width:300px;background: #020024;position: relative;background: linear-gradient(90deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);padding:5px;background-color:white;font-size: 2em; text-align: center;color:white;display:flex;justify-content: center;align-items: center; margin-left: auto;margin-right: auto;}
                       .common div{padding:5px;background-color:white;font-size: .7em;color:red; text-align: center;position: absolute;right:10px;height:30px;width:30px;border-radius: 50px;font-weight:900;display: flex;justify-content: center;align-items: center;}