.article-card{padding:30px 0;border-bottom:1px solid #f3f3f3;}
.article-card:last-of-type{border-bottom:none;padding-bottom:0}
.article-card-wrapper .article-card:first-of-type{padding-top:0}
.article-card-image-wrapper{  min-height: 7.5rem;overflow:hidden;grid-area:image}
.article-card-image-wrapper img{height:100%;width:100%}
a.article-card-link:hover .article-card-image-wrapper img{transform: scale(1.1); transition: all 0.3s ease;object-fit: cover;object-position: center center}
a.article-card-link:hover .article-card-content .article-card-title{color:var(--color-blue-secondary)}
.article-card-content{grid-area:content;/*min-height:11.25rem*/}
.article-card-link{text-decoration: none;transition: all .3s ease-in-out;align-items: flex-start;display:grid;grid-template: "image" auto "content" 1fr/1fr;gap: .625rem}
.article-card-link .article-card-image-wrapper{max-height:11.25rem}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animation-box{opacity: 0; }
.animation-active{opacity: 1;animation: fadeIn 0.2s ease-in-out; }

/* smit chanages */
.related-articles {
    padding: 5rem 0;
    background-color:var(--color-purple);
    color: white;
    margin-top: 5rem;
}
.related-articles .related-articles-wrapper{
    display: grid;    grid-template-columns: 1fr;    grid-gap: 2.5rem 1.25rem;    gap:2.5rem 1.25rem;
}
.related-articles .related-articles-wrapper .title {
    font-size: 2.125rem;    line-height: 2.75rem;
}
.related-articles .related-articles-wrapper .category-wrapper {
    display: grid;    grid-template-columns: 1fr;    grid-gap: 0;    gap: 0;
}
.related-articles .related-articles-wrapper .category-wrapper a {
    width: 100%;
    text-decoration: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 800;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 1.25rem;
/*     border-bottom: 1px solid #a8a9f740; */
   
    transition: all;
    transition-duration: .3s;
    transition-timing-function: ease;
}
.related-articles .related-articles-wrapper .category-wrapper a:not(:last-of-type){
 padding-bottom: 1.25rem;
 margin-bottom: 1.25rem;

}
.category-wrapper .article-link:hover{opacity: .75;}
.category-wrapper .article-link:not(:last-child){border-bottom:1px solid #a8a9f740}
@media only screen and (min-width: 740px){
    .article-card-link{grid-template: "image content" / 1fr 1fr;display:grid;gap:0.625rem}
    .related-articles-wrapper{grid-column-end: 12;    grid-template-columns: 1fr 2fr !important;}
    .related-articles .related-articles-wrapper .category-wrapper{grid-template-columns: 1fr 1fr;
        gap: 0rem 2.5rem;}
 .category-wrapper .article-link:not(:first-child){border-bottom:none}
 .article-card-image-wrapper{min-height:10rem;}

    
}
@media only screen and (min-width: 992px){
.article-landing,.article-card ,.related-articles-wrapper,.article-card-wrapper{grid-column-start:2;grid-column-end:12}
}
@media only screen and (min-width: 1160px){
.article-landing .article-card-image-wrapper,.article-card-content{min-height:17.5rem}
.article-card-link .article-card-image-wrapper{max-height:17.5rem}
}
@media only screen and (min-width: 1300px){
.article-card-link{gap:1.25rem;}
.article-card .article-card-content{margin-right:1.25rem}
}



.article-card-row .pilot-article-card-wrapper:not(:last-of-type):after{background: var(--primary-grey-01);content:"";position:absolute;bottom:0;height:1px;width:100%;}
.pilot-article-card-wrapper:first-of-type{padding-top:0}
.pilot-article-card-wrapper a {text-decoration:none}
.media-pagination  #loadmore.test{display:none!important}
.pilot-article-card-link .row{row-gap:1.6rem}
.pilot .article-landing-page .article-card-row .pilot-article-card-wrapper .pilot-article-card  img{aspect-ratio: 1.5 / 0.8; max-height: 340px;}
.pilot .article-card-row .pilot-article-card-wrapper:not(:last-of-type){padding-bottom:var(--md-2)}

@media only screen and (min-width: 740px){
.pilot-article-card-content{padding:12px 0px}
}

/*article detail related articles*/
.pilot-article-card-link:hover .pilot-article-card-title{color:var(--color-blue)}
.pilot .related-articles-section .related-article img{transition:all .3s ease-in-out;}
.pilot .related-articles-section .related-article .article-image img{min-height:241px}
.pilot .related-articles-section .related-article .article-image{max-height:241px}
.pilot .related-articles-section .related-article:hover .article-image img{ transform: scale(1.3)}
.pilot .related-articles-section .related-article .article-image{overflow:hidden}
@media only screen and (max-width: 740px){
.related-articles-section .related-articles-swiper{margin-right:-2.2rem}
}
@media only screen and (min-width: 768px){
.category-wrapper .article-link:nth-child(1) {
    order: 1;
}

.category-wrapper .article-link:nth-child(2) {
    order: 3;
}

.category-wrapper .article-link:nth-child(3) {
    order: 2;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
}
}
@media only screen and (min-width: 992px){
.pilot-article-card-wrapper:not(:last-of-type)after{background: var(--primary-grey-01);content:"";position:absolute;bottom:0;height:1px;width:calc(100% - 8.33333333%);}
.pilot .related-articles-section .related-article .article-image img{min-height:241px}
}
/* @media only screen and (min-width: 1160px){
.pilot .related-articles-section .related-article .article-image img{min-height:366px}
.pilot .related-articles-section .related-article .article-image{max-height:366px}
} */
@media (min-width: 740px) and (max-width: 1160px){
.article-card-link .article-card-image-wrapper{min-height: 100%}
}

.dummyImg:before {
    content: "";
    background-color: var(--color-blue);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: brightness(0.5);
    font-size: 15px;
    color: #fff;
    opacity: 0.5;
}