/* Start custom CSS for eazyrecruitz_video_section_v2, class: .elementor-element-9fdbaca *//* -----------------------------------
   CLIENT LOGOS – FULL DARK THEME UI
------------------------------------*/

/* Logo Card */
.clients-logo-box {
    background: #0f0f0f !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: 1px solid #2a2a2a !important;
    transition: 0.3s ease-in-out;
    text-align: center !important;
}

/* Logo Image Tint */
.clients-logo-box img {
    filter: brightness(0) invert(90%) !important;
    opacity: 0.9 !important;
    max-width: 100% !important;
    transition: 0.3s ease-in-out;
}

/* Hover Effect */
.clients-logo-box:hover {
    border-color: #FFC93C !important;
    transform: translateY(-4px);
}

.clients-logo-box:hover img {
    filter: brightness(100%) invert(0%) !important;
    opacity: 1 !important;
}

/* Carousel Background Fix */
.clients-inner,
.clients-carousel-2 .owl-stage-outer,
.clients-carousel-2 .owl-item,
.clients-section,
.clients-section.alternet-2 {
    background: transparent !important;
}

/* OWL Navigation Buttons */
.clients-carousel-2 .owl-prev,
.clients-carousel-2 .owl-next {
    background: #0f0f0f !important;
    border: 1px solid #2a2a2a !important;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: 0.3s ease-in-out;
}

/* Hover effect for arrows */
.clients-carousel-2 .owl-prev:hover,
.clients-carousel-2 .owl-next:hover {
    border-color: #FFC93C !important;
}

/* Arrow Icons Color */
.clients-carousel-2 .owl-prev span,
.clients-carousel-2 .owl-next span,
.clients-carousel .owl-prev span,
.clients-carousel .owl-next span {
    color: #FFC93C !important;
    font-size: 22px !important;
}

/* Hide background circles on some themes */
.clients-section .owl-prev,
.clients-section .owl-next {
    background: #0f0f0f !important;
}

/* Small responsive improvement */
@media (max-width: 600px) {
    .clients-logo-box {
        padding: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-2a14fc3 */.clients-style-three .owl-nav .owl-prev {
    background: #161616 url(http://staffinit.com/wp-content/uploads/2025/12/Icon-2-2.png) no-repeat center !important;
    background-size: 12px !important;    border-color: transparent !important;
}
.clients-style-three .owl-nav .owl-next {
    background: #161616 url(http://staffinit.com/wp-content/uploads/2025/12/Icon-4.png) no-repeat center !important;
    background-size: 12px !important;    border-color: transparent !important;
}
.flaticon-left-arrow-1:before, span.flaticon-right-arrow:before{display: none;}
.clients-style-three .owl-nav .owl-prev:hover, .clients-style-three .owl-nav .owl-next:hover {
    border-color: #fff !important;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
}
.clients-style-three .owl-nav .owl-prev, .clients-style-three .owl-nav .owl-next {
    top: 72px;
}/* End custom CSS */