@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
body {
  font-family: "Outfit", sans-serif;
}
.navbar-nav-scroll .nav-item {
  border-left: 1px solid #ccc; /* Left border color and width */
  border-right: 1px solid #ccc; /* Right border color and width */
}
/* Style for the first nav item */
.navbar-nav-scroll .nav-item:first-child {
  border-left: none; /* Remove left border for the first item */
}

/* Style for the last nav item */
.navbar-nav-scroll .nav-item:last-child {
  border-right: none; /* Remove right border for the last item */
}

.navbar-nav-scroll .nav-item:hover {
  transform: scale(1.1); /* Scale the item on hover */
}

hr {
  color: #1c07a1;
}

.overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity as needed */
}

.gradient-bg {
  background: linear-gradient(-45deg, #0d2b50, #05101d, #0d2b50);
  background-size: 200% 200%;
  animation: gradientShift 0s ease infinite;
  color: white;
}
.gradient-bg-rev {
  background: linear-gradient(-45deg, #7a0d1e, #2b050b, #7a0d1e);
  background-size: 200% 200%; /* Ensures smooth transition */
  animation: gradientShift 0s ease infinite; /* Adjust the speed as needed */
  color: white; /* Ensures text is visible on the gradient */
}
.pagination {
  color: #0d2b50;
}
.pagination .page-item.active .page-link {
  background: linear-gradient(-45deg, #7a0d1e, #2b050b, #7a0d1e);
  background-size: 200% 200%; /* Adjust the speed as needed */
  color: white; /* Ensures text is visible on the gradient */
  border: none; /* Optional: remove border for a cleaner look */
}

.main {
  /* background-image: url("../image/betabg.png");
  background-repeat: repeat;
  background-size: 200px 200px; */
}