/* ========================================================================
	 RESPONSIVE HERO STYLES - REFERENCE BREAKPOINTS
	 ======================================================================== */
/* ==========================================================================
   Responsive Styles for SRC Hero Section
   ========================================================================== */

/* 1. Large Desktops & Laptops (<= 1400px) */
@media screen and (max-width: 1400px) {
	.pu-new-src-hero-content .pu-new-src-hero-title {
		font-size: 58px;
	}
}

/* 2. Standard Laptops / Small Desktops (<= 1199px) - Original Preserved */
@media screen and (max-width: 1199px) {
	.pu-new-src-hero-content {
		padding-left: 18px;
		padding-right: 18px;
	}

	.pu-new-src-hero-content .pu-new-src-hero-title {
		font-size: 54px;
	}

	.pu-new-src-hero-description {
		font-size: 17px;
	}
}

/* 3. Tablets / Portrait Mode (<= 991px) - Original Preserved */
@media screen and (max-width: 991px) {
	.pu-new-src-hero-section {
		min-height: 100vh;
	}

	.pu-new-src-hero-container {
		max-width: 760px;
	}

	.pu-new-src-hero-row {
		min-height: 0;
/* 		padding-top: 50px; */
	}

	.pu-new-src-hero-content {
		padding: 18px 20px 0;
		text-align: center;
	}

	.pu-new-src-hero-eyebrow {
		min-height: 40px;
		font-size: 14px;
	}

	.pu-new-src-hero-content .pu-new-src-hero-title {
		max-width: 620px;
		margin: 22px auto 18px;
		font-size: 44px;
		line-height: 122%;
	}

	.pu-new-src-hero-description {
		max-width: 600px;
		margin: 0 auto;
		font-size: 16px;
	}

	.pu-new-src-hero-actions {
		justify-content: center;
	}

	.pu-new-src-hero-visual {
		padding: 36px 20px 0;
	}
}

/* 4. Small Tablets & Large Phones (<= 767px) */
@media screen and (max-width: 767px) {
	.pu-new-src-hero-container {
		padding-top: 90px;
		padding-bottom: 48px;
	}

	.pu-new-src-hero-content .pu-new-src-hero-title {
		font-size: 36px;
		line-height: 120%;
		margin: 20px auto 16px;
	}

	.pu-new-src-hero-description {
		font-size: 15px;
	}

	.pu-new-src-hero-button {
		min-height: 48px;
		padding: 8px 20px;
		font-size: 18px;
	}
}

/* 5. Mobile Devices / Standard Smartphones (<= 575px) */
@media screen and (max-width: 575px) {
	.pu-new-src-hero-container {
		padding-top: 70px;
		padding-bottom: 36px;
	}

	.pu-new-src-hero-content {
		padding: 12px 15px 0;
	}

	.pu-new-src-hero-content .pu-new-src-hero-title {
		font-size: 30px;
		margin: 16px auto 14px;
	}

	.pu-new-src-hero-actions {
		flex-direction: column;
		width: 100%;
	}

	.pu-new-src-hero-button {
		width: 100%;
		min-width: unset;
	}

	.pu-new-src-hero-visual {
		padding: 24px 10px 0;
	}
}

/* 6. Extra Small Mobile Devices (<= 380px) */
@media screen and (max-width: 380px) {
	.pu-new-src-hero-content .pu-new-src-hero-title {
		font-size: 25px;
	}

	.pu-new-src-hero-eyebrow {
		font-size: 12px;
		padding: 6px 16px;
		min-height: 36px;
	}

	.pu-new-src-hero-description {
		font-size: 14px;
	}
}


