.grid-open-finance {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 250px 200px;
    grid-template-rows: 228px;
    grid-column-gap: 50px;
}

.grid-1 {
    grid-area: 1 / 1 / 2 / 2;
}

.grid-2 {
    grid-area: 2 / 1 / 3 / 2;
}

.grid-3 {
    grid-area: 1 / 2 / 3 / 3;
}

.slide-open-finance .step {
    display: none;
    height: 200px;
}

.slide-open-finance .step p {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 5px;
}

.slide-open-finance .step.active {
    display: flex;
}

.navigation-open-finance {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigation-open-finance button {
    cursor: pointer;
}

.navigation-open-finance #navigation-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.navigation-open-finance #navigation-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.5;
}

.navigation-open-finance #navigation-dots .dot.active {
    opacity: 1;
}

.c-image-step {
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.c-image-step {
    overflow: hidden;
}

.image-step {
    display: none;
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.image-step.active {
    display: block;
    animation: slide-image 1s ease 0s 1 normal none; 
    opacity: 1;
}

@keyframes slide-image {
    0% {
        transform: translateX(200%);
    }

    100% {
        transform: translateX(0);
    }
}

.slide-mobile .c-image-step {
    width: 80%;
    min-height: 228px;
    margin: 25px auto;
}

.slide-mobile .navigation-open-finance {
    justify-content: space-around;
}

.slide-mobile .navigation-open-finance #prev,
.slide-mobile .navigation-open-finance #next {
    display: block !important;
    width: auto !important;
}

.slide-mobile .slide-open-finance .step {
    height: 110px;
}