.logo_section {
    width: 100%   ;
    height: 585px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo_section .top {
    margin-bottom: 45px;
}

.logo_section .top .about_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo_section .top .about_wrap p {
    font-size: 18px;
    color: var(--mainpink);
    margin-bottom: 18px;
}

.logo_section .top .about_wrap span {
    background-color: var(--mainpink);
    width: 1px;
    height: 100px;
}

.logo_section {
    width: 100%;
    overflow: hidden;
}
.logo_section .bottom {
    width: 100%;
    overflow: hidden;
    /* overflow: hidden;
    width: fit-content;
    animation: logoswiper 20s linear infinite; */
}
.logo_section .bottom .logo_swiper {
    /* display: flex;
    align-items: center; */
    width: fit-content;
    animation: logoswiper 19s linear infinite;
}
.logo_section .bottom .swiper-wrapper {
    display: flex;
    align-items: center;
    pointer-events: none;
}
@keyframes logoswiper {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50%));
    }
}
.logo_section .bottom .swiper-slide {
    width: 220px;
    height: 99.62px;
    pointer-events: none;
}

.logo_section .bottom .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain ;
}

@media screen and (max-width:980px) {
    .logo_section {
        height: 505px;
    }
    
    .logo_section .top .about_wrap p {
        margin-bottom: 40px;
    }
}