*{
    padding: 0%;
    margin: 0%;
    
}
body{
    box-sizing: border-box;
    background-color:#f8fafc; 
}
#head{background:#f3f2f7;
color:#ffffff;
margin: 0%;padding: 0px;
text-align: center;
}
p{
    margin-bottom: 15px;
    line-height: 1.8;
    color: #6b6b84;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}
.stitle{
    padding-right:0px; 
     padding-left:0px;
}
#my img {
    height: px;
}
#history{
    background: #75c2ef;
}

#mynavbar li a {
    color:white;
}

#mynavbar li a:hover,nav-link .active {
    color: rgb(75, 232, 238);
}

.section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.section h1 {
    text-align: center;

}

.section p {
    text-align: justify;

}

#about {
    background: #28dddd;
   
}
#footersidebar {
    background: #29166f;
    color: white;

}

#footersidebar h3 {
    font-size: 1.3rem;
    color: #1f9c8c;

}

.footer-widget h3:after {
    content: "";
    background: #c1c2c2;
    display: block;
    width: 50px;
    height: 2px;
    margin: 5px;

}

.footer-widget ul {
    list-style: none;

    margin: 0px;
    padding: 0px;
}

.footer-widget li a {
    text-decoration: none;
    color: white;
}

.footer-widget li a:hover {

    color: #33CAFF;

}

.footer-widget li a::before {

    content: "\f101";
    font-family: FontAwesome;
    padding-right: 5px;


}

#foot {
    background-color:#150847 ;
   
    color: rgb(245, 251, 252);
    padding: px 0;
}

#social {
    list-style: none;
   
    margin: 0px;
    padding: 0px;
}

#social li a {
    display: inline-block;
    color: rgb(234, 241, 241);
    font-size: 15px;
    margin-right: 10px;

}

#social li {
    display: inline-block;

}
.faci{
    margin-bottom: 3rem;
}
@media (max-width:768px)
{
    .footer-widget {
        text-align: center;
        padding-top: 15px;


    }
#head img{height:200px;}
   #my img {
    height:350px;
}
#agi img{height:300px;}
   

    .section {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #footersidebar h3::after {
        content: "";
        background: #c1c2c2;
        display: none;
        width: 50px;
        height: 2px;
        margin: 5px;

    }

    .footer-widget {
        padding-bottom: 10px;
    }
   #footersidebar #logo1 {
        padding-top: 0px; 
    }

    #foot {
        text-align: center;

    }
    
    #social {
        margin-top: 5px;
       
    }
   

}

.floating-buttons {
    position: fixed;
    right: 20px;
    bottom: 25px;
    z-index: 9999;

    display: flex;
    flex-direction: column;
    gap: 12px;
}

.float-btn {
    width: 52px;
    height: 52px;

    border: none;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    text-decoration: none;

    font-size: 20px;
    cursor: pointer;

    box-shadow: 0 6px 18px rgba(0,0,0,.20);

    transition: all .3s ease;
}

.float-btn:hover {
    color: #fff;
    transform: translateY(-5px) scale(1.08);
}

/* WhatsApp */
.whatsapp {
    background: #25D366;
}

/* Call */
.call {
    background: #0d6efd;
}

/* Google Map */
.map {
    background: #e53935;
}

/* Admission */
.admission {
    background: #ff9800;
}

/* Top */
.top-btn {
    background: #343a40;
}

/* Mobile */
@media(max-width:576px) {

    .floating-buttons {
        right: 12px;
        bottom: 15px;
        gap: 9px;
    }

    .float-btn {
        width: 46px;
        height: 46px;
        font-size: 18px;
    }
}