.card-image {
    width: 100vw;
    height: 42.5vw;
    background-size: cover;
    position: relative;
    background-position: 50% 50% !important;
    overflow: hidden;
    margin-bottom: 60px;
    background-repeat: no-repeat;
}

.card-image>.img {
    width: 100%;
    position: absolute;
    right: 0;
}

.card-image>.circle {
    position: absolute;
    left: 0;
}

.mobileElement {
    /* display: none; */
}

.image-container {
    position: relative;
    width: 70%;
    left: 15%;
}

.card-image>.title {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
}

.info-container>.info {
    display: block;
    margin-bottom: 78px;
}

.info-container>.info>.section-title {
    /* padding-left: 306px; */
    /* margin-right: 86px; */
    width: 55%;
    margin: 0px auto;
}

.info>.text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 33px;
    color: #545454;
    width: 55%;
    margin: 0 auto;
    margin-top: 13px;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 21px;
}

.info-container-image {
    display: flex;
}

.info-container-image>.image-container {
    position: relative;
    height: 454px;
    width: 526px;
    background-image: url(/files/tarjeta-scotia.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right 40%;
    margin-right: 86px;
}
.card-image.los-uno.desktopElement {
    width: 100vw;
    background-size: cover;
    position: relative;
    background-position: 50% 50% !important;
    overflow: hidden;
    margin-bottom: 60px;
    background-repeat: no-repeat;
}

.info-container-image>.image-container>.circle {
    height: 117px;
    width: 117px;
    border-radius: 50%;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 63px;
    top: -58.5px;
}

.info-container-image>.info>.section-title,
.info-container-margin>.info>.section-title {
    margin-bottom: 40px;
}

.points-gain {
    width: 458px;
    height: 63px;
    background: var(--main-color);
    color: #fff;
    padding-left: 45px;
    font-weight: 700;
    font-size: 17px;
    line-height: 63px;
    border-radius: 55px;
    margin-top: 28px;
}

.info-container-margin {
    margin: 76px 0 77px 612px
}

@media screen and (max-width: 768px) {
    .mobileElement {
        /* display: block; */
        margin-bottom: 40px;
    }
    .desktopElement {
        display: none;
    }
    #firstBanner img {
        width: 100%;
        margin-top: -18vw;
    }
    .info>.text {
        width: 80%;
        margin-top: 13px;
        font-size: 13px;
        margin-bottom: 30px;
    }
    .info-container>.info>.section-title {
        padding: 0px;
        wod: 90%;
        width: 80%;
        margin: 0px auto;
        FONT-SIZE: 19PX;
    }
    .image-container {
        width: 90%;
        left: 0px;
        margin: 0px auto;
    }
    .image-container img {
        width: 100%;
    }
    .info-container>.info {
        margin-bottom: 30px;
    }
    #firstBanner img {
        width: 100%;
        margin-top: -18vw;
    }
    .section-title>.top-line {
        margin-bottom: 5px;
        border-radius: 10px;
    }
}