.paragraph--type--inner-portfolio-links-2 {
	background: linear-gradient(180deg, var(--petronas-blue) 0%, var(--petronas-purple) 22%, var(--petronas-purple) 80%, var(--petronas-blue) 100%);
}

.paragraph--type--inner-portfolio-links-2 .splide__arrows {
	display: none !important;
}

.paragraph--type--inner-portfolio-links-2 .JpressMidBodyList {
	padding-bottom: 80%;
}

.paragraph--type--inner-portfolio-links-2 .JpressMidBodyListImg:hover {
	opacity: 1;
}

.paragraph--type--inner-portfolio-links-2 .news-content {
    bottom: 0;
    left: 0;
    position: absolute;
}

.paragraph--type--inner-portfolio-links-2 .news-link-wrapper.overlay-content::after {
	border-color: var(--petronas-purple);
}

.paragraph--type--inner-portfolio-links-2 .news-link-wrapper.overlay-content::before {
	border-color: var(--petronas-purple);
	right: 122px;
}

.paragraph--type--inner-portfolio-links-2 .news-link {
	border-color: var(--petronas-purple);
	direction: ltr;
}

@media only screen and (max-width: 767px) {
	.paragraph--type--inner-portfolio-links-2 .JpressMidBodyList {
		margin-top: 0;
	}

	.paragraph--type--inner-portfolio-links-2 .news-link-wrapper.overlay-content::before {
		right: 111px;
	}
}

/* */
.paragraph--type--inner-portfolio-links-2 {
	/* background: linear-gradient(180deg, var(--petronas-green) 0%, var(--petronas-blue) 100%); */
	background: linear-gradient(180deg, var(--petronas-green) 0%, var(--petronas-blue) 22%, var(--petronas-blue) 80%, var(--petronas-blue) 100%);
}
.paragraph--type--inner-portfolio-links-2 .portfolio-title, .paragraph--type--inner-portfolio-links-2 .portfolio-date{
	font-size: 1.25rem;
	line-height: normal;
}

.paragraph--type--inner-portfolio-links-2 .portfolio-desc{
	font-size: 1.125rem;
    line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.paragraph--type--inner-portfolio-links-2 .JpressMidBodyList {
    padding-bottom: 102%;
}

.paragraph--type--inner-portfolio-links-2 .news-link, .paragraph--type--inner-portfolio-links-2 .news-link-wrapper.overlay-content::before, .paragraph--type--inner-portfolio-links-2 .news-link-wrapper.overlay-content::after {
	border-color: var(--petronas-blue) !important;
}

@media only screen and (max-width: 767px){
	.paragraph--type--inner-portfolio-links-2 .portfolio-title, .paragraph--type--inner-portfolio-links-2 .portfolio-date{
		font-size: 1.125rem;
	}
	.paragraph--type--inner-portfolio-links-2 .portfolio-desc{
		font-size: 1rem;
	}
}