/* @import url("https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap"); */

body {
  color: #333 !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--bs-black);
}

.container {
  max-width: 95%;
}

.navbar {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  padding: 5px 0;
}

.navbar .navbar-nav .nav-item .nav-link,
.navbar .navbar-nav .nav-item .nav-link:active,
.navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--bs-white);
  font-weight: 700;
  padding: 5px 10px;
}

.navbar .dropdown .dropdown-toggle:after {
  color: var(--bs-white);
  margin-left: 5px;
  font-size: 12px;
}

.navbar-stick:not(.navbar-dark),
.navbar-stick:not(.navbar-dark) .navbar-nav .nav-item .nav-link {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.navbar .navbar-toggler {
  color: var(--bs-white);
  border: 2px solid var(--bs-white);
}

/* .dropdown-menu {
  overflow-y: auto;
  overflow-x: visible;
  position: relative;
} */

.dropdown-item {
  word-break: break-word;
  white-space: normal;
}

.offcanvas {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.offcanvas.offcanvas-start {
  border-right: var(--bs-primary);
}

.dropdown-item {
  color: var(--bs-black);
}

.navbar .dropdown .dropdown-submenu .dropdown-toggle:after {
  color: var(--bs-black);
}

.btn-primary,
.btn-primary:active,
.btn-primary:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
  border: 2px solid var(--bs-primary);
  border-radius: 30px;
  font-weight: 600;
}

.btn-outline-primary {
  border: 1px solid var(--bs-primary);
  color: var(--bs-primary);
  background-color: transparent;
}

.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  color: #fff;
  border: 1px solid var(--bs-primary);
}

a {
  font-weight: 500;
  color: var(--bs-primary);
}

.text-primary {
  color: var(--bs-primary) !important;
}

.header-logo .logo-text .main-heading {
  color: var(--bs-primary);
  font-size: 28px;
  font-weight: 700;
  /* font-family: "Noto Serif", serif; */
}

.header-logo .logo-text .sub-heading1 {
  font-weight: 600;
  font-size: 18px;
}

.header-logo .logo-text .sub-heading2,
.header-logo .logo-text .sub-heading3 {
  font-weight: 600;
}

.header-logo-section {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath fill='%23d1152e' fill-opacity='0.03' d='M0 17.83V0h17.83a3 3 0 0 1-5.66 2H5.9A5 5 0 0 1 2 5.9v6.27a3 3 0 0 1-2 5.66zm0 18.34a3 3 0 0 1 2 5.66v6.27A5 5 0 0 1 5.9 52h6.27a3 3 0 0 1 5.66 0H0V36.17zM36.17 52a3 3 0 0 1 5.66 0h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 0 1 0-5.66V52H36.17zM0 31.93v-9.78a5 5 0 0 1 3.8.72l4.43-4.43a3 3 0 1 1 1.42 1.41L5.2 24.28a5 5 0 0 1 0 5.52l4.44 4.43a3 3 0 1 1-1.42 1.42L3.8 31.2a5 5 0 0 1-3.8.72zm52-14.1a3 3 0 0 1 0-5.66V5.9A5 5 0 0 1 48.1 2h-6.27a3 3 0 0 1-5.66-2H52v17.83zm0 14.1a4.97 4.97 0 0 1-1.72-.72l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1 0-5.52l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43c.53-.35 1.12-.6 1.72-.72v9.78zM22.15 0h9.78a5 5 0 0 1-.72 3.8l4.44 4.43a3 3 0 1 1-1.42 1.42L29.8 5.2a5 5 0 0 1-5.52 0l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1-.72-3.8zm0 52c.13-.6.37-1.19.72-1.72l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43a5 5 0 0 1 5.52 0l4.43-4.43a3 3 0 1 1 1.42 1.41l-4.44 4.43c.36.53.6 1.12.72 1.72h-9.78zm9.75-24a5 5 0 0 1-3.9 3.9v6.27a3 3 0 1 1-2 0V31.9a5 5 0 0 1-3.9-3.9h-6.27a3 3 0 1 1 0-2h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 1 1 2 0v6.27a5 5 0 0 1 3.9 3.9h6.27a3 3 0 1 1 0 2H31.9z'%3E%3C/path%3E%3C/svg%3E");
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.owl-prev {
  left: 10px;
} /* Left arrow */
.owl-next {
  right: 10px;
} /* Right arrow */

/* Position dots on the image */
.owl-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.owl-dot {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 50%;
  margin: 5px;
  transition: 0.3s;
}

.owl-dot.active {
  background: var(--bs-primary) !important;
  width: 25px;
  border-radius: 10px;
}

.slider-container {
  width: 100%;
  height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.latest-updates {
  background-color: #fff5f5;
}

.latest-updates .updates-title {
  background-color: var(--bs-secondary);
  color: #333;
  font-weight: bold;
  padding: 8px 15px;
  border-radius: 0px 30px 30px 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* .icon {
  font-size: 18px;
} */

.updates-marquee {
  flex: 1;
  padding: 0 10px;
}

.updates-marquee marquee {
  font-size: 16px;
  color: #222;
}

.updates-marquee .update-item {
  text-decoration: none;
  color: #222;
  font-weight: bold;
  margin-right: 20px;
}

.arrow {
  color: var(--bs-primary);
  font-weight: bold;
  margin-right: 5px;
}

.new-badge {
  background-color: var(--bs-primary);
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 10px;
  margin-left: 5px;
}

.heading {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  padding-bottom: 5px;
}

.heading::after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background-color: var(--bs-primary);
  border-radius: 2px;
}

.page-heading {
  display: inline-block;
  font-weight: bold;
  position: relative;
  padding-bottom: 5px;
}

.page-heading::after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background-color: var(--bs-primary);
  border-radius: 2px;
}

.footer-heading {
  display: inline-block;
  font-weight: 700;
  position: relative;
  padding-bottom: 5px;
}

.footer-heading::after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background-color: var(--bs-primary);
  border-radius: 2px;
}

