.article-item {
            float: left;
            position: relative;
            width: 100%;
            font-family: 'Roboto', Ubuntu, sans-serif;
            line-height: 1.4;
        }

        .article-item {
            margin-right: 1.3% !important;

        }

        .article-item .article-count,
        .article-summary {
            display: none;
        }

        .article-item .article-title {
            font-weight: bold;
            color: #333;
            font-family: Arial, Helvetica, sans-serif;
            text-align: left
        }

        .article-item .article-title a {
            color: #333
        }

        .article-item .article-title a:hover {
            color: #006BA0
        }

        .article-item .article-title:before {
            margin-right: 1px;
            display: inline-block;
            color: #555;
            font-size: 0.8em
        }

        .article-item .article-meta {
            margin: 5px 0;
            font-size: 11px;
            line-height: 16px;
            text-transform: uppercase;
            color: #666;
            display: none
        }

        .article-item .article-meta>* {
            margin-right: 5px;
            display: inline-block
        }

        .article-item .article-meta>*:last-child {
            border: 0;
            padding-right: 0;
            margin-right: 0
        }

        .article-item .article-meta .category {
            margin-right: 5px;
            text-transform: uppercase;
            font-weight: normal;
            color: #444;
            letter-spacing: 1px
        }

        .article-item .article-meta a:hover span {
            color: #3399cc
        }

        .article-item .article-meta .article-publish {
            color: #aaa
        }

        .article-item .article-thumbnail {
            overflow: hidden;
            margin-bottom: 8px;
            position: relative
        }

        .article-item .article-thumbnail a {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            padding-bottom: 66.67%;
            border-radius: 8px;
            overflow: hidden;
        }

        .article-item .article-thumbnail img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .article-item .article-thumbnail img.unveil:not([data-src]) {
            -webkit-animation: fadeInImages 0.3s ease;
            -moz-animation: fadeInImages 0.3s ease;
            animation: fadeInImages 0.3s ease
        }

        .article-item .article-thumbnail:hover+header .article-title a {
            color: #006BA0
        }

        .article-item img.tracking {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 1px;
            height: 1px;
            overflow: hidden;
            display: block;
            z-index: -1
        }

        .article-list {
            float: left;
            width: 100%
        }

        .article-list .article-item {
            margin-bottom: 15px;
            font-size: 1.2rem
        }

        .article-list .article-item .article-title {
            font-size: 1em
        }

        .the-article-category a:nth-child(n+2)::before {
            content: '\f054';

            font-family: "Font Awesome 6 Free";

            display: inline-block;

            color: #ccc;
            
            font-weight: 900;

            padding: 0 5px 0 2px;

        }

        [class*="layout-grid"] {
            float: left
        }

        [class*="layout-grid"]>* {
            float: left !important;
            margin-right: 2%
        }

        .layout-grid-3>* {
            width: 32% !important
        }

        @media (max-width: 1359px) {
            [class*="layout-grid"]>* {
                margin-right: 1.4%
            }

            .layout-grid-3>* {
                width: 32.4%
            }
        }

        @media (max-width: 834px) {
            .article-list.layout-grid-3 {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: flex
            }

            .article-list.layout-grid-3 .article-item {
                margin: 0 15px 0 0
            }
        }

        .section {
            width: 100%;
            margin-bottom: 50px;
            float: left;
            position: relative
        }

        .section .section-title {
            display: block;
            margin-bottom: 20px
        }

        .section .section-title h2 {
            font-size: 2em;
            font-weight: 600;
            color: #000;
            display: inline-block;
            position: relative;
            text-transform: uppercase;
            padding: 0 15px 0 20px;
            margin: 6px 0 4px 0
        }

        .section .section-title h2:before {
            content: "";
            position: absolute;
            width: 5px;
            left: 5px;
            top: 2px;
            bottom: 2px;
            -webkit-transform: skew(-20deg);
            -khtml-transform: skew(-20deg);
            -moz-transform: skew(-20deg);
            transform: skew(-20deg);
            background-color: #dd3333
        }

        .section .section-content {
            position: relative;
            width: 100%;
            float: left
        }

        .section:after {
            content: "";
            display: table;
            clear: both
        }

        @media (width: 320px) {
            .section {
                margin-bottom: 30px
            }
        }