body {
      background-color: #f8f9fc;
      font-family: 'Poppins', sans-serif;
    }

    .logo {max-width: 300px; width: 100%; height: auto; margin: 30px auto;}

    .header {
      background: #af8069;
      padding: 1rem 2rem;
      border: 1px solid #dcdcdc;
    }

    .header h5 {
      margin: 0;
      font-weight: 600;
      color: #ffffff;
    }

    .header small {
      color: #f6ded2;
    }

    .left-menu {
      background: #fff;
      border-right: 1px solid #dee2e6;
      min-height: calc(100vh - 84px);
    }

    .left-menu .list-group-item {
      display: block;
      align-items: center;
      margin: 0.5rem auto;
      font-size: 13px;
      border: 0;
      border-radius: 12px;
      padding-left: 40px;
      position: relative;
    }

    .left-menu .list-group-item i {
      width: 18px;
      text-align: center;
      position: absolute;
      left: 12px;
      top: 19px;
    }

    .left-menu .list-group-item span {
        display: block;
        width: 100%;
        color: #666666;
        font-weight: normal;
    }

    .left-menu .list-group-item.active {
      background-color: #ffece2;
      font-weight: 600;
      border: none;
      color: #af8069;
      border-left: 3px solid #af8069;
    }

    .section-title {
      font-weight: 600;
      font-size: 1.2rem;
      margin-bottom: 1.5rem;
    }

    .form-control,
    .form-select {
      border-radius: 8px;
    }

    .btn-success {
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .file-name {
      font-size: 0.9rem;
      margin-top: 0.25rem;
      color: #555;
    }

    .form-footer {
      margin-top: 2rem;
    }

    .btn-success {
      background-color: #af8069;
      border: 1px solid #af8069 ;
    }

    .btn-success:hover {
      background-color: #926a55;
      border: 1px solid #926a55 ;
    }

    .section-indicator {
      font-size: 0.9rem;
    }

    .sidebar-item {
            padding: 1rem 1rem;
            cursor: pointer;
            border-radius: 0.375rem; 
            margin-bottom: 0.5rem;
            color: #212529; 
        }
        .sidebar-item.active {
            background-color: #d1e7dd; 
            color: #0f5132; 
            font-weight: 600;
        }
        /* New Styles for Scrollable Sidebar on Mobile */
        .sidebar-scroll {
            max-height: 50vh; /* Set a maximum height (50% of the viewport height is a good starting point) */
            overflow-y: auto; /* Enable vertical scrolling */
        }
        /* Disable scrollable style on medium screens and up */
        @media (min-width: 768px) { /* Medium breakpoint and above */
            .sidebar-scroll {
                max-height: none; /* Remove the fixed height */
                overflow-y: visible; /* Remove the scrollbar */
            }
        }
		#mandatory {
			color: red;
			display: block;
			font-size: 12px;
		}