.article-grid .img-fluid, .article .img-fluid {
    border-radius: 6px;
    width: 100%;
}


/* Featured Article */
.featured-article {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    background-color: #F2F7FA;
    border-radius: 6px;
    overflow: hidden;
}

.featured-article.dark {
    background-color: #363636;
}

.featured-article.dark .article-details, .featured-article.dark .article-details h2 {
    color: #ffffff !important;
}

.featured-article.transparent {
    background-color: transparent;
}

.featured-article .article-image {
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    background-color: lightgray 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}

.featured-article .article-details {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
}

.featured-article .article-details h2 {
    text-align: start;
    font-size: 36px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 46px */
    color: #002D5B;
    margin-bottom: 1rem;
}

.featured-article .article-details p {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 22px;
    line-height: 130%;
}

.featured-article .article-details .publication-details {
    display: flex;
    align-items: flex-start;
    row-gap: 3px;
    column-gap: 14px;
    align-self: stretch;
    flex-wrap: wrap;
    font-size: .875rem;
    margin-bottom: .75rem;
}

.featured-article .article-details .publication-details > * {
    display: inline-block;
    text-wrap: nowrap;
}



.topics-layout {
    margin: 0 auto;
    max-width: 1440px;
    width: 90%;
    padding: 30px 0px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}

@media(min-width: 768px) {
    .topics-layout {
        flex-direction: row;
        align-items: center;
        width:90%;
        padding: 60px 0px;
    }
}

@media(min-width: 1024px) {
    .topics-layout {
        width:80%;
        padding: 80px 0px;
    }
}

.topics-layout .heading {
    min-width: 200px;
}

.topics-layout .topics-list {
    column-count: 1;
    list-style: none;
    flex-grow: 1;
    text-transform: uppercase;
    letter-spacing: .625px;
    margin: 0;
    padding-left: 0px;
}

@media(min-width: 768px) {
    .topics-layout .topics-list {
        column-count: 3;
    }
}

.topics-layout .topics-list li {
    margin-bottom: 6px;
}

.topics-layout .topics-list a {
    text-decoration: none;
}

.topics-layout .topics-list a:hover {
    text-decoration: underline;
}



.article-grid {
    margin: 0 auto;
    max-width: 1440px;
    width: 90%;
    padding: 30px 0px;
}

@media(min-width: 768px) {
    .article-grid {
        width:90%;
        padding: 60px 0px;
    }
}

@media(min-width: 1024px) {
    .article-grid {
        width:80%;
        padding: 80px 0px;
    }
}

.article-grid h3 {
    padding-bottom: 1.25rem;
    border-bottom: .0625rem solid #dbd9d2;
}

.article-grid a {
    text-decoration: none;
}

.article-grid .mosaic {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0rem;
    margin: 0 -0.75rem 12rem -.75rem;
    padding: 0px;
}

@media(min-width: 768px) {
    .article-grid .mosaic {
        gap: .5rem;
    }
}

.article-grid .mosaic ul {
    list-style: none;
}


.article-grid .mosaic .mosaic__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 1.25rem 0.75rem;
    padding-bottom: 0;
    border-bottom: none;
    min-width: 340px;
}

@media(min-width: 768px) {
    .article-grid .mosaic .mosaic__item {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        margin: 0 0.75rem;
    }
}

@media(min-width: 1024px) {
    .article-grid .mosaic .mosaic__item {

    }
}



.article-grid .mosaic .mosaic__item:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 1.25rem 0.75rem;
    padding-bottom: 0;
    border-bottom: none;
}

@media(min-width: 1024px) {
    .article-grid .mosaic .mosaic__item:first-child {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(100% - 1.5rem);
        flex-basis: calc(100% - 1.5rem);
        margin-bottom: 1.5rem;  
}
}

.article-grid .mosaic .mosaic__item .mosaic__link {
    display: block;
    margin-bottom: 0rem;
    padding-bottom: 1rem;
}

@media(min-width: 768px) {
    .article-grid .mosaic .mosaic__item .mosaic__link {
    }
}

@media(min-width: 1024px) {
    .article-grid .mosaic .mosaic__item:first-child .mosaic__link {
        width: 66%;
        margin: 0;
        padding-bottom: 0rem;
    }
}


.article-grid .mosaic .mosaic__item .mosaic__link img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    border-radius: 3px;
    opacity: 1; /* initial opacity */
    transition: opacity 0.5s ease; /* transition effect */
}

.article-grid .mosaic .mosaic__item:hover .mosaic__link img {
    opacity: .7; /* final opacity */
}


@media(min-width: 1024px) {
    .article-grid .mosaic .mosaic__item:first-child .mosaic__link img {
        aspect-ratio: 4 / 3;
    }
}


