* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

.carousel-container {
    width: 875px;
    margin-top: 250px ;
    margin-left: 375px;
    position: relative;
}

@media (max-width: 660px) {
    .carousel-container {
        width: 95%;
    }
}

.inner-carousel {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.track {
    display: inline-flex;
    height: 100%;
    transition: transform 0.2s ease-in-out;
}

.card-container {
    width: 275px;
    height: 425px;
    flex-shrink: 0;
    margin-right: 15px;
}

@media (max-width: 660px) {
    .card-container {
        width: 184px;
    }
}

.card {
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.card1 {
    background-image: url('/img/transaciones-01.png');
}

.card2 {
    background-image: url('/img/transaciones-02.png');
}

.card3 {
    background-image: url('/img/transaciones-03.png');
}

.card4 {
    background-image: url('/img/transaciones-04.png');
}

.card5 {
    background-image: url('/img/transaciones-05.png');
}

.card6 {
    background-image: url('/img/transaciones-06.png');
}

.card7 {
    background-image: url('/img/transaciones-07.png');
}

.card8 {
    background-image: url('/img/transaciones-08.png');
}

.card9 {
    background-image: url('/img/transaciones-09.png');
}

.nav button {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    outline: none;
    border: 1px solid #000;
    cursor: pointer;
}

.nav .prev {
    left: -30px;
    display: none;
}

.nav .prev.show {
    display: block;
}

.nav .next {
    right: -30px;
}

.nav .next.hide {
    display: none;
}

.nav button i {
    color:darkorange;
}