body {
            background-color: #f8f9fa;
        }
        .form-card {
            background-color: #fff;
            border-radius: 16px;
            box-shadow: 4px 8px 17px rgba(0, 0, 0, 0.07);
            padding: 30px;
            margin-top: -860px;
            width: 1500px;
            margin-left: 60px;
        }
        .form-label {
            font-weight: 500;
        }
        .section-title {
            margin-top: 40px;
            margin-bottom: 20px;
            font-size: 1.2rem;
            font-weight: 600;
            color: #343a40;
        }
        .btn-primary, .btn-success {
            padding: 10px 25px;
            font-weight: 500;
            border-radius: 8px;
        }
        .btn-secondary {
            border-radius: 8px;
        }
        .form-control, .form-select {
            border-radius: 8px;
            min-height: 45px;
        }

.sidebar {
    width: 17%;
    height: 100vh;
    position: sticky;
    top:0;
    box-shadow: 4px 8px 17px rgba(0, 0, 0, 0.07);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}        

.logo {
    height: 130px;
    width: 200px;
    padding: 30px 40px;
}

.sidebar-list ul {
    list-style: none;
}

.sidebar-list ul li {
    font-size: 16px;
    padding-bottom: 10px;
    color: rgb(33, 74, 163);
    width: 324px;
    padding-left: 30px;
    margin-left: -32px;
}

.sidebar-list ul li:hover {
      background: linear-gradient(to right, #6366f1, #a855f7);
    color: #fff;
    border-radius: 6px;
    padding-top: 6px;
    transition: 0.2s ease-in;
}