.big-circle {
    border: 1px dashed #4C077B;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: relative;
    animation: circular 25s linear infinite;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    position: absolute;
}



.circle-image-item {
    z-index: 10;
    border-radius: 1rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 4px 10px #1a60fc1a;
    animation: circular1 25s linear infinite;
}

@keyframes circular {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes circular1 {
    from {
        transform:  rotate(0deg);
    }

    to {
        transform:  rotate(-360deg);
    }
}

.circle-image-item._01 {
    inset: auto 65% -2% auto;
}

.circle-image-item._02 {
    inset: auto auto 38% -7%;
}

.circle-image-item._04 {
    inset: -4% 25% auto auto;
}

.circle-image-item._05 {
    inset: 36% -6% auto auto;
}

.circle-image-item._06 {
    inset: auto 10% 5% auto;
}

.circle-image-item._03 {
    inset: 4% auto auto 10%;
}

.middle-circle {
    z-index: -1;
    border: 1px dashed #4C077B;
    border-radius: 100%;
    width: 78%;
    height: 78%;
    position: absolute;
    /* animation: circular2 25s linear infinite; */
}

.animation-container {
    justify-content: center;
    align-items: center;
    width: 44rem;
    height: 44rem;
    display: flex;
    position: relative;
    transform: scale(1.2);
}

.inner-circle {
    border: 1px dashed #4C077B;
    border-radius: 100%;
    width: 55%;
    height: 55%;
    position: absolute;
    animation: circular2 25s linear infinite;
    top: 50%;
    left: 50%;
}

.inner-image-item {
    z-index: 10;
    border-radius: 1rem;
    width: 8rem;
    height: 8rem;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 4px 10px #1a60fc1a;
    animation: circular3 25s linear infinite;
}

.inner-image-item._03 {
    inset: 2% 2% auto auto;
}

.inner-image-item._07 {
    inset: auto 2% 6% auto;
}

.inner-image-item._02 {
    inset: auto auto 6% 2%;
}

.inner-image-item._01 {
    inset: 2% auto auto 2%;
}

#w-node-b420c311-320b-ddac-14b7-03cb7c8fb9ad-e5d64bcd {
    grid-area: 1 / 1 / 2 / 2;
    place-self: center;
}

.image-item {
    z-index: 10;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative;
}



.animation-container {

    margin-top: 16rem;
    margin-bottom: 16rem;
}

.w-layout-grid-banner {

    display: grid;
}



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

    .animation-container {
        transform: scale(1.4);
    }

}


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

    .animation-container {
        transform: scale(.8);
    }

}

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

    .animation-container {
        width: 100vw;
        height: 100vw;
    }
    .circle-image-item{

        width: 4rem !important;
        height: 4rem !important;
    }
    .inner-image-item{

        width: 4rem !important;
        height: 4rem !important;
    }
    .animation-container{

        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .overflow-hiddens{

        overflow: hidden;
    }

}

 @keyframes circular2 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}



@keyframes circular3 {
    from {
        transform:  rotate(0deg);
    }

    to {
        transform:  rotate(360deg);
    }
}
.text--cntr{

    text-align: center;
    padding-top: 50px;
}

.left-content{

    /* background-color: #fac831; */
}
.contents-testim{

    padding: 10px;
}


.swiper-button-prev,
.swiper-button-next {
    color: #000; /* Change to your desired color */
    font-size: 24px; /* Adjust size */
    width: 40px; /* Set a width */
    height: 40px; /* Set a height */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.7); /* Optional background */
    border-radius: 50%; /* Optional rounded shape */
    position: absolute; /* Positioning */
}

.swiper-button-prev {
    left: 10px; /* Position from the left */
}

.swiper-button-next {
    right: 10px; /* Position from the right */
}
.testimonial-section{
    position: relative;
}
.testimonial-section .swiper-button-prev{

    background: #fac831;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    display: none
}
.testimonial-section .swiper-button-next{

    background: #fac831;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    display: none
}