.carousel-indicators {
    right: 0;
    bottom: 54px;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none;
    margin-right: 0;
    margin-left: 0;
    left: unset;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: 0px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    background-color: #002e5f;
}
.carousel-indicators [data-bs-target].active {
    background-color: #D1202E;
}
.carousel-indicators button {
    color: #fff;
}

.carousel-inner .carousel-item.active{

}
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev
{
    display: flex;
}

/* medium and up screens */
/* By 4 carousels */
@media (min-width: 992px) {

    .small.carousel-inner .carousel-item-end.active,
    .small.carousel-inner .carousel-item-next
    {
        transform: translateX(25%);
    }

    .small.carousel-inner .carousel-item-start.active,
    .small.carousel-inner .carousel-item-prev
    {
        transform: translateX(-25%);
    }
}
@media (max-width: 991px) {
    .carousel-indicators {
        bottom: 132px;
    }

    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

    .small.carousel-inner .carousel-item-end.active,
    .small.carousel-inner .carousel-item-next
    {
        transform: translateX(50%);
    }

    .small.carousel-inner .carousel-item-start.active,
    .small.carousel-inner .carousel-item-prev
    {
        transform: translateX(-50%);
    }
}

/* samsung galaxy S22 */
@media screen and (max-width: 450px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

    .small.carousel-inner .carousel-item-end.active,
    .small.carousel-inner .carousel-item-next
    {
        transform: translateX(100%);
    }

    .small.carousel-inner .carousel-item-start.active,
    .small.carousel-inner .carousel-item-prev
    {
        transform: translateX(-100%);
    }
}

.small.carousel-inner .carousel-item-end,
.small.carousel-inner .carousel-item-start
{
    transform: translateX(0);
}

/* by 3 */

@media (max-width: 991px) {
    .by-3 .carousel-inner .carousel-item > div {
        display: none;
    }
    .by-3 .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

    .by-3 .small.carousel-inner .carousel-item-end.active,
    .by-3 .small.carousel-inner .carousel-item-next
    {
        transform: translateX(50%);
    }

    .by-3 .small.carousel-inner .carousel-item-start.active,
    .by-3 .small.carousel-inner .carousel-item-prev
    {
        transform: translateX(-50%);
    }
}

.by-3 .carousel-inner .carousel-item.active,
.by-3 .carousel-inner .carousel-item-next,
.by-3 .carousel-inner .carousel-item-prev
{
    display: flex;
}

/* medium and up screens */
@media (min-width: 991px) {

    .by-3 .small.carousel-inner .carousel-item-end.active,
    .by-3 .small.carousel-inner .carousel-item-next
    {
        transform: translateX(33.333333%);
    }

    .by-3 .small.carousel-inner .carousel-item-start.active,
    .by-3 .small.carousel-inner .carousel-item-prev
    {
        transform: translateX(-33.3333%);
    }
}

/* samsung galaxy S22 */
@media screen and (max-width: 450px) {
    .by-3 .small.carousel-inner .carousel-item-end.active,
    .by-3 .small.carousel-inner .carousel-item-next
    {
        transform: translateX(100%);
    }

    .by-3 .small.carousel-inner .carousel-item-start.active,
    .by-3 .small.carousel-inner .carousel-item-prev
    {
        transform: translateX(-100%);
    }
}

.by-3 .small.carousel-inner .carousel-item-end,
.by-3 .small.carousel-inner .carousel-item-start
{
    transform: translateX(0);
}

/* by 2 */

@media (max-width: 991px) {
    .by-2 .carousel-inner .carousel-item > div {
        display: none;
    }
    .by-2 .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

    .by-2 .small.carousel-inner .carousel-item-end.active,
    .by-2 .small.carousel-inner .carousel-item-next
    {
        transform: translateX(50%);
    }

    .by-2 .small.carousel-inner .carousel-item-start.active,
    .by-2 .small.carousel-inner .carousel-item-prev
    {
        transform: translateX(-50%);
    }
}

.by-2 .carousel-inner .carousel-item.active,
.by-2 .carousel-inner .carousel-item-next,
.by-2 .carousel-inner .carousel-item-prev
{
    display: flex;
}