.elementor-7024 .elementor-element.elementor-element-a6b652f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-7024 .elementor-element.elementor-element-2accc19{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-2accc19 */.article-section {
    display: flex;
    flex-direction: column;
    font-family: Arial, Sans-Serif;
    margin-left: 4vw;
    margin-right: 4vw;
}
.hero-article {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 42vw;
    position: relative;
}
.hero-article img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2vw;
}
.hero-article-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: white;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0.35), rgba(0,0,0,0));
    position: absolute;
    z-index:1;
    border-radius: 1.2vw;
    justify-content: flex-end;
    inset:0;
}
.hero-article-content h1 {
    font-size: 3vw;
    font-weight: bold;
    margin-left: 3vw;
}
.hero-article-content p {
    font-size: 1.5vw;
    font-weight: 300;
    margin-top:-0.5vw;
    margin-bottom: 1vw;
    margin-left: 3vw;
}
.hero-article-content a {
    font-size: 1.2vw;
    font-weight: 300;
    color: #a79051;
    margin-left: 3vw;
    margin-bottom: 1.5vw;
}
.hero-article-content a:hover {
    font-weight: bold;
    color: #dfc16f;
}
.article-filter {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.article-filter a {
    font-size: 1.2vw;
    color: white;
    background: black;
    padding: 0.25vw 1.5vw;
    border-radius: 50vw;
}
.article-filter-menu {
    position: absolute;
    top: calc(100% + 0.8vw);
    right: 0;

    display: none;
    flex-direction: column;
    gap: 0.6vw;

    background: #000;
    padding: 0.8vw;
    border-radius: 1vw;
    z-index: 999;
    min-width: 16vw;
}
.article-filter-menu.is-open {
    display: flex;
}

.article-filter-item {
    all: unset;
    cursor: pointer;

    color: #fff;
    font-size: 1.1vw;
    padding: 0.6vw 0.9vw;
    border-radius: 0.8vw;
}

.article-filter-item:hover {
    background: rgba(255,255,255,0.12);
}

.article-filter-item.is-active {
    background: rgba(255,255,255,0.18);
}
.article-is-hidden {
    display: none !important;
}
.article-default {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 4vw;
}
.article {
    display: flex;
    flex-direction: column;
    color: #120e29;
}
.article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.2vw;
}
.article h4 {
    font-size: 2vw;
    font-weight: bold;
    margin-top: 1.8vw;
}
.article p {
    font-size: 1.2vw;
    font-weight: 400;
    margin-top: -0.2vw;
}
.article a {
    font-size: 1.2vw;
    font-weight: 400;
    color: #a79051;
    margin-top: -0.2vw;
}
.article a:hover {
    font-weight: bold;
    color: #dfc16f;
}
.more-article {
    display: flex;
    justify-content: flex-end;
}
.more-article a {
    font-size: 1.5vw;
    color: #120e29;
}
.more-article a:hover {
    font-weight: bold;
    color: #120e29;
}

@media (min-width:768px) and (max-width:1366px) and (orientation:portrait) {
.article h4 {
    margin-bottom: 1vw;
}
.article p {
    margin-bottom: 1vw;
}
}

@media (max-width:767px) and (orientation:portrait) {
.hero-article {
    height: 60vw;
}
.hero-article-content h1 {
    font-size: 4vw;
    margin-bottom: 1.5vw;
}
.hero-article-content p {
    font-size: 2.5vw;
    margin-right: 3vw;
}
.hero-article-content a {
    font-size: 2vw;
}
.article-default {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.article h4 {
    font-size: 2.5vw;
    margin-bottom: 1vw;
}
.article p {
    font-size: 2vw;
    margin-bottom: 1vw;
}
.article a {
    font-size: 2vw;
}
.article-filter {
    margin-top: 3vw;
    margin-bottom: 3vw;
}
.article-filter a, .more-article a {
    font-size: 2vw;
}
}

@media (max-width:767px) and (orientation:landscape) {
.article h4 {
    margin-bottom: 1vw;
}
.article p {
    margin-bottom: 1vw;
}
}/* End custom CSS */