/*
 * Dini 80 — Awards card.
 * Source design (sharjah.ac.ae "Awards and Achievements"): white card,
 * radius 15, large heading, titles separated by thin lines with a green
 * arrow at the end of each, green "View All" button. See developer guide §5.8.
 */

.daw {
	padding: clamp(22px, 2.4vw, 36px) clamp(20px, 2vw, 30px);
	border-radius: 15px;
	background: var(--dini-white);
}

.daw-heading {
	margin: 0 0 12px;
	font-size: clamp(26px, 2.5vw, 36px);
	font-weight: 500;
	line-height: 1.25;
}
.dini-rtl .daw-heading { font-weight: 700; }

.daw-list { margin: 0 0 22px; padding: 0; list-style: none; }
.daw-list li { border-bottom: 1px solid #cfcfcf; }
.daw-item {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 16px 0 18px;
	color: var(--dini-black);
	text-decoration: none;
}
.daw-title { font-size: 15.5px; font-weight: 600; line-height: 1.55; max-width: 34em; }
.daw-item:hover .daw-title { color: var(--dini-green-dark); }
.daw-go {
	align-self: flex-end;
	display: inline-grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--dini-green);
	color: var(--dini-black);
	transition: transform var(--dini-ease);
}
.daw-go .dini-icon { width: 12px; height: 12px; stroke-width: 2.6; }
.daw-item:hover .daw-go { transform: translateX(3px); }
.dini-rtl .daw-item:hover .daw-go { transform: translateX(-3px); }

/* Own band when the research section (Dini 70) is not shown. */
.daw-band { background: var(--dini-gray-bg); padding-block: clamp(32px, 3.5vw, 48px); }
.daw-band .daw { max-width: 760px; }