/** Two Column Content **/
.tsu-2-col-content {
	position: relative;
	padding-bottom: 5%;
    /*margin-top: -14vh;*/
	margin-left: -9.5%;
	margin-right: -9.5%;
	padding-left: 9.5%;
	padding-right: 9.5%;
}
.tsu-2-col-content > .scrolling-triangle {
    --triangle-height: calc((1.3 * 350) * 1px);

    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: -20vh;
    bottom: -45vh; /* -45vh to match the GSAP transition */
	background: #fff;
    display: block;
    clip-path: polygon(0 0,100% var(--triangle-height),100% 100%,0 100%);
}
.tsu-2-col-content > .container-fluid,
.tsu-2-col-content > .row {
    position: relative;
    z-index: 1;
}
.tsu-2-col-content .preamble p {
    font-size: 28px;
	font-size: clamp(2.2rem, 1.8752rem + 0.9vw, 2.8rem); /* 22px, 360px - 1020px, 28px */
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: 28.8px;
}
.tsu-2-col-content .preamble h2 + p {
    font-family: var(--global--font-alt-1);
	letter-spacing: -0.02rem;
	font-size: 36px;
	font-size: clamp(2.4rem, 1.752rem + 1.8vw, 3.6rem); /* 24px, 360px - 1020px, 36px */
	font-weight: 500;
	line-height: 1.35;
    margin-bottom: 16px;
}
.tsu-2-col-content .col2 {
	margin-top: 3.2rem;
}
.tsu-2-col-content .images-wrap {
	margin-bottom: -80px;
}
.tsu-2-col-content .images-wrap img {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

/* Add extra spacing when butted up against the highlighted posts block due to background colouring */
.highlighted-posts + .tsu-2-col-content {
    padding-top: 6%;
}

/* Arabic */
.rtl .tsu-2-col-content .preamble p {
	font-size: 40px;
	font-size: clamp(3.2rem, 2.768rem + 1.2vw, 4rem); 
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 28.8px;
}
.rtl .tsu-2-col-content .preamble h2 + p {
	letter-spacing: initial;
	font-size: 60px;
	font-size: clamp(3.8rem, 2.6rem + 3.33vw, 6rem);
	line-height: 1.2;
}