@media screen and (max-width: 767px) {
	.pu-new-src-foundation-intro-copy {
		padding: 27px 20px 0;
	}

	.pu-new-src-foundation-intro h1 {
		margin-bottom: 12px;
		font-size: 32px;
		line-height: 100%;
	}

	.pu-new-src-foundation-lead,
	.pu-new-src-foundation-programme {
		font-size: 14px;
		line-height: 140%;
	}

	.pu-new-src-foundation-programme {
		margin-top: 14px;
	}

	.pu-new-src-foundation-programme span {
		display: block;
		height: 0;
		visibility: hidden;
	}

	.pu-new-src-foundation-logo {
		width: 186px;
		margin-top: 20px;
	}

	.pu-new-src-foundation-gate-wrap {
		height: 245px;
		margin-top: 4px;
	}

	.pu-new-src-foundation-gate {
		width: auto;
		max-width: none;
		object-fit: contain;
		object-position: center top;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.pu-new-src-foundation-context {
		padding: 0 24px;
	}

	.pu-new-src-foundation-context p {
		font-size: 13px;
		
/* 		line-height: 100%; */
	}

	.pu-new-src-foundation-context p + p {
		margin-top: 18px;
	}

	.pu-new-src-foundation-slider {
		width: calc(100% - 48px);
		min-height: 320px;
		margin-top: 20px;
		margin-bottom: 28px;
	}

	.pu-new-src-foundation-slide {
		padding: 24px;
	}

	.pu-new-src-foundation-slide h2 {
		margin-bottom: 16px;
		font-size: 24px;
	}

	.pu-new-src-foundation-facts {
		display: block;
	}

	.pu-new-src-foundation-fact,
	.pu-new-src-foundation-fact:first-child {
		min-height: 0;
		padding: 0 0 10px;
		margin-bottom: 10px;	
		border: 0;
		border-bottom: 1px solid rgb(217 217 217 / 25%);
	}

	.pu-new-src-foundation-fact:last-child {
		border-bottom: 0;
	}

	.pu-new-src-foundation-fact strong {
		font-size: 14px;
		line-height: 130%;
	}

	.pu-new-src-foundation-fact span {
		font-size: 13px;
		line-height: 140%;
	}

	.pu-new-src-foundation-slider-nav {
		display: none;
	}

	.pu-new-src-foundation-dots {
		position: absolute;
		right: 50%;
		bottom: 12px;
		display: flex;
		transform: translateX(50%);
	}

	.pu-new-src-foundation-dots button.is-active {
		width: 13px;
	}

	.pu-new-src-hero-section {
		min-height: 100vh;
	}

	.pu-new-src-hero-container {
		padding: 40px 0 30px;
	}

	.pu-new-src-hero-content {
		padding: 50px 20px 20px 20px;
	}

	.pu-new-src-hero-eyebrow {
		min-width: 227px;
		justify-content: center;
		padding: 10px 24px;
		font-size: 13px;
	}

	.pu-new-src-hero-content h1 {
		margin-top: 21px;
		font-size: 36px;
		line-height: 122%;
		letter-spacing: -0.72px;
	}

	.pu-new-src-hero-description {
		max-width: 370px;
		font-size: 14px;
		line-height: 128%;
	}

	.pu-new-src-hero-visual {
		padding: 15px 20px 27px 20px;
	}

	.pu-new-src-hero-image {
		width: min(100%, 357px);
	}

	.pu-new-src-hero-actions {
		display: grid;
		gap: 12px;
		margin-top: 20px;
	}

	.pu-new-src-desktop-actions {
		display: none;
	}

	.pu-new-src-mobile-actions {
		display: grid;
		width: calc(100% - 40px);
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
		padding: 0;
		justify-content: stretch;
	}

	.pu-new-src-hero-button,
	.pu-new-src-hero-button-primary,
	.pu-new-src-hero-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 53px;
		font-family: var(--font-body);
		font-size: 14px;
		line-height: 128%;
	}

	.pu-new-src-hero-button-secondary {
		min-height: 46px;
	}
}

@media screen and (max-width: 360px) {
	.pu-new-src-hero-content h1 {
		font-size: 33px;
	}

	.pu-new-src-hero-description {
		font-size: 14px;
	}
}

/* ========================================================================
	 RECOGNITION SECTION - MOBILE LAYOUT
	 ======================================================================== */

@media screen and (max-width: 767px) {
	.pu-new-src-recognition-section {
		min-height: 336px;
		border: 0;
		border-top: 8px solid #ffc800;
		border-bottom: 8px solid #ffc800;
	}

	.pu-new-src-recognition-inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
		min-height: 320px;
		padding: 48px 12px;
	}

	.pu-new-src-recognition-brand,
	.pu-new-src-recognition-foundation {
		grid-column: 1 / -1;
	}

	.pu-new-src-recognition-brand {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 14px;
	}

	.pu-new-src-recognition-brand .pu-new-src-recognition-flower {
		display: block;
	}

	.pu-new-src-recognition-title-group {
		text-align: center;
	}

	.pu-new-src-recognition-title-group h2 {
		margin: 0;
		color: #ffc800;
		font-family: var(--font-body);
		font-size: 36px;
		font-weight: 700;
		line-height: 140%;
	}

	.pu-new-src-recognition-title-group p {
		margin: -2px 0 0;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		line-height: 100%;
	}

	.pu-new-src-recognition-flower {
		display: block;
		width: 50px;
		height: auto;
	}

	.pu-new-src-recognition-foundation,
	.pu-new-src-recognition-location,
	.pu-new-src-recognition-date {
		position: relative;
		align-items: center;
		justify-content: center;
		min-width: 0;
		padding: 16px;
		border: 0;
		border-radius: 16px;
		background: rgb(255 255 255 / 10%);
		text-align: center;
	}

	.pu-new-src-recognition-foundation::before,
	.pu-new-src-recognition-location::before,
	.pu-new-src-recognition-date::before {
		position: absolute;
		inset: 0;
		padding: 1px;
		border-radius: inherit;
		background: linear-gradient(90deg, rgb(255 255 255 / 10%), rgb(255 255 255 / 70%), rgb(255 255 255 / 10%));
		content: "";
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		mask-composite: exclude;
		pointer-events: none;
	}

	.pu-new-src-recognition-foundation > *,
	.pu-new-src-recognition-location > *,
	.pu-new-src-recognition-date > * {
		position: relative;
		z-index: 1;
	}

	.pu-new-src-recognition-foundation {
		display: block;
		width: min(100%, 354px);
		margin-right: auto;
		margin-left: auto;
		line-height: 1.35;
	}

	.pu-new-src-recognition-foundation strong {
		font-family: var(--font-body);
		font-size: 20px;
		color: #fff;
	}

	.pu-new-src-recognition-foundation span,
	.pu-new-src-recognition-location span,
	.pu-new-src-recognition-date span {
		font-size: 16px;
	}

	.pu-new-src-recognition-location strong,
	.pu-new-src-recognition-date strong {
		color: #fff;
		font-family: var(--font-body);
		font-size: 20px;
		line-height: 135%;
	}

	.pu-new-src-recognition-separator {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.pu-new-src-recognition-foundation {
		order: 1;
	}

	.pu-new-src-recognition-separator-foundation {
		order: 2;
	}

	.pu-new-src-recognition-brand {
		order: 3;
	}

	.pu-new-src-recognition-separator-brand {
		order: 4;
	}

	.pu-new-src-recognition-location {
		order: 5;
	}

	.pu-new-src-recognition-separator-location {
		order: 6;
	}

	.pu-new-src-recognition-date {
		order: 7;
	}
}

