/*
 * Three Column CTA Tiles
 *
 * Breakpoints:
 *   Mobile:        0–400px     vertical tile (image top / content bottom)
 *   Tablet:        401–1079px  stacked row; tile is horizontal (image left)
 *   Desktop:       ≥1080px     3-column row; tiles 336–400px, do not stretch
 *   Wide:          ≥1440px     1224px band, 400px tiles, 12px gaps
 */

 .three_column_cta_tiles-section {
	--tct-surface: #f1f2f2;
	--tct-text: #202020;
	--tct-content-width: 76.5rem; /* 1224px */
	--tct-tile-max: 25rem; /* 400px */
	--tct-tile-min: 21rem; /* 336px */
	--tct-gap: 0.75rem; /* 12px */

	--faculty-color: #09009c;
	--faculty-color-light: #0f24dc;

	box-sizing: border-box;
}

.three_column_cta_tiles-section *,
.three_column_cta_tiles-section *::before,
.three_column_cta_tiles-section *::after {
	box-sizing: border-box;
}

.three_column_cta_tiles-section .h-button-text--light:after, 
.three_column_cta_tiles-section .h-button-text--light:before{
	height: 0px;
}
.three_column_cta_tiles-section li.tct-tile-link-item:hover,
.three_column_cta_tiles-section li.tct-tile-link-item a.h-button-text--light:hover
{
	text-decoration: underline;
}

/* =========================================================
   SECTION BACKGROUND
   ========================================================= */

.three_column_cta_tiles-section--bg-white {
	background-color: #fff;
}

.three_column_cta_tiles-section--bg-grey {
	background-color: var(--tct-surface);
}


/* =========================================================
   SECTION PADDING
   ========================================================= */

.three_column_cta_tiles-section--pt-none {
	padding-top: 0;
}

.three_column_cta_tiles-section--pt-small {
	padding-top: 2.5rem;
}

.three_column_cta_tiles-section--pt-large {
	padding-top: 5rem;
}

.three_column_cta_tiles-section--pb-none {
	padding-bottom: 0;
}

.three_column_cta_tiles-section--pb-small {
	padding-bottom: 2.5rem;
}

.three_column_cta_tiles-section--pb-large {
	padding-bottom: 5rem;
}


/* =========================================================
   FACULTY THEMES
   ========================================================= */

.three_column_cta_tiles-section .tct-tile.faculty-theme--primary,
.three_column_cta_tiles-section .tct-tile.faculty-theme--acap {
	--faculty-color: #09009c;
	--faculty-color-light: #0f24dc;
}

.three_column_cta_tiles-section .tct-tile.faculty-theme--psychology,
.three_column_cta_tiles-section .tct-tile.faculty-theme--applied-psychology {
	--faculty-color: #cf451f;
	--faculty-color-light: #f06c47;
}

.three_column_cta_tiles-section .tct-tile.faculty-theme--management {
	--faculty-color: #000;
	--faculty-color-light: #6f7783;
}

.three_column_cta_tiles-section .tct-tile.faculty-theme--law-justice {
	--faculty-color: #88733d;
	--faculty-color-light: #cdb068;
} 

/* =========================================================
   HEADER
   ========================================================= */

.three_column_cta_tiles-section .tct-header {
	margin-bottom: 2.5rem;
	/* max-width: 40rem; */
}

.three_column_cta_tiles-section .tct-heading {
	margin: 0 0 1rem;
	color: #202020;
	font-family: 'New Grotesk Square', 'New Grotesk Square Fallback', sans-serif;
	font-size: 2.5rem; /* 40px — matches global h2 / two_or_three_column_tiles */
	font-weight: 400;
	line-height: calc(74 / 80);
	text-transform: uppercase;
}

.three_column_cta_tiles-section .tct-description {
	margin: 0;
	color: var(--tct-text);
	font-family: 'Founders Grotesk Regular', 'Founders Grotesk Regular Fallback', sans-serif;
	font-size: 1.125rem; /* 18px — body base */
	line-height: 1.5;
}

@media (min-width: 1024px) {
	.three_column_cta_tiles-section .tct-heading {
		font-size: 3.5rem; /* 56px — matches global h2 at lg */
		margin-bottom: 1.25rem;
	}

	.three_column_cta_tiles-section .tct-description {
		font-size: 1.25rem; /* 20px — lg:text-lg */
	}
}


