﻿.slide-logo {
    max-height: 400px;
    object-fit: contain;
}
.swiper-slide{
    gap: 2rem;
}
.slide-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.slide-text {
    margin-bottom: 10px;
    text-align: justify;
    line-height: 2.5;
}

.factoriesSwiper {
    max-width: 90%; 
    margin: 75px auto; 
    padding: 20px 0; 
}

    .factoriesSwiper .swiper-button-next,
    .factoriesSwiper .swiper-button-prev {
        color: #6f42c1; 
        transition: transform 0.2s ease, color 0.2s ease; 
        font-size: 30px; 
    }

    
        .factoriesSwiper .swiper-button-next:hover {
            transform: translateX(5px); 
            color: #9f7fff; 
        }

        .factoriesSwiper .swiper-button-prev:hover {
            transform: translateX(-5px); 
            color: #9f7fff; 
        }

.other-factory-img {
    flex-shrink: 0;
    width: 23%;
}

.factory-description {
    width: 30%;
}

@media (max-width: 750px){
    .factory-group-title{
        position:relative;
        top: 25px;
    }
    .factoriesSwiper {
        max-width: 90%;
        margin: 30px auto;
        padding: 20px 0;
    }

    .other-factory-img {
        flex-shrink: 0;
        width: 50%;
    }

    .factory-description {
        width: 80%;
        margin-top: -40px;
    }

    .swiper-slide {
        gap: 0rem;
    }

    .swiper-button-next,
    .swiper-button-prev {
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
    }

    .factoriesSwiper:hover .swiper-button-next,
    .factoriesSwiper:hover .swiper-button-prev {
        opacity: 1;
        pointer-events: auto;
    }
    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 25px; 
    }
}