/*====================================================*
HOME LEARNING
====================================================*/

.home-learning {

    width: 100%;

    padding:
        70px 0 80px;

    background: #ffffff;

    box-sizing: border-box;

}



/*====================================================*
LEARNING CONTAINER
====================================================*/

.home-learning-container {

    width: 100%;

    max-width: 1255px;

    height: 223px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1fr 398px 1fr;

    box-sizing: border-box;

    transform: translateY(-90px);

}



/*====================================================*
CONTENT
====================================================*/

.home-learning-content {

    height: 223px;

    padding:
        48px 38px;

    background: #d91f24;

    color: #ffffff;

    box-sizing: border-box;

}



/*====================================================*
LEFT CONTENT
====================================================*/

.home-learning-left {

    padding-left: 38px;

}



/*====================================================*
RIGHT CONTENT
====================================================*/

.home-learning-right {

    padding-left: 38px;

}



/*====================================================*
TITLE
====================================================*/

.home-learning-content h2 {

    margin:
        0 0 20px;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 23px;

    font-weight: 500;

    line-height: 1.3;

}



/*====================================================*
DESCRIPTION
====================================================*/

.home-learning-content p {

    margin: 0;

    color: #ffffff;

    font-family:
        "Poppins",
        sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.8;

}



/*====================================================*
CENTER IMAGE
====================================================*/

.home-learning-image {

    width: 100%;

    height: 223px;

    overflow: hidden;

}



/*====================================================*
CENTER IMAGE IMG
====================================================*/

.home-learning-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



/*====================================================*
ICON
====================================================*/

.home-learning-icon {

    width: 45px;

    height: 45px;

    margin-right: 8px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    vertical-align: middle;

    background: #ffffff;

    color: #d91f24;

    border-radius: 5px;

}



/*====================================================*
ICON
====================================================*/

.home-learning-icon i {

    font-size: 25px;

}



/*====================================================*
TABLET
====================================================*/

@media (max-width: 1100px) {

    .home-learning {

        padding:
            60px 30px 70px;

    }


    .home-learning-container {

        max-width: 100%;

        grid-template-columns:
            1fr 320px 1fr;

    }


    .home-learning-content {

        padding:
            40px 28px;

    }


    .home-learning-content h2 {

        font-size: 19px;

    }


    .home-learning-content p {

        font-size: 13px;

        line-height: 1.7;

    }


    .home-learning-image {

        height: 223px;

    }

}



/*====================================================*
TABLET / MOBILE
====================================================*/

@media (max-width: 768px) {

    .home-learning {

        padding:
            50px 20px 65px;

    }


    /*
    MOBILE:
    RED SECTION ONLY

    CENTER IMAGE HIDDEN
    */

    .home-learning-container {

        width: 100%;

        height: auto;

        display: flex;

        flex-direction: column;

        background: #d91f24;

    }


    /*----------------------------------------------
    IMAGE
    ----------------------------------------------*/

    .home-learning-image {

        display: none;

    }


    /*----------------------------------------------
    CONTENT
    ----------------------------------------------*/

    .home-learning-content {

        width: 100%;

        height: auto;

        padding:
            48px 40px;

        background: #d91f24;

        box-sizing: border-box;

    }


    /*----------------------------------------------
    LEFT
    ----------------------------------------------*/

    .home-learning-left {

        padding:
            48px 40px 35px;

    }


    /*----------------------------------------------
    RIGHT
    ----------------------------------------------*/

    .home-learning-right {

        padding:
            35px 40px 50px;

    }


    /*----------------------------------------------
    TITLE
    ----------------------------------------------*/

    .home-learning-content h2 {

        margin-bottom: 18px;

        font-size: 22px;

        font-weight: 500;

        line-height: 1.35;

        text-align: center;

    }


    /*----------------------------------------------
    DESCRIPTION
    ----------------------------------------------*/

    .home-learning-content p {

        font-size: 16px;

        line-height: 1.8;

    }


    /*----------------------------------------------
    ICON
    ----------------------------------------------*/

    .home-learning-icon {

        width: 64px;

        height: 64px;

        margin-right: 12px;

        margin-bottom: 8px;

    }


    .home-learning-icon i {

        font-size: 38px;

    }

}



/*====================================================*
SMALL MOBILE
====================================================*/

@media (max-width: 480px) {

    .home-learning {

        padding:
            40px 16px 55px;

    }


    .home-learning-content {

        padding:
            40px 28px;

    }


    /*----------------------------------------------
    LEFT
    ----------------------------------------------*/

    .home-learning-left {

        padding:
            45px 28px 30px;

    }


    /*----------------------------------------------
    RIGHT
    ----------------------------------------------*/

    .home-learning-right {

        padding:
            30px 28px 45px;

    }


    /*----------------------------------------------
    TITLE
    ----------------------------------------------*/

    .home-learning-content h2 {

        font-size: 22px;

        line-height: 1.4;
        text-align: center;

    }


    /*----------------------------------------------
    DESCRIPTION
    ----------------------------------------------*/

    .home-learning-content p {

        font-size: 15px;

        line-height: 1.8;

    }


    /*----------------------------------------------
    ICON
    ----------------------------------------------*/

    .home-learning-icon {

        width: 64px;

        height: 64px;

        margin-right: 10px;

    }


    .home-learning-icon i {

        font-size: 36px;

    }

}



/*====================================================*
VERY SMALL MOBILE
====================================================*/

@media (max-width: 360px) {

    .home-learning {

        padding:
            35px 14px 50px;

    }


    .home-learning-content {

        padding:
            35px 22px;

    }


    .home-learning-left {

        padding:
            40px 22px 25px;

    }


    .home-learning-right {

        padding:
            25px 22px 40px;

    }


    .home-learning-content h2 {

        font-size: 21px;

    }


    .home-learning-content p {

        font-size: 14px;

        line-height: 1.75;

    }


    .home-learning-icon {

        width: 60px;

        height: 60px;

    }


    .home-learning-icon i {

        font-size: 32px;

    }

}