/* main.css */

 /* Import Variables */
 @import 'base/variables.css';

 /* Import Base Styles */
 @import 'base/typography.css';


 /* Import Layout Styles */
 @import 'layout/top-bar.css';
 @import 'layout/footer.css';
 @import 'pages/home.css';
 @import 'pages/about.css';
 @import 'pages/vision.css';
 @import 'pages/principle.css';
 @import 'pages/admission.css';
 @import 'pages/library.css';
 @import 'pages/rti.css';
 @import 'pages/gallery.css';
 @import 'pages/video-gallery.css';
 @import 'pages/infrastructure.css';
 @import 'pages/staff.css';
 @import 'pages/contact.css';
 @import 'responsive/mobile.css';

 body {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Poppins", sans-serif;
     font-weight: 100;
     font-style: normal;
 }

 .common-banner {
     height: 50vh;
     display: flex;
     align-items: center;
     justify-content: center;
     background:
         linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
         /* dark overlay */
         url("../assets/Image/collage.jpeg");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     color: #fff;
     /* optional: ensure text is visible */
 }

 
 .common-banner h5 {
     font-size: 1.6rem;
 }

 .common-banner h5 i {
     color:#fff;
 }


 #scrollTopBtn {
     display: block;
     /* Hidden by default */
     position: fixed;
     bottom: 30px;
     right: 30px;
     z-index: 99;
     font-size: 22px;
     border: none;
     outline: none;
     background-color: #1e4eba;
     color: white;
     cursor: pointer;
     padding: 12px 16px;
     border-radius: 50%;
     transition: 0.3s ease-in-out;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
 }

 #scrollTopBtn:hover {
     background-color: #2eca7f;
 }