/* Companies I've Worked With Section Styles */
.companies-con {
    background-color: #211e39;
    position: relative;
    overflow: hidden;
}

.companies-con::after {
    content: "";
    width: 52px;
    height: 59px;
    position: absolute;
    top: 154px;
    left: 72px;
    background: url(../image/half-circle-left-icon.png) no-repeat top left;
    animation: mover 1s infinite alternate;
    -webkit-animation: mover 1s infinite alternate;
}

.companies-inner-con {
    position: relative;
}

.companies-inner-con:after {
    content: "";
    width: 35px;
    height: 38px;
    position: absolute;
    bottom: 190px;
    right: -116px;
    background: url(../image/corn-left-icon.png) no-repeat top left;
    animation: mover 1s infinite alternate;
    -webkit-animation: mover 1s infinite alternate;
}

.companies-carousel {
    padding: 30px 0;
}

.company-logo {
    text-align: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.company-logo img {
    max-width: 50%;
    height: auto;
    opacity: 1;
    /* Removed grayscale filter to keep original logo colors */
    /* Removed transition as hover effects are being removed */
}

/* Removed hover effects as requested */

/* Responsive Styles */
@media (max-width: 767px) {
    .company-logo {
        padding: 10px;
    }
    
    /* Make each logo take full width on mobile */
    .carousel-item .row .col-md-6 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    /* Hide the second logo in each row on mobile */
    .carousel-item .row .col-md-6:nth-child(2) {
        display: none;
    }
    
    /* Completely remove animations on mobile to prevent visual disruption */
    .companies-con::after,
    .companies-inner-con:after {
        display: none; /* Hide decorative elements completely on mobile */
    }
}

/* Small tablets */
@media (min-width: 768px) and (max-width: 991px) {
    /* Reduce animation intensity for tablets */
    .companies-con::after,
    .companies-inner-con:after {
        animation: mover 2s infinite alternate; /* Slower animation */
        -webkit-animation: mover 2s infinite alternate;
        transform: scale(0.8); /* Slightly smaller decorative elements */
    }
    
    /* Adjust positioning for better appearance on tablets */
    .companies-con::after {
        top: 100px;
        left: 40px;
    }
    
    .companies-inner-con:after {
        bottom: 150px;
        right: -60px;
    }
}