.elementor-8300 .elementor-element.elementor-element-d10ff13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-8300 .elementor-element.elementor-element-ff338e1{--display:flex;}/* Start custom CSS *//* Filter Form */
/* Main filter container */
.main-filter-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Unified filters section */
.filter-section {
    display: flex;
    flex-direction: row;
    gap: 0px;
    padding: 15px;
    
    border-bottom: 2px solid #ddd;
}

/* Filter form */
#filter-form {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Filter labels and selects */
#filter-form label {
    margin-right: 5px;
}

#filter-form select {
    padding: 5px;
}

/* Articles grid section */
.content-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Articles container */
.articles-section {
    padding: 20px;
    border: 1px solid #ddd;
    background-color: #ffffff!important;
}

/* Articles grid */
.articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3-column grid layout */
    gap: 20px;
}

/* Article item */
.article-item {
    border-radius: 15px 0px 15px 0px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
	max-width: 372px!important;
}
	
/* Card item link */
.article-item a {
    background-color: #fff !important; /* Consistent background color */
    text-decoration: none; /* Remove underline */
    color: inherit; /* Inherit text color */
}

.article-item a:hover {
    background-color: #fff !important; /* Consistent background color on hover */
}
/* Title alignment */
.article-item h3 {
    color: var(--e-global-color-secondary);
    font-family: 'Red Hat Display', Sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    text-align: left;
    padding: 0px 10px 0px 20px; /* Adjusted padding */
}

/* Meta information */
.article-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding: 0px 20px; /* Added padding */
}

/* Category */
.article-category {
    color: var(--e-global-color-0bb3489);
    font-family: 'Red Hat Display', Sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid var(--e-global-color-0bb3489);
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-block;
}

/* Date */
.article-date {
    color: var(--e-global-color-de7564e);
    font-family: 'Red Hat Display', Sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 13.23px;
    letter-spacing: 0.5px;
}

/* Article Image */
.article-item img {
    width: 100%;
    height: 222px; /* Image covers half of the card */
    object-fit: cover; /* Ensures the image covers the area without distortion */
    margin-bottom: 15px; /* Added margin for spacing */
}

/* Article content */
.article-content {
    flex-grow: 1; /* Allows content to take remaining space */
}

/* Read Time */
.article-read-time {
    color: #747474;
    font-size: 12px;
    padding: 20px; /* Adjusted padding */
    text-align: left; /* Ensures proper alignment */
    display: block; /* Ensure block display */
}
/* Remove background color and adjust border radius on hover */
.article-item a {
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
}/* End custom CSS */