.clients-wrapper {
    width: 100%;
    overflow: hidden;
}

.clients-carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: max-content; /* Ensures all items fit in one line */
    gap: 20px; /* Adds spacing between clients */
}

.client-box {
    flex: 0 0 250px; /* Fixed width */
    width: 250px;
    height: 320px; /* Ensures uniform height */
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
    transition: transform 0.3s ease-in-out;
}

.client-box:hover {
    transform: scale(1.05);
}

/* Style for the client image */
.client-logo img {
    width: 100px; /* Adjust size as needed */
    height: 100px;
    object-fit: cover;
    border-radius: 50%; /* Makes the image circular */
    margin-bottom: 10px;
}

/* Prevent button overlap */
.client-prev, .client-next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Labour Relations Content Styling */
.labour-relations-content {
    background-color: #f0f8ff; /* Light gray background */
    border: 1px solid #ddd; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    padding: 30px; /* Add padding for spacing */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

/* Section Heading */
.labour-relations-content h4 {
    font-size: 1.5rem; /* Increase font size for the heading */
    font-weight: 600; /* Bold the heading */
    color: #007bff; /* Primary blue color */
    margin-bottom: 20px; /* Add space after heading */
}

/* List items with icons */
.labour-relations-content ul li {
    font-size: 1rem; /* Set font size for list items */
    color: #333; /* Dark color for the text */
    margin-bottom: 10px; /* Add spacing between items */
}

/* Icon styling */
.labour-relations-content ul li i {
    font-size: 1.2rem; /* Increase icon size */
    color: #007bff; /* Primary blue color for the icons */
}

/* Optional: hover effect for list items */
.labour-relations-content ul li:hover {
    background-color: #f1f1f1; /* Light hover background */
    border-radius: 4px; /* Rounded corners on hover */
    padding-left: 10px; /* Indent when hovering */
}

/* HR Consulting Content Styling */
.hr-consulting-content {
    background-color: #f0f8ff; /* Light gray background */
    border: 1px solid #ddd; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    padding: 30px; /* Add padding for spacing */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

/* Section Heading */
.hr-consulting-content h4 {
    font-size: 1.5rem; /* Increase font size for the heading */
    font-weight: 600; /* Bold the heading */
    color: #007bff; /* Primary blue color */
    margin-bottom: 20px; /* Add space after heading */
}

/* List items with icons */
.hr-consulting-content ul li {
    font-size: 1rem; /* Set font size for list items */
    color: #333; /* Dark color for the text */
    margin-bottom: 10px; /* Add spacing between items */
}

/* Icon styling */
.hr-consulting-content ul li i {
    font-size: 1.2rem; /* Increase icon size */
    color: #007bff; /* Primary blue color for the icons */
}

/* Optional: hover effect for list items */
.hr-consulting-content ul li:hover {
    background-color: #f1f1f1; /* Light hover background */
    border-radius: 4px; /* Rounded corners on hover */
    padding-left: 10px; /* Indent when hovering */
}

/* Text Centered Button Styling */
.hr-consulting-content .btn {
    border-radius: 30px; /* Rounded button edges */
    font-size: 1rem; /* Set font size for button text */
    padding: 12px 30px; /* Adjust padding for button */
    text-transform: uppercase; /* Uppercase button text */
    font-weight: bold; /* Bold the text */
}

/* Adjust the hover effect for the button */
.hr-consulting-content .btn:hover {
    background-color: #0056b3; /* Darker shade of blue on hover */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

/* MSP Definition Content Styling */
.msp-definition-content {
    background-color: #f0f8ff; /* Light gray background */
    border: 1px solid #ddd; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    padding: 30px; /* Add padding for spacing */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

/* Section Heading */
.msp-definition-content h4 {
    font-size: 1.5rem; /* Increase font size for the heading */
    font-weight: 600; /* Bold the heading */
    color: #007bff; /* Primary blue color */
    margin-bottom: 20px; /* Add space after heading */
}

/* Paragraph Text Styling */
.msp-definition-content p {
    font-size: 1rem; /* Set font size for paragraph text */
    color: #333; /* Dark color for text */
    line-height: 1.6; /* Adjust line height for readability */
}

/* Optional: hover effect for the container */
.msp-definition-content:hover {
    background-color: #f1f1f1; /* Light background on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Slightly darker shadow on hover */
    transition: all 0.3s ease; /* Smooth transition effect */
}

/* Benefits Content Styling */
.benefits-content {
    background-color: #f0f8ff; /* Light gray background */
    border: 1px solid #ddd; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    padding: 30px; /* Add padding for spacing */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

/* Section Heading */
.benefits-content h4 {
    font-size: 1.5rem; /* Increase font size for the heading */
    font-weight: 600; /* Bold the heading */
    color: #007bff; /* Primary blue color */
    margin-bottom: 20px; /* Add space after heading */
}

/* List Styling */
.benefits-content ul {
    padding-left: 20px; /* Add padding to left for the list */
}

/* List Items Styling */
.benefits-content ul li {
    font-size: 1rem; /* Set font size for the list items */
    color: #333; /* Dark color for text */
    line-height: 1.6; /* Adjust line height for readability */
}

/* Optional: hover effect for the container */
.benefits-content:hover {
    background-color: #f1f1f1; /* Light background on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Slightly darker shadow on hover */
    transition: all 0.3s ease; /* Smooth transition effect */
}

/* Optional Styling */
.row.g-5.align-items-center.mt-5 {
    background-color: #f0f8ff; /* Light blue background */
    border-radius: 8px; /* Rounded corners */
    padding: 40px; /* Add padding for spacing inside */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

/* Adjusting the header font for better visual hierarchy */
.row.g-5.align-items-center.mt-5 h4 {
    font-size: 1.75rem; /* Slightly larger heading */
    font-weight: 600; /* Bold font */
    color: #007bff; /* Primary blue color */
    margin-bottom: 20px; /* Space after heading */
}

/* Adjusting the paragraph text */
.row.g-5.align-items-center.mt-5 p {
    font-size: 1rem; /* Regular font size */
    line-height: 1.6; /* Spacing between lines */
    color: #333; /* Dark text color for contrast */
}

/* Button Styling */
.row.g-5.align-items-center.mt-5 .btn {
    background-color: #007bff; /* Primary button color */
    border-radius: 50px; /* Rounded button */
    padding: 12px 25px; /* Button padding */
    font-size: 1rem; /* Font size for the button */
    text-transform: uppercase; /* Uppercase text for the button */
}

.row.g-5.align-items-center.mt-5 .btn:hover {
    background-color: #0056b3; /* Darker button color on hover */
}

/* Common Styles for List Items */
.col-lg-6 ul.list-unstyled li {
    font-size: 1rem; /* Standard font size */
    line-height: 1.6; /* Increases spacing between lines for readability */
    color: #333; /* Dark gray color for text */
    margin-bottom: 10px; /* Adds space between list items */
}

/* Heading Styling */
.col-lg-6 h4.text-primary {
    font-size: 1.75rem; /* Large font size for headings */
    font-weight: 600; /* Bold weight for emphasis */
    margin-bottom: 20px; /* Adds space below the heading */
    color: #007bff; /* Primary blue color */
}

/* Icon Styling */
.col-lg-6 ul.list-unstyled li i {
    color: #007bff; /* Blue for the check circle icon */
    margin-right: 10px; /* Adds space between icon and text */
}


.whatsapp-float {
    position: fixed;
    bottom: 20px;
    left: 20px; /* Changed from right to left */
    z-index: 1000;
}
.whatsapp-float img {
    width: 60px;
    height: 60px;
    border-radius: 10%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s;
}
.whatsapp-float img:hover {
    transform: scale(1.1);
}