/* ========================================================================
	 NEW SECTION: PUBLISHED IMPACT FIGURES - FINAL RESPONSIVE OVERRIDES
	 Keeping this section last prevents later page rules from changing its
	 mobile carousel layout, card sizing, typography, or swipe indicators.
	 ======================================================================== */
/* ========================================================================
   PARUL UNIVERSITY REDESIGN — PUBLISHED IMPACT FIGURES
   RESPONSIVE MOBILE OVERRIDES (<=767px)
   ======================================================================== */

@media screen and (max-width: 767px) {

	.pu-new-src-impact-section {
		padding: 57px 0 50px;
	}

	.pu-new-src-impact-section .pu-new-src-impact-heading {
		margin-bottom: 21px;
	}

	.pu-new-src-impact-section .pu-new-src-impact-eyebrow {
		margin-bottom: 14px;
		color: #ffffff !important;
		font-size: 20px;
		letter-spacing: -0.4px;
		line-height: 120%;
	}

	.pu-new-src-impact-section .pu-new-src-impact-heading h2 {
		max-width: 355px;
		color: #ffc800 !important;
		font-size: 36px;
		letter-spacing: -0.72px;
		line-height: 122%;
	}

	.pu-new-src-impact-section .pu-new-src-impact-heading h2 span {
		display: block;
	}

	.pu-new-src-impact-section .pu-new-src-impact-heading h2 span:first-child {
		color: #ffffff !important;
	}

	.pu-new-src-impact-section .pu-new-src-impact-heading h2 span:last-child {
		color: #ffc800 !important;
	}

	.pu-new-src-impact-section .pu-new-src-impact-description {
		margin-top: 20px;
		color: #ffffff !important;
		font-size: 14px;
		line-height: 129%;
	}

	.pu-new-src-impact-section .pu-new-src-impact-slider {
		width: 100%;
	}

	.pu-new-src-impact-section .pu-new-src-impact-track {
		margin-right: 0;
		margin-left: 0;
	}

	.pu-new-src-impact-section .pu-new-src-impact-slide {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding: 0;
	}

	.pu-new-src-impact-section .pu-new-src-impact-card {
		min-height: 231px;
		padding: 18px;
		border-color: rgba(255, 255, 255, 0.4) !important;
	}

	.pu-new-src-impact-section .pu-new-src-impact-card h3 {
		color: #ffc800 !important;
		font-size: 40px;
		letter-spacing: -0.8px;
		line-height: 120%;
	}

	.pu-new-src-impact-section .pu-new-src-impact-card h4 {
		max-width: 310px;
		margin-top: 7px;
		color: #ffffff !important;
		font-size: 18px;
		line-height: 144%;
	}

	.pu-new-src-impact-section .pu-new-src-impact-card p {
		margin-top: 14px;
		margin-bottom: 15px;
		color: rgba(255, 255, 255, 0.8) !important;
		font-size: 14px;
		line-height: 129%;
	}

	.pu-new-src-impact-section .pu-new-src-impact-button {
		min-width: 150px;
		background: #ffc800 !important;
		color: #000000 !important;
		font-size: 14px;
	}

	.pu-new-src-impact-section .pu-new-src-impact-button span {
		color: #000000 !important;
	}

	.pu-new-src-impact-section .pu-new-src-impact-dots {
		display: flex !important;
		align-items: center;
		justify-content: center;
		gap: 4px;
		margin-top: 22px;
	}

	.pu-new-src-impact-section .pu-new-src-impact-dots button {
		width: 9px;
		height: 9px;
		padding: 0;
		border: 0;
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.3) !important;
	}

	.pu-new-src-impact-section .pu-new-src-impact-dots button.is-active {
		width: 22px;
		background: #ffc800 !important;
	}
}
/* ========================================================================
   PARUL UNIVERSITY REDESIGN — AREAS OF SOCIAL SERVICE
   FINAL RESPONSIVE MOBILE OVERRIDES (<=767px)
   Preserves Bootstrap gutters, touch-swipe track, and mobile dots.
   ======================================================================== */

