
<style>
    a {color: #008F78;}

    /*breadcrumbs on blogs*/
    ul.breadcrumb {padding: 10px 16px;list-style: none;background-color: transparent;font-size: 10pt}
    ul.breadcrumb li a {display: inline;color: black;text-decoration: underline;}
    ul.breadcrumb li+li:before {padding: 8px;color: black;content: "/\00a0";}

    .blog_markers {display: inline-block; position: relative; top: 2px; margin-right: 10px; font-size: 10pt}
    .blog_photo {margin-top: 30px;}
    .blog_paragraph {margin-top: 30px;line-height: 2;font-size: 10pt;}
    .blog_card_title_blue {margin-top: 10px;font-size: 20px;color: white;font-weight: 900;}
    .blog_card_blue {height: 300px;width: 350px;text-align: left;background-color: #2E3192;border-radius: 1px;margin: 0;border: none;}
    .blog_card {height: 300px;width: auto; text-align: left;background-color: white;border-radius: 1px;margin: 0;border: none;}
    .blog_card_title {color: #2E3192;font-weight: 600;font-size: 12pt;}
    .read_more {color: #008F78;font-weight: 600;font-size: 12pt}

    .recent_posts, .popular_posts {text-align: center;}

    ol.article_ul, ul.article_ul  {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .photo {margin-top: 30px;}

    .paragraph {margin-top: 30px!important;line-height: 2;font-size: 11pt;}

    .title {margin-top: 30px;font-size: 25px;font-weight: 900;color: #2E3192;}

    .blog_title_container {text-align: center;margin-top: 30px; width:800px;}
    .blog_header {font-weight: 900;font-size: 45px;letter-spacing: 0.04em;color: #008F78;background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);}

    h5.paragraph_header {
        font-size: 18px;font-weight: 900;color: #2E3192;
    }

    @media (max-width: 1345px){
        .blog_header {
            font-weight: 900;
            font-size: 35px;
            letter-spacing: 0.04em;
            color: #008F78;
            background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);
            margin: auto;
        }
        .blog_title_container {text-align: center;margin-top: 30px; width:600px;}
    }

    @media (max-width: 1200px) {
        .blog_card_blue, .blog_card {
            transform: scale(0.8);
            margin: auto;
        }
    }
    @media (max-width: 992px) {
        .blog_card_blue, .blog_card {
            transform: scale(0.8);
        }
        .hide {
            display: none
        }
        .blog_header {
            font-weight: 900;
            font-size: 25px;
            letter-spacing: 0.04em;
            color: #008F78;
            background-image: linear-gradient(rgba(0, 0, 0, 0) 66%, #F2F2F2 55%);
            max-width: 700px;
            margin: auto;
        }
        .blog_title_container {text-align: center;margin-top: 30px; width:400px;}

    }

    @media (max-width: 768px) {
        .blog_header {font-weight: 900;font-size: 25px;letter-spacing: 0.04em;color: #008F78;background-image: unset;max-width: 700px;margin: auto;}

    }

    .blog_card_img, .jumbo_card_img {
        opacity: 0.2;
    }
    .page_title {
        font-size: 25px;
        font-weight: 900;
        line-height: normal;
        color: #008F78;
        margin-bottom: 10px;
    }
    .blog_markers, .white_blog_markers {
        display: inline-block; position: relative; top: 2px; margin-right: 10px; font-size: 10pt
    }
    .white_blog_markers {
        color: #ffffff;
    }
    .pagination > li > a {
        color: #008F78;
    }
    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > a:active,
    .pagination > li > span:focus,
    .pagination > li > span:hover {
        z-index: 3;
        color: #ffffff;
        background-color: #008F78;
        border-color: #ddd;
    }
    .pagination > .active > a
    {
        color: white;
        background-color: #008F78 !Important;
        border: solid 1px #008F78 !Important;
    }

    .jumbotron-billboard {
        background-color: #2E3192;
    }

    .jumbotron {
        min-height:300px
    }

    .jumbotron .title {
        color: #ffffff;
        font-weight: 900;
        font-size: 25px;
    }

    .jumbotron .title {margin-top:0;}
    .jumbotron {
        position:relative;
        padding-top:50px;
        padding-bottom:50px;
    }
    .jumbotron .container {
        position:relative;
        z-index:2;
    }

    .jumbotron_paragraph {
        color: #ffffff;
    }

    .white_icon {
        display: inline-block;
        filter: brightness(0) invert(1);
    }
    .pagination li:first-child,
    .pagination li:last-child {
        display: none;
    }

    .jumbotron-billboard .img {
        margin-bottom: 0;
        opacity: 0.2;
        color: #fff;
        background: #000 url("/storage/images/blogs/e_learning/e_learning_header.png") center no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        overflow: hidden;
        position:absolute;
        top:0;
        left:0;
        z-index:1;
    }

    @media screen and (max-width: 768px) {
        .jumbotron {
            padding-top:20px;
            padding-bottom:20px;
        }
    }

</style>