/* =========================================================
   GRID
   ========================================================= */

.three_column_cta_tiles-section .tct-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	justify-content: start;
}


/* =========================================================
   TILE / CARD
   ========================================================= */

.three_column_cta_tiles-section .tct-tile {
	position: relative;

	display: flex;
	flex-direction: column;

	width: 100%;
	min-width: 0;

	overflow: hidden;

	background-color: #fff;
	color: var(--tct-text);

	/*
	 * Screenshot-style card:
	 * rounded bottom corners only
	 */
	border-radius: 10px;

	/*
	 * Subtle card shadow
	 */
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.14);
}


/* =========================================================
   FULL TILE CLICK AREA
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-hit {
	position: absolute;
	inset: 0;
	z-index: 1;
}


/* =========================================================
   LINKS / CTA ABOVE CLICK OVERLAY
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-links,
.three_column_cta_tiles-section .tct-tile-cta,
.three_column_cta_tiles-section .tct-tile-link-item,
.three_column_cta_tiles-section .tct-tile-cta .h-button,
.three_column_cta_tiles-section .tct-tile-cta .h-button-text,
.three_column_cta_tiles-section .tct-tile-links .h-button-text {
	position: relative;
	z-index: 2;

}

.three_column_cta_tiles-section .tct-tile-links a{
	text-decoration: none;
}

.three_column_cta_tiles-section .tct-tile-links .h-button .h-button-content, 
.three_column_cta_tiles-section .tct-tile-links .h-button-text-content{
    font-size:18px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
}

.three_column_cta_tiles-section .tct-tile-cta .h-button .h-button-content, 
.three_column_cta_tiles-section .tct-tile-cta .h-button-text-content{
    text-transform: none;
}




/* =========================================================
   IMAGE BOX
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-media {
	position: relative;

	overflow: hidden;

	width: 100%;

	aspect-ratio: 16 / 10;

	background-color: #fff;

	/*
	 * Screenshot me image ke neeche faculty colour strip
	 */
	border-bottom: 6px solid var(--faculty-color, #6f7783);

	border-radius: 0;

	flex: 0 0 auto;
}


/* =========================================================
   IMAGE
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: top;
}


/* =========================================================
   TILE BODY
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-body {
	display: flex;
	flex-direction: column;

	flex: 1 1 auto;

	padding: 20px;

	background-color: #fff;
}


/* =========================================================
   TILE HEADING
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-heading {
	margin: 0;

	color: var(--faculty-color, #09009c);

	font-family:
		'New Grotesk Square',
		'New Grotesk Square Fallback',
		sans-serif;

	font-size: 28px;
	font-weight: 500;
	line-height: 32px;
}


/* =========================================================
   TILE DESCRIPTION
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-description {
	margin: 0 0 1.25rem;

	color: var(--tct-text);

	font-family:
		'Founders Grotesk Regular',
		'Founders Grotesk Regular Fallback',
		sans-serif;

	font-size: 18px;
	font-weight: 400;
         line-height: 20px;
margin-top:6px;

}


/* =========================================================
   TILE LINKS
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	gap: 1.25rem;

	margin: 0 0 20px;
	padding: 0;

	list-style: none;
}

.three_column_cta_tiles-section .tct-tile-link-item {
	margin: 0;
	padding: 0;
}


/* =========================================================
   TILE CTA
   ========================================================= */

.three_column_cta_tiles-section .tct-tile-cta {
	margin-top: auto;
}

.three_column_cta_tiles-section .tct-tile-cta .h-button {
	max-width: 100%;
}

/* Secondary CTA — this section only */
.three_column_cta_tiles-section .tct-tile-cta .h-button--secondary.h-button--light {
	background-color: #0a0a96 !important;
	border-color: #0a0a96;
	color: #fff;
	text-align: center;
	opacity: 1 !important;
}

.three_column_cta_tiles-section .tct-tile-cta .h-button--secondary.h-button--light .h-button-content {
	color: #fff !important;
	text-align: center;
}