@media screen and (max-width: 767px) {

	/* --------------------------------------------------------------------
	   01. Mobile Outer Container & Spacing Wrappers
	   -------------------------------------------------------------------- */
	.pu-new-src-service-areas-section {
		padding: 48px 0 54px !important;
	}

	.pu-new-src-service-areas-heading {
		margin-bottom: 28px !important;
	}

	/* --------------------------------------------------------------------
	   02. Mobile Heading & Descriptive Typography
	   -------------------------------------------------------------------- */
	.pu-new-src-service-areas-eyebrow {
		margin-bottom: 18px !important;
		font-family: var(--font-body) !important;
		font-size: 20px !important;
		line-height: 120% !important;
	}

	.pu-new-src-service-areas-heading h2 {
		font-family: var(--font-display) !important;
		font-size: 36px !important;
		letter-spacing: -0.72px !important;
		line-height: 122% !important;
	}

	.pu-new-src-service-areas-description {
		margin-top: 18px !important;
		font-family: var(--font-body) !important;
		font-size: 16px !important;
		line-height: 130% !important;
	}

	/* --------------------------------------------------------------------
	   03. Mobile Swipe Slider Track & Slide Layout
	   -------------------------------------------------------------------- */
	.pu-new-src-service-areas-track {
		flex-wrap: nowrap !important;
		margin: 0 !important;
		transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1) !important;
		touch-action: pan-y !important;
	}

	.pu-new-src-service-areas-slide {
		padding: 0 !important;
	}

	/* --------------------------------------------------------------------
	   04. Mobile Touch-Friendly Service Cards
	   -------------------------------------------------------------------- */
	.pu-new-src-service-areas-card,
	.pu-new-src-service-areas-card-wide {
		min-height: 286px !important;
		padding: 22px !important;
		border: 2px solid var(--color-pink) !important;
		border-radius: 16px !important;
		background-color: var(--color-deep-ink) !important;
		color: #ffffff !important;
	}

	.pu-new-src-service-areas-number {
		height: 34px !important;
		padding: 8px 13px !important;
		border-radius: 8px !important;
		background-color: rgba(255, 255, 255, 0.1) !important;
		color: #ffffff !important;
		font-family: var(--font-body) !important;
		font-size: 14px !important;
	}

	.pu-new-src-service-areas-card h3 {
		margin-top: 16px !important;
		color: #ffc800 !important; /* Brand Highlight Accent */
		font-family: var(--font-body) !important;
		font-size: 26px !important;
		line-height: 120% !important;
	}

	.pu-new-src-service-areas-card p {
		color: rgba(255, 255, 255, 0.8) !important;
		font-family: var(--font-body) !important;
		font-size: 15px !important;
		line-height: 125% !important;
	}

	/* --------------------------------------------------------------------
	   05. Mobile Tag Badges
	   -------------------------------------------------------------------- */
	.pu-new-src-service-areas-tags {
		gap: 8px !important;
		margin-top: 22px !important;
	}

	.pu-new-src-service-areas-tags span {
		min-height: 31px !important;
		padding: 5px 14px !important;
		border-radius: 40px !important;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important;
		color: #ffffff !important;
		font-family: var(--font-body) !important;
		font-size: 14px !important;
	}

	/* --------------------------------------------------------------------
	   06. Mobile Pagination Dots
	   -------------------------------------------------------------------- */
	.pu-new-src-service-areas-dots {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;
		margin-top: 22px !important;
	}

	.pu-new-src-service-areas-dots button {
		width: 8px !important;
		height: 8px !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 8px !important;
		background: rgba(15, 4, 69, 0.25) !important;
		cursor: pointer !important;
		transition: width 0.3s ease, background-color 0.3s ease !important;
	}

	.pu-new-src-service-areas-dots button.is-active {
		width: 20px !important;
		background: #ffc800 !important;
	}

	/* --------------------------------------------------------------------
	   07. High-Contrast Form & Dropdown Elements (Mobile Accessiblity)
	   -------------------------------------------------------------------- */
	.pu-new-src-service-areas-section select,
	.pu-new-src-service-areas-section input {
		min-height: 48px !important; /* Minimum touch target for touchscreens */
		font-family: var(--font-body) !important;
		font-size: 16px !important; /* Disables iOS auto-zoom on input tap */
		background-color: var(--color-deep-ink) !important;
		color: #ffffff !important;
		border: 1px solid var(--color-pink) !important;
		border-radius: 8px !important;
		padding: 0 16px !important;
	}

	.pu-new-src-service-areas-section option {
		background-color: var(--color-deep-ink) !important;
		color: #ffffff !important;
	}
}
/* ======================================================================
   PROGRAMME DIRECTORY — RESPONSIVE & MOBILE STYLES
   Mobile layout overrides for viewports 767px and below.
   ====================================================================== */

