.global-page-intro-banner .banner-content .img-decoration {right: 120px;}

.section-articles-listing {position: relative; z-index: 2;}
.section-articles-listing .section-content { display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: calc(100% - 80px); margin: 0 auto; padding: 40px; background: #FFF; border-radius: 40px; transition: opacity .25s; }
.section-articles-listing .section-content.is-loading { opacity: .45; pointer-events: none; }
.section-articles-listing .section-content .filters-box {display: grid; grid-template-columns: 1fr max-content; gap: 24px;}
.section-articles-listing .section-content .filters-box .btn-clear-filter {display: flex; align-items: center; gap: 8px; height: max-content; margin-top: 12px; color: #000; text-decoration: none;}
.section-articles-listing .section-content .filters-box .btn-clear-filter .btn-text {padding-bottom: 1px; color: #ED7474; font-weight: 500; transition: color .3s;}
.section-articles-listing .section-content .filters-box .btn-clear-filter:hover .btn-text {color: #6B27FF;}
.section-articles-listing .section-content .filters-box .btn-clear-filter .btn-icon {display: block; min-width: 6px; max-width: 6px; height: auto;}
.section-articles-listing .section-content .filters-box .btn-clear-filter .btn-icon path {transition: fill .3s;}
.section-articles-listing .section-content .filters-box .btn-clear-filter:hover .btn-icon path {fill: #6B27FF;}
.section-articles-listing .section-content .filters-box .grid-box {display: flex; flex-wrap: wrap; align-items: center; gap: 16px;}
.section-articles-listing .section-content .filters-box .grid-box .single-filter {display: none; align-items: center; width: 100%; max-width: max-content; padding: 16px; background-color: #EFE7FF; color: #494949; text-align: center; text-decoration: none; line-height: 1; border-radius: 250px; transition: background-color .3s, color .3s;}
.section-articles-listing .section-content .filters-box .grid-box .single-filter:hover {background-color: #6B27FF; color: #FFF;}
.section-articles-listing .section-content .filters-box .grid-box .single-filter.active {background-color: #6B27FF; color: #FFF;}
.section-articles-listing .section-content .filters-box .grid-box .single-filter.show {display: flex;}
.section-articles-listing .section-content .filters-box .grid-box .btn-show-all-filters {display: flex; align-items: center; gap: 8px; color: #000; text-decoration: none;}
.section-articles-listing .section-content .filters-box .grid-box .btn-show-all-filters .btn-text {color: #494949; font-weight: 500; transition: color .3s;}
.section-articles-listing .section-content .filters-box .grid-box .btn-show-all-filters:hover .btn-text {color: #6B27FF}
.section-articles-listing .section-content .filters-box .grid-box .btn-show-all-filters .btn-icon {display: block; min-width: 24px; max-width: 24px; height: auto;}
.section-articles-listing .section-content .filters-box .grid-box .btn-show-all-filters .btn-icon path {transition: fill .3s;}
.section-articles-listing .section-content .filters-box .grid-box .btn-show-all-filters:hover .btn-icon path {fill: #6B27FF;}

.section-articles-listing .section-content .listing-box {display: flex; flex-direction: column;}
.section-articles-listing .section-content .listing-box .single-box {position: relative; padding: 32px; background-color: #FFF; border-radius: 40px; transition: background-color .3s;}
.section-articles-listing .section-content .listing-box .single-box:hover {background-color: #F5F5F5;}
.section-articles-listing .section-content .listing-box .single-box .article-link {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; color: #000; text-decoration: none; border-radius: 40px;}
.section-articles-listing .section-content .listing-box .single-box .inner-box {position: relative; display: grid; grid-template-columns: 350px 1fr; align-items: center; gap: 64px; padding: 24px 0;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .decoration-icon {position: absolute; top: 0; right: 0; display: block; min-width: 80px; max-width: 80px; height: auto; opacity: 0; transition: opacity .3s;}
.section-articles-listing .section-content .listing-box .single-box:hover .inner-box .decoration-icon {opacity: 1;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .img-box {position: relative;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .img-box .img {display: block; width: 100%; max-width: 350px; height: auto; object-fit: cover; object-position: center; border-radius: 24px;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box {display: flex; flex-direction: column; gap: 16px; padding-right: 90px;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box .article-name {-webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; margin-bottom: 4px; font-weight: 900; text-overflow: ellipsis; line-height: 1.2; -webkit-line-clamp: 2;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box .article-short-desc {-webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; line-height: 1.2; -webkit-line-clamp: 3;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box .tags-box {display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 8px;}
.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box .tags-box .tag-name {padding: 16px; background-color: #EFE7FF; color: #494949; line-height: 1; border-radius: 250px;}

@media all and (max-width: 1600px) {
		.section-articles-listing .section-content {max-width: calc(100% - 40px); padding: 24px;}
		.section-articles-listing .section-content .filters-box {margin-bottom: 16px;}
		.section-articles-listing .section-content .filters-box .btn-clear-filter {margin-top: 10px;}
		.section-articles-listing .section-content .filters-box .grid-box {gap: 12px;}
		.section-articles-listing .section-content .filters-box .grid-box .single-filter {padding: 12px;}

		.section-articles-listing .section-content .listing-box .single-box {padding: 16px;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box {grid-template-columns: 300px 1fr; gap: 32px; padding: 8px 0;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box .decoration-icon {min-width: 54px; max-width: 54px;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box {gap: 8px; padding-right: 70px;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box .tags-box {gap: 8px;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box .tags-box .tag-name {padding: 12px;}
}

@media all and (max-width: 1200px) {
		.section-articles-listing .section-content {max-width: calc(100% - 24px); padding: 16px; border-radius: 24px;}

		.section-articles-listing .section-content .listing-box {gap: 16px;}
		.section-articles-listing .section-content .listing-box .single-box {background-color: #F5F5F5;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box {gap: 24px; padding: 0;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box {grid-template-columns: 250px 1fr;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box .decoration-icon {display: none;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box .content-box {padding-right: 0;}
}

@media all and (max-width: 768px) {
		.section-articles-listing .section-content .listing-box .single-box .inner-box {grid-template-columns: 1fr;}
		.section-articles-listing .section-content .listing-box .single-box .inner-box .img-box .img {max-width: 300px;}
}

@media all and (max-width: 576px) {
		.section-articles-listing .section-content .filters-box {display: flex; flex-direction: column-reverse;}
		.section-articles-listing .section-content .filters-box .btn-clear-filter {margin-top: 0;}

		.section-articles-listing .section-content .listing-box .single-box .inner-box {gap: 16px;}
}