.how_to_learn_sec {

    padding: 100px 0;

}



.how_to_learn_sec .heading_wrap {

    text-align: center;

    margin-bottom: 60px;

}

.how_to_learn_sec .column_list {

    display: flex;

    flex-wrap: wrap;

    row-gap: 30px;

    margin-left: -15px;
    margin-right: -15px;

}



.how_to_learn_sec .column_list__item {

    width: calc(100% / 3);

    height: auto;

    padding-left: 15px;
    padding-right: 15px;

    position: relative;

}



.how_to_learn_sec .column_list__item__inner {

    height: 100%;

    margin: 20px auto 20px;

}



.how_to_learn_sec .column_list__item .title {

    font-family: var(--font_Lato_Bold);

    margin-bottom: 30px;

    color: var(--color_black_text);

}



.how_to_learn_sec .column_list__item .heading_wrap {

    font-family: var(--font_Lato_Bold);

    margin-top: 30px;

    margin-bottom: 30px;

}



.how_to_learn_sec .link_sec {

    text-align: center;

    margin: 50px auto 0;

}

.how_to_learn_sec .column_list__item:first-child::after,
.how_to_learn_sec .column_list__item:nth-child(2nd)::after {

    content: "";

    position: absolute;

    width: 1px;

    height: 100%;

    background: url('../../images/dotted-line-vertical.png') center center repeat-y;

    background-size: auto;

    left: 0;

    top: 0;

}

@media (max-width:1440px) {
    .how_to_learn_sec .column_list__item__inner .heading {
        font-size: 28px;
    }

    .how_to_learn_sec .column_list__item__inner .content p {
        font-size: 15px;
    }
}

@media (max-width:1199px) {

    .how_to_learn_sec {

        padding: 90px 0;

    }



    .how_to_learn_sec .heading_wrap {

        margin-bottom: 50px;

    }

}



@media (max-width:991px) {

    .how_to_learn_sec {

        padding: 80px 0;

    }



    .how_to_learn_sec .heading_wrap {

        margin-bottom: 40px;

    }

    .how_to_learn_sec .column_list__item {

        width: calc(100% / 2);

    }


    .how_to_learn_sec .column_list__item .title {

        margin-bottom: 20px;

    }



    .how_to_learn_sec .link_sec {

        margin-top: 40px;

    }

}



@media (max-width:767px) {

    .how_to_learn_sec {

        padding: 60px 0;

    }

    .how_to_learn_sec .column_list__item {

        width: 100%;

    }


    .how_to_learn_sec .column_list__item__inner {

        max-width: 100%;

        margin: 0 auto 0;

    }



    .how_to_learn_sec .heading_wrap {

        margin-bottom: 25px;

    }



    .how_to_learn_sec .heading br {

        display: none;

    }



    .how_to_learn_sec .column_list__item .title {

        margin-bottom: 5px;

    }

    .how_to_learn_sec .column_list__item__inner .heading {
        margin-bottom: 5px;
    }



    .how_to_learn_sec .heading_wrap {

        margin-bottom: 20px;

    }

}