/* ======================================================================
   PROGRAMME DIRECTORY — COMPLETE RESPONSIVE & MOBILE STYLES
   ====================================================================== */

@media screen and (max-width: 767px) {
	/* Section Layout & Container Spacing */
	.pu-new-src-programme-directory { 
		padding: 36px 0 48px !important; 
	}

	.pu-new-src-programme-directory > .container { 
		padding-right: 20px !important; 
		padding-left: 20px !important; 
	}

	/* Heading Block */
	.pu-new-src-programme-directory-heading { 
		margin-bottom: 20px !important; 
	}

	.pu-new-src-programme-directory-eyebrow { 
		margin-bottom: 18px !important; 
		color: #0f0445 !important; 
		font-family: var(--font-body);
		font-size: 20px !important; 
		line-height: 24px !important; 
	}

	.pu-new-src-programme-directory-heading h2 { 
		font-size: 36px !important; 
		letter-spacing: -.72px !important; 
		line-height: 44px !important; 
	}

	.pu-new-src-programme-directory-intro { 
		margin-top: 16px !important; 
		color: #5b5b5b !important; 
		font-family: var(--font-body);
		font-size: 14px !important; 
		line-height: 18px !important; 
	}

	/* Mobile Select Dropdown Outer Wrapper */
	.pu-new-src-programme-directory-mobile-select-wrap,
	.pu-new-src-programme-mobile-select-wrap { 
		display: block !important; 
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 20px !important; 
	}

	/* Mobile Select Dropdown Input */
	.pu-new-src-programme-directory-mobile-select { 
		width: 100% !important; 
		height: auto !important;
		min-height: 40px !important; 
		padding: 8px 36px 8px 16px !important; 
		border: 1px solid #140b4b !important; 
		border-radius: 30px !important; 
		appearance: none !important; 
		-webkit-appearance: none !important; 
		-moz-appearance: none !important;
		background: #140b4b url("https://www.paruluniversity.ac.in/wp-content/uploads/2026/09/arrow_drop_down.svg") right 14px center / 22px no-repeat !important; 
		color: #ffffff !important; 
		font-family: var(--font-body); 
		font-size: 14px !important; 
		font-weight: 700 !important; 
		outline: none !important;
		cursor: pointer;
	}

	/* Dropdown Inner Options (White Text & Custom Background) */
	.pu-new-src-programme-directory-mobile-select option {
		background-color: #140b4b !important;
		color: #ffffff !important;
		padding: 10px 14px !important;
		font-family: var(--font-body);
		font-size: 14px !important;
		font-weight: 500 !important;
	}

	/* Programme Groups Interaction State */
	.pu-new-src-programme-group { 
		display: none; 
		margin-top: 0 !important; 
		padding-bottom: 0 !important; 
	}

	.pu-new-src-programme-group.is-active { 
		display: block !important; 
	}

	.pu-new-src-programme-group-heading { 
		display: block !important; 
		margin-bottom: 18px !important; 
		text-align: center !important; 
	}

	.pu-new-src-programme-group-heading h3 { 
		font-size: 20px !important; 
		line-height: 26px !important; 
	}

	.pu-new-src-programme-group-heading p { 
		margin: 10px auto 0 !important; 
		max-width: 320px !important; 
		color: #5b5b5b !important; 
		font-family: var(--font-body);
		font-size: 14px !important; 
		line-height: 18px !important; 
	}

	/* Hide Desktop-Specific Controls */
	.pu-new-src-programme-group-controls,
	.pu-new-src-programme-footer { 
		display: none !important; 
	}

	/* Slider Track & Cards Presentation */
@media (max-width: 767.98px) {
	.pu-new-src-programme-rail { 
		overflow: hidden !important; 
	}

	.pu-new-src-programme-track { 
		margin: 0 !important; 
		overflow: visible !important; 
		touch-action: pan-y !important; 
	}

	.pu-new-src-programme-slide { 
		width: 100% !important; 
		flex: 0 0 100% !important; 
		max-width: 100% !important; 
		padding: 0 !important; 
	}

	.pu-new-src-programme-card { 
		height: 450px !important; 
		border-radius: 16px !important; 
	}

	.pu-new-src-programme-media { 
		height: 254px !important; 
		flex: 0 0 254px !important; 
	}

	.pu-new-src-programme-media span { 
		top: 12px !important; 
		left: 10px !important; 
		font-size: 12px !important; 
	}

	.pu-new-src-programme-card-body { 
		padding: 16px 18px !important; 
		justify-content: space-between; /* Card content space evenly distribute karega */
	}

	/* Responsive Heading & Paragraph min-height Override */
	.pu-new-src-programme-card-body h4 { 
		margin-bottom: 6px !important; 
		font-size: 20px !important; 
		line-height: 120% !important; 
		min-height: auto !important; /* Mobile layout overflow stop karega */
	}

	.pu-new-src-programme-card-body p { 
		font-size: 14px !important; 
		line-height: 130% !important; 
		min-height: auto !important; /* Mobile fixed space fix */
		/* Optional: Text ko overflow hone se bachane ke liye (Max 2 lines) */
		display: -webkit-box;
/* 		-webkit-line-clamp: 2; */
/* 		-webkit-box-orient: vertical;
		overflow: hidden; */
	}

	.pu-new-src-programme-card-body a { 
		padding-top: 12px !important; 
		font-size: 14px !important; 
		margin-top: auto !important;
	}
}

	/* Mobile Pagination Dots Controls */
	.pu-new-src-programme-dots { 
		display: flex !important; 
		align-items: center !important; 
		justify-content: center !important; 
		gap: 4px !important; 
		margin-top: 18px !important; 
	}

	.pu-new-src-programme-dots button { 
		width: 7px !important; 
		height: 7px !important; 
		padding: 0 !important; 
		border: 0 !important; 
		border-radius: 7px !important; 
		background: #d0d0d8 !important; 
		cursor: pointer;
	}

	.pu-new-src-programme-dots button.is-active { 
		width: 20px !important; 
		background: #ffc800 !important; 
	}
}

