/* Styling for view-more button */
.view-more-custom-btn {
    /* display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff !important;
    background: #383db3;
    border: 1px solid #383db3;
    border-radius: 5px;
    font-size: 14px;
    transition: background-color 0.3s, color 0.3s; */
    background: #383db3;
    color: #fff !important;
    border: 1px solid #383db3;
    padding: 3px 4px 3px 6px;
    border-radius: 3px;
    text-decoration: none;
}

.views-field-nid .view-more-custom-btn::after {
    content: "\f04e";
    display: inline-block;
    font: 0.8em / 1 FontAwesome;
    height: 100%;
    margin-left: 5px;
    padding-top: 6px;
    vertical-align: top;
}

.view-more-custom-btn:hover,
.view-more-custom-btn:focus {
    background-color: #2a2d8b;
    color: #fff;
}

/* Layout for horizontally divided news items */
.view-content {
    max-width: 100%; /* Max width for content container */
    margin: 0 auto; /* Center align container */
    display: flex;
    flex-wrap: wrap;
    gap: 0px; /* Space between news items */
}

.views-row {
    flex: 1 1 calc(50% - 20px); /* 50% width minus gap */
    border-bottom: 1px solid #ddd; /* Horizontal divider */
    padding: 10px;
    box-sizing: border-box;
}

.views-row:nth-of-type(2n) {
    border-right: 1px solid #ddd; /* Vertical divider */
}

.views-row:last-child {
    border-bottom: none; /* Remove bottom divider for the last item */
}

/* Styles for the news fields */
.views-field {
    margin-bottom: 5px;
}

.views-field-title a {
    color: #383db3; /* Link color */
    text-decoration: none;
}

.views-field-title a:hover {
    text-decoration: underline;
}

.field-content a{
    text-decoration: none;
    color: #043E7B;
    font-weight: 500;
    font-size: 1em;
}

.spanOfClass{
    position: relative;
    font-size: 0.9em;
    color: #666;
    padding: 3px 0;
}