.testi__head {
    --head-height: 20rem;
    overflow: hidden;
    position: relative;
    height: var(--head-height);
    width: 100%;
}

.testi__circle {
    animation: toSpin 40s linear infinite;
    position: absolute;
    height: calc(var(--head-height) * 2);
    width: calc(var(--head-height) * 2);
    top: 0px;
    border-radius: 100%;
    border: 3px dashed var(--color-blue-dark-1);
    z-index: 1;
}
.testi__title img {
    max-width: 70%;
}

.testi__title .title__bg {
    --bg-height: var(--font-size-h2);
    --bg-width: 10rem;
    position: absolute;
    height: var(--bg-height);
    width: var(--bg-width);
    bottom: var(--font-size-normal);
    right: 0px;
    background: linear-gradient(-45deg, #0947db, #07d89d);
    background: linear-gradient(45deg, #9d316e, #de2d3e);
}
.testi-slider__container {
    overflow-x: hidden;
}
.splide__track {
    overflow: visible;
}
.testi-outer__container .modal-body img {
    max-width: 100%;
}
.splide__slide img {
    max-width: 100%;
    max-height: 100%;
    border-radius: var(--border-radius-medium);
    cursor: pointer;
    box-shadow: 0px 0px var(--shadow-large);
}
.splide__slide {
    transition: transform var(--transition-smooth) ease;
}
.splide__slide:not(.is-active) {
    transform: scale(0.9);
}

@media (max-width: 1200px) {
    .testi__head {
        --head-height: 17rem;
    }
}
@media (max-width: 992px) {
    .testi__head {
        --head-height: 14rem;
    }
    .testi__title .title__bg {
        --bg-width: 7rem;
    }
}
@media (max-width: 768px) {
    .testi__head {
        --head-height: 10rem;
    }
}