@font-face {
  font-family: "Acumin Variable Concept";
  src: url("./font/CarroisGothic-Regular.ttf");
}

.nav_text_ll {
  font-family: "Acumin Variable Concept", sans-serif;
  color: rgba(0, 0, 80, 0.8);
}

.nav_bg_color {
  background-color: white !important;
  color: darkblue;
  font-weight: bold;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

.nav_link_color {
  color: darkblue;
  text-decoration: none;
}

.nav_link_color:hover {
  color: black;
}

.nav_btn_logout {
  color: darkblue !important;
  font-weight: bold !important;
}

.nav_btn_logout:hover {
  background-color: white;
  color: black !important;
}

.nav_logo {
  height: 70px;
}

.nav_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

.nav_left {
  display: flex;
  align-items: center;
}

.nav_right {
  display: flex;
  align-items: center;
}

.nav_datetime {
  text-align: center;
}

.nav_vl {
  border-left: 2px solid rgba(0, 0, 80, 0.8);
  height: 50px;
  margin: 0 12px;
}

.nav_profile_pic {
  height: 40px;
  opacity: 0.8;
}

.nav_logout_img {
  opacity: 0.8;
}

/* -----------------footer */
.footer_bg_color {
  background-color: #ff9b03;
  /* Ensure this is the correct color */
  box-shadow: 0 -100px 10px rgba(0, 0, 0, 0.9);
  /* Shadow on top */
  color: darkblue;
  /* Ensure text color is visible */
  padding: 20px 0;
  /* Add padding if needed */
}
         
    @font-face {
      font-family: 'Acumin Variable Concept';
      /* src: url('./font/AcuminVariableConcept-WideExtraLight.ttf'); */
      src: url('./font/CarroisGothic-Regular.ttf');
      /* src: url('../font/AcuminVariableConcept-WideExtraLight.ttf'); */
    }

    .text_ll {
      font-family: 'Acumin Variable Concept', sans-serif;
      color: rgba(0, 0, 80, 0.8);
    }

    .bg_color {
      background-color: white !important;
      color: darkblue;
      font-weight: bold;
      box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
      /* Added shadow */
    }

    .link_color {
      color: darkblue;
    }

    .link_color:hover {
      color: black;
    }

    .btn_log_out11 {
      color: darkblue !important;
      font-weight: bold !important;
    }

    .btn_log_out11:hover {
      background-color: white;
      color: black !important;
    }

    .logo {
      height: 70px;
    }

    .nav-right {
      display: flex;
      align-items: center;
    }

    .nav-right img {
      height: 40px;
      /* Adjust the size of the PNG image if necessary */
      /* margin-left: 20px; */
      /* Space between the logout button and the image */
    }

    .vl {
      border-left: 1px solid black;
      height: 70px;
      /* border-color: rgba(0, 0, 80, 0.8) !important; */
    }
 html, body {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    .page {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
    }

    .content {
      background: url('./img/home.png') no-repeat center center;
      background-size: cover;
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .img_dashbord {
      height: 80px;
      margin: 30px;
    }

    .link_box {
      background-color: rgba(0, 0, 80, 0.8);
      border-radius: 8px;
    }

    .para_text_ {
      font-size: 15px;
      text-align: center;
    }

    .link_d {
      text-decoration: none;
      color: white;
    }

    .footer_bg_color {
      background-color: #ff9b03;
      box-shadow: 0 -100px 10px rgba(0, 0, 0, 0.9);
      color: darkblue;
      padding: 20px 0;
    }