.sidebar {
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 250px; /* Set the width of the sidebar */
    overflow-x: hidden; /* Disable horizontal scroll */
    overflow-y: auto; /* Enable vertical scroll */
    background-color: #f0f2f6; /* Sidebar background color */
    color: #31333f; /* Sidebar text color */
}

.sidebar .nav-link {
    color: #31333f;
}
.sidebar .nav-link:hover {
    color: #a7add7;
}

.content {
    margin-left: 250px; /* Adjust or remove if necessary */
    padding: 1px 16px; /* Reduced side padding */
    height: 100vh; /* Full viewport height */
    overflow: auto; /* Allows scrolling */
    padding-left: 20px; /* Reduced from 50px for less space consumption */
    padding-right: 20px; /* Reduced from 50px for less space consumption */
    padding-top: 20px;
}

.container-fluid {
    width: 100% !important;
    max-width: none  !important; /* This ensures the container takes full width */
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-background {
    background-color: #f8f9fa; /* A light gray color, adjust the color code as needed */
    padding: 20px; /* Adds some padding around the form */
    border-radius: 8px; /* Optional: rounds the corners of the form background */
    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for a 3D effect */
}

.form-control, .btn {
    height: 38px;  /* Adjust this to match your desired height */
}
.form-label {
    margin-bottom: 0;  /* Removes space below the label */
}

.form-label-txt {
    margin-top: 10px;  /* Adds space below the label, adjust as needed */
}

.form-control {
    margin-bottom: 20px;  /* Adds space below the input, adjust as needed */
}
.form-control-btn {
    margin-top: 15px;
}
/* Adjust vertical alignment if necessary */
.align-items-start {
    align-items: center; /* Change from start to center if top alignment is not desired */
}

.home {
    padding-left: 200px; /* Reduced from 50px for less space consumption */
    padding-right: 200px; /* Reduced from 50px for less space consumption */
    padding-top: 40px;
}

/* Media Query for Tablets */
@media (max-width: 768px) {
    .home {
        padding-left: 50px; /* Less padding on tablets */
        padding-right: 50px; /* Less padding on tablets */
    }
}

/* Media Query for Smartphones */
@media (max-width: 480px) {
    .home {
        padding-left: 20px; /* Even less padding on smartphones */
        padding-right: 20px; /* Even less padding on smartphones */
    }
}