.blog-marquee {
	position: relative;
	margin-bottom: 118px;
	background: linear-gradient(180deg, rgba(70, 155, 187, 0.00) 0%, rgba(70, 155, 187, 0.16) 65.47%);
	z-index: 2;
}

.blog-marquee::after {
	content: '';
	pointer-events: none;
	background-image: url(/includes/public/assets/shared/decorations/grassy-illustration.svg);
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 98px;
	width: 224px;
	position: absolute;
	bottom: -34px;
    left: 0;
}

.blog-marquee .widget-header {
	padding-top: 80px;
}

.blog-marquee .title-col {
	width: 100%;
}

.blog-marquee .view-all-col {
	width: unset;
}

.blog-marquee .widget-view-all {
    padding: 10.5px 22.95px;
}

.blog-marquee .slides {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 20px 100px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.blog-marquee .slides .col:not(:first-of-type) {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.blog-marquee .slide > .inner {
	display: flex;
	flex-direction: column;
}

.blog-marquee .content-upper {
	gap: 4px;
	padding-top: 8px;
}

.blog-marquee .details {
	display: none;
}

.blog-marquee .info-flag.cat:not(.top) {
	display: none;
}

.blog-marquee .info-flag.cat {
	font-family: var(--font-body);
	font-size: 0.875rem;
	text-transform: uppercase;
}

.blog-marquee .slide .img-cont  {
	border-radius: 5.36px 21.44px;
	box-shadow: 1.34px 2.01px 4.02px 1.34px rgba(0, 0, 0, 0.16);
}

.blog-marquee .slide.minor .content-section {
	gap: 4px;
}

.blog-marquee .slide-title {
	font-size: 1.25rem;
	line-height: 1.3;
	color: var(--sw-key-color);
}

.blog-marquee .slide.minor .slide-desc {
	display: none;
}

.blog-marquee .slide-desc {
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--sw-key-color);
}

.blog-marquee .slide-footer a.read-more {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3px ;
	transition: gap	var(--transition-appendix);

	& .button-text::before,
	& .button-text::after {
		display: none;
	}

	& i {
		font-size: 10px;
		width: 15px;
		height: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(--green-77);
		border-radius: var(--rounded-circle);
	}
}

@media (hover:hover) {
	.blog-marquee .slide-footer a.read-more:hover {
		color: var(--blue-0e);
		gap: 7px;
	}
}	

@media screen and (min-width: 64em) {
	.blog-marquee {
		max-width: calc(100% - 88px);
		margin: 0 auto 180px;
		border-radius: 16px;
	}

	.blog-marquee::after {
		left: -6%;
		bottom: -70px;
		width: 500px;
		height: 220px;
	}

	.blog-marquee .widget-header {
		gap: 10px 32px;
		margin: 0 0 34px;
		padding: 80px 0 0 0;
		width: 100%;
	}

	.blog-marquee .widget-desc {
		line-height: 1.6;
	}

	.blog-marquee .slides {
		display: flex;
		flex-direction: row;
		gap: 65px;
	}

	.blog-marquee .col.left {
		width: 61%;
	}

	.blog-marquee .slides .col.right {
		width: 46.5%;
		padding-top: 186px;
	}

	.blog-marquee .slides .col:not(:first-of-type) {
		gap: 22px;
	}

	.blog-marquee .img-cont {
		border-radius: 8px 32px;
		box-shadow: 2px 3px 6px 2px rgba(0, 0, 0, 0.16);
	}

	.blog-marquee .slide.slide.promoted .content-upper {
		padding-top: 16px;
	}


	.blog-marquee .slide.promoted .slide-title {
		font-size: 2rem;
	}

	.blog-marquee .slide:not(.promoted) .slide-title {
		font-size: 1.5rem;
	}

	.blog-marquee .slide.promoted .slide-desc {
		font-size: 1rem;
		letter-spacing: 0.16px;
	}

	.blog-marquee .info-flag.cat {
		font-size: 0.9375rem;
	}
}

@media screen and (min-width: 90em) {
	.blog-marquee {
		max-width: calc(100% - 148px);
	}
}