/* Extra Small Screens Adjustments (<480px) */
@media screen and (max-width: 480px) {
	.pu-new-src-programme-directory-mobile-select {
		padding: 8px 32px 8px 12px !important;
		font-size: 14px !important;
	}

	.pu-new-src-programme-directory-mobile-select option {
		padding: 8px 10px !important;
		font-size: 14px !important;
	}
}

@media screen and (max-width: 767px) {
	/* ======================================================================
	   RESTORED CLAIM VERIFICATION MOBILE LAYOUT
	   This block belongs only to the earlier claim section. It keeps that
	   section’s one-card mobile behavior independent from the new provenance
	   section below, preserving its original dots and card proportions.
	   ====================================================================== */
	.pu-new-src-claim-section { padding: 57px 0 50px; background: #f5f5f7; }
	.pu-new-src-claim-section > .container { padding-right: 20px; padding-left: 20px; }
	.pu-new-src-claim-heading { margin-bottom: 21px; }
	.pu-new-src-claim-heading h2 { max-width: 355px; font-size: 36px; letter-spacing: -.72px; line-height: 122%; }
	.pu-new-src-claim-heading h2 span { display: block; }
	.pu-new-src-claim-heading p { margin-top: 20px; color: #5b5b5b; font-size: 14px; line-height: 129%; }
	.pu-new-src-claim-track { margin-right: 0; margin-left: 0; }
	.pu-new-src-claim-slide { flex: 0 0 100%; max-width: 100%; padding: 0; }
	.pu-new-src-claim-card { min-height: 231px; padding: 18px; }
	.pu-new-src-claim-card h3 { margin-bottom: 10px; font-size: 24px; line-height: 130%; }
	.pu-new-src-claim-card p { font-size: 14px; line-height: 129%; }
	.pu-new-src-claim-navigation { display: none; }
	.pu-new-src-claim-dots { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 22px; }
	.pu-new-src-claim-dots button { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 10px; background: #c7c7d5; }
	.pu-new-src-claim-dots button.is-active { width: 22px; background: #ffc800; }
}

@media screen and (min-width: 1200px) {
	.pu-new-src-claim-slide { flex: 0 0 25%; max-width: 25%; }
}
/* ======================================================================
   EVIDENCE AND PROVENANCE MOBILE PRESENTATION
   The source directory intentionally becomes a one-card rail on phones.
   Fixed flex sizing prevents cards from collapsing while swipe/dot
   navigation is active.
   ====================================================================== */

@media screen and (max-width: 767px) {
	/* Section Layout Padding */
	.pu-new-src-claim-verification-section { 
		padding: 48px 0 54px !important; 
		background: #f5f5f7 !important; 
	}

	.pu-new-src-claim-verification-section > .container { 
		padding-right: 20px; 
		padding-left: 20px; 
	}

	.pu-new-src-claim-verification-heading { 
		margin-bottom: 28px; 
	}

	/* Subtitle / Eyebrow Mobile Fix */
	.pu-new-src-official-subtitle,
	.pu-new-src-claim-verification-heading p.pu-new-src-official-subtitle {
		font-size: 24px !important;
		margin-bottom: 6px !important;
	}

	/* Main Heading Mobile Adjustments */
	.pu-new-src-claim-verification-heading h2 { 
		font-size: 36px !important; 
		letter-spacing: -.72px; 
		line-height: 44px !important; 
	}

	.pu-new-src-claim-verification-heading h2 span { 
		display: block !important; 
	}

	/* Paragraph Text Adjustments */
	.pu-new-src-claim-verification-heading p:not(.pu-new-src-official-subtitle) { 
		margin-top: 18px; 
		color: #5b5b5b !important; 
		font-family: var(--font-body);
		font-size: 14px !important; 
		line-height: 18px !important; 
	}

	/* Track & Slide Layout */
	.pu-new-src-claim-verification-track { 
		margin-right: 0; 
		margin-left: 0; 
	}

	.pu-new-src-claim-verification-slide { 
		flex: 0 0 100% !important; 
		max-width: 100% !important; 
		padding: 0; 
	}

	/* Mobile Card Adjustments */
	.pu-new-src-claim-verification-card { 
		min-height: 348px; 
		padding: 26px; 
		border-radius: 16px; 
	}

	.pu-new-src-claim-verification-number { 
		margin-bottom: 26px; 
	}

	.pu-new-src-claim-verification-card h3 { 
		margin-bottom: 18px; 
		font-family: var(--font-body);
		font-size: 22px !important;  
	}

	.pu-new-src-claim-verification-card p { 
		font-size: 18px !important; 
		
	}

	.pu-new-src-claim-verification-card a { 
		font-size: 18px !important; 
	}

	/* Hide Arrow Nav & Display Dots Navigation for Mobile */
	.pu-new-src-claim-verification-navigation { 
		display: none !important; 
	}

	.pu-new-src-claim-verification-dots { 
		display: flex !important; 
		align-items: center; 
		justify-content: center; 
		gap: 4px; 
		margin-top: 24px; 
	}

	.pu-new-src-claim-verification-dots button { 
		width: 8px; 
		height: 8px; 
		padding: 0; 
		border: 0; 
		border-radius: 8px; 
		background: #c7c7d5; 
		cursor: pointer;
	}

	.pu-new-src-claim-verification-dots button.is-active { 
		width: 28px; 
		background: #ffc800 !important; 
	}
}
/* ========================================================================
   NEW SECTION: LEADERSHIP MOBILE LAYOUT
   This long-form responsive block preserves the supplied card proportions,
   keeps the leadership image prominent, and ensures that exactly one person is
   visible at a time while the local dots move the underlying Bootstrap track.
   ======================================================================== */
@media screen and (max-width: 767px) {
    .pu-new-src-leadership-section { 
        padding: 42px 0 36px; 
    }

    .pu-new-src-leadership-section > .container { 
        padding-right: 26px; 
        padding-left: 26px; 
    }

    .pu-new-src-leadership-heading { 
        margin-bottom: 24px; 
    }

    .pu-new-src-leadership-eyebrow { 
        margin-bottom: 8px; 
        font-size: 14px; 
        line-height: 140%; 
    }

    .pu-new-src-leadership-heading h2 { 
        font-size: 32px; 
        line-height: 100%; 
    }

    .pu-new-src-leadership-heading > p:last-child { 
        margin-top: 12px; 
        font-size: 14px; 
        line-height: 130%; 
    }

    .pu-new-src-leadership-track { 
        margin-right: 0; 
        margin-left: 0; 
    }

    .pu-new-src-leadership-slide { 
        flex: 0 0 100% !important; 
        max-width: 100% !important; 
        padding: 0; 
    }

    .pu-new-src-leadership-card { 
        height: 431px; 
        border-radius: 20px; 
    }

    .pu-new-src-leadership-image-wrap { 
        height: 290px; 
        flex-basis: 290px; 
    }

    .pu-new-src-leadership-image-wrap span { 
        bottom: 14px; 
        left: 22px; 
        font-size: 14px; 
    }

    .pu-new-src-leadership-card-body { 
        padding: 22px; 
    }

    .pu-new-src-leadership-card-body h3 { 
        margin-bottom: 8px; 
        font-size: 24px; 
        line-height: 130%; 
        letter-spacing: -0.48px; 
    }

    .pu-new-src-leadership-card-body p { 
        font-size: 14px; 
        line-height: 130%; 
    }

    .pu-new-src-leadership-navigation { 
        display: flex !important; 
        justify-content: center; 
        margin-top: 24px; 
    }

    .pu-new-src-leadership-dots { 
        display: flex; 
        align-items: center; 
        gap: 4px; 
    }

    .pu-new-src-leadership-dots button { 
        width: 8px; 
        height: 8px; 
        padding: 0; 
        border: 0; 
        border-radius: 8px; 
        background: #c7c7d5 !important; 
    }

    .pu-new-src-leadership-dots button.is-active { 
        width: 28px; 
        background: #ffc800 !important; 
    }

    .pu-new-src-leadership-button { 
        width: 100%; 
        min-height: 32px; 
        margin-top: 20px; 
        padding: 5px 14px; 
        border-width: 2px !important; 
        border-radius: 18px; 
        font-size: 12px; 
    }
}
/* ========================================================================
   FINAL RESPONSIVE SECTION: EVIDENCE AND PROVENANCE
   This isolated final block belongs to the newest source directory only. It
   restores the supplied mobile composition after the earlier section rules:
   one full-width numbered card, compact source typography, hidden desktop
   navigation, and centered dots for swipe pagination on narrow screens.
   ======================================================================== */
@media screen and (max-width: 767px) {
	.pu-new-src-claim-verification-section { padding: 48px 0 54px; background: #f5f5f7; }
	.pu-new-src-claim-verification-section > .container { padding-right: 20px; padding-left: 20px; }
	.pu-new-src-claim-verification-heading { margin-bottom: 28px; }
	.pu-new-src-claim-verification-heading h2 { font-size: 36px; letter-spacing: -.72px; line-height: 44px; }
	.pu-new-src-claim-verification-heading h2 span { display: block; }
	.pu-new-src-claim-verification-heading p { margin-top: 18px; color: #5b5b5b; font-size: 14px; line-height: 18px; }
	.pu-new-src-claim-verification-track { margin-right: 0; margin-left: 0; }
	.pu-new-src-claim-verification-slide { flex: 0 0 100%; max-width: 100%; padding: 0; }
	.pu-new-src-claim-verification-card { min-height: 348px; padding: 26px; border-radius: 16px; }
	.pu-new-src-claim-verification-number { margin-bottom: 26px; }
	.pu-new-src-claim-verification-card h3 { margin-bottom: 18px; font-size: 22px !important;  }
	.pu-new-src-claim-verification-card p { font-size: 14px !important;  }
	.pu-new-src-claim-verification-card a { font-size: 18px; }
	.pu-new-src-claim-verification-navigation { display: none; }
	.pu-new-src-claim-verification-dots { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 24px; }
	.pu-new-src-claim-verification-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 8px; background: #c7c7d5; }
	.pu-new-src-claim-verification-dots button.is-active { width: 28px; background: #ffc800; }
}

/* ========================================================================
   FINAL RESPONSIVE SECTION: GET INVOLVED
   The closing contact block becomes a single-column mobile composition while
   keeping the supplied type scale, button sizing, readable contact spacing,
   and full-width bordered information card across phone and tablet widths.
   ======================================================================== */
@media screen and (max-width: 991px) {
	.pu-new-src-get-involved-section { padding: 48px 0 50px; }
	.pu-new-src-get-involved-section > .container { padding-right: 26px; padding-left: 26px; }
	.pu-new-src-get-involved-row { min-height: 0; }
	.pu-new-src-get-involved-copy { padding-right: 0; }
	.pu-new-src-get-involved-eyebrow { margin-bottom: 6px; font-size: 14px; line-height: 140%; }
	.pu-new-src-get-involved-copy h2 { font-size: 32px; line-height: 100%; }
	.pu-new-src-get-involved-description { max-width: 390px; margin-top: 14px; font-size: 14px; line-height: 130%; }
	.pu-new-src-get-involved-actions { display: grid; gap: 10px; margin-top: 22px; }
	.pu-new-src-get-involved-primary,
	.pu-new-src-get-involved-secondary { width: 100%; min-height: 44px; font-size: 14px; }
	.pu-new-src-get-involved-contact-column { display: block; }
	.pu-new-src-get-involved-contact-card { max-width: none; min-height: 0; gap: 22px; padding: 28px 24px; border-radius: 16px; }
	.pu-new-src-get-involved-contact-card h3 { margin-bottom: 4px; font-size: 18px; }
	.pu-new-src-get-involved-contact-card p { font-size: 14px; line-height: 130%; overflow-wrap: anywhere; }
}

.page-id-59877 .pu-new-src-programme-directory-mobile-select-wrap, .pu-new-src-programme-mobile-select-wrap{
	display: none !important;
}


/* for CIRR Pathway page */

@media screen and (max-width: 767px) {
    .page-id-60811 .pu-new-src-claim-verification-card {
        min-height: 240px;
    }
	@media screen and (max-width: 767px) {
   .pu-new-src-claim-verification-number {
        margin-bottom: 8px;
    }
}
}