#learning-container .contents-wrapper {
    display: grid;
    gap: 2.5rem 2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: 4rem;
}

#learning-container .benefits-wrapper {
    display: grid;
    gap: 0 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#learning-container .benefits-wrapper .benefits {
    align-items: center;
}

#learning-container .benefits-wrapper .bn-badge {
    background-color: var(--celtic-blue);
    padding: 0.5rem;
    border-radius: 0.625rem;
}

#learning-container .benefits-wrapper .benefits .bn-badge .ic.lazy {
    background-image: none;
}

#learning-container .benefits-wrapper .bn-badge .ic {
    background: no-repeat center/calc(100% - 0.5rem);
    width: 100%;
    height: 100%;
}

#learning-container .benefits-wrapper .bn-badge .ic.learn-latest-skills {
    background-image: url("../../images/icons/learn-latest-skills.cc075a1ba1e3.png");
}

#learning-container .benefits-wrapper .bn-badge .ic.earn-certificate {
    background-image: url("../../images/icons/earn-certificate.aa1ed50625f4.png");
}

#learning-container .benefits-wrapper .bn-badge .ic.towards-career {
    background-image: url("../../images/icons/towards-career.ed4b2c188bbe.png");
}

#learning-container .benefits-wrapper .bn-badge .ic.accessible-affordable {
    background-image: url("../../images/icons/accessible-affordable.ecb045b4ff71.png");
}

#learning-container .benefits .mini-title {
    margin: 0
}

#learning-container .img-preview-container {
    width: 86.14%;
    max-width: 450px;
}

#learning-container .floating-container.smaller-badge {
    width: 170px;
    max-width: 175px;
    padding: 23px 11px 28px 26px;
    bottom: 0%;
    left: -6%;
}

#learning-container .floating-container.smaller-badge .fl-counter {
    font-size: 1.7rem;
    color: inherit;
    margin: 0;
}

#learning-container .floating-container.larger-img {
    padding: 10px 10px 10px 70px;
}

@media (max-width: 1080px) {
    #learning-container .contents-wrapper {
        row-gap: 3rem;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        padding-bottom: 2rem;
    }

    #learning-container .img-preview-container {
        grid-row: 1;
    }

    @media (min-width: 641px) {
        #learning-container .contents-wrapper {
            padding-left: 2rem;
            padding-right: 2rem;
        }
    }
}

@media (max-width: 500px) {
    #learning-container .contents-wrapper {
        row-gap: 2.5rem;
    }

    #learning-container .benefits-wrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #learning-container .floating-container.larger-img {
        padding: 10px;
    }

    #learning-container .floating-container.smaller-badge {
        display: none;
    }
}

@media (max-width: 300px) {
    #learning-container .benefits-wrapper .benefits {
        flex-direction: column;
        gap: 1rem;
    }
}