body {
     font-family: 'Inter', sans-serif;
     background-color: #f3f4f6;
     /* Light gray background */
     color: #374151;
     /* Dark gray text */
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
     min-height: 100vh;
 }

 .container-wrapper {
     display: flex;
     flex-direction: column;
     /* Default to column for small screens */
     min-height: 100vh;
 }

 /* Large screens layout (sidebar and main content side-by-side) */
 @media (min-width: 1024px) {
     .container-wrapper {
         flex-direction: row;
     }
 }

 /* Sidebar styles */
 .sidebar {
     width: 100%;
     background-color: white;
     padding: 1.5rem;
     /* p-6 */
     /* shadow-md */
     flex-shrink: 0;
 }

 @media (min-width: 1024px) {
     .sidebar {
         width: 16rem;
         /* lg:w-64 */
         /* lg:shadow-xl */
     }
 }

 .sidebar-nav ul {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     /* space-y-2 */
 }

 .sidebar-item {
     display: block;
     padding: 0.75rem 1rem;
     /* px-4 py-3 */
     font-size: 1.125rem;
     /* text-lg */
     font-weight: 500;
     /* font-medium */
     color: #4b5563;
     /* text-gray-700 */
     transition-property: color, background-color;
     transition-duration: 200ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     text-decoration: none;
     border-radius: 0.5rem;
     /* rounded */
     cursor: pointer;
     /* Indicate it's clickable */
 }

 .sidebar-item:hover {
     background-color: #f3f4f6;
     /* hover:bg-gray-100 */
 }

 /* Styles for the active sidebar item */
 .sidebar-item.active {
     background-color: #2563eb;
     /* bg-blue-600 */
     color: white;
     border-radius: 0.5rem;
     /* rounded-md */
 }

 /* Download Brochure Card */
 .brochure-card {
     margin-top: 2.5rem;
     /* mt-10 */
     padding: 1.5rem;
     /* p-6 */
     background-image: linear-gradient(to bottom right, #2563eb, #4f46e5);
     /* bg-gradient-to-br from-blue-600 to-indigo-700 */
     border-radius: 0.75rem;
     /* rounded-xl */
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     /* shadow-lg */
     color: white;
     text-align: center;
 }

 .brochure-card h3 {
     font-size: 1.25rem;
     /* text-xl */
     font-weight: 600;
     /* font-semibold */
     margin-bottom: 0.5rem;
     /* mb-2 */
 }

 .brochure-card p {
     font-size: 1.125rem;
     /* text-lg */
     font-weight: 700;
     /* font-bold */
     margin-bottom: 1rem;
     /* mb-4 */
 }

 .brochure-card button {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0.75rem 1.5rem;
     /* px-6 py-3 */
     background-color: white;
     color: #1d4ed8;
     /* text-blue-700 */
     border-radius: 9999px;
     /* rounded-full */
     font-weight: 600;
     /* font-semibold */
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     /* shadow-md */
     transition-property: background-color, color;
     transition-duration: 300ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     border: none;
     cursor: pointer;
 }

 .brochure-card button:hover {
     background-color: #eff6ff;
     /* hover:bg-blue-100 */
 }

 .brochure-card button svg {
     margin-left: 0.5rem;
     /* ml-2 */
     width: 1.25rem;
     /* w-5 */
     height: 1.25rem;
     /* h-5 */
 }

 /* Main Content Area */
 .main-content {
     flex-grow: 1;
     padding: 0;
     /* Removed padding */
 }

 /* Removed media queries for padding as there's no padding now */

 .main-content-wrapper {
     width: 100%;
     /* Set to 100% width */
     background-color: white;
     padding: 1.5rem;
     /* Default padding for the wrapper content */
     margin-left: 0;
     /* Ensure no auto margin */
     margin-right: 0;
     /* Ensure no auto margin */
     box-sizing: border-box;
     /* Include padding in the element's total width and height */
 }

 @media (min-width: 640px) {
     .main-content-wrapper {
         padding: 2rem;
         /* sm:p-8 */
     }
 }

 /* Section Headings */
 .section-heading {
     font-size: 2.25rem;
     /* text-3xl */
     font-weight: 800;
     /* font-extrabold */
     color: #1f2937;
     /* text-gray-800 */
     margin-bottom: 1.5rem;
     /* mb-6 */
     margin-top: 0;
     /* Removed top margin */
     line-height: 1.25;
     /* leading-tight */
     text-align: center;
 }

 @media (min-width: 640px) {
     .section-heading {
         font-size: 3rem;
         /* sm:text-4xl */
     }
 }

 @media (min-width: 1024px) {
     .section-heading {
         text-align: left;
         /* lg:text-left */
     }
 }

 .section-paragraph {
     font-size: 1.125rem;
     /* text-lg */
     color: #4b5563;
     /* text-gray-600 */
     line-height: 1.625;
     /* leading-relaxed */
     margin-bottom: 2rem;
     /* mb-8 */
     max-width: 56rem;
     /* max-w-4xl */
 }

 @media (min-width: 1024px) {
     .section-paragraph.lg-mx-0 {
         margin-left: 0;
         margin-right: 0;
     }
 }

 /* Image containers */
 .image-container {
     width: 100%;
     height: 20rem;
     /* h-80 */
     overflow: hidden;
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
     /* shadow-xl */
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 0.75rem;
     /* Added for general image container rounding */
 }

 @media (min-width: 640px) {
     .image-container {
         height: 24rem;
         /* sm:h-96 */
     }
 }

 .image-container img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .leadership-training-image-clip {
     clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 90% 100%, 0% 100%);
     transition: transform 0.3s ease-in-out;
 }

 .leadership-training-image-clip:hover {
     transform: scale(1.05);
 }

 
 .what-we-do-image-container img {
     width: 400px;
     height: 100%;
     object-fit: cover;
     border-radius: 10px;
     height: 500px;
 }


 /* Features List Section */
 .features-grid {
     display: flex;
     flex-direction: column;
     gap: 3rem;
     /* gap-12 */
     align-items: center;
     justify-content: center;
 }

 @media (min-width: 1024px) {
     .features-grid {
         flex-direction: row;
         gap: 5rem;
         /* lg:gap-20 */
         align-items: flex-start;
     }
 }

 .features-list {
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 2rem;
     /* space-y-8 */
 }

 @media (min-width: 1024px) {
     .features-list {
         width: 50%;
         /* lg:w-1/2 */
     }
 }

 .feature-item {
     display: flex;
     align-items: flex-start;
     gap: 1rem;
     /* gap-4 */
 }

 .checkmark-bg {
     background-color: #e0f2fe;
     /* Light blue background for the icon */
     border-radius: 50%;
     /* Circular shape */
     padding: 8px;
     /* Padding around the icon */
     flex-shrink: 0;
     margin-top: 20px;
 }

 .checkmark-bg svg {
     width: 1.5rem;
     /* w-6 */
     height: 1.5rem;
     /* h-6 */
     color: #2563eb;
     /* text-blue-600 */
 }

 .feature-item h3 {
     font-size: 1.25rem;
     /* text-xl */
     font-weight: 600;
     /* font-semibold */
     color: #1f2937;
     /* text-gray-800 */
     margin-bottom: 0.25rem;
     /* mb-1 */
 }

 .feature-item p {
     color: #4b5563;
     /* text-gray-600 */
     line-height: 1.625;
     /* leading-relaxed */
 }



 /* Accordion styles */
 .accordion-item {
     border-bottom: 1px solid #e5e7eb;
     /* border-b */
     padding-bottom: 1rem;
     /* pb-4 */
     margin-bottom: 1rem;
     /* mb-4 */
 }

 .accordion-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
     padding-top: 0.5rem;
     /* pt-2 */
     padding-bottom: 0.5rem;
     /* pb-2 */
 }

 .accordion-header h3 {
     font-size: 1.25rem;
     /* text-xl */
     font-weight: 600;
     /* font-semibold */
     color: #1f2937;
     /* text-gray-800 */
     margin: 0;
     /* Remove default h3 margins */
 }

 .accordion-icon-wrapper {
     background-color: #e0f2fe;
     /* Light blue background */
     border-radius: 50%;
     /* Circular */
     padding: 0.25rem;
     /* p-1 */
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.3s ease;
 }

 .accordion-icon {
     width: 1.5rem;
     /* w-6 */
     height: 1.5rem;
     /* h-6 */
     color: #2563eb;
     /* text-blue-600 */
     stroke-width: 2;
     /* Adjust stroke for visual weight */
 }

 .accordion-content {
     padding-left: 2.5rem;
     /* pl-10 (to align with text after icon) */
     padding-right: 1rem;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease-out, padding 0.3s ease-out;
     /* Smooth transition for opening/closing */
 }

 .accordion-item.active .accordion-content {
     max-height: 500px;
     /* Max height to allow content to expand (adjust as needed) */
     padding-top: 1rem;
     /* pt-4 */
     padding-bottom: 1rem;
     /* pb-4 */
 }

 .accordion-item.active .accordion-icon-wrapper {
     transform: rotate(45deg);
     /* Rotate plus to minus */
 }

 .accordion-content p {
     font-size: 1rem;
     /* text-base */
     color: #4b5563;
     /* text-gray-600 */
     line-height: 1.5;
     /* leading-relaxed */
     margin-bottom: 1rem;
     /* mb-4 */
 }

 .accordion-content ul {
     list-style: none;
     /* Remove default list style */
     padding: 0;
     margin: 0;
 }

 .accordion-content ul li {
     display: flex;
     align-items: flex-start;
     gap: 0.5rem;
     /* space-x-2 */
     margin-bottom: 0.5rem;
     /* mb-2 */
     font-size: 1rem;
     /* text-base */
     color: #4b5563;
     /* text-gray-600 */
 }

 .accordion-content ul li:last-child {
     margin-bottom: 0;
     /* Remove margin from last item */
 }

 .accordion-content ul li svg {
     width: 1rem;
     /* w-4 */
     height: 1rem;
     /* h-4 */
     color: #2563eb;
     /* text-blue-600 */
     flex-shrink: 0;
     margin-top: 0.25rem;
     /* Align icon with text */
 }

 .accordion-subheading {
     font-size: 1.125rem;
     /* text-lg */
     font-weight: 600;
     /* font-semibold */
     color: #1f2937;
     /* text-gray-800 */
     margin-top: 1.5rem;
     /* mt-6 */
     margin-bottom: 1rem;
     /* mb-4 */
 }

 /* Margin and padding adjustments for overall layout */
 /* Removed .page-padding as it's no longer needed for main content area's external padding */

 .mb-12 {
     margin-bottom: 3rem;
 }

 .mb-6 {
     margin-bottom: 1.5rem;
 }

 .mb-8 {
     margin-bottom: 2rem;
 }

 .mt-16 {
     margin-top: 4rem;
 }