/* 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//faculty.css';
 @import 'pages/gev.css';
 @import 'pages/contact.css';
 @import 'pages/disciplinary-rule.css';
 @import 'pages/program-outcomes.css';
 @import 'pages/gallery.css'; 
  

 /* comman-banner */
 .comman-banner {
     min-height: 40vh;
     background: linear-gradient(#002244ce, #0a2351d0),
         url("../assets/images/slider/banner3.jpg");
     background-position: center center;
     background-size: cover;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .comman-banner h2 {
     text-transform: capitalize;
     color: #fff;
     font-weight: var(--fw-3);
 }

 .comman-banner h4 {
     text-transform: capitalize;
     color: #fff;
     font-weight: var(--fw-3);
 }

 .comman-banner span a {
     color: #fff;
     text-decoration: none;
 }

 .comman-banner span {
     color: #fff;
 }

 .comman-banner span i {
     margin: 0 1rem;
     color: var(--gold);
 }


 /* scroll top button */

 .scrolltop {
     position: fixed;
     bottom: 3rem;
     right: 2rem;
     width: 2.5rem;
     height: 2.5rem;
     border-radius: 1.4rem;
     padding: 0.3rem;
     background-color: #4c7bbd;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.3s;
     transform: translateX(200px);
     z-index: 99;
     cursor: pointer;
 }

 .scrolltop i {
     color: #fff;
     font-weight: 600;
 }

 .scrolltop.active {
     transform: translateX(0px);
 }

 .scrolltop:hover {
     background-color: rgba(46, 45, 45, 0.589);
 }