<style>
    /* START OF CSS */

    main * {
        font-family: "geomanist" !important;
    }

    /* #####_CSS CUSTOM FULLWIDTH SECTION */

    .custom_fullwidth_section {
        width: 100vw;
        margin: 0;
        margin-left: calc(50% - 50vw);
    }

    .custom_fullwidth_section_inner {
        /* padding: 0 7px;*/
    }



    /* RESET */

    .custom_fullwidth_section * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        /* list-style: none; */
        text-decoration: none;
        word-break: keep-all !important;
    }



    /* #####_CSS CUSTOM HEADER */

    .header_background {
        width: 100%;
        background-color: #000000 !important;
        margin-bottom: 120px;
    }

    .header_background_img {
        width: 100%;
        height: 671px;
        background-image: url("https://145696986.fs1.hubspotusercontent-eu1.net/hubfs/145696986/SEO_optimized_media/8-West-Consulting-colleagues-meeting-conference-room.png");
        background-size: cover;
        background-position: center;

        display: flex;
        justify-content: center;
        align-items: center;

        text-transform: uppercase;
    }

    .header_black_container {
        background-color: #000000 !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 100px;
        position: relative;
        width: 1150px;
        gap: 10px;
    }

    .header_red_line_container {
        position: absolute;
        top: -12%;
        right: 10%;
        width: 310px;
        height: auto;
    }

    .header_red_line_container img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .header_black_container h1 {
        color: #ffffff !important;
        font-size: 92px;
        line-height: 100%;
        letter-spacing: -1%;
        font-weight: bold;
        font-family: 'geomanist';
    }

    .header_black_container h2 {
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 42px;
        line-height: 100%;
        letter-spacing: -1%;
        font-weight: bold;
        font-family: 'geomanist';
    }

    @media (max-width: 950px) {
        .header_red_line_container {
            top: -8%;
            right: 2%;
            width: 200px;
        }

    }

    @media (max-width: 768px) {

        .header_background {
            margin-bottom: 40px;
        }

        .header_background_img {
            height: fit-content;
        }

        .header_black_container {
            padding: 40px 10%;
            background-color: rgba(0, 0, 0, 0.7) !important;
        }

        .header_red_line_container {
            top: 0px;
            right: 10%;
            width: 100px;
        }

        .header_black_container h1 {
            font-size: 36px;
            line-height: 44px;
            margin-bottom: 10px;
        }

        .header_black_container h2 {
            font-weight: bold;
            font-size: 20px;
            line-height: 22px;
        }

    }



    /* ##### LATEST ARTICLE */

    .latest-article_wrapper {
        width: 100%;
        padding: 0 32px !important;

        display: flex;
        justify-content: center;
    }

    .latest-article_wrapper * {
        font-family: "geomanist";
    }

    .latest-article_container {
        max-width: 1290px;

        display: flex;
        flex-direction: column;
        gap: 60px;
    }

    .latest-article_container h3 {
        font-size: 64px;
        font-weight: 700;
        line-height: 110%;
    }

    .latest-article_content_container {
        display: flex;
        justify-content: center;
        gap: 60px;
        align-items: flex-start;
    }

    /* Image */

    .latest-article_img_container {
        flex: 0 0 60%;
        aspect-ratio: 800 / 540;
        border-radius: 15px;
        overflow: hidden;
    }

    .latest-article_img_container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Text */

    .latest-article_text_container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex: 1 1 auto;
        min-width: 0;
    }

    .latest-article_text_container .art_category {
        margin-top: 20px;
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 700;
        line-height: 110%;
        color: rgba(0, 0, 0, 0.65);
    }

    .latest-article_text_container .art_title {
        font-size: 28px;
        font-weight: 700;
        line-height: 110%;
    }

    .latest-article_text_container .art_text {
        font-size: 20px;
        line-height: 150%;
    }

    .latest-article_text_container a {
        margin: 15px 0;
    }

    .latest-article_wrapper .latest-article_text_container a:hover {
        text-decoration: none !important;
    }

    .latest-article_text_container .author_name,
    .latest-article_text_container .author_role {
        font-size: 20px;
        font-weight: 700;
        line-height: 150%;
    }

    .latest-article_text_container .author_role {
        margin-top: -18px;
    }

    .latest-article_text_container .publication_date {
        font-size: 20px;
        line-height: 150%;
        margin-top: -18px;
        color: rgba(0, 0, 0, 0.65);
    }

    @media (max-width: 1400px) {

        .latest-article_container {
            gap: 40px;
        }

        .latest-article_content_container {
            gap: 40px;
        }

        .latest-article_img_container {
            flex: 0 0 40%;
            aspect-ratio: 800 / 540;
            border-radius: 15px;
            overflow: hidden;
        }

        .latest-article_text_container .art_category {
            margin-top: 0;
        }
    }

    @media (max-width: 768px) {

        .latest-article_container h3 {
            font-size: 36px;
        }

        .latest-article_content_container {
            flex-direction: column;
            align-items: flex-start;
            gap: 30px;
        }

        .latest-article_img_container {
            flex: none;
            width: 100%;
            aspect-ratio: 800 / 540;
        }

        .latest-article_text_container {
            width: 100%;
        }

        .latest-article_text_container .art_category {
            font-size: 20px;
        }

        .latest-article_text_container .art_title {
            font-size: 24px;
        }
    }



    /* ##### DIVIDER LINE */

    .divider_line {
        height: 3px;
        margin: 120px auto;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        width: 676px;
    }

    @media (max-width: 768px) {
        .divider_line {
            margin: 60px auto;
            width: 90vw;
        }
    }



    /* ##### ARTICLES LIST */

    .artcards_wrapper {
        width: 100%;
        padding: 0 32px !important;

        display: flex;
        justify-content: center;
    }

    .artcards_wrapper * {
        font-family: "geomanist";
    }

    .artcards_wrapper .artcards_container {
        max-width: 1290px;

        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

        /* TEST */
        flex-direction: column;
        flex-grow: 1;
    }

    /* Filters */

    .artcards_wrapper .filters {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;

        margin-bottom: 80px;
    }

    .artcards_wrapper .filters button {
        cursor: pointer;
    }

    .artcards_wrapper .filters_p {
        font-size: 28px;
        line-height: 150%;
        text-align: center;
    }

    .artcards_wrapper .categories_container {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto;
        gap: 20px;
    }

    .artcards_wrapper .btn_cat {

        /* Custom variables */
        --btn_cat_width: 300px;

        border-radius: 10px;
        background-color: rgba(217, 217, 217, 0.3);
        border: none;
        padding: 25px;
        width: var(--btn_cat_width);

        position: relative;
    }

    .artcards_wrapper .btn_cat .cat_text {
        font-weight: 700;
        font-size: 24px;
        margin: auto;
        text-transform: uppercase;
    }

    .artcards_wrapper .btn_cat .cat_active_img {
        pointer-events: none;

        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        width: 85%;
        height: 150%;
    }

    .artcards_wrapper .btn_cat .cat_active_img.hidden {
        display: none;
    }

    .artcards_wrapper .btn_clear_filters {
        font-weight: 700;
        font-size: 24px;
        text-decoration: underline;
        text-transform: uppercase;

        border-radius: 10px;
        background-color: transparent;
        border: none;
        padding: 25px 0;
        min-width: 300px;
        margin: 10px;
    }

    /* Articles Section */

    .artcards_wrapper h3.art_list_title {
        font-size: 64px;
        font-weight: 700;
        line-height: 110%;

        margin-right: auto;
        margin-bottom: 80px;
    }

    .artcards_wrapper ul.art_cards_container {
        list-style: none !important;

        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;

        /* Custom Variables */
        --articles-list-gap: 50px;

        gap: var(--articles-list-gap);
    }

    /* Article Card */

    .artcards_wrapper li.art_card {
        max-width: 620px;
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .artcards_wrapper li.art_card .img_container {
        width: 100%;
        aspect-ratio: 620 / 417;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        overflow: hidden;
    }

    .artcards_wrapper li.art_card .img_container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Article Card Text */

    .artcards_wrapper .art_card_text_container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex: 1 1 auto;
        min-width: 0;

        background-color: rgba(217, 217, 217, 0.3);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 40px;
    }

    .artcards_wrapper .art_card_text_container .art_category {
        text-transform: uppercase;
        font-size: 26px;
        font-weight: 700;
        line-height: 110%;
        color: rgba(0, 0, 0, 0.65);
    }

    .artcards_wrapper .art_card_text_container .art_title {
        font-size: 28px;
        font-weight: 700;
        line-height: 110%;
    }

    .artcards_wrapper .art_card_text_container .art_text {
        font-size: 20px;
        line-height: 150%;
    }

    .artcards_wrapper .art_card_text_container a:hover {
        text-decoration: none !important;
    }

    .artcards_wrapper .art_author_container {
        display: flex;
    }

    .artcards_wrapper .art_card_text_container .author_separator {
        margin-right: 7px;
    }

    .artcards_wrapper .art_card_text_container .author_name,
    .artcards_wrapper .art_card_text_container .author_role,
    .artcards_wrapper .art_card_text_container .author_separator {
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        line-height: 150%;
    }

    .artcards_wrapper .art_card_text_container .author_name {
        margin-right: 10px;
    }

    .artcards_wrapper .art_card_text_container .author_role {
        font-weight: 400;
    }

    .artcards_wrapper .art_card_text_container .publication_date {
        font-size: 20px;
        line-height: 150%;
        margin-top: -18px;
        color: rgba(0, 0, 0, 0.65);
    }

    /* Load More Articles */

    .artcards_wrapper .load_more_container {
        margin: 80px auto;
    }

    .artcards_wrapper #btn_load_more_articles {
        cursor: pointer;
        margin: 0 auto;
    }

    @media (max-width: 1400px) {

        .artcards_wrapper ul.art_cards_container {
            gap: 30px;
        }

        .artcards_wrapper li.art_card {
            max-width: calc((100% - var(--articles-list-gap)) / 2);
        }

        .artcards_wrapper .art_author_container {
            flex-direction: column;
        }
    }

    @media (max-width: 768px) {

        .artcards_wrapper h3.art_list_title {
            font-size: 36px;
            margin-bottom: 40px;
        }

        .artcards_wrapper .btn_cat {
            max-width: 100%;
        }

        .artcards_wrapper li.art_card {
            max-width: 100%;
        }

        .artcards_wrapper li.art_card .img_container {
            aspect-ratio: 620 / 300;
        }

        .artcards_wrapper .art_card_text_container {
            padding: 20px;
            gap: 20px;
        }

        .artcards_wrapper .art_card_text_container .art_category {
            font-size: 20px;
        }

        .artcards_wrapper .art_card_text_container .art_title {
            font-size: 24px;
        }

        .artcards_wrapper .art_card_text_container a {
            margin: 0;
        }
    }










    /* END OF CSS */
</style>