.component--text-image .indicator-total-number {
    position: absolute;
}
.component--text-image .carousel-indicators > .indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
    border-top: unset;
    border-bottom: unset;
}
.component--text-image .indicator.active {
    opacity: 1;
    transform: scale(1.5);
}
.component--text-image .carousel-indicators.show {
    display: flex;
}
.component--text-image .carousel-indicators {
    display: none;
}
.component--text-image .carousel-controls.show {
    display: flex;
}
.component--text-image .carousel-controls {
    display: none;
    top: 50%;
    position: absolute;
    z-index: 9;
    justify-content: space-between;
    width: 100%;
}
.component--text-image .carousel-controls .carousel-control:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 1140px) {
    .component--text-image .carousel-controls .carousel-control.left:after, 
    .right:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-35 -557)'%3E%3Cg%3E%3Cpath d='M0 0H48V48H0z' transform='translate(35 557)'/%3E%3Cg%3E%3Cpath d='M0 0H32V32H0z' transform='translate(35 557) matrix(-1 0 0 1 39 8)'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='M6 30L27 16 6 2' transform='translate(35 557) matrix(-1 0 0 1 39 8)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .component--text-image .carousel-controls .carousel-control {
        background-color: #e81c24;
        border-radius: 3px;
        width: 30px;
        height: 30px;
    }
    .component--text-image .carousel-controls .carousel-control.right:after {
        transform: rotate(180deg);
        top: 0px;
        right: 0px;
    }
    .component--text-image .carousel-controls .carousel-control.left:after {
        left: 0px;
    }
    .component--text-image .carousel-controls .carousel-control span {
        display: none;
    }
}

@media (max-width: 1139px) {
    .component--text-image .carousel-indicators {
        position: relative;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .component--text-image .carousel-indicators > .indicator {
        width: 8px;
        height: 8px;
        background: #525252;
        margin-left: 8px;
        margin-right: 8px;
        opacity: 1;
    }

    .component--text-image .carousel-indicators > .indicator.active {
        background: #e81c24;
    }

    .component--text-image .indicator-total-number {
        display: none;
    }

    .component--text-image .carousel-controls.show {
        display: none;
    }

}