.text-justify {
  text-align: justify;
}

.home-page-adm-image {
  width: 160px;
  height: 150px;
  border-radius: 8px;
  border: 1px solid #ccc;
}

.adm-home .card {
  border: 2px dotted var(--bs-primary);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: var(--bs-secondary);
  color: var(--bs-black);
  border-color: var(--bs-secondary);
  font-weight: 700;
}

.nav-tabs .nav-link:hover {
  border-color: var(--bs-secondary);
}

.nav-tabs .nav-link {
  color: var(--bs-white);
  font-weight: 700;
}

.home-announcements-table {
  border: 3px solid var(--bs-primary);
  /* border-radius: 8px; */
}

.announcement-header {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.table > :not(caption) > * > * {
  color: #333;
}

.table a {
  color: #333;
}

.list-group-item i {
  color: var(--bs-primary);
  margin-right: 5px;
}

footer {
  background-color: #333;
  background-image: url(../images/eflu_footer.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.new-icon {
  width: 50px;
}

.social-embed {
  height: 500px;
  overflow: hidden;
  border-radius: 8px;
}

.icon-32 {
  font-size: 28px;
}

.schools-section {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23d1152e' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.footer-email {
  background-color: var(--bs-white);
  padding: 10px;
  border-radius: 20px;
  font-weight: 700;
}

.footer-logo {
  background-color: var(--bs-white);
  padding: 5px 10px;
  border-radius: 20px;
  max-width: 120px;
}

.btn-link {
  color: #333;
  text-align: left;
}

.btn-link:hover {
  color: var(--bs-primary);
  text-decoration: underline;
}

.card-title {
  color: #333;
}

.link-card {
  /* border-color: var(--bs-primary); */
}

::selection {
  background: var(--bs-secondary);
  color: #333;
}

::-moz-selection {
  background: var(--bs-secondary);
  color: #333;
}

.navbar .navbar-nav {
  flex-wrap: wrap;
}

.navbar .navbar-nav .nav-item {
  white-space: normal;
}

.navbar .navbar-nav .nav-item .nav-link {
  display: block;
  word-break: break-word;
  overflow-wrap: break-word;
}

.page-title-section {
  background-color: #333;
  background-image: url(../images/page-banner.jpg);
  background-size: cover;
  background-position: center;
  min-height: 250px;
  max-height: 250px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.breadcrumb-item.active {
  color: var(--bs-white);
}

.breadcrumb-item + .breadcrumb-item:before {
  color: var(--bs-white);
}

.breadcrumb-item a {
  /* color: var(--bs-white); */
}

.icon-18 {
  font-size: 18px;
}
.custom-table {
  border: 1px solid #ccc;
}

.custom-table thead {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

.custom-table thead tr th {
  color: var(--bs-white);
  font-weight: 700;
}

.campus-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.campus-card img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 8px;
}

.contact-info {
  background: #d6ecd8;
  padding: 20px;
  border-radius: 8px;
}

.navbar-stick {
  border-bottom: 2px solid var(--bs-secondary);
}

.text-inherit {
  color: var(--bs-primary);
}
@media screen and (max-width: 768px) {
  .container {
    max-width: 100%;
  }

  .header-logo .logo-text .main-heading {
    font-size: 18px;
  }

  .header-logo .logo-text .sub-heading1 {
    font-size: 14px;
  }

  .header-logo .logo-text .sub-heading2,
  .header-logo .logo-text .sub-heading3 {
    font-size: 12px;
  }

  .latest-updates .updates-title {
    padding: 5px 10px;
  }

  .updates-marquee marquee {
    font-size: 14px;
  }

  .updates-marquee .update-item {
    font-size: 14px;
  }

  .new-badge {
    font-size: 10px;
  }

  .arrow {
    font-size: 14px;
  }

  .slider-container {
    height: 150px;
  }

  .offcanvas .dropdown-item {
    color: var(--bs-white);
  }

  .page-title-section {
    min-height: 150px;
    max-height: 150px;
  }

  .mmb-10 {
    margin-bottom: 10px;
  }
}

/* Medium */

@media screen and (min-width: 992px) and (max-width: 1440px) {
  .container {
    max-width: 100%;
  }

  .header-logo .logo-text .main-heading {
    font-size: 24px;
  }

  .header-logo .logo-text .sub-heading1 {
    font-size: 18px;
  }

  .header-logo .logo-text .sub-heading2,
  .header-logo .logo-text .sub-heading3 {
    font-size: 16px;
  }

  .latest-updates .updates-title {
    padding: 10px 15px;
  }

  .updates-marquee marquee {
    font-size: 18px;
  }

  .updates-marquee .update-item {
    font-size: 18px;
  }

  .new-badge {
    font-size: 14px;
  }

  .arrow {
    font-size: 18px;
  }

  .slider-container {
    height: 400px;
  }

  .navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px;
  }
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 992px) {
  .container {
    max-width: 100%;
  }

  .header-logo .logo-text .main-heading {
    font-size: 22px;
  }

  .header-logo .logo-text .sub-heading1 {
    font-size: 18px;
  }

  .header-logo .logo-text .sub-heading2,
  .header-logo .logo-text .sub-heading3 {
    font-size: 16px;
  }

  .latest-updates .updates-title {
    padding: 8px 12px;
  }

  .updates-marquee marquee {
    font-size: 16px;
  }

  .updates-marquee .update-item {
    font-size: 16px;
  }

  .new-badge {
    font-size: 12px;
  }

  .arrow {
    font-size: 16px;
  }

  .slider-container {
    height: 300px;
  }
}