/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@import url(home.css);
@import url(login.css);
@import url(dashboard.css);
@import url(sidebar.css);
:root {
    --primary-color: #0C3958;   /* Dark Navy Blue from logo */
    --accent-color: #E95420;    /* Bright Orange from logo */
    --text-color: #FFFFFF;      /* White */
    --light-bg: #f8f9fa;        /* Light gray background */
}
/* Apply globally */
* {
  font-family: 'Poppins', Arial, sans-serif !important;
}

/* menu */
/* Navbar initial state */
.navbar-custom {
  background-color: var(--primary-color) !important;
  transition: all 0.7s ease;
  width: 100%;
  top: 0px;
  z-index: 999;
  height: 100px !important;
  position: fixed !important;
}

/* When navbar is active (after scroll offset) */
.navbar-custom.active {
  height: 70px !important;
  transition: all 0.7s ease !important;
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
}
.navbar-custom.active .nav-link {
  color: #0C3958;
}
.navbar-toggler{
  background-color: var(--light-bg) !important;
}
.navbar-collapse{
  padding: 25px;
  width: 100%;
  /* background-color: var(--primary-color) !important; */
}

/* footer */
.footer-section{
    background-color: var(--primary-color) !important;
}

.button{
    background-color: var(--accent-color); 
    color: var(--text-color);
}
.button:hover{
    background-color: var(--primary-color) !important; 
    color: var(--text-color) !important;
}
.padding{
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}
.footer-section{
    padding-top: 100px !important;
    padding-bottom: 30px !important;
}
.section {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
  height: 90vh !important;       /* 90% of viewport height */
  display: flex;                 /* enable flexbox */
  justify-content: center;       /* horizontal centering */
  align-items: center;           /* vertical centering */
  text-align: center;            /* center text inside */
  overflow: hidden;           /* hide overflow */
}
.fs-5{
  font-size: 50px !important;
}