body {
    font-family: 'Quicksand', sans-serif;
    background-color: #ffffff; 
    overflow-y: scroll; /* This will always show the vertical scrollbar */
}

/* Custom CSS for the company logo image */
.company-logo {
    max-width: 60%; /* Ensures the logo will not be larger than its container */
    min-width: 50%; /* The logo will not be smaller than 50% of its container's width */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Ensures the image is treated as a block-level element */
    margin: 0 auto; /* Centers the image within its container */
}

/* Ensure the partner logo is responsive and can scale */
.partner-logo {
    max-width: 100%; /* Allows the image to be up to 100% of its parent container */
    height: auto; /* Maintains the aspect ratio */
}

/* Navbar Styles */
/* Navbar Background */
.navbar {
    background-color: #F8F8F9;
}

/* Navbar Text */
.navbar-brand, .nav-link {
    color: #000000;
}

/* Navbar Links - Hover & Focus States */
.nav-link:hover, .nav-link:focus, .navbar-brand:hover, .navbar-brand:focus {
    color: #cccccc; /* Lighter shade for hover and focus */
}

.navbar-toggler {
    border-color: rgb(0, 0, 0); /* Set to any color you need */
}

.container {
    max-width: 800px; /* Example of setting max width for the container */
    margin: auto;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh; /* Use full screen height to center vertically */
    flex-direction: column; /* Stack elements vertically */
}

/* Accordian Styles */

.accordion-button {
    font-weight: bold;
}

.accordion-body {
    font-weight: 400; /* Regular font weight for the body text */
}

/* Style for the accordion header of the currently expanded item */
.accordion-button:not(.collapsed) {
    background-color: #5caacb; /* Change to your preferred color */
    color: white; /* Change text color as needed */
}

/* Style for the accordion to maintain a constant width */
.accordion {
    min-width: 100%; /* Ensures accordion takes full width of its parent column */
}

/* Button Styles */
  
.btn {
    border-radius: 0; /* Removes rounded corners */
    box-shadow: none; /* Removes the shadow from buttons to flatten the design */
    padding-top: 0.3rem; /* Adjust top padding */
    padding-bottom: 0.3rem; /* Adjust bottom padding */
    font-size: 0.9rem; /* Adjust font size if needed */
}

.btn-primary {
    background-color: #5caacb; /* Your desired background color */
    border-color: #5caacb; /* Border color, usually the same as background color */
    /*padding: 10px 20px; /* Adjust button padding as needed */
}

.btn-secondary {
    background-color: #5caacb; /* Your desired background color */
    border-color: #5caacb; /* Border color, usually the same as background color */
    /*padding: 10px 20px; /* Adjust button padding as needed */
}

.btn-primary:hover {
    background-color: #5caacb; /* Your desired background color */
    border-color: #5caacb; /* Border color, usually the same as background color */
}

/* Form Styles mainly for the validation form */

.form-container {
    display: block;
    justify-content: center;
    align-items: center;
}

.form-size-adjust {
    width: 100%; /* Adjust width as needed */
    margin-top: 0; /* Adjust vertical position */
}

.card {
    border-radius: 0px; /* Rounded corners for the card */
    border: none; /* Removes the border to eliminate the 3D effect */
    box-shadow: none; /* Removes the shadow to flatten the design */
}

.list-group-item {
    background-color: transparent; /* Transparent background for list-group items */
    border: 0; /* Remove default list-group borders */
}

/* Style for custom bullet points */
ul.custom-bullets {
    list-style-type: disc; /* Standard disc-style bullet points */
    padding-left: 20px; /* Add some padding for the bullet points */
}

/* Custom bullet points for list items */
.custom-bullets .list-group-item {
    position: relative; /* Needed for custom bullet positioning */
    padding-left: 30px; /* Adjust padding to make room for bullets */
}

.custom-bullets .list-group-item:before {
    content: "•"; /* This is your custom bullet */
    position: absolute;
    left: 10px; /* Adjust position as needed */
    top: 50%;
    transform: translateY(-50%);
    color: #5caacb; /* Custom bullet color, change as needed */
    font-size: 1.2em; /* Custom bullet size */
}

/* Additional styling for paragraph spacing and font size */
p {
    margin-bottom: 1rem;
    font-size: 1rem;
}