/* Pagination bar styles */
.pagination {
    text-align: center;  /* Centers the pagination bar content */
    margin-bottom: 50px; /* Adds space at the bottom of the page */
}

.step-links a,
.step-links .current {
    font-size: 18px;  /* Increases font size */
    margin: 0 10px;    /* Adds spacing between the links */
    padding: 5px 10px; /* Adds padding around the links */
    text-decoration: none;  /* Removes underlines from links */
}

.step-links a:hover {
    background-color: #00bcd4; /* Cyan background on hover */
    color: white;  /* White text on hover */
    border-radius: 5px; /* Rounded corners on hover */
}

.step-links .current {
    font-weight: bold;  /* Makes the current page number bold */
    color: #00bcd4;  /* Cyan color for the current page */
}

body {
    background-color: #2D9596;
}

h1, h2, h3, h4, h5, h6 {
  color: #F1FADA;
}

.navbar {
    background: #265073;
}

.card {
    background: #265073;
    color: #F1FADA;
}

.navbar-nav .nav-link {
    color: #F1FADA;
}

.navbar-nav .nav-link:hover {
    color: #9AD0C2;
}

.navbar-nav .nav-link.active {
    color: red;
    font-weight: 500;
}

.navbar-toggler {
    color: #F1FADA;
}

.navbar-toggler {
    background-color: #2D9596; /* Match the body's background color */
}

.navbar-toggler-icon::before {
    background-color: #F1FADA; /* Set the icon color (optional, depending on the contrast you want) */
}