﻿.swipper-accordion {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.accordion-swiper {
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;

    .swiper-wrapper {
        height: 514px;
    }

    .swiper-slide {
        overflow: hidden;
        display: flex;
        justify-content: center;
        border-radius: 12px;
        cursor: pointer;

        svg {
            opacity: 0;
        }
        img {
            width: 100%;
            object-fit: cover;
        }

        .sc-content {
            opacity: 0;
        }
    }

    .a-links-block {
        display: none;
    }

    .swiper-slide-active {
        .a-links-block {
            display: block;
        }
    }

    .sc-content {
        max-width: 80%;
        position: absolute;
        bottom: 32px;
        left: 36px;
        opacity: 0;
        transition: all 0.5s linear;

        h3,
        p {
            color: rgb(255, 255, 255, 1);
        }

        h3 {
            margin-bottom: 4px;
            min-width: 753px;
            word-break: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
			font-size:25px;
        }
    }

    .counter {
        position: absolute;
        left: 36px;
        bottom: 42px;
        width: 64px;
        height: 64px;
        transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
        
    }

    .counter svg {
        width: 64px;
        height: 64px;
        display: block;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
        // transition: all 0.5s linear;
    }

    .counter h5 {
        color: #fff;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        letter-spacing: 0em;
    }

    .circle {
        stroke-dasharray: 200;
        stroke-dashoffset: 200;
    }
}