.article-grid .mosaic .mosaic__item .mosaic__content h4 {
    font-size: 22px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 46px */
    color: #002D5B;
    margin-bottom: 1rem;
}

@media(min-width: 768px) {
    .article-grid .mosaic .mosaic__item:first-child .mosaic__content h4 {
        font-size: 36px !important;
    }    
}

.article-grid .mosaic .mosaic__item .mosaic__content {
    margin-bottom: .75rem;
}

@media(min-width: 768px) {
    .article-grid .mosaic .mosaic__item .mosaic__content {
        margin-bottom: 0rem;
    }    
}

@media(min-width: 1024px) {
    .article-grid .mosaic .mosaic__item:first-child .mosaic__content {
        width: 34%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 1.5rem;
    }
}

.article-grid .mosaic .mosaic__item .mosaic__content p {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0rem;
}

@media(min-width: 768px) {
    .article-grid .mosaic .mosaic__item .mosaic__content p {
        margin-bottom: 1rem;
    }
}


@media(min-width: 768px) {
    .article-grid .mosaic .mosaic__item:first-child .mosaic__content p {
        -webkit-line-clamp: 5;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }    
}

@media(min-width: 1024px) {
    .article-grid .mosaic .mosaic__item:first-child .mosaic__content .gdx-button {
    display: inline-block !important;
    }
}

.article {
    margin: 0 auto;
    max-width: 1440px;
    width: 90%;
    padding: 30px 0px;
}

@media(min-width: 768px) {
    .article {
        width:90%;
        padding: 60px 0px;
    }
}

@media(min-width: 1024px) {
    .article {
        width:80%;
        padding: 80px 0px;
    }
}

.article p {
}

.article h1, .article h2, .article h3 {
    font-weight: 400;
}

.article h6 {
    color: #005a96;
}

    .article .email-subscribe {
        border-radius: 12px;
    }

    .article .case-study {
       /*  border: 1px solid #005a96; */
        background-color: #fff;
        box-shadow: 0 3px 18px 1px rgb(0 0 0 / 8%);
        border-radius: 0 ;
        padding: 2rem;
        margin-bottom: 0rem;

        .tag {
            border-radius: 3px;
            padding: 4px 8px;
            font-size: .75rem;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: .125em;
            margin-bottom: 1rem;
        }   

        h4 {
            margin-top: .25rem;
            margin-bottom: 1.125rem;
            font-family: "cormorant-garamond", serif !important;
            font-weight: 600;
            font-style: italic;
        }

        p {
            line-height: 1.5;
            font-family: "cormorant-garamond", serif !important;
            font-weight: 400;
            font-size: 1.25rem;
        }
    }

    .article .case-study p:last-child {
        margin-bottom: 0px;
    }


.article .inset-quote {
    margin-left: 1rem;
    font-style: italic;
}

.article h3 {
    margin-top: 3rem;
}

.article h4 {
    margin-top: 2rem;
}

.article .disclaimer {
    border-top: 1px solid #929292;
    color: #929292;
    font-size:  .875rem;
    font-style: oblique;
    padding: 20px 0px;
    margin-bottom: 1rem;
    margin-top: 4rem;
}

.article .disclaimer p {
    margin-bottom: 0px;
    padding-left: 1rem;
}

.article .references ol {
    font-size: .875rem;
    color: #929292;
}
.article .references h6 {
    font-size: .875rem;
    font-weight: 700;
    color: #929292;
    padding-left: 1rem;
}

.article .newsletter-subscription__container {
    width: 100%;
}

.article .reference-number  {
    text-decoration: none;
    color: #898989;
    font-style: normal;
}

.article .reference-number::before {
    content: '[';
}

.article .reference-number::after {
    content: ']';
}

.article .reference-number:hover {
    color: #545454;
}

.article ul.blog-inset, .article ol.blog-inset {
    padding-left: 0px ;
}
.article .blog-inset > li {
    list-style: none;
}

.article .blog-inset li h5 {
    color: #005a96;
}

.article {
    
table.tech-comparison {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    font-family: Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.75;
    }

    table.tech-comparison tr {
        border-bottom: 1px solid #0d0d0d0d;
    }

    table.tech-comparison th,
    table.tech-comparison td {
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 1.25rem;
    text-align: center;
    }

    table.tech-comparison th:first-child,
    table.tech-comparison td:first-child {
    text-align: left;
    }

    table.tech-comparison th {
    background-color: #fff;
    color: #003b5c;
    font-weight: 600;
    }

    table.tech-comparison tbody tr:nth-child(even) {
    background-color: #f9f9f9;
    }

    table.tech-comparison td:first-child {
    font-weight: 500;
    }

    table.tech-comparison.left th,
    table.tech-comparison.left td {
    text-align: start;
    }

}