 <style>
       #targetForm {
            width: 100%;
            max-width: 2000px;
            padding: 50px 100px;
            background-color: #F6E6CB;
        }
        .hidden {
            display: none;
        }
        .error {
            color: red;
        }
         #linkContainer a {
            color: blue; /* Set the link color to blue */
            text-decoration: underline; /* Underline the link */
        }
        #button {

        }

        .beautiful-button {
            background-color: #55AD9B; /* Green background */
            border: none; /* Remove default border */
            color: white; /* White text */
            padding: 15px 32px; /* Some padding */
            text-align: center; /* Center the text */
            text-decoration: none; /* Remove underline */
            display: inline-block; /* Inline-block element */
            font-size: 17px; /* Increase font size */
            font-weight: bold; /* Font weight*/
            margin: 4px 2px; /* Some margin */
            cursor: pointer; /* Pointer cursor on hover */
            transition: background-color 0.3s, box-shadow 0.3s; /* Smooth transitions */
        }
         /* Hover effects */
        .beautiful-button:hover {
            background-color: #95D2B3; /* Darker green */
        }


      /* Active (pressed) state */
        .beautiful-button:active {
            background-color: #3e8e41; /* Even darker green */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Smaller shadow */
            transform: translateY(2px); /* Slightly move down */
        }

        .offset {
            margin-left: 20px; /* Adjust the value as needed */
        }


        legend {
            font-family: Georgia, serif;
            font-size: 19px;
            color: #071952;
            font-weight: bold;
        }

        label {
            font-family: Georgia, serif;
            font-size: 15px;
            color: #071952;
            font-weight: bold;
        }

       p {
            font-size: 15px;
            color: #1C1C1C;
            font-weight: normal;

        }

        .besoinscomplementaires {
            width: 100%; /* Make the form full width */
            max-width: 1200px; /* Optional: Set a maximum width for better readability on large screens */
            margin: 0 auto; /* Center the form within the container */
            padding: 20px; /* Add some padding */
            box-sizing: border-box; /* Include padding in the element's total width and height */
        }

        .sub-checkboxes {
            margin-left: 20px;
            display: none; /* Hidden by default */
        }

        /* Style the category groups for better organization */
        .category-group {
            margin-bottom: 10px;
        }

        .frame, .Employees, .juridical, .manager, .channel, .financial, .rythme, .crm, .company, .form-enlarged {
        border: 2px solid #071952; /* Blue border */
        padding: 10px; /* Add some padding inside the frame */
        margin-bottom: 15px; /* Add some space below the frame */
        border-radius: 5px; /* Optional: rounded corners */
        background-color: #f9f9f9; /* Optional: light background */
        }
        

</style>

