.elementor-211 .elementor-element.elementor-element-283aeea .elementor-heading-title{line-height:1.35em;color:#FFFFFF;}.elementor-211 .elementor-element.elementor-element-0fa1c67{--spacer-size:25px;}.elementor-211 .elementor-element.elementor-element-83eff43{--spacer-size:25px;}/* Start custom CSS for html, class: .elementor-element-314ea2b */.carousel-container-client {
            position: relative;
            width: 100%;
            overflow: hidden;
            background: transparent;
        }

        .carousel-client {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .carousel-item-client {
            flex: 0 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            box-sizing: border-box;
        }

        .carousel-client img {
            width: 100%;
            display: block;
            opacity: 0.4;
            transition: opacity 0.3s ease;
        }

        .carousel-client img:hover {
            opacity: 1;
        }

        .carousel-arrow-client {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: white;
            font-size: 1rem;
            cursor: pointer;
            z-index: 10;
        }

        .left-arrow-client {
            left: 5px;
        }

        .right-arrow-client {
            right: 5px;
        }

        .left-arrow-client::before {
            content: '◀';
            font-weight: bold;
        }

        .right-arrow-client::before {
            content: '▶';
            font-weight: bold;
        }
        
         /* Responsive styles */
        @media (min-width: 1200px) {
            .carousel-item-client {
                width: 20%; /* 5 items per row on large screens */
            }
        }

        @media (max-width: 1199px) and (min-width: 992px) {
            .carousel-item-client {
                width: 25%; /* 4 items per row on medium-large screens */
            }
        }

        @media (max-width: 991px) and (min-width: 768px) {
            .carousel-item-client {
                width: 33.33%; /* 3 items per row on medium screens */
            }
        }

        @media (max-width: 767px) and (min-width: 576px) {
            .carousel-item-client {
                width: 50%; /* 2 items per row on small screens */
            }
        }

        @media (max-width: 575px) {
            .carousel-item-client {
                width: 100%; /* 1 item per row on extra small screens */
            }
        }/* End custom CSS */