/* ------------------------------------------------------ */
/* ------------- START COUNTUP NUMBERS V6 --------------- */
/* ------------------------------------------------------ */
.by-the-numbers-v6 {
    background-color: var(--custom-stats-v6-bg-color, var(--secondary-color));
    color: var(--custom-stats-v6-color, var(--secondary-color-contrast));

    position: relative;
    z-index: 1;

    & .v6-parallax-source {
        display: none;
    }

    &.has-parallax-bg {
        background-color: transparent;
    }

    &.has-parallax-bg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--custom-stats-v6-bg-color, var(--secondary-color));
        opacity: var(--custom-stats-v6-overlay-opacity, 0.85);
        z-index: -1;
    }

    .by-the-numbers {
        opacity: 0;
        transition: opacity .25s linear;

        &.swiper-initialized {
            opacity: 1;
        }
    }

    .by-the-numbers-item {
        padding: 25px 20px;

        @media screen and (min-width: 1024px) {
            border-right: 1px solid currentColor;
        }

        @media screen and (max-width: 1023px) {
            padding: 0;
            border-bottom: 1px solid currentColor;
        }

        .btn-value {
            display: block;
            text-align: center;
            font-size: 32px;
            font-weight: 700;

            @media screen and (max-width: 1499px) {
                font-size: 24px;
            }


            @media screen and (max-width: 1024px) {
                font-size: 22px;
                text-align: left;
            }
        }

        .btn-title {
            margin-top: .5em;
            display: block;
            text-align: center;
            --font-size: 16px;
            --line-height: 1.4;
            --lines-to-show: 3;

            display: -webkit-box;
            font-size: var(--font-size);
            line-height: var(--line-height);
            height: calc(var(--line-height) * var(--font-size) * var(--lines-to-show));
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: var(--lines-to-show);

            @media screen and (max-width: 1024px) {
                text-align: left;
            }
        }
    }

    .custom-swiper-controls {
        @media screen and (min-width: 1024px) {
            display: none;
        }

        .custom-swiper-navigation {
            column-gap: 15px;
            --arrow-style-5-bg-color: transparent;
            --arrow-style-5-border-color: #fff;

            .custom-swiper-next,
            .custom-swiper-prev {
                border-radius: 50%;
            }
        }
    }

    /* borders */
    @media screen and (min-width: 1024px) {

        .swiper-slide:last-child {
            .by-the-numbers-item {
                border: none;
            }
        }

        .has-4-items {
            .swiper-slide {
                @media screen and (max-width: 1199px) {
                    &:nth-child(2n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    &:nth-child(n + 3) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }
            }
        }

        .has-5-items {

            .swiper-slide {
                @media screen and (max-width: 1199px) {
                    &:nth-child(2n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    &:nth-child(n + 3) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }
            }
        }

        .has-6-items {
            .swiper-slide {
                @media screen and (min-width: 1200px) {

                    /* last element of the row */
                    &:nth-child(3n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    /* starting from the 5th element */
                    &:nth-child(n + 4) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }

                @media screen and (max-width: 1199px) {
                    &:nth-child(2n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    &:nth-child(n + 3) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }
            }
        }

        .has-7-items,
        .has-8-items {
            .swiper-slide {
                @media screen and (min-width: 1200px) {

                    /* last element of the row */
                    &:nth-child(4n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    /* starting from the 5th element */
                    &:nth-child(n + 5) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }

                @media screen and (max-width: 1199px) {
                    &:nth-child(2n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    &:nth-child(n + 3) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }
            }
        }

        .has-9-items {
            .swiper-slide {

                /* last element of the row */
                &:nth-child(3n) {
                    .by-the-numbers-item {
                        border-right: 0;
                    }
                }

                /* starting from the 4th element */
                &:nth-child(n + 4) {
                    .by-the-numbers-item {
                        border-top: 1px solid currentColor;
                    }
                }

            }
        }

        .has-10-items {
            .swiper-slide {

                @media screen and (min-width: 1500px) {

                    /* last element of the row */
                    &:nth-child(5n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    /* starting from the 6th element */
                    &:nth-child(n + 6) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }

                @media screen and (max-width: 1499px) {

                    /* last element of the row */
                    &:nth-child(4n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    /* starting from the 5th element */
                    &:nth-child(n + 5) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }

            }
        }

        .has-12-items,
        .has-11-items {
            .swiper-slide {

                @media screen and (min-width: 1500px) {

                    /* last element of the row */
                    &:nth-child(6n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    /* starting from the 7th element */
                    &:nth-child(n + 7) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }

                @media screen and (max-width: 1499px) and (min-width: 1200px) {

                    /* last element of the row */
                    &:nth-child(4n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    /* starting from the 5th element */
                    &:nth-child(n + 5) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }

                @media screen and (max-width: 1199px) {

                    /* last element of the row */
                    &:nth-child(3n) {
                        .by-the-numbers-item {
                            border-right: 0;
                        }
                    }

                    /* starting from the 4th element */
                    &:nth-child(n + 4) {
                        .by-the-numbers-item {
                            border-top: 1px solid currentColor;
                        }
                    }
                }

            }
        }
    }

}

/* ---------------------------------------------------- */
/* ------------- END COUNTUP NUMBERS V6 --------------- */
/* ---------------------------------------------------- */