.article-listing-x3 .container { overflow: hidden; }

@media (max-width: 767px) { .article-listing-x3 .container { margin: 0; } }

.article-listing-x3 .container .article-banner { position: relative; margin: 0 20px; }

@media (min-width: 992px) { .article-listing-x3 .container .article-banner { margin: 0; } }

@media (min-width: 768px) and (max-width: 991px) { .article-listing-x3 .container .article-banner { margin-left: 0; } }

.article-listing-x3 .container .article-banner .section-heading { color: #C88C32; }

.article-listing-x3 .container .article-banner .section-heading em { color: #22366A; }

.article-listing-x3 .container .article-banner h3 { color: #22366A; font-weight: 700; }

@media (min-width: 992px) { .article-listing-x3 .container .article-banner h3 { font-size: 24px; } }

@media (max-width: 991px) { .article-listing-x3 .container .article-banner h3 { font-size: 20px; line-height: 22px; letter-spacing: -0.011em; } }

.article-listing-x3 .container .see-all { float: right; font-size: 14px; line-height: 28px; color: #22366A; }

.article-listing-x3 .container .see-all .arrow-left { filter: invert(16%) sepia(16%) saturate(5315%) hue-rotate(202deg) brightness(97%) contrast(89%); filter: invert(1); }

@media (max-width: 991px) { .article-listing-x3 .container .see-all { padding: 0 20px; } }

.article-listing-x3 .container .article-grid-wrapper { grid-template-columns: 1fr 1fr 1fr; position: relative; margin-top: 32px; padding: 0 20px; white-space: normal; overflow-x: scroll; overflow-y: hidden; width: 100%; grid-column-gap: 20px; }

.article-listing-x3 .container .article-grid-wrapper::-webkit-scrollbar { display: none; }

@media (min-width: 992px) { .article-listing-x3 .container .article-grid-wrapper { margin-top: 28px; overflow-x: hidden; overflow-y: scroll; width: 100%; max-width: initial; padding-right: 0px; padding-left: 0px; grid-column-gap: 49px; } }

@media (min-width: 992px) and (min-width: 992px) and (max-width: 1199px) { .article-listing-x3 .container .article-grid-wrapper { grid-column-gap: 38px; } }

@media (min-width: 768px) and (max-width: 991px) { .article-listing-x3 .container .article-grid-wrapper { max-width: unset; padding-left: 0; } }

@media (min-width: 992px) and (max-width: 1199px) { .article-listing-x3 .container .article-grid-wrapper { max-width: unset; } }

.article-listing-x3 .container .article-grid-item { max-width: 21.688rem; position: relative; }

.article-listing-x3 .container .article-grid-item a { display: block; }

@media (max-width: 991px) { .article-listing-x3 .container .article-grid-item { min-width: 18.25rem; } }

.article-listing-x3 .container .article-grid-item .view-share-icons { position: absolute; top: 0; right: 0; opacity: 0; transition: opacity .5s ease; z-index: 11; cursor: pointer; width: 52px; height: 52px; }

.article-listing-x3 .container .article-grid-item .view-share-icons.show { opacity: 1; transition: opacity .5s ease; }

.article-listing-x3 .container .article-grid-item .view-share-icons.show ul li { display: block !important; }

.article-listing-x3 .container .article-grid-item .view-share-icons ul li { display: none !important; background: #22366A; padding: 16px; margin-top: 1px; }

.article-listing-x3 .container .article-grid-item .view-share-icons ul li a { filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(322deg) brightness(103%) contrast(101%); }

.article-listing-x3 .container .article-grid-item .view-share-icons ul li:last-child a { filter: none; }

.article-listing-x3 .container .article-grid_small-heading { font-size: 12px; line-height: 20px; letter-spacing: 0.15em; color: #22366A; display: block; margin: 10px 0 0 0; text-transform: uppercase; }

@media (min-width: 992px) { .article-listing-x3 .container .article-grid_small-heading { margin: 12px 0px 0px 0px; } }

.article-listing-x3 .container .article-grid_bold-heading { margin: 8px 0px 0px 0px; font-size: 16px; line-height: 20px; letter-spacing: -0.011em; font-weight: 700; color: #22366A; }

@media (min-width: 992px) { .article-listing-x3 .container .article-grid_bold-heading { margin: 8px 0px 0px 0px; } }

.article-listing-x3 .container .article-grid_bottom-text { font-size: 14px; line-height: 18px; color: #647297; margin: 8px 0px 0px 0px; }

.article-listing-x3 .container .article-grid-image-wrapper { position: relative; overflow: hidden; height: 0; padding-bottom: 74.22%; }

.article-listing-x3 .container .article-grid-image-wrapper img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.article-listing-x3 .container .article-share-button { position: absolute; right: 0px; top: 0px; background: #22366A; padding: 16px; z-index: 2; }

.article-listing-x3 .container .article-play-button { position: absolute; left: 0px; bottom: 0px; padding: 16px; background: #C88C32; }

.article-listing-x3 .container .trending { position: absolute; left: 0px; top: 0px; }