@import '../../../scss/base';

/*Logo CSS-----------------
--------------------------*/
.rt-grid-figure {
    .logo-img {
        text-align: center;
        a {
            transition: all 0.5s;
        }
        img {
            margin: 0 auto;           
            transition: all 0.5s;            
        }
        &:hover {
            img {
                opacity: 1;
            }

            a.back {
                display: block;
            }

            a.back-exists {
                display: none;
            }
        }
    }
    
}
.rt_logo_slider{
    // rt-slider-dots
    .swipper-bulet-pagination{
        padding: 15px 0;
        .swiper-pagination-bullets{
            position: absolute;
            max-width: max-content;
            margin: auto;
            left: 50% !important;
            bottom: 10px !important;
            width: 100%;
            transform: translate(-50%, 10px);
            span{
                background: var(--primaryColor);
                width: 8px;
                height: 8px;
            }
        }
    }
    // rt-logo-slider-nav
    .rt-logo-slider-nav{
        padding-top: 15px;
        .swiper-button-prev,
        .swiper-button-next{
            color: var(--primaryColor);
            font-size: 25px;
            bottom: 10px;
            top: auto;
            &::after{
                display: none;
            }
        }
        .swiper-button-prev{
            left: 43%;
            right: auto;
        }
        .swiper-button-next{
            right: 43%;
            left: auto;
        }
    }
}