.three_column_cta_tiles-section .tct-tile-cta .h-button--secondary.h-button--light:hover,
.three_column_cta_tiles-section .tct-tile-cta .h-button--secondary.h-button--light:focus {
	background-color: transparent !important;
	border-color: var(--faculty-color, #09009c);
	color: var(--faculty-color, #09009c);
	opacity: 1 !important;
}

.three_column_cta_tiles-section .tct-tile-cta .h-button--secondary.h-button--light:hover .h-button-content,
.three_column_cta_tiles-section .tct-tile-cta .h-button--secondary.h-button--light:focus .h-button-content {
	color: var(--faculty-color, #09009c) !important;
}


/* =========================================================
   DESKTOP HOVER
   ========================================================= */

@media (hover: hover) and (min-width: 1024px) {

	.three_column_cta_tiles-section
		.tct-tile:hover
		.h-button--primary.h-button--light
		.material-icons,

	.three_column_cta_tiles-section
		.tct-tile:focus-within
		.h-button--primary.h-button--light
		.material-icons {
		background-position: 100%;
	}
}


/* =========================================================
   TABLET
   401px – 1079px
   Image LEFT / Content RIGHT
   ========================================================= */

@media (min-width: 768px) and (max-width: 1079px) {

	.three_column_cta_tiles-section .tct-grid {
		gap: 1.5rem;
	}

	.three_column_cta_tiles-section .tct-tile {
		flex-direction: row;
		align-items: stretch;

		border-radius: 10px;
	}

	.three_column_cta_tiles-section .tct-tile-media {
		width: 36%;
		flex: 0 0 36%;

		aspect-ratio: auto;

		min-height: 14rem;

		/*
		 * Tablet me strip image ke right side nahi,
		 * image ke bottom me rahegi.
		 */
		border-right: 6px solid var(--faculty-color, #6f7783);
		border-bottom: 0px;

		border-radius: 0;
	}

	.three_column_cta_tiles-section .tct-tile-body {
		width: 64%;

		flex: 1 1 auto;

		padding: 20px;
	}

	.three_column_cta_tiles-section .tct-tile-links {
		gap: 1rem;
	}
}


/* =========================================================
   TABLET TYPOGRAPHY
   768px – 1079px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1079px) {

	.three_column_cta_tiles-section .tct-tile-heading {
		font-size: 1.625rem;
	}
}


/* =========================================================
   DESKTOP
   1080px+
   ========================================================= */

@media (min-width: 1080px) {

	.three_column_cta_tiles-section .tct-header {
		margin-bottom: 3rem;
	}

	.three_column_cta_tiles-section .tct-grid {
		grid-template-columns:
			repeat(
				3,
				minmax(
					var(--tct-tile-min),
					var(--tct-tile-max)
				)
			);

		gap: var(--tct-gap);

		justify-content: start;
	}

	.three_column_cta_tiles-section .tct-tile {
		flex-direction: column;

		width: 100%;
		max-width: var(--tct-tile-max);
		min-width: 0;

		border-radius: 10px;
	}

	.three_column_cta_tiles-section .tct-tile-media {
		width: 100%;

		aspect-ratio: 16 / 10;

		border-bottom: 6px solid var(--faculty-color-light, #6f7783);

		border-radius: 0;
	}

	.three_column_cta_tiles-section .tct-tile-body {
		background-color: #fff;
	}

	.three_column_cta_tiles-section .tct-tile-links {
		gap: 10px;
	}
}


/* =========================================================
   WIDE DESKTOP
   1440px+
   1224px CONTENT BAND
   ========================================================= */

@media (min-width: 1440px) { 
	.three_column_cta_tiles-section .tct-grid {
		grid-template-columns: repeat(3, 25rem);
		gap: 0.75rem;
	}
}


/* =========================================================
   MOBILE
   0 – 400px
   ========================================================= */

@media (max-width: 767px) {

	.three_column_cta_tiles-section--pt-large {
		padding-top: 2.5rem;
	}

	.three_column_cta_tiles-section--pb-large {
		padding-bottom: 2.5rem;
	}

	.three_column_cta_tiles-section .tct-grid {
		gap: 1.5rem;
	}

	.three_column_cta_tiles-section .tct-tile {
		flex-direction: column;

		border-radius: 10px;
	}

	.three_column_cta_tiles-section .tct-tile-body {
		padding: 20px;
	}

	.three_column_cta_tiles-section .tct-tile-links {
		gap: 1.5rem;
	}
}