#link-page-apps {
    display: flex;
    align-items: center;
    min-height: 10vh;
    position: relative;
}

#link-page-apps a {
    color: var(--c-bg-purple);
}

#content-tutor {
    position: relative;
}

.border-purple {
    border: 2px solid var(--c-bg-purple) !important;
}

.posisi-footer {
    position: relative;
    bottom: 0;
    width: 100%;
}

.img-step img {
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center;
}


/* RESPONSIVE */
@media (max-width: 1400px) {
    .posisi-footer {
        position: relative !important;
    }
}

@media (max-width: 768px) {
    #link-page-apps h6 {
        font-size: 14px !important;
    }
    #link-page-apps h6 .ri-arrow-right-s-line {
        font-size: 16px !important;
    }
    #content-tutor h1 {
        font-size: 30px !important;
    }
    #content-tutor .content-step h5 {
        font-size: 19px !important;
    }
    #content-tutor .content-step p {
        font-size: 1rem !important;
    }
    #content-tutor small {
        font-size: 0.875rem !important;
    }
    .posisi-footer {
        position: relative !important;
    }
    .img-step img {
        width: 100% !important;
        height: 250px !important;
    }
}

@media (max-width: 480px) {
    #link-page-apps h6 {
        font-size: 12px !important;
    }
    #link-page-apps h6 .ri-arrow-right-s-line {
        font-size: 14px !important;
    }
    #content-tutor h1 {
        font-size: 20px !important;
    }
    #content-tutor .content-step h5 {
        font-size: 17px !important;
    }
    #content-tutor .content-step p {
        font-size: 0.875rem !important;
    }
    #content-tutor small {
        font-size: 0.775rem !important;
    }
}