/* Annai Nursing - Pharmacy reference design theme */
:root {
	--green: #490f4a;
	--green-dk: #490f4a;
	--ink: #2d0230;
	--maroon: #490f4a;

	--anc-sch-maroon: #2d0230;
	--anc-sch-green: #490f4a;
	--anc-sch-dark: #2d0230;
	--anc-sch-gold: #e5c45a;
	--anc-sch-slate: #6e7781;

	--anc-doc-maroon: #2d0230;
	--anc-doc-green: #490f4a;
	--anc-doc-dark: #2d0230;
	--anc-doc-gold: #e5c45a;
	--anc-doc-bg: #fadbfd;

	--anc-prc-maroon: #2d0230;
	--anc-prc-green: #490f4a;
	--anc-prc-dark: #3d1b3b;
	--anc-prc-gold: #d8b73c;
	--anc-prc-brown: #56355a;
	--anc-prc-ease: cubic-bezier(.22, .8, .3, 1);

	--anc-elg-green: #2d0230;
	--anc-elg-dark: #490f4a;
	--anc-elg-gold: #b08d1a;
	--anc-elg-gold2: #e5c45a;
	--anc-elg-bg: #f8faf8;
	--anc-elg-ease: cubic-bezier(.22, .8, .3, 1);

	--anc-why-maroon: #48064d;
	--anc-why-dark: #222;
	--anc-why-green: #500555;
	--anc-why-yellow: #ffd426;
	--anc-why-gold: #a07d1c;
	--anc-why-lime: #fca6f9;
	--anc-why-ease: cubic-bezier(.22, .8, .3, 1);

	--gold: #d9b24c;
	--line: #e6ece8;
	--bg: #f5f6f4;
	--ease: cubic-bezier(.22, .8, .3, 1);
	--anc-doc-ease: cubic-bezier(.22, .8, .3, 1);
}

/*=========================================
    Small Maria Siddha Floating Contact
=========================================*/

.msc-quick-contact {
	position: fixed;
	right: 12px;
	bottom: 20%;
	transform: translateY(-50%);
	z-index: 99;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.msc-contact-card {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	overflow: hidden;
	text-decoration: none;
	color: #fff;
	border-radius: 30px;
	transition: all .35s ease;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

.msc-contact-card i {
	min-width: 46px;
	text-align: center;
	font-size: 18px;
	line-height: 46px;
}

.msc-contact-card span {
	white-space: nowrap;
	opacity: 0;
	margin-left: 2px;
	font-size: 14px;
	font-weight: 600;
	transition: all .3s ease;
}

.msc-contact-card:hover {
	color: #ffffff;
}

.msc-contact-card:hover span {
	opacity: 1;
}

/* Admissions */

.msc-admission-card {
	background: linear-gradient(135deg, #ff9800, #ff5722);
	animation: mscPulseGlow 1.3s infinite;
}

/* Call */

.msc-call-card {
	background: linear-gradient(135deg, #dc1111, #c60c0c);
}

/* WhatsApp */

.msc-whatsapp-card {
	background: linear-gradient(135deg, #128C7E, #25D366);
}

/* Glow Animation */

@keyframes mscPulseGlow {

	0% {
		transform: scale(1);
		box-shadow: 0 0 0 rgba(255, 152, 0, .4);
	}

	50% {
		transform: scale(1.06);
		box-shadow: 0 0 15px rgba(255, 152, 0, .8);
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 rgba(255, 152, 0, .4);
	}

}

/* Mobile */

@media(max-width:767px) {

	.msc-quick-contact {
		right: 8px;
		gap: 8px;
	}

	.msc-contact-card {
		width: 42px;
		height: 42px;
	}

	.msc-contact-card i {
		min-width: 42px;
		font-size: 16px;
		line-height: 42px;
	}

	.msc-contact-card:hover {
		width: 135px;
	}

	.msc-contact-card span {
		font-size: 12px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING - WELCOME SECTION
========================================================= */

.acn-welcome-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background: #ffffff;
	isolation: isolate;
}


/* =========================================================
   BACKGROUND ROTATING PATTERNS
========================================================= */

.acn-bg-pattern {
	position: absolute;
	border: 1px solid rgb(150 15 126 / 10%);
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
}

.acn-pattern-one {
	width: 500px;
	height: 500px;
	top: -220px;
	right: -170px;
	animation: acnRotatePattern 28s linear infinite;
}

.acn-pattern-two {
	width: 360px;
	height: 360px;
	bottom: -180px;
	left: -150px;
	border: 2px dashed rgba(14, 165, 168, 0.12);
	animation: acnRotatePatternReverse 24s linear infinite;
}

@keyframes acnRotatePattern {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes acnRotatePatternReverse {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}


/* =========================================================
   LIGHT ORBS
========================================================= */

.acn-light-orb {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(3px);
	z-index: -1;
}

.acn-orb-one {
	width: 130px;
	height: 130px;
	top: 15%;
	left: 4%;
	background: rgb(168 14 89 / 8%);
	animation: acnFloatOne 6s ease-in-out infinite;
}

.acn-orb-two {
	width: 180px;
	height: 180px;
	right: 8%;
	bottom: 10%;
	background: rgba(246, 59, 215, 0.07);
	animation: acnFloatTwo 8s ease-in-out infinite;
}

.acn-orb-three {
	width: 80px;
	height: 80px;
	top: 50%;
	right: 45%;
	background: rgba(194, 34, 197, 0.06);
	animation: acnFloatThree 5s ease-in-out infinite;
}

@keyframes acnFloatOne {

	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(20px, -25px);
	}
}

@keyframes acnFloatTwo {

	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(-25px, 20px);
	}
}

@keyframes acnFloatThree {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.25);
	}
}


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

.acn-welcome-grid {
	display: grid;
	grid-template-columns: 0.95fr 1.15fr;
	align-items: center;
	gap: 75px;
}


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

.acn-welcome-image-wrap {
	position: relative;
	padding: 15px;
}

.acn-welcome-image-card {
	position: relative;
	overflow: hidden;
	border-radius: 25px;
	background: #ffffff;
	box-shadow:
		0 25px 60px rgba(18, 93, 120, 0.16),
		0 8px 25px rgba(18, 93, 120, 0.08);
	transform: translateY(0);
	transition: all 0.5s ease;
}

.acn-welcome-image-card:hover {
	transform: translateY(-12px);
	box-shadow:
		0 35px 75px rgba(18, 93, 120, 0.22),
		0 10px 30px rgba(18, 93, 120, 0.12);
}

.acn-welcome-image {
	display: block;
	width: 100%;
	object-fit: cover;
	transition: transform 0.8s ease;
}

.acn-welcome-image-card:hover .acn-welcome-image {
	transform: scale(1.07);
}


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

.acn-image-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 105, 135, 0.05);
	transition: all 0.5s ease;
}

.acn-welcome-image-card:hover .acn-image-overlay {
	background: rgba(0, 105, 135, 0.01);
}


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

.acn-image-badge {
	position: absolute;
	left: 25px;
	bottom: 25px;
	right: 25px;
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 16px 20px;
	border-radius: 15px;
	background-color: #ffffff;
	/* backdrop-filter: blur(12px); */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	transition: all 0.4s ease;
}

.acn-welcome-image-card:hover .acn-image-badge {
	transform: translateY(-6px);
}

.acn-badge-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	border-radius: 50%;
	background: #f3e8f5;
	color: var(--pharma-yellow);
	;
	font-size: 20px;
}

.acn-image-badge strong {
	display: block;
	color: #490f4a;
	font-size: 16px;
	line-height: 1.4;
}

.acn-image-badge small {
	display: block;
	margin-top: 3px;
	color: #1b4055;
	font-size: 12px;
}


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

.acn-image-glow {
	position: absolute;
	width: 180px;
	height: 180px;
	top: -35px;
	left: -35px;
	border-radius: 50%;
	background: rgba(14, 165, 168, 0.12);
	filter: blur(35px);
	animation: acnGlowPulse 4s ease-in-out infinite;
}

@keyframes acnGlowPulse {

	0%,
	100% {
		opacity: 0.5;
		transform: scale(0.9);
	}

	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}


/* =========================================================
   ROTATING RING
========================================================= */

.acn-rotate-ring {
	position: absolute;
	width: 100px;
	height: 100px;
	right: -25px;
	top: -25px;
	border: 2px dashed rgb(154 15 155 / 30%);
	border-radius: 50%;
	animation: acnRingRotate 15s linear infinite;
}

@keyframes acnRingRotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


/* =========================================================
   FLOATING PLUS
========================================================= */

.acn-floating-plus {
	position: absolute;
	right: -10px;
	bottom: 100px;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #ffffff;
	color: var(--pharma-yellow);
	;
	font-size: 18px;
	box-shadow: 0 12px 30px rgba(15, 138, 155, 0.16);
	animation: acnPlusFloat 3s ease-in-out infinite;
}

@keyframes acnPlusFloat {

	0%,
	100% {
		transform: translateY(0) rotate(0deg);
	}

	50% {
		transform: translateY(-12px) rotate(90deg);
	}
}


/* =========================================================
   CONTENT
========================================================= */

.acn-welcome-content {
	position: relative;
}

.acn-section-label {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 15px;
	color: #a24ba8;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.acn-label-line {
	width: 40px;
	height: 2px;
	display: inline-block;
	background: #a24ba8;
}

.acn-welcome-title {
	margin: 0;
	color: #490f4a;
	font-size: 48px;
	line-height: 1.15;
	font-weight: 700;
}

.acn-welcome-title span {
	color: var(--pharma-yellow);
	;
	position: relative;
}

.acn-welcome-title span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	height: 3px;
	border-radius: 10px;
	background: rgb(131 15 155 / 25%);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.5s ease;
}

.acn-welcome-content:hover .acn-welcome-title span::after {
	transform: scaleX(1);
}

.acn-title-line {
	width: 70px;
	height: 4px;
	margin: 22px 0 25px;
	border-radius: 20px;
	background: var(--pharma-yellow);
	;
	position: relative;
}

.acn-title-line::after {
	content: "";
	position: absolute;
	left: 25px;
	top: 0;
	width: 30px;
	height: 4px;
	border-radius: 20px;
	background: rgba(15, 138, 155, 0.25);
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.acn-welcome-text {
	margin: 0 0 17px;
	color: #000000;
	font-size: 15px;
	line-height: 1.85;
}


/* =========================================================
   HIGHLIGHT CARDS
========================================================= */

.acn-highlight-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	margin-top: 28px;
}

.acn-highlight-card {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 16px;
	border: 1px solid rgba(15, 138, 155, 0.10);
	border-radius: 14px;
	background-color: #ffffff;
	box-shadow: 0 8px 25px rgba(17, 76, 98, 0.05);
	transition:
		transform 0.4s ease,
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.acn-highlight-card:hover {
	transform: translateY(-7px);
	border-color: rgba(15, 138, 155, 0.25);
	box-shadow: 0 18px 35px rgba(17, 76, 98, 0.10);
}

.acn-highlight-icon {
	width: 45px;
	height: 45px;
	min-width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #f3e8f5;
	color: #bc1a4b;
	font-size: 18px;
	transition: all 0.4s ease;
}

.acn-highlight-card:hover .acn-highlight-icon {
	transform: rotateY(360deg);
	background: #bc1a4b;
	color: #ffffff;
}

.acn-highlight-content h4 {
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 700;
}

.acn-highlight-content p {
	margin: 0;
	color: #1b303a;
	font-size: 12px;
	line-height: 1.5;
}


/* =========================================================
   RESPONSIVE DESIGN
========================================================= */

@media (max-width: 1199px) {

	.acn-welcome-section {
		padding: 80px 0;
	}

	.acn-welcome-grid {
		gap: 50px;
	}

	.acn-welcome-title {
		font-size: 42px;
	}

	/* .acn-welcome-image {
		height: 500px;
	} */
}


@media (max-width: 991px) {

	.acn-welcome-grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.acn-welcome-image-wrap {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
	}

	/* .acn-welcome-image {
		height: 500px;
	} */

	.acn-welcome-content {
		max-width: 850px;
		margin: 0 auto;
	}

	.acn-welcome-title {
		font-size: 40px;
	}
}


@media (max-width: 767px) {

	.acn-welcome-section {
		padding: 65px 0;
	}

	.acn-welcome-grid {
		gap: 40px;
	}

	.acn-welcome-title {
		font-size: 34px;
	}

	.acn-welcome-text {
		font-size: 15px;
		line-height: 1.75;
	}

	/* .acn-welcome-image {
		height: 420px;
	} */

	.acn-highlight-grid {
		grid-template-columns: 1fr;
	}

	.acn-floating-plus {
		right: -5px;
		bottom: 80px;
	}

	.acn-image-badge {
		left: 15px;
		right: 15px;
		bottom: 15px;
	}

	.acn-pattern-one {
		width: 350px;
		height: 350px;
	}
}


@media (max-width: 480px) {

	.acn-welcome-section {
		padding: 50px 0;
	}

	.acn-welcome-title {
		font-size: 29px;
	}

	.acn-section-label {
		font-size: 12px;
		letter-spacing: 1.5px;
	}

	/* .acn-welcome-image {
		height: 350px;
	} */

	.acn-image-badge {
		padding: 12px;
		gap: 10px;
	}

	.acn-badge-icon {
		width: 40px;
		height: 40px;
		min-width: 40px;
		font-size: 16px;
	}

	.acn-image-badge strong {
		font-size: 14px;
	}

	.acn-image-badge small {
		font-size: 10px;
	}

	.acn-floating-plus {
		width: 45px;
		height: 45px;
		font-size: 15px;
	}
}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   OUR PROGRAMMES - DARK PREMIUM DESIGN
========================================================= */

.acn-programmes-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background: #490f4a;
	isolation: isolate;
}


/* =========================================================
   DARK BACKGROUND LAYERS
========================================================= */

.acn-programmes-section::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 15% 20%, rgb(147 14 168 / 12%), transparent 30%), radial-gradient(circle at 85% 75%, rgb(196 12 212 / 10%), #8a009600 32%);
	pointer-events: none;
	z-index: -3;
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.acn-programme-pattern {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -2;
}

.acn-programme-pattern-one {
	width: 600px;
	height: 600px;
	top: -330px;
	right: -230px;
	border: 1px solid rgba(87, 225, 225, 0.13);
	animation: acnProgrammeRotate 28s linear infinite;
}

.acn-programme-pattern-two {
	width: 450px;
	height: 450px;
	bottom: -270px;
	left: -210px;
	border: 2px dashed rgba(87, 225, 225, 0.09);
	animation: acnProgrammeRotateReverse 24s linear infinite;
}

.acn-programme-pattern-three {
	width: 220px;
	height: 220px;
	top: 40%;
	left: 48%;
	border: 1px solid rgba(255, 255, 255, 0.05);
	animation: acnProgrammeRotate 18s linear infinite;
}

@keyframes acnProgrammeRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}

@keyframes acnProgrammeRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   ANIMATED LIGHTING
========================================================= */

.acn-programme-light {
	position: absolute;
	border-radius: 50%;
	filter: blur(45px);
	pointer-events: none;
	z-index: -1;
}

.acn-programme-light-one {
	width: 220px;
	height: 220px;
	top: 8%;
	left: 8%;
	background: rgba(19, 181, 185, 0.13);
	animation: acnProgrammeLightOne 7s ease-in-out infinite;
}

.acn-programme-light-two {
	width: 270px;
	height: 270px;
	right: 5%;
	bottom: 5%;
	background: rgba(38, 132, 255, 0.10);
	animation: acnProgrammeLightTwo 9s ease-in-out infinite;
}

.acn-programme-light-three {
	width: 130px;
	height: 130px;
	left: 47%;
	top: 25%;
	background: rgba(255, 255, 255, 0.045);
	animation: acnProgrammeLightThree 5s ease-in-out infinite;
}


@keyframes acnProgrammeLightOne {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.5;
	}

	50% {
		transform: translate(45px, -25px) scale(1.2);
		opacity: 1;
	}

}


@keyframes acnProgrammeLightTwo {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: 0.4;
	}

	50% {
		transform: translate(-35px, 25px) scale(1.18);
		opacity: 0.9;
	}

}


@keyframes acnProgrammeLightThree {

	0%,
	100% {
		transform: scale(0.8);
		opacity: 0.3;
	}

	50% {
		transform: scale(1.35);
		opacity: 0.8;
	}

}


/* =========================================================
   SECTION HEADING
========================================================= */

.acn-programmes-heading {
	max-width: 850px;
	margin: 0 auto 55px;
	text-align: center;
}

.acn-programmes-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	margin-bottom: 17px;
	color: #f3e8f5;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2.5px;
}

.acn-programmes-line {
	width: 38px;
	height: 2px;
	background: var(--pharma-yellow);
	border-radius: 20px;
}

.acn-programmes-title {
	margin: 0;
	color: #ffffff;
	font-size: 50px;
	line-height: 1.15;
	font-weight: 700;
}

.acn-programmes-title span {
	color: var(--pharma-yellow);
	position: relative;
}

.acn-programmes-title span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 100%;
	height: 3px;
	border-radius: 10px;
	background: rgb(202 85 215 / 35%);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 0.6s ease;
}

.acn-programmes-heading:hover .acn-programmes-title span::after {
	transform: scaleX(1);
}

.acn-programmes-intro {
	max-width: 680px;
	margin: 22px auto 0;
	color: #ffffff;
	font-size: 15px;
	line-height: 1.8;
}


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

.acn-programmes-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	max-width: 1100px;
	margin: 0 auto;
}


/* =========================================================
   PROGRAMME CARD
========================================================= */

.acn-programme-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(99, 211, 215, 0.13);
	border-radius: 24px;
	background: rgb(11 32 57 / 82%);
	box-shadow:
		0 25px 55px rgba(0, 0, 0, 0.20),
		inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transition:
		transform 0.5s ease,
		box-shadow 0.5s ease,
		border-color 0.5s ease;
}

.acn-programme-card::before {
	content: "";
	position: absolute;
	width: 170px;
	height: 170px;
	top: -100px;
	right: -100px;
	border-radius: 50%;
	background: rgba(69, 213, 215, 0.08);
	transition: all 0.6s ease;
}

.acn-programme-card:hover {
	transform: translateY(-12px);
	border-color: rgba(85, 213, 215, 0.38);
	box-shadow:
		0 35px 75px rgba(0, 0, 0, 0.32),
		0 0 35px rgba(54, 191, 194, 0.08);
}

.acn-programme-card:hover::before {
	transform: scale(2.5);
}


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

.acn-programme-image-box {
	position: relative;
	overflow: hidden;
}

.acn-programme-image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	/* filter: saturate(0.82) brightness(0.82); */
	transition:
		transform 0.8s ease,
		filter 0.8s ease;
}

.acn-programme-card:hover .acn-programme-image {
	transform: scale(1.09);
	filter: saturate(1.12) brightness(1);
}


/* =========================================================
   IMAGE COLOR EFFECT
========================================================= */

.acn-programme-image-overlay {
	position: absolute;
	inset: 0;
	transition: background 0.5s ease;
}

.acn-programme-card:hover .acn-programme-image-overlay {
	background:
		linear-gradient(180deg,
			rgba(15, 138, 155, 0.05) 10%,
			rgba(4, 28, 40, 0.62) 100%);
}


/* =========================================================
   PROGRAMME NUMBER
========================================================= */

.acn-programme-number {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	color: #ffffff;
	background: rgb(42 4 11 / 50%);
	backdrop-filter: blur(8px);
	font-size: 14px;
	font-weight: 700;
	transition: all 0.5s ease;
}

.acn-programme-card:hover .acn-programme-number {
	transform: rotate(360deg);
	background: rgba(158, 18, 158, 0.85);
	border-color: var(--pharma-yellow);
	;
}


/* =========================================================
   PROGRAMME ICON
========================================================= */

.acn-programme-icon {
	position: absolute;
	right: 22px;
	top: 22px;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	color: var(--pharma-yellow);
	;
	background: rgba(3, 27, 39, 0.70);
	border: 1px solid rgba(228, 109, 224, 0.22);
	backdrop-filter: blur(8px);
	font-size: 21px;
	transition: all 0.5s ease;
}

.acn-programme-card:hover .acn-programme-icon {
	transform: rotateY(360deg);
	background: var(--pharma-yellow);
	;
	color: #ffffff;
	box-shadow: 0 0 25px rgba(215, 85, 204, 0.3);
}


/* =========================================================
   CONTENT
========================================================= */

.acn-programme-content {
	padding: 28px 30px 30px;
}

.acn-programme-tag {
	display: inline-block;
	margin-bottom: 11px;
	padding: 6px 12px;
	border-radius: 30px;
	color: var(--pharma-green);
	background: var(--pharma-yellow);
	border: 1px solid rgba(82, 218, 220, 0.13);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.acn-programme-content h3 {
	margin: 0;
	color: #ffffff;
	font-size: 25px;
	line-height: 1.35;
	font-weight: 700;
}

.acn-programme-divider {
	width: 55px;
	height: 3px;
	margin: 17px 0;
	border-radius: 20px;
	background: var(--pharma-yellow);
	transition: width 0.5s ease;
}

.acn-programme-card:hover .acn-programme-divider {
	width: 100px;
}

.acn-programme-content p {
	margin: 0;
	color: #ddf1f9;
	font-size: 14px;
	line-height: 1.85;
}


/* =========================================================
   FOOTER INFORMATION
========================================================= */

.acn-programme-footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 23px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.acn-programme-footer span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #ffffff;
	font-size: 15px;
}

.acn-programme-footer i {
	color: #ffffff;
	font-size: 14px;
}


/* =========================================================
   LIGHT SWEEP EFFECT
========================================================= */

.acn-programme-card::after {
	content: "";
	position: absolute;
	top: 0;
	left: -120%;
	width: 70%;
	height: 100%;
	pointer-events: none;
	background: rgba(255, 255, 255, 0.035);
	transform: skewX(-20deg);
	transition: left 0.8s ease;
}

.acn-programme-card:hover::after {
	left: 140%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.acn-programmes-section {
		padding: 85px 0;
	}

	.acn-programmes-title {
		font-size: 42px;
	}

	.acn-programmes-grid {
		grid-template-columns: 1fr;
		max-width: 650px;
	}

	.acn-programme-image-box {
		height: 350px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-programmes-section {
		padding: 65px 0;
	}

	.acn-programmes-heading {
		margin-bottom: 40px;
	}

	.acn-programmes-title {
		font-size: 34px;
	}

	.acn-programmes-intro {
		font-size: 14px;
	}

	.acn-programme-image-box {
		height: 300px;
	}

	.acn-programme-content {
		padding: 25px 22px;
	}

	.acn-programme-content h3 {
		font-size: 22px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-programmes-section {
		padding: 55px 0;
	}

	.acn-programmes-title {
		font-size: 29px;
	}

	.acn-programmes-subtitle {
		font-size: 10px;
		letter-spacing: 1.5px;
	}

	.acn-programmes-line {
		width: 25px;
	}

	.acn-programme-image-box {
		height: 250px;
	}

	.acn-programme-content {
		padding: 22px 18px;
	}

	.acn-programme-content h3 {
		font-size: 20px;
	}

	.acn-programme-content p {
		font-size: 14px;
		line-height: 1.75;
	}

	.acn-programme-footer {
		gap: 12px;
	}

	.acn-programme-pattern-one {
		width: 400px;
		height: 400px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   WHY CHOOSE ANNAI
   LIGHT PREMIUM DESIGN
========================================================= */

.acn-why-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background: #ffffff;
	isolation: isolate;
}


/* =========================================================
   SOFT BACKGROUND
========================================================= */

.acn-why-section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: -4;
	background: radial-gradient(circle at 12% 20%, rgb(164 14 168 / 10%), #00000000 28%), radial-gradient(circle at 88% 78%, rgb(224 59 246 / 8%), #00000000 30%);
}

/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.acn-why-pattern {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -3;
}

.acn-why-pattern-one {
	width: 600px;
	height: 600px;
	top: -350px;
	right: -240px;
	border: 1px solid rgba(14, 138, 155, 0.12);
	animation: acnWhyRotate 30s linear infinite;
}

.acn-why-pattern-two {
	width: 450px;
	height: 450px;
	bottom: -280px;
	left: -220px;
	border: 2px dashed rgba(14, 138, 155, 0.10);
	animation: acnWhyRotateReverse 24s linear infinite;
}

.acn-why-pattern-three {
	width: 180px;
	height: 180px;
	top: 42%;
	right: 48%;
	border: 1px solid rgba(14, 138, 155, 0.06);
	animation: acnWhyRotate 18s linear infinite;
}


@keyframes acnWhyRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes acnWhyRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   ANIMATED LIGHTING
========================================================= */

.acn-why-light {
	position: absolute;
	border-radius: 50%;
	filter: blur(45px);
	pointer-events: none;
	z-index: -2;
}

.acn-why-light-one {
	width: 230px;
	height: 230px;
	top: 12%;
	left: 5%;
	background: rgba(15, 164, 168, 0.10);
	animation: acnWhyLightOne 7s ease-in-out infinite;
}

.acn-why-light-two {
	width: 280px;
	height: 280px;
	right: 4%;
	bottom: 8%;
	background: rgba(59, 130, 246, 0.08);
	animation: acnWhyLightTwo 9s ease-in-out infinite;
}

.acn-why-light-three {
	width: 110px;
	height: 110px;
	left: 48%;
	top: 22%;
	background: rgba(20, 184, 166, 0.07);
	animation: acnWhyLightThree 5s ease-in-out infinite;
}


@keyframes acnWhyLightOne {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .45;
	}

	50% {
		transform: translate(40px, -30px) scale(1.2);
		opacity: 1;
	}

}


@keyframes acnWhyLightTwo {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(-40px, 25px) scale(1.18);
		opacity: .9;
	}

}


@keyframes acnWhyLightThree {

	0%,
	100% {
		transform: scale(.8);
		opacity: .3;
	}

	50% {
		transform: scale(1.3);
		opacity: .8;
	}

}


/* =========================================================
   SECTION HEADING
========================================================= */

.acn-why-heading {
	max-width: 820px;
	margin: 0 auto 55px;
	text-align: center;
}

.acn-why-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	margin-bottom: 16px;
	color: #e75480;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2.5px;
}

.acn-why-line {
	width: 38px;
	height: 2px;
	border-radius: 20px;
	background: #e75480;
}

.acn-why-title {
	margin: 0;
	color: #490f4a;
	font-size: 50px;
	line-height: 1.15;
	font-weight: 700;
}

.acn-why-title span {
	position: relative;
	color: #490f4a;
}

.acn-why-title span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -8px;
	height: 3px;
	border-radius: 10px;
	background: rgb(157 14 155 / 47%);
	transform: scaleX(0);
	transition: transform .6s ease;
}

.acn-why-heading:hover .acn-why-title span::after {
	transform: scaleX(1);
}

.acn-why-intro {
	max-width: 680px;
	margin: 22px auto 0;
	color: #4a3a4d;
	font-size: 15px;
	line-height: 1.8;
}


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

.acn-why-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}


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

.acn-why-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(14, 138, 155, 0.10);
	border-radius: 22px;
	background-color: #490f4a;
	box-shadow:
		0 15px 40px rgba(28, 91, 108, 0.07),
		0 3px 12px rgba(28, 91, 108, 0.04);
	transition:
		transform .5s ease,
		box-shadow .5s ease,
		border-color .5s ease;
}

.acn-why-card:hover {
	transform: translateY(-12px);
	border-color: rgba(14, 138, 155, 0.25);
	box-shadow:
		0 30px 65px rgba(28, 91, 108, 0.13),
		0 0 30px rgba(14, 165, 168, 0.06);
}


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

.acn-why-image-wrap {
	position: relative;
	overflow: hidden;
}

.acn-why-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;


	transition:
		transform .8s ease,
		filter .8s ease;
}

.acn-why-card:hover .acn-why-image {
	transform: scale(1.09);
	filter:
		saturate(1.08) brightness(1.02);
}


/* =========================================================
   IMAGE COLOR OVERLAY
========================================================= */

.acn-why-image-overlay {
	position: absolute;
	inset: 0;

	transition: background .5s ease;
}

.acn-why-card:hover .acn-why-image-overlay {
	background:
		linear-gradient(180deg,
			rgba(14, 138, 155, 0.02),
			rgba(7, 52, 66, 0.35));
}


/* =========================================================
   NUMBER
========================================================= */

.acn-why-number {
	position: absolute;
	top: 18px;
	left: 18px;

	width: 45px;
	height: 45px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	color: #ffffff;
	background: rgba(7, 43, 55, 0.62);

	border: 1px solid rgba(255, 255, 255, 0.25);

	backdrop-filter: blur(8px);

	font-size: 14px;
	font-weight: 700;

	transition: all .5s ease;
}

.acn-why-card:hover .acn-why-number {
	transform: rotate(360deg);
	background: #0d959d;
	border-color: #ffffff;
}


/* =========================================================
   ICON
========================================================= */

.acn-why-icon {
	position: absolute;
	right: 18px;
	top: 18px;

	width: 52px;
	height: 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 15px;

	color: #ffffff;
	background: rgb(53 7 55);

	border: 1px solid rgba(255, 255, 255, 0.20);

	backdrop-filter: blur(8px);

	font-size: 19px;

	transition: all .5s ease;
}

.acn-why-card:hover .acn-why-icon {
	transform: rotateY(360deg);
	background: #7b2a80;
	box-shadow:
		0 0 25px rgba(14, 152, 158, .30);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.acn-why-content {
	padding: 25px 25px 27px;
	background-color: #490f4a;
}

.acn-why-content h3 {
	margin: 0;

	color: #ffffff;

	font-size: 19px;
	line-height: 1.4;
	font-weight: 700;

	transition: color .3s ease;
}

.acn-why-card:hover .acn-why-content h3 {
	color: var(--pharma-yellow);
}


/* =========================================================
   DIVIDER ANIMATION
========================================================= */

.acn-why-divider {
	width: 48px;
	height: 3px;

	margin: 14px 0 16px;

	border-radius: 20px;

	background: var(--pharma-yellow);

	transition: width .5s ease;
}

.acn-why-card:hover .acn-why-divider {
	width: 90px;
}


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

.acn-why-content p {
	margin: 0;

	color: #ffffff;

	font-size: 14px;
	line-height: 1.8;
}


/* =========================================================
   LIGHT SWEEP EFFECT
========================================================= */

.acn-why-card::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 70%;
	height: 100%;

	pointer-events: none;

	background: rgba(255, 255, 255, 0.25);

	transform: skewX(-20deg);

	transition: left .85s ease;
}

.acn-why-card:hover::after {
	left: 140%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.acn-why-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 991px) {

	.acn-why-section {
		padding: 85px 0;
	}

	.acn-why-title {
		font-size: 42px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-why-section {
		padding: 65px 0;
	}

	.acn-why-heading {
		margin-bottom: 40px;
	}

	.acn-why-title {
		font-size: 34px;
	}

	.acn-why-intro {
		font-size: 14px;
	}

	.acn-why-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-why-section {
		padding: 55px 0;
	}

	.acn-why-title {
		font-size: 29px;
	}

	.acn-why-subtitle {
		font-size: 10px;
		letter-spacing: 1.5px;
	}

	.acn-why-line {
		width: 25px;
	}

	.acn-why-content {
		padding: 21px 19px 23px;
	}

	.acn-why-content h3 {
		font-size: 18px;
	}

	.acn-why-content p {
		font-size: 14px;
		line-height: 1.75;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   LEARNING THROUGH PRACTICE
   DARK PREMIUM DESIGN
========================================================= */

.acn-practice-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background: #490f4a;
	isolation: isolate;
}


/* =========================================================
   BACKGROUND LIGHTING
========================================================= */

.acn-practice-section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: -4;

	background:
		radial-gradient(circle at 10% 25%,
			rgba(18, 168, 171, 0.14),
			transparent 30%),
		radial-gradient(circle at 90% 70%,
			rgba(45, 130, 220, 0.11),
			transparent 32%);
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.acn-practice-pattern {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -3;
}


/* Top Right */

.acn-practice-pattern-one {
	width: 600px;
	height: 600px;
	top: -330px;
	right: -230px;

	border: 1px solid rgba(77, 219, 220, 0.13);

	animation:
		acnPracticeRotate 30s linear infinite;
}


/* Bottom Left */

.acn-practice-pattern-two {
	width: 470px;
	height: 470px;
	bottom: -280px;
	left: -230px;

	border: 2px dashed rgba(77, 219, 220, 0.09);

	animation:
		acnPracticeRotateReverse 25s linear infinite;
}


/* Center Pattern */

.acn-practice-pattern-three {
	width: 210px;
	height: 210px;
	top: 35%;
	left: 47%;

	border: 1px solid rgba(255, 255, 255, 0.045);

	animation:
		acnPracticeRotate 18s linear infinite;
}


@keyframes acnPracticeRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes acnPracticeRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   ANIMATED LIGHT ORBS
========================================================= */

.acn-practice-light {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	filter: blur(50px);
	z-index: -2;
}


.acn-practice-light-one {
	width: 220px;
	height: 220px;

	top: 12%;
	left: 5%;

	background: rgba(22, 180, 182, 0.13);

	animation:
		acnPracticeLightOne 7s ease-in-out infinite;
}


.acn-practice-light-two {
	width: 290px;
	height: 290px;

	right: 5%;
	bottom: 5%;

	background: rgba(35, 115, 210, 0.11);

	animation:
		acnPracticeLightTwo 9s ease-in-out infinite;
}


.acn-practice-light-three {
	width: 110px;
	height: 110px;

	top: 45%;
	left: 45%;

	background: rgba(86, 230, 226, 0.06);

	animation:
		acnPracticeLightThree 5s ease-in-out infinite;
}


@keyframes acnPracticeLightOne {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(45px, -30px) scale(1.2);
		opacity: 1;
	}

}


@keyframes acnPracticeLightTwo {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(-40px, 25px) scale(1.2);
		opacity: .9;
	}

}


@keyframes acnPracticeLightThree {

	0%,
	100% {
		transform: scale(.8);
		opacity: .25;
	}

	50% {
		transform: scale(1.35);
		opacity: .8;
	}

}


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

.acn-practice-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	align-items: center;
	gap: 75px;
}


/* =========================================================
   CONTENT AREA
========================================================= */

.acn-practice-content {
	position: relative;
}


.acn-practice-label {
	display: flex;
	align-items: center;
	gap: 12px;

	margin-bottom: 16px;

	color: #d9a0dc;

	font-size: 12px;
	font-weight: 700;

	letter-spacing: 2.5px;
}


.acn-practice-label-line {
	width: 40px;
	height: 2px;

	border-radius: 20px;

	background: #a24ba8;
}


/* =========================================================
   TITLE
========================================================= */

.acn-practice-title {
	margin: 0;

	color: #ffffff;

	font-size: 49px;
	line-height: 1.15;
	font-weight: 700;
}


.acn-practice-title span {
	position: relative;
	color: var(--pharma-yellow);
	;
}


.acn-practice-title span::after {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: -8px;

	height: 3px;

	border-radius: 20px;

	background: rgba(85, 215, 216, .30);

	transform: scaleX(0);
	transform-origin: left;

	transition: transform .6s ease;
}


.acn-practice-content:hover .acn-practice-title span::after {
	transform: scaleX(1);
}


.acn-practice-title-line {
	width: 65px;
	height: 4px;

	margin: 23px 0 25px;

	border-radius: 20px;

	background: var(--pharma-yellow);
	;

	transition: width .5s ease;
}


.acn-practice-content:hover .acn-practice-title-line {
	width: 105px;
}


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

.acn-practice-description {
	margin: 0 0 18px;

	color: #d5f0f9;

	font-size: 15px;
	line-height: 1.9;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.acn-practice-highlights {
	display: grid;

	grid-template-columns: repeat(2, 1fr);

	gap: 14px;

	margin-top: 28px;
}


.acn-practice-highlight {
	display: flex;
	align-items: center;

	gap: 13px;

	padding: 15px;

	border: 1px solid rgba(91, 218, 219, .10);

	border-radius: 14px;

	background: rgba(255, 255, 255, .035);

	transition:
		transform .4s ease,
		background .4s ease,
		border-color .4s ease,
		box-shadow .4s ease;
}


.acn-practice-highlight:hover {
	transform: translateY(-6px);

	background: rgba(72, 210, 212, .07);

	border-color:
		rgba(91, 218, 219, .28);

	box-shadow:
		0 15px 30px rgba(0, 0, 0, .18);
}


/* =========================================================
   HIGHLIGHT ICON
========================================================= */

.acn-practice-highlight-icon {
	width: 44px;
	height: 44px;

	min-width: 44px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 12px;

	color: #65dedf;

	background: rgba(66, 204, 207, .09);

	border: 1px solid rgba(66, 204, 207, .12);

	font-size: 17px;

	transition:
		transform .5s ease,
		background .4s ease,
		color .4s ease;
}


.acn-practice-highlight:hover .acn-practice-highlight-icon {
	transform: rotateY(360deg);

	color: #ffffff;

	background: #13999d;

	box-shadow:
		0 0 20px rgba(69, 218, 220, .20);
}


.acn-practice-highlight h4 {
	margin: 0 0 4px;

	color: #ffffff;

	font-size: 14px;
	font-weight: 700;
}


.acn-practice-highlight p {
	margin: 0;

	color: #bddfea;

	font-size: 12px;

	line-height: 1.5;
}


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

.acn-practice-image-area {
	position: relative;

	padding: 15px;
}


.acn-practice-image-card {
	position: relative;

	overflow: hidden;

	border-radius: 26px;

	background: #2d0230;

	border: 1px solid rgba(91, 218, 219, .14);

	box-shadow:
		0 30px 70px rgba(0, 0, 0, .28);

	transition:
		transform .5s ease,
		box-shadow .5s ease;
}


.acn-practice-image-card:hover {
	transform: translateY(-12px);

	box-shadow:
		0 40px 85px rgba(0, 0, 0, .38),
		0 0 35px rgba(49, 194, 196, .08);
}


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

.acn-practice-image {
	display: block;

	width: 100%;
	height: 550px;

	object-fit: cover;

	transition:
		transform .8s ease,
		filter .8s ease;
}


.acn-practice-image-card:hover .acn-practice-image {
	transform: scale(1.08);

	filter:
		saturate(1.08) brightness(.95);
}


/* =========================================================
   IMAGE COLOR OVERLAY
========================================================= */

.acn-practice-image-overlay {
	position: absolute;

	inset: 0;


	transition:
		background .5s ease;
}


.acn-practice-image-card:hover .acn-practice-image-overlay {
	background:
		linear-gradient(180deg,
			rgba(9, 122, 134, .03) 15%,
			rgba(3, 25, 36, .60) 100%);
}


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

.acn-practice-badge {
	position: absolute;

	left: 25px;
	right: 25px;
	bottom: 25px;

	display: flex;
	align-items: center;

	gap: 14px;

	padding: 15px 18px;

	border-radius: 15px;

	background:
		rgba(5, 37, 50, .78);

	border: 1px solid rgba(255, 255, 255, .12);

	/* backdrop-filter: blur(12px); */

	transition:
		transform .5s ease,
		background .5s ease;
}


.acn-practice-image-card:hover .acn-practice-badge {
	transform: translateY(-7px);

	background:
		rgba(7, 57, 69, .88);
}


.acn-practice-badge-icon {
	width: 46px;
	height: 46px;

	min-width: 46px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	color: #69e3e4;

	background: rgba(73, 216, 218, .10);

	font-size: 19px;
}


.acn-practice-badge strong {
	display: block;

	color: #ffffff;

	font-size: 15px;
}


.acn-practice-badge span {
	display: block;

	margin-top: 3px;

	color: #8fb7c0;

	font-size: 12px;
}


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

.acn-practice-image-glow {
	position: absolute;

	width: 190px;
	height: 190px;

	top: -40px;
	right: -35px;

	border-radius: 50%;

	background:
		rgba(54, 210, 213, .13);

	filter: blur(38px);

	animation:
		acnPracticeImageGlow 5s ease-in-out infinite;
}


@keyframes acnPracticeImageGlow {

	0%,
	100% {
		transform: scale(.9);
		opacity: .45;
	}

	50% {
		transform: scale(1.2);
		opacity: 1;
	}

}


/* =========================================================
   ROTATING RING
========================================================= */

.acn-practice-ring {
	position: absolute;

	width: 105px;
	height: 105px;

	right: -28px;
	top: -28px;

	border-radius: 50%;

	border:
		2px dashed rgba(80, 218, 220, .30);

	animation:
		acnPracticeRingRotate 15s linear infinite;
}


@keyframes acnPracticeRingRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


/* =========================================================
   FLOATING ICONS
========================================================= */

.acn-practice-floating-icon {
	position: absolute;

	left: -10px;
	bottom: 110px;

	width: 55px;
	height: 55px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	color: #159da0;

	background: #ffffff;

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .20);

	animation:
		acnPracticeFloat 3s ease-in-out infinite;
}


.acn-practice-floating-heart {
	position: absolute;

	right: 20px;
	top: 50%;

	width: 43px;
	height: 43px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	color: #ffffff;

	background: rgba(12, 145, 150, .82);

	box-shadow:
		0 0 25px rgba(58, 217, 219, .25);

	animation:
		acnPracticeHeartPulse 2.5s ease-in-out infinite;
}


@keyframes acnPracticeFloat {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-13px);
	}

}


@keyframes acnPracticeHeartPulse {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.13);
	}

}


/* =========================================================
   LIGHT SWEEP
========================================================= */

.acn-practice-image-card::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 65%;
	height: 100%;

	background:
		rgba(255, 255, 255, .045);

	transform: skewX(-20deg);

	pointer-events: none;

	transition:
		left .85s ease;
}


.acn-practice-image-card:hover::after {
	left: 140%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.acn-practice-section {
		padding: 85px 0;
	}

	.acn-practice-grid {
		grid-template-columns: 1fr;

		gap: 55px;
	}

	.acn-practice-content {
		max-width: 850px;
		margin: 0 auto;
	}

	.acn-practice-image-area {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
	}

	.acn-practice-title {
		font-size: 42px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-practice-section {
		padding: 65px 0;
	}

	.acn-practice-title {
		font-size: 34px;
	}

	.acn-practice-description {
		font-size: 14px;
		line-height: 1.8;
	}

	.acn-practice-highlights {
		grid-template-columns: 1fr;
	}

	.acn-practice-image {
		height: 430px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-practice-section {
		padding: 55px 0;
	}

	.acn-practice-title {
		font-size: 29px;
	}

	.acn-practice-label {
		font-size: 10px;
		letter-spacing: 1.5px;
	}

	.acn-practice-image {
		height: 360px;
	}

	.acn-practice-badge {
		left: 15px;
		right: 15px;
		bottom: 15px;
	}

	.acn-practice-floating-icon {
		left: -5px;
		width: 45px;
		height: 45px;
	}

	.acn-practice-floating-heart {
		width: 38px;
		height: 38px;
		right: 12px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   RECOGNITION & AFFILIATION
   LIGHT PREMIUM DESIGN
========================================================= */

.acn-recognition-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background: #f4fafb;
	isolation: isolate;
}


/* =========================================================
   BACKGROUND LIGHTING
========================================================= */

.acn-recognition-section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: -4;

	background:
		radial-gradient(circle at 10% 20%,
			rgba(14, 165, 168, 0.10),
			transparent 29%),
		radial-gradient(circle at 90% 80%,
			rgba(59, 130, 246, 0.08),
			transparent 31%);
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.acn-recognition-pattern {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -3;
}


/* Top Right */

.acn-recognition-pattern-one {
	width: 600px;
	height: 600px;
	top: -340px;
	right: -240px;

	border: 1px solid rgba(14, 138, 155, 0.12);

	animation:
		acnRecognitionRotate 30s linear infinite;
}


/* Bottom Left */

.acn-recognition-pattern-two {
	width: 450px;
	height: 450px;
	bottom: -270px;
	left: -220px;

	border: 2px dashed rgba(14, 138, 155, 0.10);

	animation:
		acnRecognitionRotateReverse 24s linear infinite;
}


/* Center */

.acn-recognition-pattern-three {
	width: 190px;
	height: 190px;
	top: 43%;
	left: 47%;

	border: 1px solid rgba(14, 138, 155, 0.06);

	animation:
		acnRecognitionRotate 18s linear infinite;
}


@keyframes acnRecognitionRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes acnRecognitionRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   ANIMATED LIGHT ORBS
========================================================= */

.acn-recognition-light {
	position: absolute;
	border-radius: 50%;
	filter: blur(45px);
	pointer-events: none;
	z-index: -2;
}


.acn-recognition-light-one {
	width: 220px;
	height: 220px;

	top: 12%;
	left: 5%;

	background: rgba(15, 165, 168, 0.10);

	animation:
		acnRecognitionLightOne 7s ease-in-out infinite;
}


.acn-recognition-light-two {
	width: 270px;
	height: 270px;

	right: 5%;
	bottom: 8%;

	background: rgba(59, 130, 246, 0.08);

	animation:
		acnRecognitionLightTwo 9s ease-in-out infinite;
}


.acn-recognition-light-three {
	width: 100px;
	height: 100px;

	left: 48%;
	top: 25%;

	background: rgba(20, 184, 166, 0.07);

	animation:
		acnRecognitionLightThree 5s ease-in-out infinite;
}


@keyframes acnRecognitionLightOne {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(40px, -25px) scale(1.2);
		opacity: 1;
	}

}


@keyframes acnRecognitionLightTwo {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(-35px, 25px) scale(1.18);
		opacity: .9;
	}

}


@keyframes acnRecognitionLightThree {

	0%,
	100% {
		transform: scale(.8);
		opacity: .3;
	}

	50% {
		transform: scale(1.3);
		opacity: .8;
	}

}


/* =========================================================
   SECTION HEADING
========================================================= */

.acn-recognition-heading {
	max-width: 850px;
	margin: 0 auto 55px;
	text-align: center;
}


.acn-recognition-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;

	margin-bottom: 16px;

	color: #0e8e9b;

	font-size: 12px;
	font-weight: 700;

	letter-spacing: 2.3px;
}


.acn-recognition-line {
	width: 38px;
	height: 2px;

	border-radius: 20px;

	background: #a24ba8;
}


.acn-recognition-title {
	margin: 0;

	color: #490f4a;

	font-size: 48px;
	line-height: 1.15;
	font-weight: 700;
}


.acn-recognition-title span {
	position: relative;
	color: #490f4a;
}


.acn-recognition-title span::after {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: -8px;

	height: 3px;

	border-radius: 10px;

	background: rgba(14, 147, 157, 0.25);

	transform: scaleX(0);

	transition: transform .6s ease;
}


.acn-recognition-heading:hover .acn-recognition-title span::after {
	transform: scaleX(1);
}


.acn-recognition-intro {
	max-width: 690px;

	margin: 22px auto 0;

	color: #4a3a4d;

	font-size: 15px;
	line-height: 1.8;
}


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

.acn-recognition-grid {
	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 22px;
}


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

.acn-recognition-card {
	position: relative;
	overflow: hidden;

	border: 1px solid rgba(14, 138, 155, 0.10);

	border-radius: 20px;

	background: rgba(255, 255, 255, .92);

	box-shadow:
		0 15px 40px rgba(28, 91, 108, .07),
		0 3px 12px rgba(28, 91, 108, .04);

	transition:
		transform .5s ease,
		box-shadow .5s ease,
		border-color .5s ease;
}


.acn-recognition-card:hover {
	transform: translateY(-12px);

	border-color:
		rgba(14, 138, 155, .27);

	box-shadow:
		0 30px 65px rgba(28, 91, 108, .14),
		0 0 30px rgba(14, 165, 168, .06);
}


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

.acn-recognition-image-wrap {
	position: relative;

	height: 220px;

	overflow: hidden;
}


.acn-recognition-image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	filter:
		saturate(.72) brightness(.90);

	transition:
		transform .8s ease,
		filter .8s ease;
}


.acn-recognition-card:hover .acn-recognition-image {
	transform: scale(1.09);

	filter:
		saturate(1.10) brightness(1.02);
}


/* =========================================================
   IMAGE COLOR OVERLAY
========================================================= */

.acn-recognition-image-overlay {
	position: absolute;
	inset: 0;

	background:
		linear-gradient(180deg,
			rgba(5, 50, 63, .02),
			rgba(5, 50, 63, .57));

	transition:
		background .5s ease;
}


.acn-recognition-card:hover .acn-recognition-image-overlay {
	background:
		linear-gradient(180deg,
			rgba(14, 138, 155, .02),
			rgba(5, 50, 63, .38));
}


/* =========================================================
   NUMBER
========================================================= */

.acn-recognition-number {
	position: absolute;

	top: 16px;
	left: 16px;

	width: 43px;
	height: 43px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	color: #ffffff;

	background:
		rgba(5, 45, 58, .64);

	border:
		1px solid rgba(255, 255, 255, .25);

	backdrop-filter: blur(8px);

	font-size: 12px;
	font-weight: 700;

	transition:
		all .5s ease;
}


.acn-recognition-card:hover .acn-recognition-number {
	transform: rotate(360deg);

	background: #7b2a80;

	border-color: #ffffff;
}


/* =========================================================
   ICON
========================================================= */

.acn-recognition-icon {
	position: absolute;

	top: 16px;
	right: 16px;

	width: 48px;
	height: 48px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 14px;

	color: #ffffff;

	background:
		rgba(5, 45, 58, .64);

	border:
		1px solid rgba(255, 255, 255, .20);

	backdrop-filter: blur(8px);

	font-size: 18px;

	transition:
		all .5s ease;
}


.acn-recognition-card:hover .acn-recognition-icon {
	transform: rotateY(360deg);

	background: #0e999f;

	box-shadow:
		0 0 25px rgba(14, 153, 159, .28);
}


/* =========================================================
   CONTENT
========================================================= */

.acn-recognition-content {
	padding: 23px 20px 25px;
}


.acn-recognition-tag {
	display: inline-block;

	margin-bottom: 10px;

	padding: 5px 10px;

	border-radius: 20px;

	color: #ffffff;

	background: #490f4a;

	border:
		1px solid rgba(14, 142, 153, .10);

	font-size: 9px;

	font-weight: 700;

	letter-spacing: .7px;

	text-transform: uppercase;
}


.acn-recognition-content h3 {
	min-height: 82px;

	margin: 0;

	color: #21495b;

	font-size: 17px;

	line-height: 1.55;

	font-weight: 700;

	transition:
		color .3s ease;
}


.acn-recognition-card:hover .acn-recognition-content h3 {
	color: #0d8f99;
}


/* =========================================================
   DIVIDER
========================================================= */

.acn-recognition-divider {
	width: 45px;
	height: 3px;

	margin: 14px 0;

	border-radius: 20px;

	background: #0e9ba0;

	transition:
		width .5s ease;
}


.acn-recognition-card:hover .acn-recognition-divider {
	width: 85px;
}


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

.acn-recognition-content p {
	margin: 0;

	color: #4a3a4d;

	font-size: 13px;

	line-height: 1.7;
}


/* =========================================================
   LIGHT SWEEP EFFECT
========================================================= */

.acn-recognition-card::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 70%;
	height: 100%;

	pointer-events: none;

	background:
		rgba(255, 255, 255, .28);

	transform: skewX(-20deg);

	transition:
		left .85s ease;
}


.acn-recognition-card:hover::after {
	left: 140%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.acn-recognition-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.acn-recognition-section {
		padding: 85px 0;
	}

	.acn-recognition-title {
		font-size: 42px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-recognition-section {
		padding: 65px 0;
	}

	.acn-recognition-heading {
		margin-bottom: 40px;
	}

	.acn-recognition-title {
		font-size: 34px;
	}

	.acn-recognition-intro {
		font-size: 14px;
	}

	.acn-recognition-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.acn-recognition-image-wrap {
		height: 250px;
	}

	.acn-recognition-content h3 {
		min-height: auto;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-recognition-section {
		padding: 55px 0;
	}

	.acn-recognition-title {
		font-size: 29px;
	}

	.acn-recognition-subtitle {
		font-size: 10px;
		letter-spacing: 1.5px;
	}

	.acn-recognition-line {
		width: 25px;
	}

	.acn-recognition-image-wrap {
		height: 220px;
	}

	.acn-recognition-content {
		padding: 20px 18px 22px;
	}

	.acn-recognition-content h3 {
		font-size: 16px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   BEGIN YOUR JOURNEY IN NURSING
   DARK PREMIUM CTA DESIGN
========================================================= */

.acn-journey-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background-color: #ffffff;
	/* background-image: url(../images/background/7.png); */
	color: #c9b3cc;
	isolation: isolate;
	background-position: top;
	background-size: cover;
	isolation: isolate;
}


/* =========================================================
   BACKGROUND LIGHT
========================================================= */

.acn-journey-section::before {
	content: "";

	position: absolute;
	inset: 0;

	pointer-events: none;

	z-index: -5;

	background:
		radial-gradient(circle at 12% 25%,
			rgba(17, 175, 179, 0.15),
			transparent 31%),
		radial-gradient(circle at 88% 75%,
			rgba(43, 118, 220, 0.12),
			transparent 32%);
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.acn-journey-pattern {
	position: absolute;

	border-radius: 50%;

	pointer-events: none;

	z-index: -4;
}


.acn-journey-pattern-one {
	width: 650px;
	height: 650px;

	top: -370px;
	right: -260px;

	border:
		1px solid rgba(79, 220, 221, 0.13);

	animation:
		acnJourneyRotate 30s linear infinite;
}


.acn-journey-pattern-two {
	width: 470px;
	height: 470px;

	bottom: -280px;
	left: -230px;

	border:
		2px dashed rgba(79, 220, 221, 0.09);

	animation:
		acnJourneyRotateReverse 25s linear infinite;
}


.acn-journey-pattern-three {
	width: 200px;
	height: 200px;

	top: 38%;
	left: 46%;

	border:
		1px solid rgba(255, 255, 255, 0.045);

	animation:
		acnJourneyRotate 18s linear infinite;
}


@keyframes acnJourneyRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes acnJourneyRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   ANIMATED LIGHTING
========================================================= */

.acn-journey-light {
	position: absolute;

	border-radius: 50%;

	filter: blur(50px);

	pointer-events: none;

	z-index: -3;
}


.acn-journey-light-one {
	width: 230px;
	height: 230px;

	top: 10%;
	left: 4%;

	background:
		rgba(25, 190, 192, 0.14);

	animation:
		acnJourneyLightOne 7s ease-in-out infinite;
}


.acn-journey-light-two {
	width: 300px;
	height: 300px;

	right: 5%;
	bottom: 4%;

	background:
		rgba(42, 117, 220, 0.12);

	animation:
		acnJourneyLightTwo 9s ease-in-out infinite;
}


.acn-journey-light-three {
	width: 120px;
	height: 120px;

	left: 45%;
	top: 22%;

	background:
		rgba(90, 228, 228, 0.06);

	animation:
		acnJourneyLightThree 5s ease-in-out infinite;
}


@keyframes acnJourneyLightOne {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(45px, -30px) scale(1.22);
		opacity: 1;
	}

}


@keyframes acnJourneyLightTwo {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(-40px, 25px) scale(1.2);
		opacity: .9;
	}

}


@keyframes acnJourneyLightThree {

	0%,
	100% {
		transform: scale(.8);
		opacity: .25;
	}

	50% {
		transform: scale(1.35);
		opacity: .8;
	}

}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.acn-journey-wrapper {
	position: relative;

	display: grid;

	grid-template-columns:
		1.05fr .95fr;

	align-items: center;

	gap: 70px;

	padding: 65px;

	border:
		1px solid rgba(85, 215, 217, 0.14);

	border-radius: 30px;

	background-color: #490f4a;

	box-shadow:
		0 35px 80px rgba(0, 0, 0, .28),
		inset 0 1px 0 rgba(255, 255, 255, .04);
}


/* =========================================================
   CONTENT
========================================================= */

.acn-journey-content {
	position: relative;
}


.acn-journey-label {
	display: flex;

	align-items: center;

	gap: 12px;

	margin-bottom: 16px;

	color: #d9a0dc;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2.5px;
}


.acn-journey-label-line {
	width: 40px;
	height: 2px;

	border-radius: 20px;

	background: #38c2c4;
}


/* =========================================================
   TITLE
========================================================= */

.acn-journey-title {
	margin: 0;

	color: #ffffff;

	font-size: 48px;

	line-height: 1.16;

	font-weight: 700;
}


.acn-journey-title span {
	display: block;

	position: relative;

	color: #56d9da;
}


.acn-journey-title span::after {
	content: "";

	position: absolute;

	left: 0;

	bottom: -8px;

	width: 165px;

	height: 3px;

	border-radius: 20px;

	background:
		rgba(86, 217, 218, .28);

	transform:
		scaleX(0);

	transform-origin: left;

	transition:
		transform .6s ease;
}


.acn-journey-wrapper:hover .acn-journey-title span::after {
	transform:
		scaleX(1);
}


/* =========================================================
   DIVIDER
========================================================= */

.acn-journey-divider {
	width: 65px;
	height: 4px;

	margin: 25px 0;

	border-radius: 20px;

	background: #a24ba8;

	transition:
		width .5s ease;
}


.acn-journey-wrapper:hover .acn-journey-divider {
	width: 105px;
}


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

.acn-journey-description {
	max-width: 620px;

	margin: 0;

	color: #ffffff;

	font-size: 15px;

	line-height: 1.9;
}


/* =========================================================
   BUTTONS
========================================================= */

.acn-journey-buttons {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 14px;

	margin-top: 32px;
}


.acn-journey-btn {
	position: relative;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 11px;

	min-height: 52px;

	padding: 0 22px;

	border-radius: 10px;

	text-decoration: none;

	font-size: 14px;

	font-weight: 700;

	overflow: hidden;

	transition:
		transform .4s ease,
		box-shadow .4s ease,
		background .4s ease,
		border-color .4s ease;
}


/* Primary */

.acn-journey-btn-primary {
	color: #ffffff;

	background:
		#7b2a80;

	border:
		1px solid #7b2a80;

	box-shadow:
		0 10px 25px rgba(14, 152, 158, .20);
}


.acn-journey-btn-primary:hover {
	color: #ffffff;

	transform:
		translateY(-5px);

	background:
		#12a8ad;

	box-shadow:
		0 17px 35px rgba(14, 152, 158, .32);
}


/* Secondary */

.acn-journey-btn-secondary {
	color: #78e1e2;

	background:
		rgba(67, 207, 209, .05);

	border:
		1px solid rgba(83, 216, 218, .24);
}


.acn-journey-btn-secondary:hover {
	color: #ffffff;

	transform:
		translateY(-5px);

	background:
		rgba(14, 152, 158, .80);

	border-color:
		rgba(14, 152, 158, .80);

	box-shadow:
		0 17px 35px rgba(14, 152, 158, .20);
}


.acn-journey-btn i {
	transition:
		transform .4s ease;
}


.acn-journey-btn:hover i {
	transform:
		translateX(5px);
}


/* =========================================================
   BUTTON LIGHT SWEEP
========================================================= */

.acn-journey-btn::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 70%;
	height: 100%;

	background:
		rgba(255, 255, 255, .13);

	transform:
		skewX(-20deg);

	transition:
		left .7s ease;
}


.acn-journey-btn:hover::after {
	left: 140%;
}


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

.acn-journey-image-area {
	position: relative;

	padding: 12px;
}


.acn-journey-image-card {
	position: relative;

	overflow: hidden;

	border-radius: 24px;

	border:
		1px solid rgba(87, 217, 219, .15);

	background: #2d0230;

	box-shadow:
		0 30px 65px rgba(0, 0, 0, .30);

	transition:
		transform .5s ease,
		box-shadow .5s ease;
}


.acn-journey-image-card:hover {
	transform:
		translateY(-10px);

	box-shadow:
		0 40px 80px rgba(0, 0, 0, .40),
		0 0 35px rgba(48, 198, 200, .08);
}


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

.acn-journey-image {
	display: block;

	width: 100%;

	height: 450px;

	object-fit: cover;

	transition:
		transform .8s ease,
		filter .8s ease;
}


.acn-journey-image-card:hover .acn-journey-image {
	transform:
		scale(1.08);

	filter:
		saturate(1.10) brightness(.98);
}


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

.acn-journey-image-overlay {
	position: absolute;

	inset: 0;

	transition:
		background .5s ease;
}


.acn-journey-image-card:hover .acn-journey-image-overlay {
	background:
		linear-gradient(180deg,
			rgba(14, 140, 150, .03) 15%,
			rgba(3, 26, 37, .62) 100%);
}


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

.acn-journey-image-badge {
	position: absolute;

	left: 22px;
	right: 22px;
	bottom: 22px;

	display: flex;

	align-items: center;

	gap: 13px;

	padding: 14px 16px;

	border-radius: 14px;

	background:
		rgba(5, 39, 52, .80);

	border:
		1px solid rgba(255, 255, 255, .12);

	/* backdrop-filter: blur(12px); */

	transition:
		transform .5s ease;
}


.acn-journey-image-card:hover .acn-journey-image-badge {
	transform:
		translateY(-7px);
}


.acn-journey-badge-icon {
	width: 45px;
	height: 45px;

	min-width: 45px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	color: #67e0e1;

	background:
		rgba(70, 213, 215, .10);

	font-size: 18px;
}


.acn-journey-image-badge strong {
	display: block;

	color: #ffffff;

	font-size: 14px;
}


.acn-journey-image-badge span {
	display: block;

	margin-top: 3px;

	color: #ffffff;

	font-size: 12px;
}


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

.acn-journey-image-glow {
	position: absolute;

	width: 180px;
	height: 180px;

	top: -40px;
	right: -35px;

	border-radius: 50%;

	background:
		rgba(55, 213, 215, .14);

	filter:
		blur(38px);

	animation:
		acnJourneyImageGlow 5s ease-in-out infinite;
}


@keyframes acnJourneyImageGlow {

	0%,
	100% {
		transform: scale(.9);
		opacity: .4;
	}

	50% {
		transform: scale(1.2);
		opacity: 1;
	}

}


/* =========================================================
   ROTATING RING
========================================================= */

.acn-journey-ring {
	position: absolute;

	width: 105px;
	height: 105px;

	right: -28px;
	top: -28px;

	border-radius: 50%;

	border:
		2px dashed rgba(79, 218, 220, .30);

	animation:
		acnJourneyRingRotate 15s linear infinite;
}


@keyframes acnJourneyRingRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


/* =========================================================
   FLOATING PLUS
========================================================= */

.acn-journey-floating-plus {
	position: absolute;

	left: -10px;
	bottom: 105px;

	width: 55px;
	height: 55px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	color: #0c969c;

	background: #ffffff;

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .22);

	animation:
		acnJourneyFloat 3s ease-in-out infinite;
}


@keyframes acnJourneyFloat {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-13px);
	}

}


/* =========================================================
   HEARTBEAT ICON
========================================================= */

.acn-journey-floating-heart {
	position: absolute;

	right: 20px;
	top: 45%;

	width: 45px;
	height: 45px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	color: #ffffff;

	background:
		rgba(13, 149, 156, .85);

	box-shadow:
		0 0 25px rgba(65, 219, 220, .25);

	animation:
		acnJourneyHeartPulse 2.5s ease-in-out infinite;
}


@keyframes acnJourneyHeartPulse {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.15);
	}

}


/* =========================================================
   IMAGE LIGHT SWEEP
========================================================= */

.acn-journey-image-card::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 65%;
	height: 100%;

	background:
		rgba(255, 255, 255, .045);

	transform:
		skewX(-20deg);

	pointer-events: none;

	transition:
		left .85s ease;
}


.acn-journey-image-card:hover::after {
	left: 140%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.acn-journey-section {
		padding: 85px 0;
	}

	.acn-journey-wrapper {
		grid-template-columns: 1fr;

		gap: 50px;

		padding: 50px;
	}

	.acn-journey-content {
		max-width: 800px;

		margin: 0 auto;
	}

	.acn-journey-image-area {
		max-width: 650px;

		width: 100%;

		margin: 0 auto;
	}

	.acn-journey-title {
		font-size: 42px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-journey-section {
		padding: 65px 0;
	}

	.acn-journey-wrapper {
		padding: 35px 25px;

		border-radius: 22px;
	}

	.acn-journey-title {
		font-size: 34px;
	}

	.acn-journey-description {
		font-size: 14px;

		line-height: 1.8;
	}

	.acn-journey-buttons {
		flex-direction: column;

		align-items: stretch;
	}

	.acn-journey-btn {
		width: 100%;
	}

	.acn-journey-image {
		height: 390px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-journey-section {
		padding: 55px 0;
	}

	.acn-journey-wrapper {
		padding: 30px 18px;
	}

	.acn-journey-title {
		font-size: 29px;
	}

	.acn-journey-label {
		font-size: 9px;

		letter-spacing: 1.5px;
	}

	.acn-journey-image {
		height: 330px;
	}

	.acn-journey-image-badge {
		left: 14px;
		right: 14px;
		bottom: 14px;
	}

	.acn-journey-floating-plus {
		left: -4px;

		width: 45px;
		height: 45px;
	}

	.acn-journey-floating-heart {
		width: 38px;
		height: 38px;

		right: 10px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   PREMIUM GALLERY
========================================================= */

.acn-gallery-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background: #f4fafb;
	isolation: isolate;
}


/* =========================================================
   SOFT BACKGROUND LIGHT
========================================================= */

.acn-gallery-section::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -5;
	pointer-events: none;

	background:
		radial-gradient(circle at 12% 18%,
			rgba(14, 165, 168, 0.11),
			transparent 28%),
		radial-gradient(circle at 88% 78%,
			rgba(59, 130, 246, 0.08),
			transparent 30%);
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.acn-gallery-pattern {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	z-index: -4;
}

.acn-gallery-pattern-one {
	width: 620px;
	height: 620px;
	top: -350px;
	right: -250px;

	border: 1px solid rgba(14, 138, 155, 0.12);

	animation:
		acnGalleryRotate 30s linear infinite;
}

.acn-gallery-pattern-two {
	width: 470px;
	height: 470px;
	bottom: -280px;
	left: -230px;

	border: 2px dashed rgba(14, 138, 155, 0.10);

	animation:
		acnGalleryRotateReverse 24s linear infinite;
}

.acn-gallery-pattern-three {
	width: 190px;
	height: 190px;
	top: 42%;
	left: 46%;

	border: 1px solid rgba(14, 138, 155, 0.06);

	animation:
		acnGalleryRotate 18s linear infinite;
}

@keyframes acnGalleryRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}

@keyframes acnGalleryRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   ANIMATED LIGHTING
========================================================= */

.acn-gallery-light {
	position: absolute;
	border-radius: 50%;
	filter: blur(45px);
	pointer-events: none;
	z-index: -3;
}

.acn-gallery-light-one {
	width: 220px;
	height: 220px;
	top: 10%;
	left: 5%;

	background: rgba(15, 165, 168, 0.10);

	animation:
		acnGalleryLightOne 7s ease-in-out infinite;
}

.acn-gallery-light-two {
	width: 280px;
	height: 280px;
	right: 5%;
	bottom: 7%;

	background: rgba(59, 130, 246, 0.08);

	animation:
		acnGalleryLightTwo 9s ease-in-out infinite;
}

.acn-gallery-light-three {
	width: 110px;
	height: 110px;
	top: 35%;
	left: 45%;

	background: rgba(20, 184, 166, 0.07);

	animation:
		acnGalleryLightThree 5s ease-in-out infinite;
}

@keyframes acnGalleryLightOne {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(45px, -25px) scale(1.2);
		opacity: 1;
	}

}

@keyframes acnGalleryLightTwo {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(-40px, 25px) scale(1.18);
		opacity: .9;
	}

}

@keyframes acnGalleryLightThree {

	0%,
	100% {
		transform: scale(.8);
		opacity: .3;
	}

	50% {
		transform: scale(1.3);
		opacity: .8;
	}

}


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

.acn-gallery-heading {
	max-width: 800px;
	margin: 0 auto 55px;
	text-align: center;
}

.acn-gallery-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;

	margin-bottom: 15px;

	color: #e75480;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2.5px;
}

.acn-gallery-heading-line {
	width: 38px;
	height: 2px;
	border-radius: 20px;
	background: #e75480;
}

.acn-gallery-title {
	margin: 0;

	color: #490f4a;
	font-size: 48px;
	line-height: 1.15;
	font-weight: 700;
}

.acn-gallery-title span {
	position: relative;
	color: #490f4a;
}

.acn-gallery-title span::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -7px;

	height: 3px;
	border-radius: 20px;

	background: rgba(14, 147, 157, 0.25);

	transform: scaleX(0);
	transform-origin: center;

	transition: transform .6s ease;
}

.acn-gallery-heading:hover .acn-gallery-title span::after {
	transform: scaleX(1);
}

.acn-gallery-description {
	max-width: 680px;
	margin: 20px auto 0;

	color: #252525;
	font-size: 15px;
	line-height: 1.8;
}


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

.acn-gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}


/* =========================================================
   GALLERY CARD
========================================================= */

.acn-gallery-card {
	position: relative;
	overflow: hidden;

	border-radius: 20px;

	background: #ffffff;

	border: 1px solid rgba(14, 138, 155, 0.10);

	box-shadow:
		0 15px 35px rgba(28, 91, 108, 0.08),
		0 4px 12px rgba(28, 91, 108, 0.04);

	transition:
		transform .5s ease,
		box-shadow .5s ease,
		border-color .5s ease;
}

.acn-gallery-card:hover {
	transform: translateY(-10px);

	border-color:
		rgba(14, 138, 155, 0.28);

	box-shadow:
		0 30px 60px rgba(28, 91, 108, 0.16),
		0 0 30px rgba(14, 165, 168, 0.07);
}


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

.acn-gallery-image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform .85s ease,
		filter .85s ease;
}

.acn-gallery-card:hover .acn-gallery-image {
	transform: scale(1.10);

	filter:
		saturate(1.12) brightness(1.03);
}


/* =========================================================
   IMAGE COLOR OVERLAY
========================================================= */

.acn-gallery-image-shade {
	position: absolute;
	inset: 0;

	transition:
		background .5s ease;
}

.acn-gallery-card:hover .acn-gallery-image-shade {
	background:
		linear-gradient(180deg,
			rgba(14, 138, 155, 0.02) 10%,
			rgba(5, 48, 62, 0.42) 100%);
}


/* =========================================================
   NUMBER
========================================================= */

.acn-gallery-number {
	position: absolute;

	top: 17px;
	left: 17px;

	width: 45px;
	height: 45px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	color: #ffffff;

	background: rgba(5, 45, 58, 0.65);

	border: 1px solid rgba(255, 255, 255, 0.28);

	backdrop-filter: blur(8px);

	font-size: 12px;
	font-weight: 700;

	transition:
		all .5s ease;
}

.acn-gallery-card:hover .acn-gallery-number {
	transform: rotate(360deg);

	background: #7b2a80;

	border-color: #ffffff;
}


/* =========================================================
   CONTENT / ICONS
========================================================= */

.acn-gallery-content {
	position: absolute;

	inset: 0;

	display: flex;

	align-items: center;
	justify-content: center;

	opacity: 0;

	transition:
		opacity .4s ease;
}

.acn-gallery-card:hover .acn-gallery-content {
	opacity: 1;
}


/* =========================================================
   EXPAND ICON
========================================================= */

.acn-gallery-icon {
	position: absolute;

	top: 17px;
	right: 17px;

	width: 48px;
	height: 48px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 14px;

	color: #ffffff;

	background: rgba(7, 54, 67, 0.72);

	border: 1px solid rgba(255, 255, 255, 0.22);

	backdrop-filter: blur(8px);

	font-size: 17px;

	transform: rotateY(90deg);

	transition:
		transform .5s ease,
		background .4s ease;
}

.acn-gallery-card:hover .acn-gallery-icon {
	transform: rotateY(0deg);
}

.acn-gallery-icon:hover {
	background: #0e9ba1;
}


/* =========================================================
   VIEW BUTTON
========================================================= */

.acn-gallery-view {
	width: 58px;
	height: 58px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	color: #ffffff;

	background: rgba(14, 150, 157, 0.90);

	border: 2px solid rgba(255, 255, 255, 0.65);

	box-shadow:
		0 0 0 8px rgba(255, 255, 255, 0.10),
		0 12px 30px rgba(0, 0, 0, 0.20);

	text-decoration: none;

	transform: scale(.4) rotate(-30deg);

	transition:
		transform .5s ease,
		background .4s ease,
		box-shadow .4s ease;
}

.acn-gallery-card:hover .acn-gallery-view {
	transform: scale(1) rotate(0deg);
}

.acn-gallery-view:hover {
	color: #ffffff;

	background: #6a2070;

	box-shadow:
		0 0 0 10px rgba(255, 255, 255, 0.12),
		0 15px 35px rgba(0, 0, 0, 0.25);
}


/* =========================================================
   LIGHT SWEEP
========================================================= */

.acn-gallery-card::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 65%;
	height: 100%;

	background: rgba(255, 255, 255, 0.14);

	transform: skewX(-20deg);

	pointer-events: none;

	transition:
		left .85s ease;
}

.acn-gallery-card:hover::after {
	left: 140%;
}


/* =========================================================
   VIEW ALL BUTTON
========================================================= */

.acn-gallery-button-wrap {
	margin-top: 45px;

	display: flex;
	justify-content: center;
}

.acn-gallery-button {
	position: relative;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	gap: 12px;

	min-height: 52px;

	padding: 0 25px;

	overflow: hidden;

	border-radius: 10px;

	color: #ffffff;

	background: #7b2a80;

	border: 1px solid #7b2a80;

	text-decoration: none;

	font-size: 14px;
	font-weight: 700;

	box-shadow:
		0 10px 25px rgba(14, 150, 157, 0.20);

	transition:
		transform .4s ease,
		background .4s ease,
		box-shadow .4s ease;
}

.acn-gallery-button:hover {
	color: #ffffff;

	transform: translateY(-5px);

	background: #6a2070;

	box-shadow:
		0 17px 35px rgba(14, 150, 157, 0.30);
}

.acn-gallery-button i {
	transition:
		transform .4s ease;
}

.acn-gallery-button:hover i {
	transform: translateX(6px);
}


/* =========================================================
   BUTTON LIGHT SWEEP
========================================================= */

.acn-gallery-button::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 65%;
	height: 100%;

	background: rgba(255, 255, 255, 0.15);

	transform: skewX(-20deg);

	transition:
		left .7s ease;
}

.acn-gallery-button:hover::after {
	left: 140%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.acn-gallery-section {
		padding: 85px 0;
	}

	.acn-gallery-title {
		font-size: 42px;
	}

	.acn-gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-gallery-section {
		padding: 65px 0;
	}

	.acn-gallery-heading {
		margin-bottom: 40px;
	}

	.acn-gallery-title {
		font-size: 34px;
	}

	.acn-gallery-description {
		font-size: 14px;
	}

	.acn-gallery-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-gallery-section {
		padding: 55px 0;
	}

	.acn-gallery-title {
		font-size: 29px;
	}

	.acn-gallery-subtitle {
		font-size: 10px;
		letter-spacing: 1.5px;
	}

	.acn-gallery-heading-line {
		width: 25px;
	}

}


.msmc-premium-footer {
	position: relative;
	overflow: hidden;
	background-color: #490f4a;
	background-image: url(../images/background/7.png);
	color: #c9b3cc;
	isolation: isolate;
	background-position: top;
	background-size: cover;
}


/* =========================================================
   FOOTER BACKGROUND LIGHT
========================================================= */

.msmc-premium-footer::before {
	content: "";

	position: absolute;
	inset: 0;

	z-index: -6;

	pointer-events: none;

	background:
		radial-gradient(circle at 8% 25%,
			rgba(20, 173, 177, 0.15),
			transparent 30%),
		radial-gradient(circle at 92% 75%,
			rgba(43, 111, 205, 0.12),
			transparent 32%);
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.msmc-footer-pattern {
	position: absolute;

	border-radius: 50%;

	pointer-events: none;

	z-index: -5;
}


.msmc-footer-pattern-one {
	width: 650px;
	height: 650px;

	top: -390px;
	right: -270px;

	border:
		1px solid rgba(75, 218, 220, 0.13);

	animation:
		msmcFooterRotate 32s linear infinite;
}


.msmc-footer-pattern-two {
	width: 500px;
	height: 500px;

	bottom: -320px;
	left: -260px;

	border:
		2px dashed rgba(75, 218, 220, 0.09);

	animation:
		msmcFooterRotateReverse 26s linear infinite;
}


.msmc-footer-pattern-three {
	width: 220px;
	height: 220px;

	top: 35%;
	left: 48%;

	border:
		1px solid rgba(255, 255, 255, 0.04);

	animation:
		msmcFooterRotate 20s linear infinite;
}


@keyframes msmcFooterRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes msmcFooterRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   ANIMATED LIGHTING
========================================================= */

.msmc-footer-light {
	position: absolute;

	border-radius: 50%;

	filter: blur(55px);

	pointer-events: none;

	z-index: -4;
}


.msmc-footer-light-one {
	width: 230px;
	height: 230px;

	top: 15%;
	left: 5%;

	background:
		rgba(25, 185, 188, 0.13);

	animation:
		msmcFooterLightOne 7s ease-in-out infinite;
}


.msmc-footer-light-two {
	width: 300px;
	height: 300px;

	right: 5%;
	bottom: 12%;

	background:
		rgba(42, 115, 215, 0.11);

	animation:
		msmcFooterLightTwo 9s ease-in-out infinite;
}


.msmc-footer-light-three {
	width: 110px;
	height: 110px;

	top: 40%;
	left: 46%;

	background:
		rgba(83, 221, 222, 0.06);

	animation:
		msmcFooterLightThree 5s ease-in-out infinite;
}


@keyframes msmcFooterLightOne {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .4;
	}

	50% {
		transform: translate(45px, -25px) scale(1.2);
		opacity: 1;
	}

}


@keyframes msmcFooterLightTwo {

	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: .35;
	}

	50% {
		transform: translate(-40px, 25px) scale(1.2);
		opacity: .9;
	}

}


@keyframes msmcFooterLightThree {

	0%,
	100% {
		transform: scale(.8);
		opacity: .25;
	}

	50% {
		transform: scale(1.35);
		opacity: .8;
	}

}


/* =========================================================
   WIDGET SECTION
========================================================= */

.msmc-footer-widgets {
	position: relative;

	padding: 65px 0 20px;
}


/* =========================================================
   FOOTER WIDGET
========================================================= */

.msmc-footer-widget {
	position: relative;

	height: 100%;
}


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

.msmc-footer-heading {
	display: flex;

	align-items: center;

	gap: 12px;

	margin-bottom: 12px;
}


.msmc-heading-icon {
	width: 40px;
	height: 40px;

	min-width: 40px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 11px;

	color: #61dedf;

	background:
		rgba(67, 211, 213, 0.08);

	border:
		1px solid rgba(67, 211, 213, 0.15);

	font-size: 16px;

	transition:
		transform .5s ease,
		background .4s ease,
		color .4s ease;
}


.msmc-footer-widget:hover .msmc-heading-icon {
	transform: rotateY(360deg);

	color: #ffffff;

	background: #7b2a80;

	box-shadow:
		0 0 22px rgba(54, 210, 212, .18);
}


.msmc-footer-heading h4 {
	margin: 0;

	color: #ffffff;

	font-size: 20px;

	line-height: 1.3;

	font-weight: 700;
}


/* =========================================================
   HEADING LINE
========================================================= */

.msmc-footer-heading-line {
	width: 55px;
	height: 3px;

	margin-bottom: 25px;

	border-radius: 20px;

	background: var(--pharma-yellow);
	;

	transition:
		width .5s ease;
}


.msmc-footer-widget:hover .msmc-footer-heading-line {
	width: 90px;
}


/* =========================================================
   ABOUT TEXT
========================================================= */

.msmc-footer-about-text {
	color: #ffffff;

	font-size: 14px;

	line-height: 1.9;

	max-width: 500px;
}


/* =========================================================
   MEDICAL DECORATIVE LINE
========================================================= */

.msmc-footer-medical-line {
	display: flex;

	align-items: center;

	gap: 10px;

	width: 130px;

	margin-top: 25px;
}


.msmc-footer-medical-line span {
	width: 35px;
	height: 1px;

	background:
		rgba(83, 218, 220, .30);
}


.msmc-footer-medical-line i {
	width: 25px;
	height: 25px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	color: #5ddcdd;

	border:
		1px solid rgba(83, 218, 220, .20);

	font-size: 10px;

	animation:
		msmcFooterPulse 2.5s ease-in-out infinite;
}


@keyframes msmcFooterPulse {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.18);
	}

}


/* =========================================================
   QUICK LINKS
========================================================= */

.msmc-footer-links {
	margin: 0;
	padding: 0;

	list-style: none;
}


.msmc-footer-links li {
	margin-bottom: 11px;
}


.msmc-footer-links li a {
	position: relative;

	display: inline-flex;

	align-items: center;

	gap: 8px;

	color: #ffffff;

	text-decoration: none;

	font-size: 14px;

	transition:
		color .3s ease,
		transform .3s ease;
	text-transform: capitalize;
}


.msmc-footer-links li a i {
	color: #4fd5d7;

	font-size: 10px;

	transition:
		transform .3s ease;
}


.msmc-footer-links li a:hover {
	color: #65e0e1;

	transform:
		translateX(7px);
}


.msmc-footer-links li a:hover i {
	transform:
		translateX(3px);
}


/* =========================================================
   CONTACT INFO
========================================================= */

.msmc-footer-institution {
	margin: 0 0 18px;

	color: #ffffff;

	font-size: 15px;

	font-weight: 600;
}


.msmc-contact-list {
	margin: 0;
	padding: 0;

	list-style: none;
}


.msmc-contact-item {
	display: flex;

	align-items: flex-start;

	gap: 13px;

	margin-bottom: 15px;

	color: #ffffff;

	font-size: 14px;

	line-height: 1.7;
}


.msmc-contact-icon {
	width: 38px;
	height: 38px;

	min-width: 38px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 10px;

	color: var(--pharma-yellow);
	;

	background-color: #ffffff;

	border:
		1px solid rgba(68, 212, 214, .12);

	font-size: 14px;

	transition:
		transform .4s ease,
		background .4s ease,
		color .4s ease;
}


.msmc-contact-item:hover .msmc-contact-icon {
	transform:
		rotateY(360deg);

	color: #ffffff;

	background: #7b2a80;
}


.msmc-contact-text {
	padding-top: 5px;
}


.msmc-contact-text a {
	color: #ffffff;

	text-decoration: none;

	transition:
		color .3s ease;
}


.msmc-contact-text a:hover {
	color: #63e0e1;
}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.msmc-footer-bottom {
	position: relative;

	padding: 22px 0;

	border-top:
		1px solid rgba(255, 255, 255, .07);

	background:
		rgba(2, 17, 25, .50);
}


.msmc-copyright {
	display: flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	gap: 5px;

	color: #ffffff;

	font-size: 15px;

	line-height: 1.7;
}


.msmc-developed-text {
	margin-left: 4px;

	color: #e2b94b;
}


.msmc-developer-link {
	display: inline-flex;

	align-items: center;

	margin-left: 3px;
}


.msmc-developer-logo {
	width: auto;
	max-width: 90px;
	height: 25px;

	object-fit: contain;

	transition:
		transform .4s ease,
		filter .4s ease;
}


.msmc-developer-link:hover .msmc-developer-logo {
	transform:
		scale(1.08);

	filter:
		brightness(1.15);
}


/* =========================================================
   BACK TO TOP
========================================================= */

.msmc-back-top {
	position: fixed;

	right: 25px;
	bottom: 25px;

	width: 48px;
	height: 48px;

	z-index: 999;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	color: #ffffff;

	background: #7b2a80;

	border:
		1px solid rgba(255, 255, 255, .15);

	box-shadow:
		0 10px 30px rgba(0, 0, 0, .22);

	cursor: pointer;

	transition:
		transform .4s ease,
		background .4s ease,
		box-shadow .4s ease;
}


.msmc-back-top:hover {
	transform:
		translateY(-6px);

	background: #6a2070;

	box-shadow:
		0 15px 35px rgba(14, 150, 157, .30);
}


.msmc-back-top i {
	font-size: 16px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.msmc-footer-widgets {
		padding: 70px 0 55px;
	}

	.msmc-footer-widget {
		margin-bottom: 35px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.msmc-footer-widgets {
		padding: 60px 0 40px;
	}

	.msmc-footer-heading h4 {
		font-size: 18px;
	}

	.msmc-footer-about-text {
		font-size: 14px;
	}

	.msmc-copyright {
		padding: 0 15px;

		font-size: 12px;
	}

	.msmc-back-top {
		right: 15px;
		bottom: 15px;

		width: 44px;
		height: 44px;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.msmc-footer-widgets {
		padding: 50px 0 30px;
	}

	.msmc-footer-about-text {
		font-size: 12px;
		line-height: 1.8;
	}

	.msmc-contact-item {
		font-size: 12px;
	}

	.msmc-heading-icon {
		width: 36px;
		height: 36px;
		min-width: 36px;
	}

	.msmc-copyright {
		font-size: 10px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   FLOATING CONTACT BUTTONS
========================================================= */

.acn-float-contact {
	position: fixed;

	right: 22px;
	top: 50%;

	z-index: 9999;

	display: flex;
	flex-direction: column;

	gap: 12px;

	transform: translateY(-50%);
}


/* =========================================================
   MAIN CARD
========================================================= */

.acn-float-card {
	position: relative;

	width: 54px;
	height: 54px;

	display: flex;
	align-items: center;

	overflow: hidden;

	border-radius: 16px;

	color: #ffffff !important;

	text-decoration: none !important;

	box-shadow:
		0 10px 28px rgba(0, 0, 0, .18);

	transition:
		width .45s ease,
		transform .4s ease,
		box-shadow .4s ease,
		border-radius .4s ease;
}


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

.acn-float-card:hover {
	width: 145px;

	color: #ffffff !important;

	border-radius: 16px;

	box-shadow:
		0 16px 35px rgba(0, 0, 0, .25);
}


/* =========================================================
   ICON AREA
========================================================= */

.acn-float-icon {
	position: absolute;

	left: 0;

	width: 54px;
	height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	font-size: 18px;

	z-index: 2;

	transition:
		transform .5s ease,
		font-size .3s ease;
}


.acn-float-card:hover .acn-float-icon {
	transform: rotateY(360deg);

	font-size: 17px;
}


/* =========================================================
   TEXT
========================================================= */

.acn-float-text {
	position: absolute;

	left: 58px;

	width: 80px;

	color: #ffffff;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: .2px;

	white-space: nowrap;

	opacity: 0;

	transform: translateX(12px);

	transition:
		opacity .3s ease,
		transform .4s ease;
}


.acn-float-card:hover .acn-float-text {
	opacity: 1;

	transform: translateX(0);
}


/* =========================================================
   ADMISSION
========================================================= */

.acn-float-admission {
	background:
		linear-gradient(135deg,
			#0b9ba2,
			#6a2070);

	border:
		1px solid rgba(255, 255, 255, .15);
}


.acn-float-admission:hover {
	background:
		linear-gradient(135deg,
			#12afb5,
			#6a2070);
}


/* =========================================================
   PHONE
========================================================= */

.acn-float-call {
	background:
		linear-gradient(135deg,
			var(--pharma-yellow); ,
			#ff0000);

	border:
		1px solid rgba(255, 255, 255, .15);
}


.acn-float-call:hover {
	background:
		linear-gradient(135deg,
			#490f4a,
			#490f4a);
}


/* =========================================================
   WHATSAPP
========================================================= */

.acn-float-whatsapp {
	background:
		linear-gradient(135deg,
			#18a86e,
			#08784b);

	border:
		1px solid rgba(255, 255, 255, .15);
}


.acn-float-whatsapp:hover {
	background:
		linear-gradient(135deg,
			#20bd7d,
			#08784b);
}


/* =========================================================
   PULSE RING
========================================================= */

.acn-float-card::before {
	content: "";

	position: absolute;

	inset: 0;

	border-radius: inherit;

	border:
		1px solid rgba(255, 255, 255, .35);

	pointer-events: none;

	animation:
		acnFloatPulse 2.5s ease-out infinite;
}


@keyframes acnFloatPulse {

	0% {
		opacity: .7;

		transform: scale(1);
	}

	70% {
		opacity: 0;

		transform: scale(1.18);
	}

	100% {
		opacity: 0;

		transform: scale(1.18);
	}

}


/* =========================================================
   LIGHT SWEEP
========================================================= */

.acn-float-card::after {
	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 65%;
	height: 100%;

	background:
		rgba(255, 255, 255, .16);

	transform:
		skewX(-20deg);

	pointer-events: none;

	transition:
		left .7s ease;
}


.acn-float-card:hover::after {
	left: 140%;
}


/* =========================================================
   ICON FLOATING ANIMATION
========================================================= */

.acn-float-icon i {
	animation:
		acnFloatIcon 3s ease-in-out infinite;
}


@keyframes acnFloatIcon {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-3px);
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-float-contact {
		right: 12px;

		gap: 9px;
	}

	.acn-float-card {
		width: 46px;
		height: 46px;

		border-radius: 13px;
	}

	.acn-float-icon {
		width: 46px;
		height: 46px;

		font-size: 15px;
	}

	/* Keep compact on mobile */

	.acn-float-card:hover {
		width: 46px;

		transform: translateX(0);
	}

	.acn-float-text {
		display: none;
	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-float-contact {
		right: 8px;
	}

	.acn-float-card {
		width: 42px;
		height: 42px;

		border-radius: 12px;
	}

	.acn-float-icon {
		width: 42px;
		height: 42px;

		font-size: 14px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   PREMIUM CONTACT SECTION
========================================================= */

.acn-contact-section {
	position: relative;
	isolation: isolate;
	overflow: hidden;

	padding: 40px 0;

	background: #f5f8fc;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.acn-contact-container {
	position: relative;
	z-index: 5;

	width: min(1200px, 92%);
	margin: 0 auto;
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.acn-contact-pattern {
	position: absolute;
	z-index: -1;

	border: 1px solid rgba(18, 74, 128, 0.09);
	border-radius: 50%;

	pointer-events: none;
}

.acn-pattern-one {
	width: 550px;
	height: 550px;

	top: -250px;
	right: -180px;

	animation:
		acnRotatePattern 30s linear infinite;
}

.acn-pattern-one::before,
.acn-pattern-one::after {
	content: "";

	position: absolute;

	border: 1px dashed rgba(18, 74, 128, 0.12);
	border-radius: 50%;
}

.acn-pattern-one::before {
	inset: 55px;
}

.acn-pattern-one::after {
	inset: 110px;
}


.acn-pattern-two {
	width: 420px;
	height: 420px;

	left: -240px;
	bottom: -220px;

	border-color: rgba(237, 11, 112, 0.10);

	animation:
		acnRotateReverse 24s linear infinite;
}


.acn-pattern-three {
	width: 180px;
	height: 180px;

	right: 8%;
	bottom: 8%;

	border: 1px dashed rgba(18, 74, 128, 0.12);

	animation:
		acnFloatPattern 7s ease-in-out infinite;
}


@keyframes acnRotatePattern {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes acnRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


@keyframes acnFloatPattern {

	0%,
	100% {
		transform:
			translateY(0) rotate(0deg);
	}

	50% {
		transform:
			translateY(-25px) rotate(180deg);
	}

}


/* =========================================================
   SECTION HEADING
========================================================= */

.acn-contact-heading {
	max-width: 1150px;

	margin: 0 auto 55px;

	text-align: center;
}


.acn-heading-top {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 10px;

	margin-bottom: 15px;
}


.acn-heading-line {
	width: 42px;
	height: 3px;

	display: inline-block;

	background: var(--pharma-yellow);
	;

	border-radius: 20px;
}


.acn-heading-label {
	color: #5b1a60;

	font-size: 12px;
	font-weight: 700;

	letter-spacing: 2.2px;

	text-transform: uppercase;
}


.acn-contact-heading h2 {
	margin: 0 0 16px;

	color: #490f4a;



	line-height: 1.2;
	font-weight: 500;
}


.acn-contact-heading h2 strong {
	color: #5b1a60;

	font-weight: 700;
}


.acn-contact-heading p {
	max-width: 700px;

	margin: 0 auto;

	color: #222;

	font-size: 15px;

	line-height: 1.9;
}


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

.acn-contact-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 25px;
}


/* =========================================================
   CONTACT CARD
========================================================= */

.acn-contact-card {
	position: relative;

	display: flex;
	align-items: flex-start;

	gap: 22px;

	min-height: 220px;

	padding: 32px;

	overflow: hidden;

	border-radius: 20px;

	border: 1px solid rgba(18, 74, 128, 0.08);

	background: #ffffff;

	box-shadow:
		0 12px 35px rgba(18, 74, 128, 0.07);

	transition:
		transform 0.45s ease,
		box-shadow 0.45s ease,
		border-color 0.45s ease;
}


.acn-contact-card:hover {

	transform: translateY(-9px);

	border-color:
		rgba(18, 74, 128, 0.20);

	box-shadow:
		0 25px 60px rgba(18, 74, 128, 0.15);

}


/* =========================================================
   CARD TOP LIGHT
========================================================= */

.acn-contact-card::before {

	content: "";

	position: absolute;

	top: 0;
	left: -100%;

	width: 80%;
	height: 2px;

	background:
		rgba(237, 11, 112, 0.8);

	transition:
		left 0.7s ease;

}


.acn-contact-card:hover::before {
	left: 100%;
}


/* =========================================================
   CARD ICON
========================================================= */

.acn-card-icon {

	position: relative;

	z-index: 4;

	flex: 0 0 62px;

	width: 62px;
	height: 62px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 16px;

	color: #ffffff;

	background: #5b1a60;

	font-size: 22px;

	box-shadow:
		0 12px 28px rgba(18, 74, 128, 0.25);

	transition:
		transform 0.5s ease,
		border-radius 0.5s ease,
		background 0.4s ease;
}


.acn-contact-card:hover .acn-card-icon {

	transform:
		rotate(-8deg) scale(1.08);

	border-radius: 50%;

	background: var(--pharma-yellow);
	;

}


/* =========================================================
   CARD CONTENT
========================================================= */

.acn-card-content {

	position: relative;

	z-index: 5;

}


.acn-card-label {

	display: block;

	margin-bottom: 7px;

	color: var(--pharma-yellow);
	;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 1.7px;

}


.acn-card-content h3 {

	margin: 0 0 12px;

	color: #490f4a;

	font-size: 21px;

	line-height: 1.3;

	font-weight: 750;

}


.acn-card-content p {

	margin: 0;

	color: #200122;

	font-size: 14px;

	line-height: 1.8;

}


/* =========================================================
   PHONE LINKS
========================================================= */

.acn-card-phone .acn-card-content>a {

	display: block;

	width: fit-content;

	margin: 7px 0;

	color: #5b1a60;

	font-size: 16px;

	font-weight: 750;

	text-decoration: none;

	transition:
		color 0.3s ease,
		transform 0.3s ease;
}


.acn-card-phone .acn-card-content>a:hover {

	color: var(--pharma-yellow);
	;

	transform:
		translateX(6px);

}


/* =========================================================
   EMAIL LINKS
========================================================= */

.acn-card-email .acn-card-content>a {

	position: relative;

	display: block;

	width: fit-content;

	margin: 8px 0;

	color: #5b1a60;

	font-size: 14px;

	font-weight: 700;

	text-decoration: none;

	transition:
		color 0.3s ease,
		transform 0.3s ease;
}


.acn-card-email .acn-card-content>a::after {

	content: "";

	position: absolute;

	left: 0;
	bottom: -4px;

	width: 0;
	height: 1px;

	background: var(--pharma-yellow);
	;

	transition:
		width 0.35s ease;

}


.acn-card-email .acn-card-content>a:hover {

	color: var(--pharma-yellow);
	;

	transform:
		translateX(5px);

}


.acn-card-email .acn-card-content>a:hover::after {
	width: 100%;
}


/* =========================================================
   EMAIL CARD ICON
========================================================= */

.acn-card-email .acn-card-icon {

	background: var(--pharma-yellow);
	;

}


/* =========================================================
   WEBSITE CARD
========================================================= */

.acn-website-link {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	margin-top: 16px;

	color: #5b1a60;

	font-size: 14px;

	font-weight: 700;

	text-decoration: none;

	transition:
		color 0.3s ease,
		transform 0.3s ease;
}


.acn-website-link i {

	font-size: 11px;

	transition:
		transform 0.3s ease;

}


.acn-website-link:hover {

	color: var(--pharma-yellow);
	;

	transform:
		translateX(5px);

}


.acn-website-link:hover i {

	transform:
		translate(4px, -3px);

}


/* =========================================================
   ADMISSION DARK CARD
========================================================= */

.acn-card-admission {

	color: #ffffff;

	background: #490f4a;

	border-color: transparent;

}


.acn-card-admission .acn-card-icon {

	background: var(--pharma-yellow);
	;

}


.acn-card-admission .acn-card-content h3 {

	color: #ffffff;

}


.acn-card-admission .acn-card-content p {

	color:
		rgba(255, 255, 255, 0.70);

}


.acn-card-admission:hover {

	box-shadow:
		0 28px 65px rgba(16, 47, 77, 0.28);

}


/* =========================================================
   ADMISSION BUTTON
========================================================= */

.acn-admission-link {

	position: relative;

	display: inline-flex;

	align-items: center;

	gap: 12px;

	margin-top: 17px;

	padding: 11px 18px;

	overflow: hidden;

	border-radius: 8px;

	color: #ffffff;

	background: var(--pharma-yellow);
	;

	font-size: 12px;

	font-weight: 700;

	text-decoration: none;

	transition:
		transform 0.35s ease,
		box-shadow 0.35s ease;
}


.acn-admission-link::before {

	content: "";

	position: absolute;

	top: 0;
	left: -120%;

	width: 100%;
	height: 100%;

	background:
		rgba(255, 255, 255, 0.20);

	transform:
		skewX(-25deg);

	transition:
		left 0.55s ease;

}


.acn-admission-link:hover::before {
	left: 120%;
}


.acn-admission-link:hover {

	transform:
		translateY(-3px);

	box-shadow:
		0 12px 28px rgba(237, 11, 112, 0.30);

}


.acn-admission-link i {
	transition:
		transform 0.3s ease;
}


.acn-admission-link:hover i {
	transform:
		translateX(5px);
}


/* =========================================================
   PRINCIPAL CARD
========================================================= */

.acn-card-principal {

	background: #ffffff;

}


.acn-card-principal .acn-card-icon {

	background: #5b1a60;

}


.acn-principal-link {

	display: inline-flex;

	align-items: center;

	gap: 9px;

	margin-top: 15px;

	color: #5b1a60;

	font-size: 13px;

	font-weight: 700;

	text-decoration: none;

	transition:
		color 0.3s ease,
		transform 0.3s ease;
}


.acn-principal-link:hover {

	color: var(--pharma-yellow);
	;

	transform:
		translateX(5px);

}


/* =========================================================
   LIGHTING / GLOW EFFECT
========================================================= */

.acn-card-glow {

	position: absolute;

	right: -110px;
	bottom: -110px;

	width: 190px;
	height: 190px;

	border-radius: 50%;

	background:
		rgba(18, 74, 128, 0.08);

	filter:
		blur(8px);

	pointer-events: none;

	transition:
		width 0.6s ease,
		height 0.6s ease,
		background 0.6s ease;
}


.acn-contact-card:hover .acn-card-glow {

	width: 300px;
	height: 300px;

	background:
		rgba(237, 11, 112, 0.11);

}


/* =========================================================
   CARD NUMBER
========================================================= */

.acn-card-number {

	position: absolute;

	right: 22px;
	top: 18px;

	color:
		rgba(18, 74, 128, 0.055);

	font-size: 45px;

	line-height: 1;

	font-weight: 900;

	pointer-events: none;

	transition:
		color 0.4s ease,
		transform 0.4s ease;
}


.acn-contact-card:hover .acn-card-number {

	color:
		rgba(237, 11, 112, 0.08);

	transform:
		scale(1.12) rotate(-5deg);

}


.acn-card-admission .acn-card-number {

	color:
		rgba(255, 255, 255, 0.06);

}


/* =========================================================
   BOTTOM CTA
========================================================= */

.acn-contact-cta {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 35px;

	margin-top: 28px;

	padding: 40px 44px;

	overflow: hidden;

	border-radius: 20px;

	background: #5b1a60;

	box-shadow:
		0 20px 55px rgba(18, 74, 128, 0.20);
}


/* =========================================================
   CTA ROTATING PATTERN
========================================================= */

.acn-cta-pattern {

	position: absolute;

	right: -120px;
	top: -180px;

	width: 420px;
	height: 420px;

	border: 1px solid rgba(255, 255, 255, 0.10);

	border-radius: 50%;

	animation:
		acnRotatePattern 25s linear infinite;
}


.acn-cta-pattern::before,
.acn-cta-pattern::after {

	content: "";

	position: absolute;

	border: 1px dashed rgba(255, 255, 255, 0.10);

	border-radius: 50%;

}


.acn-cta-pattern::before {
	inset: 55px;
}


.acn-cta-pattern::after {
	inset: 110px;
}


/* =========================================================
   CTA CONTENT
========================================================= */

.acn-cta-content {

	position: relative;

	z-index: 3;

}


.acn-cta-content>span {

	color: #ffffff;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 2px;

}


.acn-cta-content h3 {

	max-width: 680px;

	margin: 10px 0 9px;

	color: #ffffff;



	line-height: 1.35;

}


.acn-cta-content h3 strong {

	color: #f515ff;

	font-weight: 700;

}


.acn-cta-content p {

	max-width: 650px;

	margin: 0;

	color:
		rgba(255, 255, 255, 0.70);

	font-size: 13px;

	line-height: 1.8;

}


/* =========================================================
   CTA ACTIONS
========================================================= */

.acn-cta-actions {

	position: relative;

	z-index: 5;

	flex-shrink: 0;

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	gap: 14px;

}


/* =========================================================
   CTA BUTTON
========================================================= */

.acn-cta-button {

	display: inline-flex;

	align-items: center;

	gap: 12px;

	padding: 14px 22px;

	border-radius: 9px;

	color: #5b1a60;

	background: #ffffff;

	font-size: 12px;

	font-weight: 700;

	text-decoration: none;

	box-shadow:
		0 10px 25px rgba(0, 0, 0, 0.10);

	transition:
		transform 0.35s ease,
		background 0.35s ease,
		color 0.35s ease;
}


.acn-cta-button:hover {

	color: #ffffff;

	background: var(--pharma-yellow);
	;

	transform:
		translateY(-4px);

}


.acn-cta-button i:last-child {

	transition:
		transform 0.3s ease;

}


.acn-cta-button:hover i:last-child {

	transform:
		translateX(5px);

}


/* =========================================================
   CTA EMAIL
========================================================= */

.acn-cta-email {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	color:
		rgba(255, 255, 255, 0.78);

	font-size: 12px;

	font-weight: 650;

	text-decoration: none;

	transition:
		color 0.3s ease,
		transform 0.3s ease;
}


.acn-cta-email:hover {

	color: #ffffff;

	transform:
		translateX(4px);

}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 991px) {

	.acn-contact-section {
		padding: 85px 0;
	}


	.acn-contact-grid {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 20px;

	}


	.acn-contact-card {
		padding: 26px;
	}


	.acn-contact-cta {

		align-items: flex-start;

		flex-direction: column;

		padding: 34px;

	}


	.acn-cta-actions {

		width: 100%;

		flex-direction: row;

		align-items: center;

		flex-wrap: wrap;

	}

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-contact-section {

		padding: 65px 0;

	}


	.acn-contact-container {

		width: 90%;

	}


	.acn-contact-heading {

		margin-bottom: 38px;

	}


	.acn-contact-heading h2 {

		font-size: 30px;

	}


	.acn-contact-heading p {

		font-size: 14px;

		line-height: 1.8;

	}


	.acn-contact-grid {

		grid-template-columns: 1fr;

		gap: 18px;

	}


	.acn-contact-card {

		min-height: auto;

		padding: 24px;

	}


	.acn-card-icon {

		flex: 0 0 55px;

		width: 55px;

		height: 55px;

		font-size: 19px;

	}


	.acn-card-content h3 {

		font-size: 19px;

	}


	.acn-contact-cta {

		padding: 28px 24px;

		border-radius: 16px;

	}


	.acn-cta-actions {

		width: 100%;

		flex-direction: column;

		align-items: stretch;

	}


	.acn-cta-button {

		justify-content: center;

		width: 100%;

	}


	.acn-cta-email {

		justify-content: center;

	}

}


/* =========================================================
   RESPONSIVE - SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-contact-section {

		padding: 55px 0;

	}


	.acn-contact-card {

		gap: 15px;

		padding: 21px;

	}


	.acn-card-icon {

		flex: 0 0 48px;

		width: 48px;

		height: 48px;

		border-radius: 12px;

		font-size: 17px;

	}


	.acn-card-content h3 {

		font-size: 17px;

	}


	.acn-card-content p {

		font-size: 13px;

	}


	.acn-card-phone .acn-card-content>a {

		font-size: 14px;

	}


	.acn-card-email .acn-card-content>a {

		font-size: 12px;

		word-break: break-word;

	}


	.acn-heading-line {

		width: 25px;

	}


	.acn-heading-label {

		font-size: 10px;

		letter-spacing: 1.5px;

	}


	.acn-contact-heading h2 {

		font-size: 27px;

	}


	.acn-cta-content h3 {

		font-size: 21px;

	}


	.acn-pattern-one {

		width: 350px;

		height: 350px;

	}


	.acn-pattern-two {

		width: 280px;

		height: 280px;

	}

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.acn-contact-pattern,
	.acn-cta-pattern {

		animation: none;

	}

	.acn-contact-card,
	.acn-card-icon,
	.acn-card-glow,
	.acn-cta-button {

		transition: none;

	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   CHAIRMAN'S MESSAGE
========================================================= */

.acn-chairman-section {
	position: relative;
	isolation: isolate;
	overflow: hidden;

	padding: 40px 0;

	background: #f5f8fc;
}


/* =========================================================
   CONTAINER
========================================================= */

.acn-chairman-container {
	position: relative;
	z-index: 5;
}


/* =========================================================
   ROTATING BACKGROUND ORBITS
========================================================= */

.acn-chairman-orbit {
	position: absolute;

	border-radius: 50%;

	pointer-events: none;

	z-index: -1;
}


.acn-chairman-orbit-one {

	width: 620px;
	height: 620px;

	right: -290px;
	top: -230px;

	border:
		1px solid rgba(18, 74, 128, 0.09);

	animation:
		acnChairmanRotate 32s linear infinite;
}


.acn-chairman-orbit-one::before,
.acn-chairman-orbit-one::after {

	content: "";

	position: absolute;

	border-radius: 50%;

	border:
		1px dashed rgba(18, 74, 128, 0.12);
}


.acn-chairman-orbit-one::before {
	inset: 65px;
}


.acn-chairman-orbit-one::after {
	inset: 130px;
}


.acn-chairman-orbit-two {

	width: 430px;
	height: 430px;

	left: -250px;
	bottom: -190px;

	border:
		1px solid rgba(237, 11, 112, 0.10);

	animation:
		acnChairmanRotateReverse 25s linear infinite;
}


@keyframes acnChairmanRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes acnChairmanRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   DOT PATTERN
========================================================= */

.acn-chairman-dots {

	position: absolute;

	left: 6%;
	top: 19%;

	width: 125px;
	height: 125px;

	opacity: 0.45;

	background-image:
		radial-gradient(rgba(18, 74, 128, 0.25) 1px,
			transparent 1px);

	background-size: 13px 13px;

	animation:
		acnChairmanDotsFloat 8s ease-in-out infinite;
}


@keyframes acnChairmanDotsFloat {

	0%,
	100% {
		transform:
			translateY(0);
	}

	50% {
		transform:
			translateY(-18px);
	}

}


/* =========================================================
   SECTION HEADING
========================================================= */

.acn-chairman-heading {

	max-width: 1150px;

	margin:
		0 auto 40px;

	text-align: center;
}


.acn-chairman-heading-top {

	display: flex;

	align-items: center;
	justify-content: center;

	gap: 12px;

	margin-bottom: 16px;
}


.acn-chairman-heading-line {

	width: 42px;
	height: 3px;

	border-radius: 20px;

	background: #e75480;
}


.acn-chairman-heading-label {

	color: #e75480;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;
}


.acn-chairman-heading h2 {

	margin: 0 0 17px;

	color: #490f4a;



	line-height: 1.2;

	font-weight: 500;
}


.acn-chairman-heading h2 strong {

	color: #5b1a60;

	font-weight: 700;
}


.acn-chairman-heading p {

	margin: 0 auto;

	color: #222;

	font-size: 16px;

	line-height: 1.85;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.acn-chairman-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 40px;
	align-items: center;
}


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

.acn-chairman-image-column {

	position: relative;

	display: flex;

	justify-content: center;
}


.acn-chairman-image-wrap {

	position: relative;

	width: 580px;

	max-width: 100%;

	padding: 15px;
}


/* =========================================================
   IMAGE ROTATING RING
========================================================= */

.acn-chairman-image-ring {

	position: absolute;

	top: -8px;
	left: -8px;

	width: calc(100% + 16px);
	height: calc(100% + 16px);

	border:
		1px dashed rgba(18, 74, 128, 0.38);

	border-radius: 30px;

	animation:
		acnImageRingRotate 18s linear infinite;
}


@keyframes acnImageRingRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


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

.acn-chairman-image-glow {

	position: absolute;

	left: 50%;
	top: 50%;

	width: 90%;

	aspect-ratio: 1 / 1;

	transform:
		translate(-50%, -50%);

	border-radius: 50%;

	background:
		rgba(18, 74, 128, 0.15);

	filter:
		blur(42px);

	animation:
		acnImageGlowPulse 4s ease-in-out infinite;
}


@keyframes acnImageGlowPulse {

	0%,
	100% {

		opacity: 0.5;

		transform:
			translate(-50%, -50%) scale(0.92);

	}

	50% {

		opacity: 0.9;

		transform:
			translate(-50%, -50%) scale(1.05);

	}

}


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

.acn-chairman-image-frame {

	position: relative;

	z-index: 3;

	overflow: hidden;

	border-radius: 28px;

	border:
		8px solid #ffffff;

	background: #5b1a60;

	box-shadow:
		0 28px 70px rgba(18, 74, 128, 0.24);
}


.acn-chairman-image {

	display: block;

	width: 100%;

	aspect-ratio: 4 / 5;

	object-fit: cover;

	filter:
		saturate(1.08) contrast(1.03);

	transition:
		transform 0.8s ease,
		filter 0.6s ease;
}


.acn-chairman-image-frame:hover .acn-chairman-image {

	transform:
		scale(1.07);

	filter:
		saturate(1.22) contrast(1.06);
}


/* =========================================================
   IMAGE LIGHTING SWEEP
========================================================= */

.acn-chairman-image-shine {

	position: absolute;

	top: 0;
	left: -120%;

	z-index: 6;

	width: 80%;
	height: 100%;

	pointer-events: none;

	background:
		rgba(255, 255, 255, 0.18);

	transform:
		skewX(-20deg);

	transition:
		left 0.9s ease;
}


.acn-chairman-image-frame:hover .acn-chairman-image-shine {

	left: 130%;
}


/* =========================================================
   CHAIRMAN NAME CARD
========================================================= */

.acn-chairman-name-card {

	position: absolute;

	z-index: 8;

	right: -15px;

	bottom: 5px;

	min-width: 245px;

	padding: 20px 24px;

	border-radius: 15px;

	background: #5b1a60;

	box-shadow:
		0 20px 45px rgba(18, 74, 128, 0.30);

	transition:
		transform 0.4s ease,
		box-shadow 0.4s ease;
}


.acn-chairman-name-card:hover {

	transform:
		translateY(-8px);

	box-shadow:
		0 28px 55px rgba(18, 74, 128, 0.36);
}


.acn-chairman-name-label {

	display: block;

	margin-bottom: 5px;

	color: #ffb5d2;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 2px;
}


.acn-chairman-name-card h3 {

	margin: 0 0 5px;

	color: #ffffff;

	font-size: 21px;

	font-weight: 700;
}


.acn-chairman-name-card p {

	margin: 0;

	color:
		rgba(255, 255, 255, 0.70);

	font-size: 12px;
}


/* =========================================================
   MESSAGE CONTENT
========================================================= */

.acn-chairman-content {
	position: relative;
	padding: 40px 35px 25px;
	border-radius: 25px;
	background: #ffffff;
	border: 1px solid rgba(18, 74, 128, 0.08);
	box-shadow: 0 22px 60px rgba(18, 74, 128, 0.09);
	transition: transform 0.45s ease, box-shadow 0.45s ease;
}


.acn-chairman-content:hover {

	transform:
		translateY(-5px);

	box-shadow:
		0 30px 70px rgba(18, 74, 128, 0.13);
}


/* =========================================================
   QUOTE ICON
========================================================= */

.acn-chairman-quote-icon {

	position: absolute;

	top: -27px;
	left: 42px;

	width: 57px;
	height: 57px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 15px;

	color: #ffffff;

	background: #e75480;

	font-size: 21px;

	box-shadow:
		0 14px 32px rgba(237, 11, 112, 0.28);

	animation:
		acnQuoteFloat 4s ease-in-out infinite;
}


@keyframes acnQuoteFloat {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-7px);
	}

}


/* =========================================================
   MESSAGE TEXT
========================================================= */

.acn-chairman-message p {

	margin:
		0 0 23px;

	color: #5d6f82;

	font-size: 17px;

	line-height: 2;
}



.acn-chairman-message p:last-child {

	margin-bottom: 0;
}


.acn-chairman-message strong {

	color: #5b1a60;

	font-weight: 750;
}


/* =========================================================
   SIGNATURE
========================================================= */

.acn-chairman-signature {

	position: relative;

	margin-top: 34px;

	padding-top: 27px;

	border-top:
		1px solid rgba(18, 74, 128, 0.10);
}


.acn-chairman-wishes {

	display: block;

	margin-bottom: 11px;

	color: #718096;

	font-size: 15px;

	font-style: italic;
}


.acn-chairman-sign-line {

	width: 80px;
	height: 2px;

	margin-bottom: 11px;

	background: var(--pharma-yellow);
	;

	border-radius: 20px;
}


.acn-chairman-signature h4 {

	margin: 0 0 5px;

	color: #5b1a60;

	font-size: 21px;

	font-weight: 700;
}


.acn-chairman-designation {

	display: block;

	color: var(--pharma-yellow);
	;

	font-size: 14px;

	font-weight: 750;

	letter-spacing: 0.5px;
}


.acn-chairman-institution {

	display: block;

	margin-top: 4px;

	color: #7b8997;

	font-size: 13px;
}


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

.acn-chairman-values {

	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap: 20px;

	margin-top: 38px;
}


/* =========================================================
   VALUE CARD
========================================================= */

.acn-chairman-value-card {

	position: relative;

	display: flex;

	align-items: flex-start;

	gap: 15px;

	min-height: 155px;

	padding: 25px 21px;

	overflow: hidden;

	border-radius: 17px;

	background: #ffffff;

	border:
		1px solid rgba(18, 74, 128, 0.07);

	box-shadow:
		0 13px 32px rgba(18, 74, 128, 0.07);

	transition:
		transform 0.4s ease,
		box-shadow 0.4s ease;
}


.acn-chairman-value-card::before {

	content: "";

	position: absolute;

	left: -100%;
	top: 0;

	width: 100%;
	height: 2px;

	background: var(--pharma-yellow);
	;

	transition:
		left 0.6s ease;
}


.acn-chairman-value-card:hover::before {
	left: 100%;
}


.acn-chairman-value-card:hover {

	transform:
		translateY(-9px);

	box-shadow:
		0 22px 45px rgba(18, 74, 128, 0.14);
}


/* =========================================================
   DARK VALUE CARD
========================================================= */

.acn-chairman-value-card.acn-value-dark {

	background: #490f4a;

	border-color:
		transparent;
}


.acn-value-dark h4 {
	color: #ffffff;
}


.acn-value-dark p {
	color:
		rgba(255, 255, 255, 0.68);
}


/* =========================================================
   VALUE ICON
========================================================= */

.acn-value-icon {

	flex: 0 0 45px;

	width: 45px;
	height: 45px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 11px;

	color: #ffffff;

	background: #5b1a60;

	font-size: 17px;

	transition:
		transform 0.4s ease,
		background 0.4s ease;
}


.acn-chairman-value-card:hover .acn-value-icon {

	transform:
		rotate(-8deg) scale(1.1);

	background: var(--pharma-yellow);
	;
}


.acn-value-dark .acn-value-icon {

	background: var(--pharma-yellow);
	;

}


/* =========================================================
   VALUE TEXT
========================================================= */

.acn-chairman-value-card h4 {

	margin:
		0 0 8px;

	font-size: 16px;

	line-height: 1.4;

	font-weight: 700;
}


.acn-chairman-value-card p {

	margin: 0;

	font-size: 13px;

	line-height: 1.75;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.acn-chairman-layout {

		grid-template-columns:
			minmax(300px, 0.8fr) minmax(0, 1.3fr);

		gap: 45px;

	}


	.acn-chairman-content {

		padding:
			43px 35px 38px;

	}


	.acn-chairman-values {

		grid-template-columns:
			repeat(2, 1fr);

	}


	.acn-chairman-message p {

		font-size: 16px;

	}


	.acn-chairman-message p:first-child {

		font-size: 18px;

	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-chairman-section {

		padding: 75px 0;

	}


	.acn-chairman-container {

		width: 90%;

	}


	.acn-chairman-heading {

		margin-bottom: 60px;

	}


	.acn-chairman-heading h2 {

		font-size: 32px;

	}


	.acn-chairman-heading p {

		font-size: 14px;

		line-height: 1.8;

	}


	.acn-chairman-layout {

		grid-template-columns: 1fr;

		gap: 52px;

	}


	/* Image */

	.acn-chairman-image-wrap {

		width: 350px;

	}


	/* Message */

	.acn-chairman-content {

		padding:
			44px 26px 32px;

		border-radius: 19px;

	}


	.acn-chairman-quote-icon {

		left: 26px;

	}


	.acn-chairman-message p {

		font-size: 16px;

		line-height: 1.9;

		margin-bottom: 21px;

	}


	.acn-chairman-message p:first-child {

		font-size: 17px;

		line-height: 1.85;

	}


	/* Signature */

	.acn-chairman-wishes {

		font-size: 14px;

	}


	.acn-chairman-signature h4 {

		font-size: 20px;

	}


	.acn-chairman-designation {

		font-size: 13px;

	}


	.acn-chairman-institution {

		font-size: 12px;

	}


	/* Values */

	.acn-chairman-values {

		grid-template-columns: 1fr;

		gap: 16px;

	}


	.acn-chairman-value-card {

		min-height: auto;

		padding: 23px 20px;

	}


	.acn-chairman-value-card h4 {

		font-size: 16px;

	}


	.acn-chairman-value-card p {

		font-size: 13px;

	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-chairman-section {

		padding: 40px 0;

	}


	.acn-chairman-heading {

		margin-bottom: 52px;

	}


	.acn-chairman-heading h2 {

		font-size: 29px;

	}


	.acn-chairman-heading-top {

		gap: 8px;

	}


	.acn-chairman-heading-line {

		width: 25px;

	}


	.acn-chairman-heading-label {

		font-size: 9px;

		letter-spacing: 1.4px;

	}


	.acn-chairman-heading p {

		font-size: 13px;

	}


	/* Image */

	.acn-chairman-image-wrap {

		width: 300px;

	}


	.acn-chairman-name-card {

		right: -4px;

		bottom: 0;

		min-width: 200px;

		padding: 16px 18px;

	}


	.acn-chairman-name-card h3 {

		font-size: 17px;

	}


	.acn-chairman-name-card p {

		font-size: 11px;

	}


	/* Message */

	.acn-chairman-content {

		padding:
			42px 20px 28px;

	}


	.acn-chairman-quote-icon {

		width: 49px;
		height: 49px;

		left: 20px;

		font-size: 17px;

	}


	.acn-chairman-message p {

		font-size: 15px;

		line-height: 1.85;

		margin-bottom: 20px;

	}


	.acn-chairman-message p:first-child {

		font-size: 16px;

		line-height: 1.8;

	}


	/* Signature */

	.acn-chairman-signature {

		margin-top: 28px;

		padding-top: 23px;

	}


	.acn-chairman-wishes {

		font-size: 14px;

	}


	.acn-chairman-signature h4 {

		font-size: 19px;

	}


	.acn-chairman-designation {

		font-size: 13px;

	}


	.acn-chairman-institution {

		font-size: 12px;

	}


	/* Values */

	.acn-chairman-value-card {

		padding: 21px 17px;

	}


	.acn-value-icon {

		flex: 0 0 42px;

		width: 42px;
		height: 42px;

		font-size: 15px;

	}


	.acn-chairman-value-card h4 {

		font-size: 15px;

	}


	.acn-chairman-value-card p {

		font-size: 13px;

		line-height: 1.7;

	}


	/* Background */

	.acn-chairman-orbit-one {

		width: 350px;
		height: 350px;

	}


	.acn-chairman-orbit-two {

		width: 280px;
		height: 280px;

	}

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.acn-chairman-orbit-one,
	.acn-chairman-orbit-two,
	.acn-chairman-dots,
	.acn-chairman-image-ring,
	.acn-chairman-image-glow,
	.acn-chairman-quote-icon {

		animation: none;

	}


	.acn-chairman-image,
	.acn-chairman-image-shine,
	.acn-chairman-content,
	.acn-chairman-value-card,
	.acn-value-icon {

		transition: none;

	}

}

.acn-principal-section {
	position: relative;
	padding: 60px 20px;
	background: #f7faff;
	overflow: hidden;
}

/* Decorative background pattern */
.acn-principal-section::before {
	content: "";
	position: absolute;
	width: 380px;
	height: 380px;
	border: 1px solid rgba(18, 74, 128, 0.08);
	border-radius: 50%;
	top: -180px;
	right: -100px;
}

.acn-principal-section::after {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	border: 1px solid rgba(237, 11, 112, 0.08);
	border-radius: 50%;
	bottom: -140px;
	left: -80px;
}

.acn-principal-container {
	position: relative;
	z-index: 2;
	max-width: 1050px;
	margin: 0 auto;
}

.acn-principal-content {
	background: #ffffff;
	padding: 40px 40px 30px;
	border-radius: 18px;
	border-left: 5px solid #5b1a60;
	box-shadow: 0 15px 45px rgba(18, 74, 128, 0.10);
	position: relative;
	overflow: hidden;
}

/* Top decorative line */
.acn-principal-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--pharma-yellow);
	;
}

/* Heading */
.acn-principal-heading {
	margin-bottom: 30px;
}

.acn-principal-subtitle {
	display: inline-block;
	color: #bc1a4b;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.acn-principal-heading h2 {
	margin: 0;
	color: #5b1a60;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3;
}

.acn-principal-line {
	width: 65px;
	height: 3px;
	background: #bc1a4b;;
	;
	margin-top: 15px;
	border-radius: 10px;
}

/* Paragraphs */
.acn-principal-text p {
	color: #555f6d;
	font-size: 16px;
	line-height: 1.85;
	margin: 0 0 18px;
	text-align: justify;
}

.acn-principal-text p:last-child {
	margin-bottom: 0;
}

/* Signature */
.acn-principal-signature {
	margin-top: 35px;
	padding-top: 25px;
	border-top: 1px solid #e5eaf0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.acn-principal-signature span {
	color: #777;
	font-size: 15px;
	margin-bottom: 8px;
}

.acn-principal-signature strong {
	color: #5b1a60;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}

.acn-principal-signature small {
	color: #687383;
	font-size: 14px;
	line-height: 1.6;
}

/* Hover effect */
.acn-principal-content {
	transition: all 0.4s ease;
}

.acn-principal-content:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 55px rgba(18, 74, 128, 0.15);
}

/* Tablet */
@media (max-width: 991px) {

	.acn-principal-section {
		padding: 70px 20px;
	}

	.acn-principal-content {
		padding: 45px 40px;
	}

	.acn-principal-heading h2 {
		font-size: 30px;
	}
}

/* Mobile */
@media (max-width: 767px) {

	.acn-principal-section {
		padding: 50px 15px;
	}

	.acn-principal-content {
		padding: 35px 22px;
		border-left-width: 4px;
		border-radius: 14px;
	}

	.acn-principal-heading {
		margin-bottom: 25px;
	}

	.acn-principal-heading h2 {
		font-size: 26px;
	}

	.acn-principal-subtitle {
		font-size: 12px;
		letter-spacing: 1.5px;
	}

	.acn-principal-text p {
		font-size: 15px;
		line-height: 1.75;
		text-align: left;
		margin-bottom: 16px;
	}

	.acn-principal-signature {
		margin-top: 25px;
		padding-top: 20px;
	}

	.acn-principal-signature strong {
		font-size: 16px;
	}
}


/* -----------------------------------------
   ROOT
----------------------------------------- */

.annai-programme-section {
	--annai-primary: #5b1a60;
	--annai-secondary: var(--pharma-yellow);
	;
	--annai-dark: #071b45;
	--annai-dark-two: #04132f;
	--annai-light: #fcf3f9;
	--annai-white: #ffffff;
	--annai-text: #46516a;
	--annai-border: rgba(1, 43, 143, 0.12);

	position: relative;
	overflow: hidden;
	padding: 60px 20px;
	background: #fcf3f9;
	font-family: 'Poppins', sans-serif;
}


/* -----------------------------------------
   CONTAINER
----------------------------------------- */

.annai-programme-container {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}


/* -----------------------------------------
   ROTATING BACKGROUND PATTERN
----------------------------------------- */

.annai-programme-pattern {
	position: absolute;
	width: 260px;
	height: 260px;
	border: 35px solid rgba(1, 43, 143, 0.035);
	border-radius: 50%;
	pointer-events: none;
	animation: annaiProgrammeRotate 25s linear infinite;
}

.annai-programme-pattern::before,
.annai-programme-pattern::after {
	content: "";
	position: absolute;
	inset: 35px;
	border: 2px dashed rgba(237, 11, 112, 0.12);
	border-radius: 50%;
}

.annai-programme-pattern-one {
	top: 80px;
	left: -130px;
}

.annai-programme-pattern-two {
	bottom: 80px;
	right: -130px;
	animation-direction: reverse;
	animation-duration: 30s;
}

@keyframes annaiProgrammeRotate {

	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}

}


/* -----------------------------------------
   HEADING
----------------------------------------- */

.annai-programme-heading {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 65px;
}

.annai-programme-subtitle {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: var(--annai-secondary);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 12px;
}

.annai-programme-subtitle i {
	font-size: 17px;
}

.annai-programme-heading h2 {
	margin: 0;
	color: var(--annai-dark);
	line-height: 1.15;
	font-weight: 700;
}

.annai-programme-heading h2 span {
	color: var(--annai-secondary);
}

.annai-programme-heading-line {
	width: 75px;
	height: 4px;
	background: var(--annai-primary);
	margin: 20px auto;
	border-radius: 50px;
	position: relative;
}

.annai-programme-heading-line span {
	position: absolute;
	width: 25px;
	height: 4px;
	background: var(--annai-secondary);
	left: 25px;
	border-radius: 50px;
	animation: annaiProgrammeLineMove 2s ease-in-out infinite;
}

@keyframes annaiProgrammeLineMove {

	0%,
	100% {
		transform: translateX(-18px);
	}

	50% {
		transform: translateX(18px);
	}

}

.annai-programme-heading>p {
	margin: 0 auto;
	color: var(--annai-text);
	font-size: 16px;
	line-height: 1.9;
}


/* -----------------------------------------
   PROGRAMME CARD
----------------------------------------- */

.annai-programme-card {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	min-height: 620px;
	margin-bottom: 45px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 25px 70px rgba(1, 43, 143, 0.12);
	transition: transform 0.5s ease, box-shadow 0.5s ease;
	border-radius: 5px;
}

.annai-programme-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 35px 90px rgba(1, 43, 143, 0.20);
}


/* -----------------------------------------
   LIGHT CARD
----------------------------------------- */

.annai-programme-card-light {
	background: var(--annai-white);
}


/* -----------------------------------------
   DARK CARD
----------------------------------------- */

.annai-programme-card-dark {
	grid-template-columns: 1.1fr 0.9fr;
	background: var(--annai-dark);
}

.annai-programme-card-dark .annai-programme-content {
	color: #ffffff;
}

.annai-programme-card-dark .annai-programme-content h3 {
	color: #ffffff;
}

.annai-programme-card-dark .annai-programme-intro {
	color: rgba(255, 255, 255, 0.76);
}


/* -----------------------------------------
   CONTENT
----------------------------------------- */

.annai-programme-content {
	padding: 65px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.annai-programme-tag {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	width: fit-content;
	padding: 8px 16px;
	margin-bottom: 17px;
	background: rgba(237, 11, 112, 0.08);
	color: var(--annai-secondary);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.annai-programme-card-dark .annai-programme-tag {
	background: rgba(255, 255, 255, 0.09);
}

.annai-programme-content h3 {
	color: var(--annai-dark);

	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 18px;
}

.annai-programme-intro {
	color: var(--annai-text);
	font-size: 15px;
	line-height: 1.85;
	margin: 0 0 30px;
	max-width: 650px;
}


/* -----------------------------------------
   DETAILS
----------------------------------------- */

.annai-programme-details {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.annai-programme-detail-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 14px 15px;
	border: 1px solid var(--annai-border);
	background: rgba(1, 43, 143, 0.025);
	transition: all 0.4s ease;
}

.annai-programme-card-dark .annai-programme-detail-item {
	border-color: rgba(255, 255, 255, 0.10);
	background: rgba(255, 255, 255, 0.045);
}

.annai-programme-detail-item:hover {
	transform: translateX(8px);
	border-color: rgba(237, 11, 112, 0.35);
	background: rgba(237, 11, 112, 0.06);
}


/* -----------------------------------------
   NUMBER
----------------------------------------- */

.annai-programme-number {
	min-width: 40px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--annai-primary);
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	transition: 0.4s ease;
}

.annai-programme-number::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	background: rgba(255, 255, 255, 0.30);
	transform: skewX(-25deg);
	transition: 0.5s ease;
}

.annai-programme-detail-item:hover .annai-programme-number {
	background: var(--annai-secondary);
	transform: rotate(360deg);
}

.annai-programme-detail-item:hover .annai-programme-number::after {
	left: 120%;
}


/* -----------------------------------------
   DETAIL TEXT
----------------------------------------- */

.annai-programme-detail-text h4 {
	margin: 1px 0 4px;
	color: var(--annai-dark);
	font-size: 14px;
	font-weight: 700;
}

.annai-programme-card-dark .annai-programme-detail-text h4 {
	color: #ffffff;
}

.annai-programme-detail-text p {
	margin: 0;
	color: var(--annai-text);
	font-size: 13px;
	line-height: 1.65;
}

.annai-programme-card-dark .annai-programme-detail-text p {
	color: rgba(255, 255, 255, 0.70);
}


/* -----------------------------------------
   IMAGE AREA
----------------------------------------- */

.annai-programme-image-wrap {
	min-height: 620px;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.annai-programme-image {
	width: 100%;
	height: 100%;
	min-height: 620px;
	display: block;
	object-fit: cover;
	transition: transform 1s cubic-bezier(.2, .7, .2, 1),
		filter 0.8s ease;
	filter: saturate(0.92) contrast(1.04);
}

.annai-programme-card:hover .annai-programme-image {
	transform: scale(1.08);
	filter: saturate(1.12) contrast(1.08);
}


/* -----------------------------------------
   IMAGE OVERLAY
----------------------------------------- */

.annai-programme-image-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(90deg,
			rgba(1, 43, 143, 0.04),
			rgba(1, 43, 143, 0.30));
	pointer-events: none;
}


/* -----------------------------------------
   IMAGE LIGHTING EFFECT
----------------------------------------- */

.annai-programme-image-glow {
	position: absolute;
	width: 180px;
	height: 500px;
	top: -50px;
	left: -250px;
	z-index: 3;
	background: rgba(255, 255, 255, 0.18);
	filter: blur(30px);
	transform: rotate(20deg);
	animation: annaiProgrammeLight 5s ease-in-out infinite;
	pointer-events: none;
}

@keyframes annaiProgrammeLight {

	0% {
		left: -250px;
	}

	50% {
		left: 110%;
	}

	100% {
		left: 110%;
	}

}


/* -----------------------------------------
   IMAGE LABEL
----------------------------------------- */

.annai-programme-image-label {
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 5;

	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 13px 20px;

	background: rgba(1, 43, 143, 0.88);
	backdrop-filter: blur(10px);

	color: #ffffff;
	font-size: 13px;
	font-weight: 700;

	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.20);

	transform: translateY(15px);
	opacity: 0.88;

	transition: 0.5s ease;
}

.annai-programme-card:hover .annai-programme-image-label {
	transform: translateY(0);
	opacity: 1;
}

.annai-programme-image-label i {
	color: #ffffff;
	font-size: 17px;
}


/* -----------------------------------------
   IMAGE CORNER DECORATION
----------------------------------------- */

.annai-programme-image-wrap::before {
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	right: -55px;
	top: -55px;
	border-radius: 50%;
	background: rgba(237, 11, 112, 0.55);
	z-index: 4;
	transition: 0.6s ease;
}

.annai-programme-card:hover .annai-programme-image-wrap::before {
	transform: scale(1.5);
}


/* -----------------------------------------
   RESPONSIVE - TABLET
----------------------------------------- */

@media (max-width: 991px) {

	.annai-programme-section {
		padding: 80px 18px;
	}

	.annai-programme-card,
	.annai-programme-card-dark {
		grid-template-columns: 1fr;
	}

	.annai-programme-card-dark .annai-programme-content {
		order: 1;
	}

	.annai-programme-card-dark .annai-programme-image-wrap {
		order: 2;
	}

	.annai-programme-image-wrap {
		min-height: 430px;
	}

	.annai-programme-image {
		min-height: 430px;
	}

	.annai-programme-content {
		padding: 50px 40px;
	}

}


/* -----------------------------------------
   RESPONSIVE - MOBILE
----------------------------------------- */

@media (max-width: 600px) {

	.annai-programme-section {
		padding: 65px 14px;
	}

	.annai-programme-heading {
		margin-bottom: 40px;
	}

	.annai-programme-heading h2 {
		font-size: 32px;
	}

	.annai-programme-heading>p {
		font-size: 14px;
		line-height: 1.75;
	}

	.annai-programme-card {
		margin-bottom: 28px;
		border-radius: 0;
	}

	.annai-programme-content {
		padding: 35px 22px;
	}

	.annai-programme-content h3 {
		font-size: 27px;
	}

	.annai-programme-intro {
		font-size: 14px;
		line-height: 1.75;
	}

	.annai-programme-detail-item {
		padding: 12px;
		gap: 11px;
	}

	.annai-programme-number {
		min-width: 35px;
		width: 35px;
		height: 35px;
		font-size: 10px;
	}

	.annai-programme-detail-text h4 {
		font-size: 13px;
	}

	.annai-programme-detail-text p {
		font-size: 12px;
	}

	.annai-programme-image-wrap {
		min-height: 330px;
	}

	.annai-programme-image {
		min-height: 330px;
	}

	.annai-programme-image-label {
		left: 18px;
		bottom: 18px;
		padding: 10px 14px;
		font-size: 11px;
	}

}


/* -----------------------------------------
   REDUCED MOTION
----------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	.annai-programme-pattern,
	.annai-programme-image-glow,
	.annai-programme-heading-line span {
		animation: none;
	}

	.annai-programme-card,
	.annai-programme-image,
	.annai-programme-detail-item,
	.annai-programme-number {
		transition: none;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   B.SC. NURSING COMPLETE PROGRAMME
   SEPARATE CSS
========================================================= */


/* =========================================================
   ROOT
========================================================= */

.annai-bsc-page {

	--annai-bsc-primary: #5b1a60;
	--annai-bsc-primary-dark: #061b4a;
	--annai-bsc-secondary: var(--pharma-yellow);
	;

	--annai-bsc-dark: #2d0230;
	--annai-bsc-dark-two: #2d0230;

	--annai-bsc-light: #fcf3f9;
	--annai-bsc-white: #ffffff;

	--annai-bsc-text: #526078;
	--annai-bsc-muted: #7a8599;

	--annai-bsc-border:
		rgba(1, 43, 143, 0.11);

	--annai-bsc-shadow:
		0 25px 70px rgba(1, 43, 143, 0.12);

	font-family:
		'Poppins',
		sans-serif;

	color:
		var(--annai-bsc-text);

	background:
		var(--annai-bsc-light);

	overflow:
		hidden;

	position:
		relative;
}


.annai-bsc-page *,
.annai-bsc-page *::before,
.annai-bsc-page *::after {

	box-sizing:
		border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.annai-bsc-container {

	width:
		min(1240px, calc(100% - 40px));

	margin:
		0 auto;

	position:
		relative;

	z-index:
		5;
}


/* =========================================================
   SECTIONS
========================================================= */

.annai-bsc-section {

	position:
		relative;

	padding:
		60px 0;

	overflow:
		hidden;
}


.annai-bsc-light-section {

	background:
		#fcf3f9;
}


.annai-bsc-dark-section {

	background:
		#2d0230;
}


.annai-bsc-dark-two-section {

	background:
		#2d0230;
}


/* =========================================================
   HERO
========================================================= */

.annai-bsc-hero {

	min-height:
		720px;

	display:
		flex;

	align-items:
		center;

	position:
		relative;

	overflow:
		hidden;

	background:
		#fcf3f9;

	isolation:
		isolate;
}


.annai-bsc-hero-grid {

	min-height:
		720px;

	display:
		grid;

	grid-template-columns:
		1fr .88fr;

	align-items:
		center;

	gap:
		65px;
}


.annai-bsc-hero-content {

	position:
		relative;

	z-index:
		5;

	padding:
		60px 0;
}


.annai-bsc-kicker {

	display:
		inline-flex;

	align-items:
		center;

	gap:
		9px;

	padding:
		10px 18px;

	margin-bottom:
		20px;

	color:
		#e75480;

	background:
		rgba(237, 11, 112, .07);

	border:
		1px solid rgba(237, 11, 112, .16);

	font-size:
		14px;

	font-weight:
		800;

	letter-spacing:
		1.8px;

	text-transform:
		uppercase;
}


.annai-bsc-kicker i {

	font-size:
		17px;
}


.annai-bsc-hero h1 {

	margin:
		0;

	color:
		var(--annai-bsc-dark);

	line-height:
		1.03;

	font-weight:
		800;

	letter-spacing:
		-2px;
}


/* .annai-bsc-hero h1 span {



	color:
		var(--annai-bsc-secondary);
} */


.annai-bsc-hero-line {

	width:
		85px;

	height:
		5px;

	margin:
		22px 0;

	border-radius:
		50px;

	background:
		var(--annai-bsc-primary);

	position:
		relative;
}


.annai-bsc-hero-line::after {

	content:
		"";

	position:
		absolute;

	left:
		30px;

	top:
		0;

	width:
		28px;

	height:
		5px;

	border-radius:
		50px;

	background:
		var(--annai-bsc-secondary);

	animation:
		annaiBscHeroLine 2s ease-in-out infinite;
}


@keyframes annaiBscHeroLine {

	0%,
	100% {
		transform:
			translateX(-20px);
	}

	50% {
		transform:
			translateX(20px);
	}
}


.annai-bsc-hero-content>p {

	max-width:
		680px;

	margin:
		0 0 32px;

	color:
		#58657b;

	font-size:
		18px;

	line-height:
		1.9;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.annai-bsc-hero-actions {

	display:
		flex;

	flex-wrap:
		wrap;

	gap:
		12px;

	margin-bottom:
		40px;
}


.annai-bsc-button {

	min-height:
		52px;

	padding:
		0 24px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	gap:
		9px;

	text-decoration:
		none;

	font-size:
		15px;

	font-weight:
		700;

	transition:
		.4s ease;
}


.annai-bsc-button-primary {

	color:
		#ffffff;

	background:
		var(--annai-bsc-secondary);

	box-shadow:
		0 14px 30px rgba(237, 11, 112, .18);
}


.annai-bsc-button-primary:hover {

	color:
		#ffffff;

	transform:
		translateY(-5px);

	box-shadow:
		0 20px 40px rgba(237, 11, 112, .28);
}


.annai-bsc-button-outline {

	color:
		var(--annai-bsc-primary);

	background:
		#ffffff;

	border:
		1px solid rgba(1, 43, 143, .16);

	box-shadow:
		0 10px 25px rgba(1, 43, 143, .06);
}


.annai-bsc-button-outline:hover {

	color:
		#ffffff;

	background:
		var(--annai-bsc-primary);

	border-color:
		var(--annai-bsc-primary);

	transform:
		translateY(-5px);
}


/* =========================================================
   HERO META
========================================================= */

.annai-bsc-hero-meta {

	display:
		flex;

	flex-wrap:
		wrap;

	gap:
		28px;
}


.annai-bsc-hero-meta>div {

	display:
		grid;

	grid-template-columns:
		38px auto;

	column-gap:
		10px;

	align-items:
		center;
}


.annai-bsc-hero-meta i {

	grid-row:
		span 2;

	width:
		38px;

	height:
		38px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		var(--annai-bsc-primary);

	background:
		rgba(1, 43, 143, .07);

	border-radius:
		50%;

	font-size:
		15px;
}


.annai-bsc-hero-meta strong {

	color:
		var(--annai-bsc-dark);

	font-size:
		15px;
}


.annai-bsc-hero-meta span {

	color:
		var(--annai-bsc-muted);

	font-size:
		14px;
}


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

.annai-bsc-hero-visual {

	position:
		relative;

	z-index:
		4;
}


.annai-bsc-hero-image {

	height:
		570px;

	position:
		relative;

	overflow:
		hidden;

	box-shadow:
		0 30px 80px rgba(1, 43, 143, .18);

	transition:
		.6s ease;
}


.annai-bsc-hero-image:hover {

	transform:
		rotate(0deg) translateY(-8px);
}


.annai-bsc-hero-image img {

	width:
		100%;

	height:
		100%;

	display:
		block;

	object-fit:
		cover;

	filter:
		saturate(.90) contrast(1.04);

	transition:
		1s ease;
}


.annai-bsc-hero-image:hover img {

	transform:
		scale(1.08);

	filter:
		saturate(1.12) contrast(1.07);
}


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

.annai-bsc-image-light {

	position:
		absolute;

	width:
		130px;

	height:
		700px;

	left:
		-220px;

	top:
		-80px;

	z-index:
		4;

	background:
		rgba(255, 255, 255, .28);

	filter:
		blur(24px);

	transform:
		rotate(20deg);

	animation:
		annaiBscImageShine 5s ease-in-out infinite;

	pointer-events:
		none;
}


@keyframes annaiBscImageShine {

	0% {
		left:
			-230px;
	}

	55%,
	100% {
		left:
			120%;
	}
}


/* =========================================================
   HERO CAPTION
========================================================= */

.annai-bsc-hero-image-caption {

	position:
		absolute;

	left:
		25px;

	right:
		25px;

	bottom:
		25px;

	z-index:
		7;

	display:
		flex;

	align-items:
		center;

	gap:
		12px;

	padding:
		16px;

	color:
		#ffffff;

	background: #490f4a;

	backdrop-filter:
		blur(12px);

	transition:
		.4s ease;
}


.annai-bsc-hero-image:hover .annai-bsc-hero-image-caption {

	transform:
		translateY(-5px);
}


.annai-bsc-caption-icon {

	min-width:
		44px;

	width:
		44px;

	height:
		44px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	background:
		#e75480;

	border-radius:
		50%;
}


.annai-bsc-hero-image-caption strong {

	display:
		block;

	margin-bottom:
		3px;

	font-size:
		15px;
}


.annai-bsc-hero-image-caption span {

	color:
		rgba(255, 255, 255, .65);

	font-size:
		14px;
}


/* =========================================================
   HERO PATTERNS
========================================================= */

.annai-bsc-hero-pattern {

	position:
		absolute;

	width:
		330px;

	height:
		330px;

	border:
		2px solid rgba(1, 43, 143, .06);

	border-radius:
		50%;

	animation:
		annaiBscRotate 28s linear infinite;

	pointer-events:
		none;
}


.annai-bsc-hero-pattern::before {

	content:
		"";

	position:
		absolute;

	inset:
		35px;

	border:
		1px dashed rgba(237, 11, 112, .15);

	border-radius:
		50%;
}


.annai-bsc-hero-pattern-one {

	left:
		-170px;

	top:
		70px;
}


.annai-bsc-hero-pattern-two {

	right:
		-170px;

	bottom:
		40px;

	animation-direction:
		reverse;
}


@keyframes annaiBscRotate {

	from {
		transform:
			rotate(0deg);
	}

	to {
		transform:
			rotate(360deg);
	}
}


/* =========================================================
   HERO ORBS
========================================================= */

.annai-bsc-hero-orb {

	position:
		absolute;

	border-radius:
		50%;

	pointer-events:
		none;

	animation:
		annaiBscOrb 8s ease-in-out infinite;
}


.annai-bsc-hero-orb-one {

	width:
		350px;

	height:
		350px;

	right:
		28%;

	top:
		-180px;

	background:
		rgba(237, 11, 112, .055);
}


.annai-bsc-hero-orb-two {

	width:
		260px;

	height:
		260px;

	left:
		-120px;

	bottom:
		-130px;

	background:
		rgba(1, 43, 143, .06);

	animation-delay:
		-3s;
}


@keyframes annaiBscOrb {

	0%,
	100% {
		transform:
			scale(1) translate(0, 0);
	}

	50% {
		transform:
			scale(1.15) translate(15px, -10px);
	}
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.annai-bsc-heading {

	max-width:
		850px;

	margin:
		0 auto 55px;

	text-align:
		center;
}


.annai-bsc-heading-left {

	text-align:
		left;

	margin-left:
		0;
}


.annai-bsc-section-label {

	display:
		inline-flex;

	align-items:
		center;

	gap:
		8px;

	margin-bottom:
		12px;

	color:
		#e75480;

	font-size:
		14px;

	font-weight:
		800;

	letter-spacing:
		2px;

	text-transform:
		uppercase;
}

.annai-bsc-heading h2 {
	color:
		var(--annai-bsc-dark);
}

.annai-bsc-text-content h2 {
	color:
		var(--annai-bsc-dark);
}

.annai-bsc-heading h2,
.annai-bsc-text-content h2 {

	margin:
		0 0 18px;


	line-height:
		1.2;

	font-weight:
		800;
}


/* .annai-bsc-heading h2 span,
.annai-bsc-text-content h2 span {

	color:
		var(--annai-bsc-secondary);
} */


.annai-bsc-dark-content h2 {

	color:
		#ffffff;
}


.annai-bsc-heading-line {

	width:
		75px;

	height:
		4px;

	margin:
		20px auto;

	border-radius:
		50px;

	background:
		var(--annai-bsc-primary);

	position:
		relative;
}


.annai-bsc-heading-left .annai-bsc-heading-line {

	margin-left:
		0;
}


.annai-bsc-heading-line::after {

	content:
		"";

	position:
		absolute;

	left:
		25px;

	top:
		0;

	width:
		25px;

	height:
		4px;

	border-radius:
		50px;

	background:
		var(--annai-bsc-secondary);

	animation:
		annaiBscHeadingLine 2s ease-in-out infinite;
}


@keyframes annaiBscHeadingLine {

	0%,
	100% {
		transform:
			translateX(-18px);
	}

	50% {
		transform:
			translateX(18px);
	}
}


/* =========================================================
   TWO COLUMN
========================================================= */

.annai-bsc-two-column {

	display:
		grid;

	grid-template-columns:
		.9fr 1.1fr;

	gap:
		65px;

	align-items:
		center;
}


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

.annai-bsc-photo-card {

	position:
		relative;

	min-height:
		520px;

	overflow:
		hidden;

	box-shadow:
		var(--annai-bsc-shadow);
}


.annai-bsc-photo-card img {

	width:
		100%;

	height:
		520px;

	display:
		block;

	object-fit:
		cover;

	filter:
		saturate(.90);

	transition:
		transform .9s ease,
		filter .8s ease;
}


.annai-bsc-photo-card:hover img {

	transform:
		scale(1.08);

	filter:
		saturate(1.12);
}


.annai-bsc-photo-card::before {

	content:
		"";

	position:
		absolute;

	inset:
		0;

	z-index:
		2;

	background:
		rgba(1, 43, 143, .04);

	pointer-events:
		none;
}


.annai-bsc-photo-badge {

	position:
		absolute;

	left:
		25px;

	bottom:
		25px;

	z-index:
		5;

	display:
		flex;

	align-items:
		center;

	gap:
		14px;

	padding:
		16px 20px;

	color:
		#ffffff;

	background: #490f4a;

	backdrop-filter:
		blur(10px);
}


.annai-bsc-photo-badge strong {

	font-size:
		38px;

	line-height:
		1;
}


.annai-bsc-photo-badge span {

	font-size:
		14px;

	line-height:
		1.6;
}


/* =========================================================
   TEXT
========================================================= */

.annai-bsc-text-content p {

	margin:
		0 0 18px;

	color:
		var(--annai-bsc-text);

	font-size:
		15px;

	line-height:
		1.95;
}


.annai-bsc-dark-content p {

	color:
		rgba(255, 255, 255, .70);
}


/* =========================================================
   DEPARTMENT FACILITIES
========================================================= */

.annai-bsc-facility-grid {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		14px;

	margin-top:
		28px;
}


.annai-bsc-facility {

	display:
		flex;

	align-items:
		center;

	gap:
		11px;

	padding:
		17px;

	color:
		#ffffff;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .10);

	transition:
		.4s ease;
}


.annai-bsc-facility:hover {

	transform:
		translateY(-5px);

	background:
		rgba(237, 11, 112, .10);

	border-color:
		rgba(237, 11, 112, .30);
}


.annai-bsc-facility i {

	color:
		#deba12;

	font-size:
		19px;
}


.annai-bsc-facility span {

	font-size:
		14px;
}


/* =========================================================
   DURATION
========================================================= */

.annai-bsc-duration-section {

	padding:
		30px 0;

	background:
		#ffffff;
}


.annai-bsc-duration-box {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	background:
		var(--annai-bsc-primary);

	box-shadow:
		0 25px 60px rgba(1, 43, 143, .18);
	border-radius: 10px;
}


.annai-bsc-duration-item {

	display:
		flex;

	align-items:
		center;

	gap:
		16px;

	padding:
		35px;

	border-right:
		1px solid rgba(255, 255, 255, .15);
}


.annai-bsc-duration-item:last-child {

	border-right:
		0;
}


.annai-bsc-duration-item>i {

	min-width:
		48px;

	width:
		48px;

	height:
		48px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		rgba(237, 11, 112, .85);

	border-radius:
		50%;

	font-size:
		19px;
}


.annai-bsc-duration-item strong {

	display:
		block;

	color:
		#ffffff;

	font-size:
		16px;
}


.annai-bsc-duration-item span {



	margin-top:
		3px;

	color:
		rgba(255, 255, 255, .60);

	font-size:
		14px;
}


/* =========================================================
   OBJECTIVES
========================================================= */

.annai-bsc-objective-grid {

	display:
		grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap:
		18px;
}


.annai-bsc-objective-card {

	display:
		flex;

	gap:
		17px;

	padding:
		18px;

	position:
		relative;

	overflow:
		hidden;

	background:
		#ffffff;

	border:
		1px solid var(--annai-bsc-border);

	transition:
		.45s ease;
}


.annai-bsc-objective-card::before {

	content:
		"";

	position:
		absolute;

	left:
		0;

	top:
		0;

	width:
		4px;

	height:
		0;

	background:
		var(--annai-bsc-secondary);

	transition:
		.45s ease;
}


.annai-bsc-objective-card:hover {

	transform:
		translateY(-7px);

	box-shadow:
		var(--annai-bsc-shadow);
}


.annai-bsc-objective-card:hover::before {

	height:
		100%;
}


.annai-bsc-number {

	min-width:
		36px;

	width:
		36px;

	height:
		36px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	border-radius:
		50%;

	color:
		var(--annai-bsc-primary);

	background:
		rgba(1, 43, 143, .07);

	font-size:
		13px;

	font-weight:
		800;

	transition:
		.5s ease;
}


.annai-bsc-objective-card:hover .annai-bsc-number {

	color:
		#ffffff;

	background:
		var(--annai-bsc-secondary);

	transform:
		rotate(360deg);
}


.annai-bsc-objective-card h3 {

	margin:
		2px 0 7px;

	color:
		var(--annai-bsc-dark);

	font-size:
		15px;
}


.annai-bsc-objective-card p {

	margin:
		0;

	font-size:
		13px;

	line-height:
		1.7;
}


/* =========================================================
   LEARNING AREAS
========================================================= */

.annai-bsc-learning-grid {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap:
		17px;
}


.annai-bsc-learning-card {

	padding:
		20px;

	position:
		relative;

	overflow:
		hidden;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .10);

	transition:
		.45s ease;
	border-radius: 10px;
	display: flex;
}


.annai-bsc-learning-card:hover {

	transform:
		translateY(-8px);

	background:
		rgba(237, 11, 112, .09);

	border-color:
		rgba(237, 11, 112, .30);
}


.annai-bsc-learning-card>span {

	position:
		absolute;

	top:
		18px;

	right:
		20px;

	color:
		rgba(255, 255, 255, .20);

	font-size:
		14px;

	font-weight:
		800;
}


.annai-bsc-learning-card i {

	display:
		block;

	margin-bottom:
		25px;

	color:
		#deba12;

	font-size:
		25px;
	margin-right: 15px;
}


.annai-bsc-learning-card p {

	margin:
		0;

	color:
		rgba(255, 255, 255, .80);

	font-size:
		14px;

	line-height:
		1.7;
}


/* =========================================================
   SKILLS
========================================================= */

.annai-bsc-skill-grid {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		10px;

	margin-top:
		25px;
}


.annai-bsc-skill-grid span {

	display:
		flex;

	align-items:
		center;

	gap:
		9px;

	padding:
		12px;

	color:
		var(--annai-bsc-dark);

	background:
		#fcf3f9;

	border:
		1px solid var(--annai-bsc-border);

	font-size:
		14px;

	transition:
		.35s ease;
}


.annai-bsc-skill-grid span:hover {

	transform:
		translateX(5px);

	border-color:
		rgba(237, 11, 112, .25);
}


.annai-bsc-skill-grid i {

	color:
		var(--annai-bsc-secondary);
}


/* =========================================================
   GRADUATE ATTRIBUTES
========================================================= */

.annai-bsc-attribute-grid {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap:
		17px;
}


.annai-bsc-attribute-card {

	padding:
		20px;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .10);

	transition:
		.45s ease;
	border-radius: 10px;
}


.annai-bsc-attribute-card:hover {

	transform:
		translateY(-7px);

	background:
		rgba(237, 11, 112, .08);

	border-color:
		rgba(237, 11, 112, .32);
}


.annai-bsc-attribute-card>span {



	margin-bottom:
		20px;

	color:
		#deba12;

	font-size:
		14px;

	font-weight:
		800;
}


.annai-bsc-attribute-card p {

	margin:
		0;

	color:
		rgba(255, 255, 255, .80);

	font-size:
		14px;

	line-height:
		1.75;
}


/* =========================================================
   ELIGIBILITY
========================================================= */

.annai-bsc-eligibility-layout {

	display:
		grid;

	grid-template-columns:
		.72fr 1.28fr;

	gap:
		55px;

	align-items:
		start;
}


.annai-bsc-eligibility-photo {

	position:
		sticky;

	top:
		30px;

	overflow:
		hidden;
}


.annai-bsc-eligibility-photo img {

	width:
		100%;

	height:
		950px;

	display:
		block;

	object-fit:
		cover;

	transition:
		.8s ease;
}


.annai-bsc-eligibility-photo:hover img {

	transform:
		scale(1.06);
}


.annai-bsc-eligibility-list {

	display:
		flex;

	flex-direction:
		column;

	gap:
		12px;
}


.annai-bsc-eligibility-item {

	display:
		flex;

	align-items:
		flex-start;

	gap:
		14px;

	padding:
		16px;

	background:
		#ffffff;

	border:
		1px solid var(--annai-bsc-border);

	transition:
		.4s ease;
}


.annai-bsc-eligibility-item:hover {

	transform:
		translateX(7px);

	box-shadow:
		0 12px 30px rgba(1, 43, 143, .07);

	border-color:
		rgba(237, 11, 112, .25);
}


.annai-bsc-eligibility-item>span {

	min-width:
		25px;

	width:
		25px;

	height:
		25px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	border-radius:
		50%;

	color:
		#ffffff;

	background:
		var(--annai-bsc-primary);

	font-size:
		12px;

	font-weight:
		800;
}


.annai-bsc-eligibility-item p {
	margin: -3px 0 0;
	font-size: 14px;
	line-height: 1.75;
}


.annai-bsc-important-box {

	margin-top:
		18px;

	padding:
		20px;

	background:
		rgba(237, 11, 112, .07);

	border-left:
		4px solid var(--annai-bsc-secondary);
}


.annai-bsc-important-box strong {

	display:
		block;

	margin-bottom:
		8px;

	color:
		#e75480;

	font-size:
		14px;
}


.annai-bsc-important-box p {

	margin:
		0;

	font-size:
		14px;

	line-height:
		1.8;
}


/* =========================================================
   CAREER
========================================================= */
.annai-bsc-career-intro {
	max-width: 1250px;
	margin: -25px auto 45px;
	text-align: center;
	color: rgb(255 255 255 / 84%);
	font-size: 14px;
	line-height: 1.9;
}


.annai-bsc-career-grid {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap:
		15px;
}


.annai-bsc-career-item {
	padding: 20px;
	position: relative;
	background: rgba(255, 255, 255, .045);
	border: 1px solid rgba(255, 255, 255, .09);
	transition: .4s ease;
	display: flex;
	border-radius: 10px;
}


.annai-bsc-career-item:hover {

	transform:
		translateY(-7px);

	background:
		rgba(237, 11, 112, .08);

	border-color:
		rgba(237, 11, 112, .30);
}


.annai-bsc-career-item>span {

	position:
		absolute;

	right:
		18px;

	top:
		16px;

	color:
		rgba(255, 255, 255, .18);

	font-size:
		14px;

	font-weight:
		800;
}


.annai-bsc-career-item i {

	display:
		block;

	margin-bottom:
		17px;

	color:
		var(--pharma-yellow);
	;

	font-size:
		20px;
	margin-right: 15px;
}

.annai-bsc-career-item p {
	margin: 0;
	color: rgb(255 255 255);
	font-size: 13px;
	line-height: 1.6;
}


/* =========================================================
   HIGHER EDUCATION
========================================================= */

.annai-bsc-higher-grid {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap:
		18px;
}


.annai-bsc-higher-card {

	padding:
		20px;

	position:
		relative;

	background:
		#ffffff;

	border:
		1px solid var(--annai-bsc-border);

	transition:
		.45s ease;
}


.annai-bsc-higher-card:hover {

	transform:
		translateY(-8px);

	box-shadow:
		var(--annai-bsc-shadow);
}


.annai-bsc-higher-card>span {

	position:
		absolute;

	top:
		18px;

	right:
		20px;

	color:
		rgba(1, 43, 143, .15);

	font-size:
		14px;

	font-weight:
		800;
}


.annai-bsc-higher-card i {

	display:
		block;

	margin-bottom:
		18px;

	color:
		#e75480;

	font-size:
		25px;
}


.annai-bsc-higher-card h3 {

	margin:
		0 0 9px;

	color:
		var(--annai-bsc-dark);

	font-size:
		16px;
}


.annai-bsc-higher-card p {

	margin:
		0;

	color:
		var(--annai-bsc-text);

	font-size:
		14px;

	line-height:
		1.75;
}


/* =========================================================
   ADMISSION CTA
========================================================= */

.annai-bsc-admission {

	position:
		relative;

	padding:
		105px 20px;

	overflow:
		hidden;

	text-align:
		center;

	background:
		var(--annai-bsc-primary);
}


.annai-bsc-admission-content {

	max-width:
		850px;

	margin:
		auto;

	position:
		relative;

	z-index:
		4;
}


.annai-bsc-admission h2 {

	margin:
		0 0 20px;

	color:
		#ffffff;



	line-height:
		1.2;
}


.annai-bsc-admission h2 span {

	color:
		#deba12;
}


.annai-bsc-admission p {

	max-width:
		720px;

	margin:
		0 auto 32px;

	color:
		rgba(255, 255, 255, .76);

	font-size:
		15px;

	line-height:
		1.9;
}


.annai-bsc-admission-buttons {

	display:
		flex;

	justify-content:
		center;

	flex-wrap:
		wrap;

	gap:
		12px;
}


.annai-bsc-admission-primary {

	color:
		#ffffff;

	background:
		var(--annai-bsc-secondary);
}


.annai-bsc-admission-white {

	color:
		var(--annai-bsc-primary);

	background:
		#ffffff;

	border-color:
		#ffffff;
}


.annai-bsc-admission-outline {

	color:
		#ffffff;

	background:
		transparent;

	border:
		1px solid rgba(255, 255, 255, .35);
}


.annai-bsc-admission-outline:hover {

	color:
		var(--annai-bsc-primary);

	background:
		#ffffff;

	border-color:
		#ffffff;
}


/* =========================================================
   CTA ROTATING PATTERN
========================================================= */

.annai-bsc-admission-pattern {

	position:
		absolute;

	width:
		500px;

	height:
		500px;

	left:
		-220px;

	top:
		-230px;

	border:
		65px solid rgba(255, 255, 255, .035);

	border-radius:
		50%;

	animation:
		annaiBscRotate 30s linear infinite;
}


.annai-bsc-admission-pattern::after {

	content:
		"";

	position:
		absolute;

	inset:
		70px;

	border:
		1px dashed rgba(255, 255, 255, .12);

	border-radius:
		50%;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-bsc-section {

		padding:
			80px 0;
	}


	.annai-bsc-hero {

		min-height:
			auto;
	}


	.annai-bsc-hero-grid {

		min-height:
			auto;

		grid-template-columns:
			1fr;

		padding:
			80px 0;

		gap:
			45px;
	}


	.annai-bsc-hero-content {

		padding:
			0;
	}


	.annai-bsc-hero-image {

		height:
			500px;

		transform:
			none;
	}


	.annai-bsc-two-column,
	.annai-bsc-eligibility-layout {

		grid-template-columns:
			1fr;

		gap:
			40px;
	}


	.annai-bsc-eligibility-photo {

		position:
			relative;

		top:
			auto;
	}


	.annai-bsc-eligibility-photo img {

		height:
			450px;
	}


	.annai-bsc-learning-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}


	.annai-bsc-career-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}


	.annai-bsc-attribute-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}


	.annai-bsc-higher-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-bsc-container {

		width:
			calc(100% - 28px);
	}


	.annai-bsc-section {

		padding:
			65px 0;
	}


	.annai-bsc-hero-grid {

		padding:
			65px 0;
	}


	.annai-bsc-hero h1 {

		font-size:
			47px;

		letter-spacing:
			-1px;
	}


	.annai-bsc-hero-content>p {

		font-size:
			14px;

		line-height:
			1.8;
	}


	.annai-bsc-hero-actions {

		flex-direction:
			column;

		align-items:
			stretch;
	}


	.annai-bsc-button {

		width:
			100%;
	}


	.annai-bsc-hero-meta {

		gap:
			15px;

		justify-content:
			space-between;
	}


	.annai-bsc-hero-meta>div {

		grid-template-columns:
			32px auto;

		column-gap:
			7px;
	}


	.annai-bsc-hero-meta i {

		width:
			32px;

		height:
			32px;

		font-size:
			12px;
	}


	.annai-bsc-hero-meta strong {

		font-size:
			11px;
	}


	.annai-bsc-hero-meta span {

		font-size:
			9px;
	}


	.annai-bsc-hero-image {

		height:
			390px;
	}


	.annai-bsc-hero-image-caption {

		left:
			15px;

		right:
			15px;

		bottom:
			15px;

		padding:
			12px;
	}


	.annai-bsc-heading {

		margin-bottom:
			38px;
	}


	.annai-bsc-heading h2,
	.annai-bsc-text-content h2 {

		font-size:
			30px;
	}


	.annai-bsc-photo-card {

		min-height:
			380px;
	}


	.annai-bsc-photo-card img {

		height:
			380px;
	}


	.annai-bsc-photo-badge {

		left:
			15px;

		bottom:
			15px;

		padding:
			13px;
	}


	.annai-bsc-photo-badge strong {

		font-size:
			30px;
	}


	.annai-bsc-facility-grid {

		grid-template-columns:
			1fr;
	}


	.annai-bsc-duration-box {

		grid-template-columns:
			1fr;
	}


	.annai-bsc-duration-item {

		border-right:
			0;

		border-bottom:
			1px solid rgba(255, 255, 255, .15);
	}


	.annai-bsc-duration-item:last-child {

		border-bottom:
			0;
	}


	.annai-bsc-objective-grid,
	.annai-bsc-learning-grid,
	.annai-bsc-skill-grid,
	.annai-bsc-attribute-grid,
	.annai-bsc-career-grid,
	.annai-bsc-higher-grid {

		grid-template-columns:
			1fr;
	}


	.annai-bsc-career-intro {

		margin-top:
			-15px;

		font-size:
			13px;
	}


	.annai-bsc-admission {

		padding:
			75px 14px;
	}


	.annai-bsc-admission h2 {

		font-size:
			31px;
	}


	.annai-bsc-admission p {

		font-size:
			13px;
	}


	.annai-bsc-hero-pattern {

		width:
			230px;

		height:
			230px;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-bsc-page *,
	.annai-bsc-page *::before,
	.annai-bsc-page *::after {

		animation:
			none !important;

		transition:
			none !important;
	}

}

/* =========================================================
   ANNAI ANM TRAINING SCHOOL
   AUXILIARY NURSE MIDWIFERY PROGRAMME
   PREMIUM RESPONSIVE DESIGN
========================================================= */

.annai-anm-page {

	--anm-primary: #5b1a60;
	--anm-primary-dark: #061b4a;
	--anm-secondary: var(--pharma-yellow);
	;

	--anm-dark: #2d0230;
	--anm-dark-two: #2d0230;

	--anm-light: #fcf3f9;
	--anm-white: #ffffff;

	--anm-text: #526078;
	--anm-muted: #7a8599;

	--anm-border: rgba(1, 43, 143, .11);

	--anm-shadow:
		0 25px 70px rgba(1, 43, 143, .12);

	font-family:
		'Poppins',
		sans-serif;

	color:
		var(--anm-text);

	background:
		var(--anm-light);

	overflow:
		hidden;

	position:
		relative;
}

.annai-anm-page *,
.annai-anm-page *::before,
.annai-anm-page *::after {

	box-sizing:
		border-box;
}


/* =========================================================
   CONTAINER
========================================================= */

.annai-anm-container {

	width:
		min(1240px, calc(100% - 40px));

	margin:
		0 auto;

	position:
		relative;

	z-index:
		5;
}


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

.annai-anm-section {

	padding:
		60px 0;

	position:
		relative;

	overflow:
		hidden;
}

.annai-anm-light-section {

	background:
		#fcf3f9;
}

.annai-anm-dark-section {

	background:
		#2d0230;
}

.annai-anm-dark-two-section {

	background:
		#2d0230;
}


/* =========================================================
   HERO
========================================================= */

.annai-anm-hero {

	min-height:
		720px;

	display:
		flex;

	align-items:
		center;

	position:
		relative;

	overflow:
		hidden;

	background:
		#fcf3f9;

	isolation:
		isolate;
}

.annai-anm-hero-grid {

	min-height:
		720px;

	display:
		grid;

	grid-template-columns:
		1fr .88fr;

	align-items:
		center;

	gap:
		65px;
}

.annai-anm-hero-content {

	padding:
		60px 0;

	position:
		relative;

	z-index:
		5;
}

.annai-anm-kicker {

	display:
		inline-flex;

	align-items:
		center;

	gap:
		9px;

	padding:
		10px 18px;

	margin-bottom:
		20px;

	color:
		var(--anm-secondary);

	background:
		rgba(237, 11, 112, .07);

	border:
		1px solid rgba(237, 11, 112, .16);

	font-size:
		14px;

	font-weight:
		800;

	letter-spacing:
		1.8px;

	text-transform:
		uppercase;
}

.annai-anm-kicker i {

	font-size:
		17px;
}

.annai-anm-hero h1 {

	margin:
		0;

	color:
		var(--anm-dark);

	line-height:
		1.06;

	font-weight:
		800;

	letter-spacing:
		-2px;
}

.annai-anm-hero h1 span {



	color:
		var(--anm-secondary);
}

.annai-anm-hero-line {

	width:
		85px;

	height:
		5px;

	margin:
		22px 0;

	background:
		var(--anm-primary);

	border-radius:
		50px;

	position:
		relative;
}

.annai-anm-hero-line::after {

	content:
		"";

	position:
		absolute;

	left:
		30px;

	width:
		28px;

	height:
		5px;

	border-radius:
		50px;

	background:
		var(--anm-secondary);

	animation:
		anmLineMove 2s ease-in-out infinite;
}

@keyframes anmLineMove {

	0%,
	100% {
		transform:
			translateX(-20px);
	}

	50% {
		transform:
			translateX(20px);
	}
}

.annai-anm-hero-content>p {

	max-width:
		690px;

	margin:
		0 0 32px;

	color:
		#58657b;

	font-size:
		17px;

	line-height:
		1.9;
}


/* =========================================================
   BUTTONS
========================================================= */

.annai-anm-hero-actions {

	display:
		flex;

	flex-wrap:
		wrap;

	gap:
		12px;

	margin-bottom:
		40px;
}

.annai-anm-button {

	min-height:
		52px;

	padding:
		0 24px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	gap:
		9px;

	text-decoration:
		none;

	font-size:
		15px;

	font-weight:
		700;

	transition:
		.4s ease;
}

.annai-anm-button-primary {

	color:
		#ffffff;

	background:
		var(--anm-secondary);

	box-shadow:
		0 14px 30px rgba(237, 11, 112, .18);
}

.annai-anm-button-primary:hover {

	color:
		#ffffff;

	transform:
		translateY(-5px);

	box-shadow:
		0 20px 40px rgba(237, 11, 112, .28);
}

.annai-anm-button-outline {

	color:
		var(--anm-primary);

	background:
		#ffffff;

	border:
		1px solid rgba(1, 43, 143, .16);

	box-shadow:
		0 10px 25px rgba(1, 43, 143, .06);
}

.annai-anm-button-outline:hover {

	color:
		#ffffff;

	background:
		var(--anm-primary);

	border-color:
		var(--anm-primary);

	transform:
		translateY(-5px);
}


/* =========================================================
   HERO META
========================================================= */

.annai-anm-hero-meta {

	display:
		flex;

	flex-wrap:
		wrap;

	gap:
		28px;
}

.annai-anm-hero-meta>div {

	display:
		grid;

	grid-template-columns:
		38px auto;

	column-gap:
		10px;

	align-items:
		center;
}

.annai-anm-hero-meta i {

	grid-row:
		span 2;

	width:
		38px;

	height:
		38px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		var(--anm-primary);

	background:
		rgba(1, 43, 143, .07);

	border-radius:
		50%;
}

.annai-anm-hero-meta strong {

	color:
		var(--anm-dark);

	font-size:
		15px;
}

.annai-anm-hero-meta span {

	color:
		var(--anm-muted);

	font-size:
		13px;
}


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

.annai-anm-hero-visual {

	position:
		relative;

	z-index:
		4;
}

.annai-anm-hero-image {

	height:
		570px;

	position:
		relative;

	overflow:
		hidden;

	box-shadow:
		0 30px 80px rgba(1, 43, 143, .18);

	transform:
		rotate(1.5deg);

	transition:
		.6s ease;
}

.annai-anm-hero-image:hover {

	transform:
		rotate(0) translateY(-8px);
}

.annai-anm-hero-image img {

	width:
		100%;

	height:
		100%;

	display:
		block;

	object-fit:
		cover;

	filter:
		saturate(.90) contrast(1.04);

	transition:
		1s ease;
}

.annai-anm-hero-image:hover img {

	transform:
		scale(1.08);

	filter:
		saturate(1.12) contrast(1.07);
}


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

.annai-anm-image-light,
.annai-anm-photo-light {

	position:
		absolute;

	width:
		130px;

	height:
		700px;

	left:
		-230px;

	top:
		-80px;

	z-index:
		5;

	background:
		rgba(255, 255, 255, .28);

	filter:
		blur(24px);

	transform:
		rotate(20deg);

	animation:
		anmImageShine 5s ease-in-out infinite;

	pointer-events:
		none;
}

@keyframes anmImageShine {

	0% {
		left:
			-230px;
	}

	55%,
	100% {
		left:
			120%;
	}
}


/* =========================================================
   HERO CAPTION
========================================================= */

.annai-anm-hero-caption {

	position:
		absolute;

	left:
		25px;

	right:
		25px;

	bottom:
		25px;

	z-index:
		7;

	display:
		flex;

	align-items:
		center;

	gap:
		12px;

	padding:
		16px;

	color:
		#ffffff;

	background:
		rgba(1, 43, 143, .92);

	backdrop-filter:
		blur(12px);

	transition:
		.4s ease;
}

.annai-anm-hero-image:hover .annai-anm-hero-caption {

	transform:
		translateY(-5px);
}

.annai-anm-caption-icon {

	min-width:
		44px;

	width:
		44px;

	height:
		44px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		var(--anm-secondary);

	border-radius:
		50%;
}

.annai-anm-hero-caption strong {

	display:
		block;

	margin-bottom:
		3px;

	font-size:
		15px;
}

.annai-anm-hero-caption span {

	color:
		rgba(255, 255, 255, .65);

	font-size:
		13px;
}


/* =========================================================
   HERO PATTERNS
========================================================= */

.annai-anm-hero-pattern {

	width:
		330px;

	height:
		330px;

	position:
		absolute;

	border:
		2px solid rgba(1, 43, 143, .06);

	border-radius:
		50%;

	animation:
		anmRotate 28s linear infinite;

	pointer-events:
		none;
}

.annai-anm-hero-pattern::before {

	content:
		"";

	position:
		absolute;

	inset:
		35px;

	border:
		1px dashed rgba(237, 11, 112, .15);

	border-radius:
		50%;
}

.annai-anm-pattern-left {

	left:
		-170px;

	top:
		60px;
}

.annai-anm-pattern-right {

	right:
		-170px;

	bottom:
		30px;

	animation-direction:
		reverse;
}

@keyframes anmRotate {

	from {
		transform:
			rotate(0);
	}

	to {
		transform:
			rotate(360deg);
	}
}


/* =========================================================
   FLOATING ORBS
========================================================= */

.annai-anm-hero-orb {

	position:
		absolute;

	border-radius:
		50%;

	pointer-events:
		none;

	animation:
		anmOrb 8s ease-in-out infinite;
}

.annai-anm-orb-one {

	width:
		350px;

	height:
		350px;

	right:
		25%;

	top:
		-180px;

	background:
		rgba(237, 11, 112, .05);
}

.annai-anm-orb-two {

	width:
		260px;

	height:
		260px;

	left:
		-120px;

	bottom:
		-130px;

	background:
		rgba(1, 43, 143, .06);

	animation-delay:
		-3s;
}

@keyframes anmOrb {

	0%,
	100% {
		transform:
			scale(1) translate(0, 0);
	}

	50% {
		transform:
			scale(1.15) translate(15px, -10px);
	}
}


/* =========================================================
   HEADINGS
========================================================= */

.annai-anm-heading {

	max-width:
		1150px;

	margin:
		0 auto 55px;

	text-align:
		center;
}

.annai-anm-section-label {

	display:
		inline-flex;

	align-items:
		center;

	gap:
		8px;

	margin-bottom:
		12px;

	color:
		var(--anm-secondary);

	font-size:
		14px;

	font-weight:
		800;

	letter-spacing:
		2px;

	text-transform:
		uppercase;
}

.annai-anm-heading h2,
.annai-anm-text-content h2 {

	margin:
		0 0 18px;

	color:
		var(--anm-dark);



	line-height:
		1.2;

	font-weight:
		800;
}

.annai-anm-heading h2 span,
.annai-anm-text-content h2 span {

	color:
		var(--anm-secondary);
}

.annai-anm-dark-content h2 {

	color:
		#ffffff;
}

.annai-anm-heading-line {

	width:
		75px;

	height:
		4px;

	margin:
		20px auto;

	position:
		relative;

	border-radius:
		50px;

	background:
		var(--anm-primary);
}

.annai-anm-heading-line::after {

	content:
		"";

	position:
		absolute;

	left:
		25px;

	top:
		0;

	width:
		25px;

	height:
		4px;

	border-radius:
		50px;

	background:
		var(--anm-secondary);

	animation:
		anmHeadingLine 2s ease-in-out infinite;
}

@keyframes anmHeadingLine {

	0%,
	100% {
		transform:
			translateX(-18px);
	}

	50% {
		transform:
			translateX(18px);
	}
}


/* =========================================================
   TWO COLUMN
========================================================= */

.annai-anm-two-column {

	display:
		grid;

	grid-template-columns:
		.9fr 1.1fr;

	gap:
		65px;

	align-items:
		center;
}


/* =========================================================
   PHOTO CARD
========================================================= */

.annai-anm-photo-card {

	min-height:
		520px;

	position:
		relative;

	overflow:
		hidden;

	box-shadow:
		var(--anm-shadow);
}

.annai-anm-photo-card img {

	width:
		100%;

	height:
		520px;

	display:
		block;

	object-fit:
		cover;

	filter:
		saturate(.90);

	transition:
		.9s ease;
}

.annai-anm-photo-card:hover img {

	transform:
		scale(1.08);

	filter:
		saturate(1.12);
}

.annai-anm-photo-badge {

	position:
		absolute;

	left:
		25px;

	bottom:
		25px;

	z-index:
		6;

	display:
		flex;

	align-items:
		center;

	gap:
		14px;

	padding:
		16px 20px;

	color:
		#ffffff;

	background:
		rgba(1, 43, 143, .92);

	backdrop-filter:
		blur(10px);
}

.annai-anm-photo-badge strong {

	font-size:
		36px;

	line-height:
		1;
}

.annai-anm-photo-badge span {

	font-size:
		13px;

	line-height:
		1.6;
}


/* =========================================================
   TEXT
========================================================= */

.annai-anm-text-content p {

	margin:
		0 0 18px;

	color:
		var(--anm-text);

	font-size:
		15px;

	line-height:
		1.95;
}

.annai-anm-dark-content p {

	color:
		rgba(255, 255, 255, .70);
}


/* =========================================================
   TRAINING FEATURES
========================================================= */

.annai-anm-training-features {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		13px;

	margin-top:
		28px;
}

.annai-anm-feature {

	display:
		flex;

	align-items:
		center;

	gap:
		11px;

	padding:
		16px;

	color:
		#ffffff;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .10);

	transition:
		.4s ease;
}

.annai-anm-feature:hover {

	transform:
		translateY(-5px);

	background:
		rgba(237, 11, 112, .09);

	border-color:
		rgba(237, 11, 112, .30);
}

.annai-anm-feature i {

	color:
		#deba12;

	font-size:
		19px;
}

.annai-anm-feature span {

	font-size:
		14px;
}


/* =========================================================
   ROTATING RINGS
========================================================= */

.annai-anm-rotating-ring {

	position:
		absolute;

	width:
		350px;

	height:
		350px;

	border:
		1px solid rgba(1, 43, 143, .06);

	border-radius:
		50%;

	animation:
		anmRotate 25s linear infinite;

	pointer-events:
		none;
}

.annai-anm-ring-one {

	right:
		-190px;

	top:
		80px;
}

.annai-anm-ring-two {

	left:
		-190px;

	bottom:
		30px;

	border-color:
		rgba(255, 255, 255, .06);

	animation-direction:
		reverse;
}


/* =========================================================
   DURATION
========================================================= */

.annai-anm-duration-section {

	padding:
		55px 0;

	background:
		#ffffff;
}

.annai-anm-duration-box {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	background:
		var(--anm-primary);

	box-shadow:
		0 25px 60px rgba(1, 43, 143, .18);
}

.annai-anm-duration-item {

	display:
		flex;

	align-items:
		center;

	gap:
		16px;

	padding:
		35px;

	border-right:
		1px solid rgba(255, 255, 255, .15);
}

.annai-anm-duration-item:last-child {

	border-right:
		0;
}

.annai-anm-duration-item>i {

	min-width:
		48px;

	width:
		48px;

	height:
		48px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		rgba(237, 11, 112, .85);

	border-radius:
		50%;

	font-size:
		19px;
}

.annai-anm-duration-item strong {

	display:
		block;

	color:
		#ffffff;

	font-size:
		16px;
}

.annai-anm-duration-item span {

	display:
		block;

	margin-top:
		3px;

	color:
		rgba(255, 255, 255, .60);

	font-size:
		13px;
}


/* =========================================================
   OBJECTIVES
========================================================= */

.annai-anm-objective-grid {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		18px;
}

.annai-anm-objective-card {

	display:
		flex;

	gap:
		17px;

	padding:
		24px;

	position:
		relative;

	overflow:
		hidden;

	background:
		#ffffff;

	border:
		1px solid var(--anm-border);

	transition:
		.45s ease;
}

.annai-anm-objective-card::before {

	content:
		"";

	position:
		absolute;

	left:
		0;

	top:
		0;

	width:
		4px;

	height:
		0;

	background:
		var(--anm-secondary);

	transition:
		.45s ease;
}

.annai-anm-objective-card:hover {

	transform:
		translateY(-7px);

	box-shadow:
		var(--anm-shadow);
}

.annai-anm-objective-card:hover::before {

	height:
		100%;
}

.annai-anm-number {

	min-width:
		46px;

	width:
		46px;

	height:
		46px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		var(--anm-primary);

	background:
		rgba(1, 43, 143, .07);

	border-radius:
		50%;

	font-size:
		14px;

	font-weight:
		800;

	transition:
		.5s ease;
}

.annai-anm-objective-card:hover .annai-anm-number {

	color:
		#ffffff;

	background:
		var(--anm-secondary);

	transform:
		rotate(360deg);
}

.annai-anm-objective-card h3 {

	margin:
		2px 0 7px;

	color:
		var(--anm-dark);

	font-size:
		15px;
}

.annai-anm-objective-card p {

	margin:
		0;

	font-size:
		15px;

	line-height:
		1.7;
}


/* =========================================================
   LEARNING AREAS
========================================================= */

.annai-anm-learning-grid {

	display:
		grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap:
		16px;
}

.annai-anm-learning-card {

	min-height:
		205px;

	padding:
		25px;

	position:
		relative;

	overflow:
		hidden;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .10);

	transition:
		.45s ease;
}

.annai-anm-learning-card:hover {

	transform:
		translateY(-8px);

	background:
		rgba(237, 11, 112, .09);

	border-color:
		rgba(237, 11, 112, .30);
}

.annai-anm-learning-card>span {

	position:
		absolute;

	top:
		17px;

	right:
		20px;

	color:
		rgba(255, 255, 255, .18);

	font-size:
		14px;

	font-weight:
		800;
}

.annai-anm-learning-card i {

	display:
		block;

	margin-bottom:
		25px;

	color:
		#deba12;

	font-size:
		25px;
}

.annai-anm-learning-card p {

	margin:
		0;

	color:
		rgba(255, 255, 255, .80);

	font-size:
		14px;

	line-height:
		1.7;
}


/* =========================================================
   SKILLS
========================================================= */

.annai-anm-skill-grid {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		10px;

	margin-top:
		25px;
}

.annai-anm-skill-grid span {

	display:
		flex;

	align-items:
		center;

	gap:
		9px;

	padding:
		12px;

	color:
		var(--anm-dark);

	background:
		#fcf3f9;

	border:
		1px solid var(--anm-border);

	font-size:
		14px;

	transition:
		.35s ease;
}

.annai-anm-skill-grid span:hover {

	transform:
		translateX(5px);

	border-color:
		rgba(237, 11, 112, .25);
}

.annai-anm-skill-grid i {

	color:
		var(--anm-secondary);
}


/* =========================================================
   ELIGIBILITY
========================================================= */

.annai-anm-eligibility-layout {

	display:
		grid;

	grid-template-columns:
		.72fr 1.28fr;

	gap:
		55px;

	align-items:
		start;
}

.annai-anm-eligibility-photo {

	position:
		sticky;

	top:
		30px;

	overflow:
		hidden;

	box-shadow:
		0 25px 60px rgba(0, 0, 0, .22);
}

.annai-anm-eligibility-photo img {

	width:
		100%;

	height:
		680px;

	display:
		block;

	object-fit:
		cover;

	transition:
		.8s ease;
}

.annai-anm-eligibility-photo:hover img {

	transform:
		scale(1.06);
}

.annai-anm-eligibility-badge {

	position:
		absolute;

	left:
		20px;

	right:
		20px;

	bottom:
		20px;

	z-index:
		6;

	display:
		flex;

	align-items:
		center;

	gap:
		12px;

	padding:
		16px;

	color:
		#ffffff;

	background:
		rgba(1, 43, 143, .92);

	backdrop-filter:
		blur(10px);
}

.annai-anm-eligibility-badge>i {

	width:
		42px;

	height:
		42px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		var(--anm-secondary);

	border-radius:
		50%;
}

.annai-anm-eligibility-badge strong {

	display:
		block;

	font-size:
		15px;
}

.annai-anm-eligibility-badge span {

	color:
		rgba(255, 255, 255, .65);

	font-size:
		13px;
}

.annai-anm-eligibility-list {

	display:
		flex;

	flex-direction:
		column;

	gap:
		12px;
}

.annai-anm-eligibility-item {

	display:
		flex;

	align-items:
		flex-start;

	gap:
		14px;

	padding:
		16px;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .09);

	transition:
		.4s ease;
}

.annai-anm-eligibility-item:hover {

	transform:
		translateX(7px);

	background:
		rgba(237, 11, 112, .07);

	border-color:
		rgba(237, 11, 112, .28);
}

.annai-anm-eligibility-item>span {

	min-width:
		34px;

	width:
		34px;

	height:
		34px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		var(--anm-secondary);

	border-radius:
		50%;

	font-size:
		13px;

	font-weight:
		800;
}

.annai-anm-eligibility-item p {

	margin:
		4px 0 0;

	color:
		rgba(255, 255, 255, .74);

	font-size:
		14px;

	line-height:
		1.75;
}

.annai-anm-important-box {

	margin-top:
		18px;

	padding:
		22px;

	background:
		rgba(237, 11, 112, .08);

	border-left:
		4px solid var(--anm-secondary);
}

.annai-anm-important-box strong {

	display:
		block;

	margin-bottom:
		8px;

	color:
		#deba12;

	font-size:
		14px;
}

.annai-anm-important-box p {

	margin:
		0;

	color:
		rgba(255, 255, 255, .70);

	font-size:
		14px;

	line-height:
		1.8;
}


/* =========================================================
   CAREER
========================================================= */

.annai-anm-career-intro {

	max-width:
		850px;

	margin:
		-25px auto 45px;

	text-align:
		center;

	color:
		rgba(255, 255, 255, .68);

	font-size:
		14px;

	line-height:
		1.9;
}

.annai-anm-career-grid {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap:
		15px;
}

.annai-anm-career-item {

	min-height:
		160px;

	padding:
		22px;

	position:
		relative;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .09);

	transition:
		.4s ease;
}

.annai-anm-career-item:hover {

	transform:
		translateY(-7px);

	background:
		rgba(237, 11, 112, .08);

	border-color:
		rgba(237, 11, 112, .30);
}

.annai-anm-career-item>span {

	position:
		absolute;

	top:
		16px;

	right:
		18px;

	color:
		rgba(255, 255, 255, .18);

	font-size:
		14px;

	font-weight:
		800;
}

.annai-anm-career-item i {

	display:
		block;

	margin-bottom:
		17px;

	color:
		#deba12;

	font-size:
		22px;
}

.annai-anm-career-item p {

	margin:
		0;

	color:
		rgba(255, 255, 255, .78);

	font-size:
		14px;

	line-height:
		1.7;
}


/* =========================================================
   HIGHER EDUCATION
========================================================= */

.annai-anm-higher-grid {

	display:
		grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap:
		18px;
}

.annai-anm-higher-card {

	min-height:
		270px;

	padding:
		28px;

	position:
		relative;

	background:
		#ffffff;

	border:
		1px solid var(--anm-border);

	transition:
		.45s ease;
}

.annai-anm-higher-card:hover {

	transform:
		translateY(-8px);

	box-shadow:
		var(--anm-shadow);
}

.annai-anm-higher-card>span {

	position:
		absolute;

	top:
		18px;

	right:
		20px;

	color:
		rgba(1, 43, 143, .15);

	font-size:
		14px;

	font-weight:
		800;
}

.annai-anm-higher-card i {

	display:
		block;

	margin-bottom:
		18px;

	color:
		var(--anm-secondary);

	font-size:
		25px;
}

.annai-anm-higher-card h3 {

	margin:
		0 0 9px;

	color:
		var(--anm-dark);

	font-size:
		16px;
}

.annai-anm-higher-card p {

	margin:
		0;

	color:
		var(--anm-text);

	font-size:
		14px;

	line-height:
		1.75;
}


/* =========================================================
   ADMISSION CTA
========================================================= */

.annai-anm-admission {

	padding:
		105px 20px;

	position:
		relative;

	overflow:
		hidden;

	text-align:
		center;

	background:
		var(--anm-primary);
}

.annai-anm-admission-content {

	max-width:
		900px;

	margin:
		auto;

	position:
		relative;

	z-index:
		5;
}

.annai-anm-admission h2 {

	margin:
		0 0 20px;

	color:
		#ffffff;



	line-height:
		1.2;
}

.annai-anm-admission h2 span {

	color:
		#deba12;
}

.annai-anm-admission p {

	max-width:
		760px;

	margin:
		0 auto 32px;

	color:
		rgba(255, 255, 255, .76);

	font-size:
		15px;

	line-height:
		1.9;
}

.annai-anm-admission-buttons {

	display:
		flex;

	justify-content:
		center;

	flex-wrap:
		wrap;

	gap:
		12px;
}

.annai-anm-admission-primary {

	color:
		#ffffff;

	background:
		var(--anm-secondary);
}

.annai-anm-admission-white {

	color:
		var(--anm-primary);

	background:
		#ffffff;
}

.annai-anm-admission-outline {

	color:
		#ffffff;

	background:
		transparent;

	border:
		1px solid rgba(255, 255, 255, .35);
}

.annai-anm-admission-outline:hover {

	color:
		var(--anm-primary);

	background:
		#ffffff;

	border-color:
		#ffffff;
}


/* =========================================================
   ADMISSION ROTATING BACKGROUND
========================================================= */

.annai-anm-admission-ring {

	width:
		520px;

	height:
		520px;

	position:
		absolute;

	left:
		-230px;

	top:
		-230px;

	border:
		65px solid rgba(255, 255, 255, .035);

	border-radius:
		50%;

	animation:
		anmRotate 30s linear infinite;
}

.annai-anm-admission-ring::after {

	content:
		"";

	position:
		absolute;

	inset:
		65px;

	border:
		1px dashed rgba(255, 255, 255, .12);

	border-radius:
		50%;
}

.annai-anm-admission-ring-two {

	width:
		380px;

	height:
		380px;

	position:
		absolute;

	right:
		-180px;

	bottom:
		-190px;

	border:
		1px solid rgba(255, 255, 255, .10);

	border-radius:
		50%;

	animation:
		anmRotate 24s linear infinite reverse;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.annai-anm-learning-grid,
	.annai-anm-higher-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}

	.annai-anm-career-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}
}


@media (max-width: 991px) {

	.annai-anm-section {

		padding:
			80px 0;
	}

	.annai-anm-hero {

		min-height:
			auto;
	}

	.annai-anm-hero-grid {

		min-height:
			auto;

		grid-template-columns:
			1fr;

		padding:
			80px 0;

		gap:
			45px;
	}

	.annai-anm-hero-content {

		padding:
			0;
	}

	.annai-anm-hero-image {

		height:
			500px;

		transform:
			none;
	}

	.annai-anm-two-column,
	.annai-anm-eligibility-layout {

		grid-template-columns:
			1fr;

		gap:
			40px;
	}

	.annai-anm-eligibility-photo {

		position:
			relative;

		top:
			auto;
	}

	.annai-anm-eligibility-photo img {

		height:
			500px;
	}

	.annai-anm-duration-box {

		grid-template-columns:
			1fr;
	}

	.annai-anm-duration-item {

		border-right:
			0;

		border-bottom:
			1px solid rgba(255, 255, 255, .15);
	}

	.annai-anm-duration-item:last-child {

		border-bottom:
			0;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-anm-container {

		width:
			calc(100% - 28px);
	}

	.annai-anm-section {

		padding:
			65px 0;
	}

	.annai-anm-hero-grid {

		padding:
			65px 0;
	}

	.annai-anm-hero h1 {

		font-size:
			43px;

		letter-spacing:
			-1px;
	}

	.annai-anm-hero-content>p {

		font-size:
			14px;

		line-height:
			1.8;
	}

	.annai-anm-hero-actions {

		flex-direction:
			column;

		align-items:
			stretch;
	}

	.annai-anm-button {

		width:
			100%;
	}

	.annai-anm-hero-meta {

		gap:
			15px;

		justify-content:
			space-between;
	}

	.annai-anm-hero-meta>div {

		grid-template-columns:
			32px auto;

		column-gap:
			7px;
	}

	.annai-anm-hero-meta i {

		width:
			32px;

		height:
			32px;

		font-size:
			12px;
	}

	.annai-anm-hero-meta strong {

		font-size:
			11px;
	}

	.annai-anm-hero-meta span {

		font-size:
			9px;
	}

	.annai-anm-hero-image {

		height:
			390px;
	}

	.annai-anm-hero-caption {

		left:
			15px;

		right:
			15px;

		bottom:
			15px;

		padding:
			12px;
	}

	.annai-anm-heading {

		margin-bottom:
			38px;
	}

	.annai-anm-heading h2,
	.annai-anm-text-content h2 {

		font-size:
			30px;
	}

	.annai-anm-photo-card {

		min-height:
			380px;
	}

	.annai-anm-photo-card img {

		height:
			380px;
	}

	.annai-anm-photo-badge {

		left:
			15px;

		bottom:
			15px;

		padding:
			13px;
	}

	.annai-anm-training-features,
	.annai-anm-objective-grid,
	.annai-anm-learning-grid,
	.annai-anm-skill-grid,
	.annai-anm-career-grid,
	.annai-anm-higher-grid {

		grid-template-columns:
			1fr;
	}

	.annai-anm-eligibility-photo img {

		height:
			390px;
	}

	.annai-anm-career-intro {

		margin-top:
			-15px;

		font-size:
			13px;
	}

	.annai-anm-admission {

		padding:
			75px 14px;
	}

	.annai-anm-admission h2 {

		font-size:
			31px;
	}

	.annai-anm-admission p {

		font-size:
			13px;
	}

	.annai-anm-hero-pattern {

		width:
			230px;

		height:
			230px;
	}
}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-anm-page *,
	.annai-anm-page *::before,
	.annai-anm-page *::after {

		animation:
			none !important;

		transition:
			none !important;
	}
}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   APPROVALS & AFFILIATION
========================================================= */

.annai-approval-section {

	--approval-primary: #5b1a60;
	--approval-secondary: var(--pharma-yellow);
	;
	--approval-dark: #2d0230;
	--approval-dark-two: #2d0230;
	--approval-light: #fcf3f9;
	--approval-text: #6b5a6e;

	position: relative;
	overflow: hidden;

	padding: 40px 0;

	background: #fcf3f9;

	font-family: 'Poppins', sans-serif;
}


.annai-approval-container {

	width: min(1240px, calc(100% - 40px));

	margin: 0 auto;

	position: relative;

	z-index: 5;
}


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

.annai-approval-heading {

	max-width: 1150px;

	margin: 0 auto 50px;

	text-align: center;
}


.annai-approval-label {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 12px;

	color: var(--approval-secondary);

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;
}


.annai-approval-heading h2 {

	margin: 0 0 18px;

	color: var(--approval-dark);

	font-size: clamp(22px, 4.0vw, 38px);

	line-height: 1.2;

	font-weight: 700;
}


.annai-approval-heading h2 span,
.annai-approval-documents-heading h3 span {

	color: var(--approval-secondary);
}


.annai-approval-line {

	width: 75px;

	height: 4px;

	margin: 20px auto;

	border-radius: 50px;

	background: var(--approval-primary);

	position: relative;
}


.annai-approval-line::after {

	content: "";

	position: absolute;

	left: 25px;

	top: 0;

	width: 25px;

	height: 4px;

	border-radius: 50px;

	background: var(--approval-secondary);

	animation: approvalLineMove 2s ease-in-out infinite;
}


@keyframes approvalLineMove {

	0%,
	100% {
		transform: translateX(-18px);
	}

	50% {
		transform: translateX(18px);
	}
}


.annai-approval-heading>p {

	max-width: 760px;

	margin: 0 auto;

	color: var(--approval-text);

	font-size: 14px;

	line-height: 1.9;
}


/* =========================================================
   APPROVAL CARDS
========================================================= */

.annai-approval-grid {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	gap: 20px;
}


.annai-approval-card {

	display: flex;

	gap: 20px;

	padding: 30px;

	position: relative;

	overflow: hidden;

	background: #ffffff;

	border: 1px solid rgba(1, 43, 143, .09);

	box-shadow: 0 15px 45px rgba(1, 43, 143, .07);

	transition: .5s ease;
}


.annai-approval-card::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 4px;

	height: 0;

	background: var(--approval-secondary);

	transition: .5s ease;
}


.annai-approval-card::after {

	content: "";

	width: 100px;

	height: 100px;

	position: absolute;

	right: -55px;

	top: -55px;

	border: 1px solid rgba(1, 43, 143, .08);

	border-radius: 50%;

	transition: .5s ease;
}


.annai-approval-card:hover {

	transform: translateY(-8px);

	box-shadow:
		0 25px 65px rgba(1, 43, 143, .14);
}


.annai-approval-card:hover::before {

	height: 100%;
}


.annai-approval-card:hover::after {

	transform: scale(2);

	border-color:
		rgba(237, 11, 112, .12);
}


/* =========================================================
   ICON
========================================================= */

.annai-approval-icon {

	min-width: 58px;

	width: 58px;

	height: 58px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	background: var(--approval-primary);

	border-radius: 50%;

	font-size: 22px;

	box-shadow:
		0 12px 25px rgba(1, 43, 143, .20);

	transition: .5s ease;
}


.annai-approval-card:hover .annai-approval-icon {

	background: var(--approval-secondary);

	transform:
		rotateY(360deg);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.annai-approval-card-content {

	position: relative;

	z-index: 2;
}


.annai-approval-number {

	display: block;

	margin-bottom: 5px;

	color: rgba(1, 43, 143, .30);

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 1px;
}


.annai-approval-card h3 {

	margin: 0 0 10px;

	color: var(--approval-dark);

	font-size: 18px;

	line-height: 1.4;
}


.annai-approval-card p {

	margin: 0 0 17px;

	color: var(--approval-text);

	font-size: 12px;

	line-height: 1.8;
}


.annai-approval-status {

	display: inline-flex;

	align-items: center;

	gap: 7px;

	color: var(--approval-primary);

	font-size: 12px;

	font-weight: 700;
}


.annai-approval-status i {

	color: var(--approval-secondary);

	font-size: 13px;
}


/* =========================================================
   DOCUMENT SECTION
========================================================= */

.annai-approval-documents {

	margin-top: 80px;

	padding: 55px;

	position: relative;

	background: var(--approval-dark);

	box-shadow:
		0 30px 75px rgba(1, 43, 143, .15);

	overflow: hidden;
}


.annai-approval-documents::before {

	content: "";

	width: 420px;

	height: 420px;

	position: absolute;

	right: -220px;

	top: -220px;

	border: 70px solid rgba(255, 255, 255, .025);

	border-radius: 50%;

	animation: approvalRotate 25s linear infinite;
}


.annai-approval-documents::after {

	content: "";

	width: 280px;

	height: 280px;

	position: absolute;

	left: -160px;

	bottom: -160px;

	border: 1px dashed rgba(255, 255, 255, .10);

	border-radius: 50%;

	animation: approvalRotate 20s linear infinite reverse;
}


@keyframes approvalRotate {

	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(360deg);
	}
}


.annai-approval-documents-heading {

	max-width: 800px;

	margin-bottom: 35px;

	position: relative;

	z-index: 3;
}


.annai-approval-documents-heading .annai-approval-label {

	margin-bottom: 10px;
}


.annai-approval-documents-heading h3 {

	margin: 0 0 12px;

	color: #ffffff;

	font-size: clamp(25px, 4vw, 36px);

	line-height: 1.3;
}


.annai-approval-documents-heading p {

	max-width: 720px;

	margin: 0;

	color: rgba(255, 255, 255, .65);

	font-size: 12px;

	line-height: 1.8;
}


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

.annai-approval-document-grid {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	gap: 14px;

	position: relative;

	z-index: 5;
}


.annai-approval-document {

	display: grid;

	grid-template-columns: 48px 1fr auto;

	align-items: center;

	gap: 14px;

	padding: 18px;

	background: rgba(255, 255, 255, .045);

	border: 1px solid rgba(255, 255, 255, .10);

	transition: .4s ease;
}


.annai-approval-document:hover {

	transform: translateY(-5px);

	background: rgba(255, 255, 255, .07);

	border-color:
		rgba(237, 11, 112, .35);
}


/* =========================================================
   PDF ICON
========================================================= */

.annai-document-icon {

	width: 48px;

	height: 55px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	background: var(--approval-secondary);

	clip-path:
		polygon(0 0,
			72% 0,
			100% 25%,
			100% 100%,
			0 100%);

	font-size: 20px;

	transition: .4s ease;
}


.annai-approval-document:hover .annai-document-icon {

	transform:
		rotate(-5deg) scale(1.08);
}


/* =========================================================
   DOCUMENT INFO
========================================================= */

.annai-document-info span {

	display: block;

	margin-bottom: 4px;

	color: #deba12;

	font-size: 9px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;
}


.annai-document-info h4 {

	margin: 0 0 5px;

	color: #ffffff;

	font-size: 12px;

	line-height: 1.5;
}


.annai-document-info small {

	color: rgba(255, 255, 255, .45);

	font-size: 9px;
}


/* =========================================================
   DOWNLOAD BUTTON
========================================================= */

.annai-document-download {

	min-width: 90px;

	padding: 10px 12px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 6px;

	color: #ffffff;

	background: var(--approval-primary);

	text-decoration: none;

	font-size: 10px;

	font-weight: 700;

	transition: .4s ease;
}


.annai-document-download:hover {

	color: #ffffff;

	background: var(--approval-secondary);

	transform: translateY(-3px);

	box-shadow:
		0 10px 25px rgba(237, 11, 112, .25);
}


/* =========================================================
   NOTE
========================================================= */

.annai-approval-note {

	margin-top: 20px;

	padding: 17px;

	display: flex;

	align-items: flex-start;

	gap: 12px;

	position: relative;

	z-index: 5;

	background: rgba(237, 11, 112, .07);

	border-left:
		3px solid var(--approval-secondary);
}


.annai-approval-note>i {

	color: #deba12;

	font-size: 17px;

	margin-top: 2px;
}


.annai-approval-note p {

	margin: 0;

	color: rgba(255, 255, 255, .62);

	font-size: 10px;

	line-height: 1.8;
}


.annai-approval-note strong {

	color: #ffffff;
}


/* =========================================================
   BACKGROUND PATTERNS
========================================================= */

.annai-approval-pattern {

	position: absolute;

	border-radius: 50%;

	border: 1px solid rgba(1, 43, 143, .055);

	pointer-events: none;

	animation:
		approvalRotate 30s linear infinite;
}


.annai-approval-pattern-one {

	width: 400px;

	height: 400px;

	left: -220px;

	top: 100px;
}


.annai-approval-pattern-two {

	width: 280px;

	height: 280px;

	right: -130px;

	bottom: 150px;

	animation-direction: reverse;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-approval-section {

		padding: 80px 0;
	}

	.annai-approval-grid {

		grid-template-columns: 1fr;
	}

	.annai-approval-document-grid {

		grid-template-columns: 1fr;
	}

	.annai-approval-documents {

		padding: 40px;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-approval-section {

		padding: 65px 0;
	}

	.annai-approval-container {

		width: calc(100% - 28px);
	}

	.annai-approval-card {

		padding: 22px;

		gap: 14px;
	}

	.annai-approval-icon {

		min-width: 45px;

		width: 45px;

		height: 45px;

		font-size: 17px;
	}

	.annai-approval-card h3 {

		font-size: 15px;
	}

	.annai-approval-card p {

		font-size: 11px;
	}

	.annai-approval-documents {

		margin-top: 55px;

		padding: 28px 18px;
	}

	.annai-approval-document {

		grid-template-columns:
			42px 1fr;

		padding: 14px;
	}

	.annai-document-icon {

		width: 42px;

		height: 50px;
	}

	.annai-document-download {

		grid-column: 1 / -1;

		width: 100%;
	}

	.annai-approval-note {

		padding: 14px;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-approval-section *,
	.annai-approval-section *::before,
	.annai-approval-section *::after {

		animation: none !important;

		transition: none !important;
	}
}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   OUR CORE COMMITMENTS
========================================================= */

.annai-commit-section {

	--commit-primary: #5b1a60;
	--commit-secondary: var(--pharma-yellow);
	;
	--commit-dark: #2d0230;
	--commit-light: #fcf3f9;
	--commit-text: #6b5a6e;

	position: relative;

	padding: 40px 0;

	overflow: hidden;

	background: #fcf3f9;

	font-family: 'Poppins', sans-serif;
}


.annai-commit-container {

	width: min(1240px, calc(100% - 40px));

	margin: 0 auto;

	position: relative;

	z-index: 5;
}


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

.annai-commit-heading {

	max-width: 820px;

	margin: 0 auto 55px;

	text-align: center;
}


.annai-commit-label {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 12px;

	color: var(--commit-secondary);

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;
}


.annai-commit-heading h2 {

	margin: 0 0 18px;

	color: var(--commit-dark);

	font-size: clamp(22px, 4.0vw, 38px);

	line-height: 1.2;

	font-weight: 700;
}


.annai-commit-heading h2 span {

	color: var(--commit-secondary);
}


.annai-commit-line {

	width: 75px;

	height: 4px;

	margin: 20px auto;

	position: relative;

	border-radius: 50px;

	background: var(--commit-primary);
}


.annai-commit-line::after {

	content: "";

	position: absolute;

	left: 25px;

	top: 0;

	width: 25px;

	height: 4px;

	border-radius: 50px;

	background: var(--commit-secondary);

	animation:
		commitLineMove 2s ease-in-out infinite;
}


@keyframes commitLineMove {

	0%,
	100% {
		transform: translateX(-18px);
	}

	50% {
		transform: translateX(18px);
	}
}


.annai-commit-heading>p {

	max-width: 750px;

	margin: 0 auto;

	color: var(--commit-text);

	font-size: 14px;

	line-height: 1.9;
}


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

.annai-commit-grid {

	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 18px;
}


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

.annai-commit-card {

	min-height: 245px;

	padding: 30px;

	position: relative;

	overflow: hidden;

	background: #ffffff;

	border: 1px solid rgba(1, 43, 143, .09);

	box-shadow:
		0 15px 45px rgba(1, 43, 143, .07);

	transition:
		transform .5s ease,
		box-shadow .5s ease,
		border-color .5s ease;
}


.annai-commit-card::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 4px;

	height: 0;

	background: var(--commit-secondary);

	transition: height .5s ease;
}


.annai-commit-card:hover {

	transform:
		translateY(-9px);

	border-color:
		rgba(237, 11, 112, .18);

	box-shadow:
		0 25px 65px rgba(1, 43, 143, .14);
}


.annai-commit-card:hover::before {

	height: 100%;
}


/* =========================================================
   NUMBER
========================================================= */

.annai-commit-number {

	position: absolute;

	right: 22px;

	top: 18px;

	color:
		rgba(1, 43, 143, .10);

	font-size: 35px;

	font-weight: 700;

	line-height: 1;

	transition: .5s ease;
}


.annai-commit-card:hover .annai-commit-number {

	color:
		rgba(237, 11, 112, .14);

	transform:
		scale(1.15);
}


/* =========================================================
   ICON
========================================================= */

.annai-commit-icon {

	width: 62px;

	height: 62px;

	margin-bottom: 25px;

	display: flex;

	align-items: center;

	justify-content: center;

	position: relative;

	color: #ffffff;

	background: var(--commit-primary);

	border-radius: 50%;

	font-size: 24px;

	box-shadow:
		0 13px 28px rgba(1, 43, 143, .18);

	transition:
		.5s ease;
}


.annai-commit-icon::before {

	content: "";

	position: absolute;

	inset: -6px;

	border: 1px solid rgba(1, 43, 143, .12);

	border-radius: 50%;

	transition: .5s ease;
}


.annai-commit-card:hover .annai-commit-icon {

	color: #ffffff;

	background: var(--commit-secondary);

	transform:
		rotateY(360deg);

	box-shadow:
		0 15px 35px rgba(237, 11, 112, .25);
}


.annai-commit-card:hover .annai-commit-icon::before {

	border-color:
		rgba(237, 11, 112, .30);

	transform:
		scale(1.2);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.annai-commit-content {

	position: relative;

	z-index: 3;
}


.annai-commit-content h3 {

	margin: 0 0 9px;

	color: var(--commit-dark);

	font-size: 17px;

	line-height: 1.4;

	font-weight: 700;
}


.annai-commit-content p {

	margin: 0;

	max-width: 300px;

	color: var(--commit-text);

	font-size: 12px;

	line-height: 1.8;
}


/* =========================================================
   CARD GLOW
========================================================= */

.annai-commit-glow {

	width: 130px;

	height: 130px;

	position: absolute;

	right: -75px;

	bottom: -75px;

	border-radius: 50%;

	background:
		rgba(1, 43, 143, .035);

	transition:
		.6s ease;
}


.annai-commit-card:hover .annai-commit-glow {

	width: 230px;

	height: 230px;

	background:
		rgba(237, 11, 112, .055);
}


/* =========================================================
   FEATURED CARD
========================================================= */

.annai-commit-card-featured {

	grid-column:
		span 3;

	min-height:
		190px;

	display:
		grid;

	grid-template-columns: 1fr;

	align-items:
		center;

	gap:
		25px;

	background:
		var(--commit-dark);

	border-color:
		rgba(255, 255, 255, .08);
}


.annai-commit-card-featured .annai-commit-number {

	color:
		rgba(255, 255, 255, .10);
}


.annai-commit-card-featured .annai-commit-icon {

	margin:
		0;

	background:
		var(--commit-secondary);
}


.annai-commit-card-featured .annai-commit-content h3 {

	color:
		#ffffff;
}


.annai-commit-card-featured .annai-commit-content p {

	max-width:
		600px;

	color:
		rgba(255, 255, 255, .65);
}


.annai-commit-card-featured .annai-commit-glow {

	background:
		rgba(237, 11, 112, .04);
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.annai-commit-pattern {

	position:
		absolute;

	border:
		1px solid rgba(1, 43, 143, .055);

	border-radius:
		50%;

	pointer-events:
		none;

	animation:
		commitRotate 28s linear infinite;
}


.annai-commit-pattern::before {

	content:
		"";

	position:
		absolute;

	inset:
		35px;

	border:
		1px dashed rgba(237, 11, 112, .08);

	border-radius:
		50%;
}


.annai-commit-pattern-one {

	width:
		430px;

	height:
		430px;

	left:
		-250px;

	top:
		80px;
}


.annai-commit-pattern-two {

	width:
		300px;

	height:
		300px;

	right:
		-150px;

	bottom:
		80px;

	animation-direction:
		reverse;
}


@keyframes commitRotate {

	from {
		transform:
			rotate(0deg);
	}

	to {
		transform:
			rotate(360deg);
	}
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-commit-section {

		padding:
			80px 0;
	}

	.annai-commit-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}

	.annai-commit-card-featured {

		grid-column:
			span 2;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-commit-section {

		padding:
			65px 0;
	}

	.annai-commit-container {

		width:
			calc(100% - 28px);
	}

	.annai-commit-heading {

		margin-bottom:
			38px;
	}

	.annai-commit-heading h2 {

		font-size:
			31px;
	}

	.annai-commit-heading>p {

		font-size:
			12px;
	}

	.annai-commit-grid {

		grid-template-columns:
			1fr;

		gap:
			14px;
	}

	.annai-commit-card {

		min-height:
			220px;

		padding:
			25px;
	}

	.annai-commit-card-featured {

		grid-column:
			span 1;

		display:
			flex;

		flex-direction:
			column;

		align-items:
			flex-start;

		gap:
			18px;

		min-height:
			250px;
	}

	.annai-commit-card-featured .annai-commit-icon {

		margin:
			0;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-commit-section *,
	.annai-commit-section *::before,
	.annai-commit-section *::after {

		animation:
			none !important;

		transition:
			none !important;
	}
}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   OUR PHILOSOPHY
========================================================= */

.annai-philosophy-section {

	--philosophy-primary: #5b1a60;
	--philosophy-secondary: var(--pharma-yellow);
	;
	--philosophy-dark: #2d0230;
	--philosophy-light: #fcf3f9;
	--philosophy-text: #6b5a6e;

	position: relative;

	padding: 40px 0;

	overflow: hidden;

	background: #fcf3f9;

	font-family: 'Poppins', sans-serif;
}


.annai-philosophy-container {

	width: min(1240px, calc(100% - 40px));

	margin: 0 auto;

	position: relative;

	z-index: 5;
}


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

.annai-philosophy-grid {

	display: grid;

	grid-template-columns:
		.88fr 1.12fr;

	gap: 75px;

	align-items: center;
}


/* =========================================================
   VISUAL
========================================================= */

.annai-philosophy-visual {

	position: relative;

	padding:
		0 25px 25px 0;
}


.annai-philosophy-image {

	height: 600px;

	position: relative;

	overflow: hidden;

	box-shadow:
		0 30px 75px rgba(1, 43, 143, .16);

	transform:
		rotate(-1.5deg);

	transition:
		.6s ease;
}


.annai-philosophy-image:hover {

	transform:
		rotate(0) translateY(-7px);
}


.annai-philosophy-image img {

	width: 100%;

	height: 100%;

	display: block;

	object-fit: cover;

	filter:
		saturate(.88) contrast(1.03);

	transition:
		1s ease;
}


.annai-philosophy-image:hover img {

	transform:
		scale(1.08);

	filter:
		saturate(1.10) contrast(1.06);
}


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

.annai-philosophy-image-overlay {

	position: absolute;

	inset: 0;

	z-index: 2;

	background:
		rgba(1, 43, 143, .08);

	transition:
		.5s ease;
}


.annai-philosophy-image:hover .annai-philosophy-image-overlay {

	background:
		rgba(237, 11, 112, .04);
}


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

.annai-philosophy-light {

	width: 130px;

	height: 750px;

	position: absolute;

	left: -240px;

	top: -80px;

	z-index: 4;

	background:
		rgba(255, 255, 255, .30);

	filter:
		blur(25px);

	transform:
		rotate(20deg);

	animation:
		philosophyShine 5s ease-in-out infinite;

	pointer-events:
		none;
}


@keyframes philosophyShine {

	0% {
		left: -240px;
	}

	55%,
	100% {
		left: 125%;
	}
}


/* =========================================================
   FLOATING CARD
========================================================= */

.annai-philosophy-floating-card {

	position: absolute;

	left: -20px;

	bottom: 5px;

	z-index: 8;

	display: flex;

	align-items: center;

	gap: 13px;

	padding: 16px 20px;

	color: #ffffff;

	background:
		rgba(1, 43, 143, .94);

	box-shadow:
		0 18px 40px rgba(1, 43, 143, .25);

	backdrop-filter:
		blur(12px);

	transition:
		.5s ease;
}


.annai-philosophy-floating-card:hover {

	transform:
		translateY(-7px);

	background:
		var(--philosophy-secondary);
}


.annai-philosophy-floating-icon {

	width: 46px;

	height: 46px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	background:
		var(--philosophy-secondary);

	border-radius: 50%;

	font-size: 18px;

	transition:
		.5s ease;
}


.annai-philosophy-floating-card:hover .annai-philosophy-floating-icon {

	background: #ffffff;

	color: var(--philosophy-secondary);

	transform:
		rotate(360deg);
}


.annai-philosophy-floating-card strong {

	display: block;

	margin-bottom: 3px;

	font-size: 13px;
}


.annai-philosophy-floating-card span {

	display: block;

	color:
		rgba(255, 255, 255, .60);

	font-size: 12px;
}


/* =========================================================
   FLOATING CIRCLE
========================================================= */

.annai-philosophy-circle {

	width: 75px;

	height: 75px;

	position: absolute;

	right: -5px;

	top: 30px;

	z-index: 7;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	background:
		var(--philosophy-secondary);

	border: 7px solid rgba(255, 255, 255, .85);

	border-radius: 50%;

	box-shadow:
		0 15px 35px rgba(237, 11, 112, .25);

	animation:
		philosophyFloat 4s ease-in-out infinite;
}


@keyframes philosophyFloat {

	0%,
	100% {
		transform:
			translateY(0);
	}

	50% {
		transform:
			translateY(-12px);
	}
}


/* =========================================================
   CONTENT
========================================================= */

.annai-philosophy-content {

	position: relative;
}


.annai-philosophy-label {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 12px;

	color:
		var(--philosophy-secondary);

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;
}


.annai-philosophy-content h2 {

	margin: 0 0 18px;

	color:
		var(--philosophy-dark);



	line-height: 1.2;

	font-weight: 700;
}


.annai-philosophy-content h2 span {

	color:
		var(--philosophy-secondary);
}


.annai-philosophy-line {

	width: 75px;

	height: 4px;

	margin: 20px 0 27px;

	position: relative;

	border-radius: 50px;

	background:
		var(--philosophy-primary);
}


.annai-philosophy-line::after {

	content: "";

	position: absolute;

	left: 25px;

	top: 0;

	width: 25px;

	height: 4px;

	border-radius: 50px;

	background:
		var(--philosophy-secondary);

	animation:
		philosophyLine 2s ease-in-out infinite;
}


@keyframes philosophyLine {

	0%,
	100% {
		transform:
			translateX(-18px);
	}

	50% {
		transform:
			translateX(18px);
	}
}


.annai-philosophy-content>p {

	margin: 0 0 18px;

	color:
		var(--philosophy-text);

	font-size: 14px;

	line-height: 1.95;
}


/* =========================================================
   VALUES
========================================================= */

.annai-philosophy-values {

	display: grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap: 12px;

	margin-top: 30px;
}


.annai-philosophy-value {

	display: flex;

	align-items: center;

	gap: 11px;

	padding: 14px;

	background: #ffffff;

	border:
		1px solid rgba(1, 43, 143, .09);

	transition:
		.4s ease;
}


.annai-philosophy-value:hover {

	transform:
		translateY(-5px);

	border-color:
		rgba(237, 11, 112, .25);

	box-shadow:
		0 12px 30px rgba(1, 43, 143, .08);
}


.annai-philosophy-value-icon {

	min-width: 43px;

	width: 43px;

	height: 43px;

	display: flex;

	align-items: center;

	justify-content: center;

	color:
		var(--philosophy-primary);

	background:
		rgba(1, 43, 143, .07);

	border-radius: 50%;

	transition:
		.45s ease;
}


.annai-philosophy-value:hover .annai-philosophy-value-icon {

	color: #ffffff;

	background:
		var(--philosophy-secondary);

	transform:
		rotateY(360deg);
}


.annai-philosophy-value strong {

	display: block;

	margin-bottom: 2px;

	color:
		var(--philosophy-dark);

	font-size: 15px;
}


.annai-philosophy-value span {

	display: block;

	color:
		var(--philosophy-text);

	font-size: 13px;
}


/* =========================================================
   QUOTE
========================================================= */

.annai-philosophy-quote {

	margin-top: 25px;

	padding: 19px 20px;

	display: flex;

	align-items: flex-start;

	gap: 13px;

	background:
		var(--philosophy-dark);

	border-left:
		4px solid var(--philosophy-secondary);

	box-shadow:
		0 15px 35px rgba(6, 22, 52, .12);

	transition:
		.4s ease;
}


.annai-philosophy-quote:hover {

	transform:
		translateX(6px);
}


.annai-philosophy-quote>i {

	color:
		var(--philosophy-secondary);

	font-size: 18px;
}


.annai-philosophy-quote p {

	margin: 0;

	color:
		rgba(255, 255, 255, .76);

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   BACKGROUND ROTATING PATTERNS
========================================================= */

.annai-philosophy-pattern {

	position: absolute;

	border:
		1px solid rgba(1, 43, 143, .055);

	border-radius: 50%;

	pointer-events: none;

	animation:
		philosophyRotate 30s linear infinite;
}


.annai-philosophy-pattern::before {

	content: "";

	position: absolute;

	inset: 35px;

	border:
		1px dashed rgba(237, 11, 112, .09);

	border-radius: 50%;
}


.annai-philosophy-pattern-one {

	width: 450px;

	height: 450px;

	left: -270px;

	top: 50px;
}


.annai-philosophy-pattern-two {

	width: 320px;

	height: 320px;

	right: -170px;

	bottom: 50px;

	animation-direction:
		reverse;
}


@keyframes philosophyRotate {

	from {
		transform:
			rotate(0deg);
	}

	to {
		transform:
			rotate(360deg);
	}
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-philosophy-section {

		padding: 80px 0;
	}

	.annai-philosophy-grid {

		grid-template-columns:
			1fr;

		gap: 50px;
	}

	.annai-philosophy-image {

		height: 500px;
	}

	.annai-philosophy-visual {

		max-width: 700px;

		width: 100%;

		margin: 0 auto;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-philosophy-section {

		padding: 65px 0;
	}

	.annai-philosophy-container {

		width:
			calc(100% - 28px);
	}

	.annai-philosophy-visual {

		padding:
			0 12px 20px 0;
	}

	.annai-philosophy-image {

		height: 400px;

		transform: none;
	}

	.annai-philosophy-floating-card {

		left: 0;

		bottom: 0;

		padding:
			12px 14px;
	}

	.annai-philosophy-floating-icon {

		width: 40px;

		height: 40px;

		min-width: 40px;

		font-size: 15px;
	}

	.annai-philosophy-floating-card strong {

		font-size: 10px;
	}

	.annai-philosophy-floating-card span {

		font-size: 8px;
	}

	.annai-philosophy-circle {

		width: 60px;

		height: 60px;

		right: -5px;

		top: 20px;

		border-width: 5px;
	}

	.annai-philosophy-content h2 {

		font-size:
			30px;
	}

	.annai-philosophy-content>p {

		font-size:
			12px;

		line-height:
			1.85;
	}

	.annai-philosophy-values {

		grid-template-columns:
			1fr;
	}

	.annai-philosophy-pattern-one {

		width:
			280px;

		height:
			280px;

		left:
			-180px;
	}

	.annai-philosophy-pattern-two {

		width:
			220px;

		height:
			220px;

		right:
			-130px;
	}
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-philosophy-section *,
	.annai-philosophy-section *::before,
	.annai-philosophy-section *::after {

		animation:
			none !important;

		transition:
			none !important;
	}
}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   VISION & MISSION
========================================================= */

.annai-vm-section {

	--vm-primary: #5b1a60;
	--vm-secondary: var(--pharma-yellow);
	;
	--vm-dark: #2d0230;
	--vm-dark-two: #2d0230;
	--vm-light: #fcf3f9;
	--vm-text: #6b5a6e;

	position: relative;

	overflow: hidden;

	font-family:
		'Poppins',
		sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.annai-vm-container {

	width:
		min(1240px, calc(100% - 40px));

	margin:
		0 auto;

	position:
		relative;

	z-index:
		5;
}


/* =========================================================
   VISION
========================================================= */


.annai-vm-vision-grid {

	display:
		grid;

	grid-template-columns:
		.9fr 1.1fr;

	gap:
		75px;

	align-items:
		center;
}


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

.annai-vm-visual {

	position:
		relative;

	padding:
		0 22px 25px 0;
}


.annai-vm-image {

	position:
		relative;

	overflow:
		hidden;

	box-shadow:
		0 30px 75px rgba(1, 43, 143, .16);

	transition:
		.6s ease;
	border-radius: 10px;
}


.annai-vm-image:hover {

	transform:
		rotate(0) translateY(-8px);
}


.annai-vm-image img {

	width:
		100%;

	height:
		100%;

	display:
		block;

	object-fit:
		cover;

	filter:
		saturate(.88) contrast(1.03);

	transition:
		1s ease;
}


.annai-vm-image:hover img {

	transform:
		scale(1.08);

	filter:
		saturate(1.12) contrast(1.06);
}


.annai-vm-image-overlay {

	position:
		absolute;

	inset:
		0;

	z-index:
		2;

	background:
		rgba(1, 43, 143, .07);

	transition:
		.5s ease;
}


.annai-vm-image:hover .annai-vm-image-overlay {

	background:
		rgba(237, 11, 112, .035);
}


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

.annai-vm-image-light {

	width:
		125px;

	height:
		720px;

	position:
		absolute;

	left:
		-230px;

	top:
		-70px;

	z-index:
		5;

	background:
		rgba(255, 255, 255, .30);

	filter:
		blur(25px);

	transform:
		rotate(20deg);

	animation:
		vmImageShine 5s ease-in-out infinite;

	pointer-events:
		none;
}


@keyframes vmImageShine {

	0% {
		left:
			-230px;
	}

	55%,
	100% {
		left:
			125%;
	}
}


/* =========================================================
   FLOATING BADGE
========================================================= */

.annai-vm-floating-badge {

	position:
		absolute;

	left:
		-15px;

	bottom:
		5px;

	z-index:
		8;

	display:
		flex;

	align-items:
		center;

	gap:
		12px;

	padding:
		16px 20px;

	background: var(--pharma-yellow);
    color: var(--pharma-green);

	box-shadow:
		0 18px 40px rgba(1, 43, 143, .25);

	backdrop-filter:
		blur(12px);

	transition:
		.5s ease;
	border-radius: 10px;
}


.annai-vm-floating-badge:hover {

	transform:
		translateY(-7px);

	background:
		var(--vm-secondary);
}


.annai-vm-badge-icon {

	width:
		45px;

	height:
		45px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		var(--vm-secondary);

	background:
		#bc1a4b;

	border-radius:
		50%;

	transition:
		.5s ease;
}


.annai-vm-floating-badge:hover .annai-vm-badge-icon {

	color:
		var(--vm-secondary);

	background:
		#ffffff;

	transform:
		rotate(360deg);
}


.annai-vm-floating-badge strong {

	display:
		block;

	margin-bottom:
		0px;

	font-size:
		14px;
}


.annai-vm-floating-badge span {


	font-size:
		12px;
}


/* =========================================================
   CONTENT
========================================================= */

.annai-vm-content {

	position:
		relative;
}


.annai-vm-label {

	display:
		inline-flex;

	align-items:
		center;

	gap:
		8px;

	margin-bottom:
		12px;

	color:
		#bc1a4b;

	font-size:
		12px;

	font-weight:
		800;

	letter-spacing:
		2px;

	text-transform:
		uppercase;
}


.annai-vm-content h2,
.annai-vm-mission-heading h2 {

	margin:
		0 0 18px;

	color:
		var(--vm-dark);

	line-height:
		1.2;

	font-weight:
		800;
}


/* .annai-vm-content h2 span,
.annai-vm-mission-heading h2 span {

	color:
		var(--vm-secondary);
} */


.annai-vm-line {

	width:
		75px;

	height:
		4px;

	margin:
		20px 0 28px;

	position:
		relative;

	border-radius:
		50px;

	background:
		var(--vm-primary);
}


.annai-vm-line::after {

	content:
		"";

	position:
		absolute;

	left:
		25px;

	top:
		0;

	width:
		25px;

	height:
		4px;

	border-radius:
		50px;

	background:
		var(--vm-secondary);

	animation:
		vmLineMove 2s ease-in-out infinite;
}


@keyframes vmLineMove {

	0%,
	100% {
		transform:
			translateX(-18px);
	}

	50% {
		transform:
			translateX(18px);
	}
}


.annai-vm-vision-text {

	margin:
		0;

	color:
		var(--vm-text);

	font-size:
		15px;

	line-height:
		2;
}


/* =========================================================
   VISION POINTS
========================================================= */

.annai-vm-vision-points {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		12px;

	margin-top:
		30px;
}


.annai-vm-vision-points div {

	display:
		flex;

	align-items:
		center;

	gap:
		9px;

	padding:
		13px;

	background:
		#ffffff;

	border:
		1px solid rgba(1, 43, 143, .08);

	transition:
		.4s ease;
}


.annai-vm-vision-points div:hover {

	transform:
		translateX(5px);

	border-color:
		rgba(237, 11, 112, .25);

	box-shadow:
		0 10px 25px rgba(1, 43, 143, .07);
}


.annai-vm-vision-points i {

	color:
		#bc1a4b;

	font-size:
		12px;
}


.annai-vm-vision-points span {

	color:
		var(--vm-dark);

	font-size:
		14px;

	font-weight:
		600;
}


/* =========================================================
   MISSION
========================================================= */

.annai-vm-mission {

	padding:
		105px 0;

	position:
		relative;

	overflow:
		hidden;

	background:
		var(--vm-dark);
}


.annai-vm-mission-heading {

	max-width:
		850px;

	margin:
		0 auto 55px;

	text-align:
		center;
}


.annai-vm-mission-heading h2 {

	color:
		#ffffff;
}


.annai-vm-line-center {

	margin:
		20px auto;
}


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

.annai-vm-mission-grid {

	display:
		grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap:
		17px;
}


/* =========================================================
   MISSION CARD
========================================================= */

.annai-vm-mission-card {

	min-height:
		245px;

	padding:
		28px;

	position:
		relative;

	overflow:
		hidden;

	background:
		rgba(255, 255, 255, .045);

	border:
		1px solid rgba(255, 255, 255, .09);

	transition:
		.5s ease;
}


.annai-vm-mission-card::before {

	content:
		"";

	position:
		absolute;

	left:
		0;

	top:
		0;

	width:
		4px;

	height:
		0;

	background:
		var(--vm-secondary);

	transition:
		.5s ease;
}


.annai-vm-mission-card:hover {

	transform:
		translateY(-8px);


	background: linear-gradient(135deg, #8f44ad, #cc4aa2);

	border-color:
		rgba(237, 11, 112, .30);
}


.annai-vm-mission-card:hover::before {

	height:
		100%;
}


/* =========================================================
   NUMBER
========================================================= */

.annai-vm-mission-number {

	position:
		absolute;

	right:
		20px;

	top:
		17px;

	color:
		rgba(255, 255, 255, .12);

	font-size:
		30px;

	font-weight:
		800;

	transition:
		.4s ease;
}


.annai-vm-mission-card:hover .annai-vm-mission-number {

	color:
		rgba(237, 11, 112, .22);

	transform:
		scale(1.15);
}


/* =========================================================
   MISSION ICON
========================================================= */

.annai-vm-mission-icon {

	width:
		60px;

	height:
		60px;

	margin-bottom:
		25px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		var(--vm-primary);

	border-radius:
		50%;

	font-size:
		23px;

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .15);

	transition:
		.5s ease;
}


.annai-vm-mission-card:hover .annai-vm-mission-icon {

	background:
		var(--vm-secondary);

	transform:
		rotateY(360deg);

	box-shadow:
		0 15px 35px rgba(237, 11, 112, .25);
}


/* =========================================================
   MISSION CONTENT
========================================================= */

.annai-vm-mission-card h3 {

	margin:
		0 0 9px;

	color:
		#ffffff;

	font-size:
		16px;

	line-height:
		1.4;
}


.annai-vm-mission-card p {

	margin:
		0;

	color:
		rgba(255, 255, 255, .65);

	font-size:
		12px;

	line-height:
		1.8;
}


/* =========================================================
   FEATURED MISSION
========================================================= */

.annai-vm-mission-featured {

	grid-column:
		span 3;

	min-height:
		180px;

	display:
		grid;

	grid-template-columns:
		70px 75px 1fr;

	align-items:
		center;

	gap:
		22px;

	background:
		rgba(1, 43, 143, .35);
}


.annai-vm-mission-featured .annai-vm-mission-number {

	position:
		static;

	font-size:
		35px;
}


.annai-vm-mission-featured .annai-vm-mission-icon {

	margin:
		0;

	background:
		var(--vm-secondary);
}


.annai-vm-featured-content h3 {

	margin:
		0 0 7px;

	color:
		#ffffff;

	font-size:
		18px;
}


.annai-vm-featured-content p {

	max-width:
		650px;

	margin:
		0;
}


/* =========================================================
   ROTATING MISSION PATTERN
========================================================= */

.annai-vm-mission-pattern {

	width:
		550px;

	height:
		550px;

	position:
		absolute;

	right:
		-280px;

	top:
		100px;

	border:
		1px solid rgba(255, 255, 255, .06);

	border-radius:
		50%;

	animation:
		vmRotate 30s linear infinite;
}


.annai-vm-mission-pattern::before {

	content:
		"";

	position:
		absolute;

	inset:
		50px;

	border:
		1px dashed rgba(237, 11, 112, .12);

	border-radius:
		50%;
}


@keyframes vmRotate {

	from {
		transform:
			rotate(0);
	}

	to {
		transform:
			rotate(360deg);
	}
}


/* =========================================================
   BACKGROUND PATTERNS
========================================================= */

.annai-vm-pattern {

	position:
		absolute;

	border:
		1px solid rgba(1, 43, 143, .05);

	border-radius:
		50%;

	pointer-events:
		none;

	animation:
		vmRotate 28s linear infinite;
}


.annai-vm-pattern-one {

	width:
		400px;

	height:
		400px;

	left:
		-230px;

	top:
		100px;
}


.annai-vm-pattern-two {

	width:
		280px;

	height:
		280px;

	right:
		-150px;

	bottom:
		80px;

	animation-direction:
		reverse;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-vm-vision {

		padding:
			80px 0;
	}

	.annai-vm-vision-grid {

		grid-template-columns:
			1fr;

		gap:
			50px;

	}

	.annai-vm-visual {

		max-width:
			700px;

		width:
			100%;

		margin:
			0 auto;
			padding: 0;
	}

	.annai-vm-mission {

		padding:
			80px 0;
	}

	.annai-vm-mission-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}

	.annai-vm-mission-featured {

		grid-column:
			span 2;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-vm-container {

		width:
			calc(100% - 28px);
	}

	.annai-vm-vision,
	.annai-vm-mission {

		padding:
			65px 0;
	}

	.annai-vm-image {

		height:
			400px;

		transform:
			none;
	}

	.annai-vm-floating-badge {

		left:
			0;

		bottom:
			0;

		padding:
			12px 14px;
	}

	.annai-vm-badge-icon {

		width:
			40px;

		height:
			40px;

		min-width:
			40px;
	}

	.annai-vm-content h2,
	.annai-vm-mission-heading h2 {

		font-size:
			30px;
	}

	.annai-vm-vision-text {

		font-size:
			12px;

		line-height:
			1.85;
	}

	.annai-vm-vision-points {

		grid-template-columns:
			1fr;
	}

	.annai-vm-mission-grid {

		grid-template-columns:
			1fr;
	}

	.annai-vm-mission-featured {

		grid-column:
			span 1;

		display:
			flex;

		flex-direction:
			column;

		align-items:
			flex-start;

		gap:
			15px;

		min-height:
			245px;
	}

	.annai-vm-mission-featured .annai-vm-mission-icon {

		margin:
			0;
	}

	.annai-vm-mission-featured .annai-vm-mission-number {

		position:
			absolute;

		right:
			20px;

		top:
			17px;
	}
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-vm-section *,
	.annai-vm-section *::before,
	.annai-vm-section *::after {

		animation:
			none !important;

		transition:
			none !important;
	}
}

/* =========================================================
   VISION & MISSION - LIGHT SECTION
========================================================= */

.annai-vm-section {

	--vm-primary: #5b1a60;
	--vm-secondary: var(--pharma-yellow);
	;
	--vm-dark: #2d0230;
	--vm-light: #fcf3f9;
	--vm-text: #6b5a6e;

	position: relative;
	overflow: hidden;

	background: #fcf3f9;

	font-family: 'Poppins', sans-serif;
}


/* =========================================================
   VISION AREA
========================================================= */

.annai-vm-vision {

	position: relative;

	background: #fcf3f9;

	overflow: hidden;
	padding-bottom: 20px;
}


/* =========================================================
   MISSION AREA - LIGHT
========================================================= */

.annai-vm-mission {

	position: relative;

	padding: 40px 0;

	background: #ffffff;

	overflow: hidden;
}


.annai-vm-mission-heading {

	max-width: 850px;

	margin: 0 auto 50px;

	text-align: center;
}


.annai-vm-mission-heading h2 {

	margin: 0 0 18px;

	color: var(--vm-dark);

	font-size: clamp(22px, 4.0vw, 38px);

	line-height: 1.2;

	font-weight: 700;
}


/* .annai-vm-mission-heading h2 span {

	color: var(--vm-secondary);
} */


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

.annai-vm-mission-grid {

	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 18px;

	position: relative;

	z-index: 5;
}


/* =========================================================
   MISSION CARD
========================================================= */

.annai-vm-mission-card {

	min-height: 245px;

	padding: 30px;

	position: relative;

	overflow: hidden;

	background: var(--vm-dark);

	border: 1px solid rgba(6, 22, 52, .12);

	box-shadow:
		0 18px 45px rgba(6, 22, 52, .12);

	transition:
		transform .5s ease,
		box-shadow .5s ease,
		border-color .5s ease;
}


/* Left animated accent */

.annai-vm-mission-card::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 4px;

	height: 0;

	background: var(--vm-secondary);

	transition: height .5s ease;
}


/* Decorative circle */

.annai-vm-mission-card::after {

	content: "";

	width: 150px;

	height: 150px;

	position: absolute;

	right: -80px;

	bottom: -80px;

	border: 1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	transition: .6s ease;
}


.annai-vm-mission-card:hover {

	transform:
		translateY(-9px);

	border-color:
		rgba(237, 11, 112, .35);

	box-shadow:
		0 28px 60px rgba(6, 22, 52, .20);
}


.annai-vm-mission-card:hover::before {

	height: 100%;
}


.annai-vm-mission-card:hover::after {

	transform: scale(1.7);

	border-color:
		rgba(237, 11, 112, .15);
}


/* =========================================================
   MISSION NUMBER
========================================================= */

.annai-vm-mission-number {

	position: absolute;

	right: 22px;

	top: 18px;

	color:
		rgba(255, 255, 255, .12);

	font-size: 34px;

	font-weight: 700;

	line-height: 1;

	transition: .5s ease;
}


.annai-vm-mission-card:hover .annai-vm-mission-number {

	color:
		rgba(237, 11, 112, .28);

	transform:
		scale(1.15);
}


/* =========================================================
   MISSION ICON
========================================================= */
.annai-vm-mission-icon {
	width: 62px;
	height: 62px;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	color: #ffffff;
	background: var(--vm-primary);
	border-radius: 50%;
	font-size: 23px;
	box-shadow: 0 12px 30px rgb(201 8 131 / 28%);
	transition: .5s ease;
}

.annai-vm-mission-icon::before {

	content: "";

	position: absolute;

	inset: -6px;

	border: 1px solid rgba(255, 255, 255, .12);

	border-radius: 50%;

	transition: .5s ease;
}


.annai-vm-mission-card:hover .annai-vm-mission-icon {

	background:
		var(--vm-secondary);

	transform:
		rotateY(360deg);

	box-shadow:
		0 15px 35px rgba(237, 11, 112, .30);
}


.annai-vm-mission-card:hover .annai-vm-mission-icon::before {

	transform:
		scale(1.25);

	border-color:
		rgba(237, 11, 112, .35);
}


/* =========================================================
   MISSION TEXT
========================================================= */

.annai-vm-mission-card h3 {

	margin: 0 0 10px;

	color: #ffffff;

	font-size: 17px;

	line-height: 1.45;

	font-weight: 700;
}


.annai-vm-mission-card p {

	margin: 0;

	color:
		rgba(255, 255, 255, .66);

	font-size: 12px;

	line-height: 1.85;
}


/* =========================================================
   FEATURED MISSION CARD
========================================================= */

.annai-vm-mission-featured {

	grid-column:
		span 3;

	min-height: 175px;

	display: grid;

	grid-template-columns:
		70px 70px 1fr;

	align-items: center;

	gap: 25px;

	background:
		var(--vm-dark);

	border:
		1px solid rgba(1, 43, 143, .25);
}


.annai-vm-mission-featured .annai-vm-mission-number {

	position: static;

	color:
		rgba(255, 255, 255, .14);

	font-size: 38px;
}


.annai-vm-mission-featured .annai-vm-mission-icon {

	margin: 0;

	background:
		var(--vm-secondary);
}


.annai-vm-featured-content h3 {

	margin: 0 0 8px;

	color: #ffffff;

	font-size: 19px;
}


.annai-vm-featured-content p {

	max-width: 700px;

	margin: 0;

	color:
		rgba(255, 255, 255, .68);
}


/* =========================================================
   MISSION BACKGROUND PATTERN
========================================================= */

.annai-vm-mission-pattern {

	width: 450px;

	height: 450px;

	position: absolute;

	right: -230px;

	top: 70px;

	border:
		1px solid rgba(1, 43, 143, .06);

	border-radius: 50%;

	animation:
		annaiVmRotate 28s linear infinite;

	pointer-events: none;
}


.annai-vm-mission-pattern::before {

	content: "";

	position: absolute;

	inset: 45px;

	border:
		1px dashed rgba(237, 11, 112, .09);

	border-radius: 50%;
}


.annai-vm-mission-pattern::after {

	content: "";

	position: absolute;

	inset: 110px;

	border:
		1px solid rgba(1, 43, 143, .05);

	border-radius: 50%;
}


@keyframes annaiVmRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


/* =========================================================
   LIGHT SECTION PATTERN
========================================================= */

.annai-vm-pattern {

	position: absolute;

	border:
		1px solid rgba(1, 43, 143, .05);

	border-radius: 50%;

	pointer-events: none;

	animation:
		annaiVmRotate 30s linear infinite;
}


.annai-vm-pattern-one {

	width: 400px;

	height: 400px;

	left: -230px;

	top: 80px;
}


.annai-vm-pattern-two {

	width: 300px;

	height: 300px;

	right: -160px;

	bottom: 100px;

	animation-direction:
		reverse;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-vm-mission-grid {

		grid-template-columns:
			repeat(2, 1fr);
	}

	.annai-vm-mission-featured {

		grid-column:
			span 2;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-vm-vision,
	.annai-vm-mission {

		padding: 65px 0;
	}

	.annai-vm-mission-grid {

		grid-template-columns:
			1fr;

		gap: 15px;
	}

	.annai-vm-mission-card {

		min-height: 220px;

		padding: 25px;
	}

	.annai-vm-mission-featured {

		grid-column:
			span 1;

		display: flex;

		flex-direction: column;

		align-items: flex-start;

		gap: 16px;

		min-height: 245px;
	}

	.annai-vm-mission-featured .annai-vm-mission-icon {

		margin: 0;
	}

	.annai-vm-mission-featured .annai-vm-mission-number {

		position: absolute;

		right: 20px;

		top: 18px;
	}

	.annai-vm-mission-card h3 {

		font-size: 15px;
	}

	.annai-vm-mission-card p {

		font-size: 11px;

		line-height: 1.8;
	}
}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   ANNAI EDUCATIONAL TRUST
========================================================= */

.annai-trust-section {

	--trust-primary: #5b1a60;
	--trust-secondary: var(--pharma-yellow);
	;
	--trust-dark: #2d0230;
	--trust-light: #fcf3f9;
	--trust-text: #6b5a6e;

	position: relative;

	padding: 40px 0;

	overflow: hidden;

	background: var(--trust-light);

	font-family: 'Poppins', sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.annai-trust-container {

	width: min(1240px, calc(100% - 40px));

	margin: 0 auto;

	position: relative;

	z-index: 5;
}


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

.annai-trust-grid {

	display: grid;

	grid-template-columns:
		.9fr 1.1fr;

	gap: 75px;

	align-items: center;
}


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

.annai-trust-visual {

	position: relative;

	padding:
		0 25px 25px 0;
}


.annai-trust-image-wrap {

	height: 570px;

	position: relative;

	overflow: hidden;

	background: #dfe7f7;

	box-shadow:
		0 30px 75px rgba(1, 43, 143, .16);

	transition:
		.6s ease;
	border-radius: 10px;
}


.annai-trust-image-wrap:hover {

	transform:
		rotate(0deg) translateY(-8px);
}


.annai-trust-image-wrap img {

	width: 100%;

	height: 100%;

	display: block;

	object-fit: cover;

	filter:
		saturate(.88) contrast(1.04);

	transition:
		1s ease;
}


.annai-trust-image-wrap:hover img {

	transform:
		scale(1.08);

	filter:
		saturate(1.12) contrast(1.06);
}


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

.annai-trust-image-overlay {

	position: absolute;

	inset: 0;

	z-index: 2;

	background:
		rgba(1, 43, 143, .08);

	transition:
		.5s ease;
}


.annai-trust-image-wrap:hover .annai-trust-image-overlay {

	background:
		rgba(237, 11, 112, .035);
}


/* =========================================================
   MOVING LIGHT EFFECT
========================================================= */

.annai-trust-image-light {

	width: 125px;

	height: 750px;

	position: absolute;

	left: -240px;

	top: -80px;

	z-index: 5;

	background:
		rgba(255, 255, 255, .32);

	filter:
		blur(25px);

	transform:
		rotate(20deg);

	animation:
		annaiTrustShine 5s ease-in-out infinite;

	pointer-events: none;
}


@keyframes annaiTrustShine {

	0% {
		left: -240px;
	}

	55%,
	100% {
		left: 125%;
	}

}


/* =========================================================
   FLOATING BADGE
========================================================= */

.annai-trust-badge {

	position: absolute;

	left: -20px;

	bottom: 5px;

	z-index: 8;

	display: flex;

	align-items: center;

	gap: 13px;

	padding: 17px 20px;

	background: var(--trust-dark);

	color: #ffffff;

	box-shadow:
		0 18px 40px rgba(1, 43, 143, .25);

	transition:
		.5s ease;
	border-radius: 10px;
}


.annai-trust-badge:hover {

	transform:
		translateY(-7px);

	background:
		var(--trust-secondary);
}


.annai-trust-badge-icon {

	width: 46px;

	height: 46px;

	min-width: 46px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	background:
		var(--trust-secondary);

	border-radius: 50%;

	font-size: 18px;

	transition:
		.5s ease;
}


.annai-trust-badge:hover .annai-trust-badge-icon {

	color:
		var(--trust-secondary);

	background:
		#ffffff;

	transform:
		rotate(360deg);
}


.annai-trust-badge-content strong {

	display: block;

	margin-bottom: 3px;

	font-size: 14px;
}


.annai-trust-badge-content span {

	color:
		rgba(255, 255, 255, .62);

	font-size: 12px;
}


/* =========================================================
   FLOATING CIRCLE
========================================================= */

.annai-trust-circle {

	width: 76px;

	height: 76px;

	position: absolute;

	right: -7px;

	top: 30px;

	z-index: 7;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	background:
		#bc1a4b;;

	border:
		7px solid rgba(255, 255, 255, .90);

	border-radius: 50%;

	box-shadow:
		0 15px 35px rgba(237, 11, 112, .25);

	animation:
		annaiTrustFloat 4s ease-in-out infinite;
}


@keyframes annaiTrustFloat {

	0%,
	100% {
		transform:
			translateY(0);
	}

	50% {
		transform:
			translateY(-12px);
	}

}


/* =========================================================
   CONTENT
========================================================= */

.annai-trust-content {

	position: relative;
}


.annai-trust-label {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 12px;

	color:
		#bc1a4b;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;
}


.annai-trust-content h2 {

	margin:
		0 0 18px;

	color:
		var(--trust-dark);

	line-height:
		1.2;

	font-weight:
		800;
}


/* .annai-trust-content h2 span {

	color:
		var(--trust-secondary);
} */


/* =========================================================
   HEADING LINE
========================================================= */

.annai-trust-line {

	width: 75px;

	height: 4px;

	margin:
		20px 0 27px;

	position: relative;

	border-radius: 50px;

	background:
		var(--trust-primary);
}


.annai-trust-line::after {

	content: "";

	width: 25px;

	height: 4px;

	position: absolute;

	left: 25px;

	top: 0;

	border-radius: 50px;

	background:
		var(--trust-secondary);

	animation:
		annaiTrustLine 2s ease-in-out infinite;
}


@keyframes annaiTrustLine {

	0%,
	100% {
		transform:
			translateX(-18px);
	}

	50% {
		transform:
			translateX(18px);
	}

}


/* =========================================================
   PARAGRAPHS
========================================================= */

.annai-trust-content>p {

	margin:
		0 0 18px;

	color:
		var(--trust-text);

	font-size:
		14px;

	line-height:
		1.95;
}


/* =========================================================
   TRUST VALUES
========================================================= */

.annai-trust-values {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		12px;

	margin-top:
		30px;
}


.annai-trust-value {

	display:
		flex;

	align-items:
		center;

	gap:
		12px;

	padding:
		15px;

	background:
		#ffffff;

	border:
		1px solid rgba(1, 43, 143, .08);

	box-shadow:
		0 8px 25px rgba(1, 43, 143, .04);

	transition:
		.45s ease;
}


.annai-trust-value:hover {

	transform:
		translateY(-5px);

	border-color:
		rgba(237, 11, 112, .25);

	box-shadow:
		0 15px 35px rgba(1, 43, 143, .09);
}


/* =========================================================
   VALUE ICON
========================================================= */

.annai-trust-value-icon {

	width:
		44px;

	height:
		44px;

	min-width:
		44px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		var(--trust-primary);

	background:
		rgba(1, 43, 143, .07);

	border-radius:
		50%;

	font-size:
		16px;

	transition:
		.45s ease;
}


.annai-trust-value:hover .annai-trust-value-icon {

	color:
		#ffffff;

	background:
		var(--trust-secondary);

	transform:
		rotateY(360deg);

	box-shadow:
		0 8px 20px rgba(237, 11, 112, .20);
}


/* =========================================================
   VALUE TEXT
========================================================= */

.annai-trust-value strong {

	display:
		block;

	margin-bottom:
		3px;

	color:
		var(--trust-dark);

	font-size:
		14px;
}


.annai-trust-value span {

	display:
		block;

	color:
		var(--trust-text);

	font-size:
		13px;

	line-height:
		1.5;
}


/* =========================================================
   TRUST STATEMENT
========================================================= */

.annai-trust-statement {

	display:
		flex;

	align-items:
		center;

	gap:
		14px;

	margin-top:
		25px;

	padding:
		18px 20px;

	background:
		var(--trust-dark);

	border-left:
		4px solid var(--trust-secondary);

	box-shadow:
		0 15px 35px rgba(6, 22, 52, .12);

	transition:
		.4s ease;
}


.annai-trust-statement:hover {

	transform:
		translateX(7px);
}


.annai-trust-statement-icon {

	width:
		42px;

	height:
		42px;

	min-width:
		42px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		var(--trust-secondary);

	border-radius:
		50%;
}


.annai-trust-statement strong {

	display:
		block;

	margin-bottom:
		4px;

	color:
		#ffffff;

	font-size:
		14px;
}


.annai-trust-statement p {

	margin:
		0;

	color:
		rgba(255, 255, 255, .64);

	font-size:
		12px;

	line-height:
		1.7;
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.annai-trust-pattern {

	position:
		absolute;

	border:
		1px solid rgba(1, 43, 143, .055);

	border-radius:
		50%;

	pointer-events:
		none;

	animation:
		annaiTrustRotate 30s linear infinite;
}


.annai-trust-pattern::before {

	content:
		"";

	position:
		absolute;

	inset:
		35px;

	border:
		1px dashed rgba(237, 11, 112, .08);

	border-radius:
		50%;
}


.annai-trust-pattern-one {

	width:
		430px;

	height:
		430px;

	left:
		-250px;

	top:
		80px;
}


.annai-trust-pattern-two {

	width:
		300px;

	height:
		300px;

	right:
		-160px;

	bottom:
		70px;

	animation-direction:
		reverse;
}


@keyframes annaiTrustRotate {

	from {
		transform:
			rotate(0deg);
	}

	to {
		transform:
			rotate(360deg);
	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-trust-section {

		padding:
			80px 0;
	}

	.annai-trust-grid {

		grid-template-columns:
			1fr;

		gap:
			50px;
	}

	.annai-trust-visual {

		max-width:
			700px;

		width:
			100%;

		margin:
			0 auto;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-trust-section {

		padding:
			65px 0;
	}

	.annai-trust-container {

		width:
			calc(100% - 28px);
	}

	.annai-trust-image-wrap {

		height:
			400px;

		transform:
			none;
	}

	.annai-trust-badge {

		left:
			0;

		bottom:
			0;

		padding:
			12px 14px;
	}

	.annai-trust-badge-icon {

		width:
			40px;

		height:
			40px;

		min-width:
			40px;
	}

	.annai-trust-badge-content strong {

		font-size:
			10px;
	}

	.annai-trust-badge-content span {

		font-size:
			8px;
	}

	.annai-trust-circle {

		width:
			60px;

		height:
			60px;

		right:
			-5px;

		top:
			20px;

		border-width:
			5px;
	}

	.annai-trust-content h2 {

		font-size:
			30px;
	}

	.annai-trust-content>p {

		font-size:
			12px;

		line-height:
			1.85;
	}

	.annai-trust-values {

		grid-template-columns:
			1fr;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-trust-section *,
	.annai-trust-section *::before,
	.annai-trust-section *::after {

		animation:
			none !important;

		transition:
			none !important;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   COLLEGE PROFILE
========================================================= */

.annai-profile-section {

	--profile-primary: #5b1a60;
	--profile-secondary: var(--pharma-yellow);
	;
	--profile-dark: #2d0230;
	--profile-light: #fcf3f9;
	--profile-text: #6b5a6e;

	position: relative;

	padding: 40px 0;

	overflow: hidden;

	background: var(--profile-light);

	font-family: 'Poppins', sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.annai-profile-container {

	width: min(1240px, calc(100% - 40px));

	margin: 0 auto;

	position: relative;

	z-index: 5;
}


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

.annai-profile-grid {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 75px;

	align-items: center;
}


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

.annai-profile-visual {

	position: relative;

	padding: 0 25px 30px 0;
}


.annai-profile-image {

	position: relative;

	overflow: hidden;

	background: #dfe7f7;

	box-shadow:
		0 30px 75px rgba(1, 43, 143, .16);


	transition: .6s ease;
	border-radius: 10px;
}


.annai-profile-image:hover {

	transform:
		rotate(0deg) translateY(-8px);
}


.annai-profile-image img {
	width: 100%;
	object-fit: cover;
	filter: saturate(.88) contrast(1.04);
	transition: 1s ease;
}


.annai-profile-image:hover img {

	transform: scale(1.08);

	filter:
		saturate(1.10) contrast(1.06);
}


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

.annai-profile-overlay {

	position: absolute;

	inset: 0;

	z-index: 2;

	background:
		rgba(1, 43, 143, .07);

	transition: .5s ease;
}


.annai-profile-image:hover .annai-profile-overlay {

	background:
		rgba(237, 11, 112, .035);
}


/* =========================================================
   IMAGE LIGHTING EFFECT
========================================================= */

.annai-profile-light {

	width: 125px;

	height: 760px;

	position: absolute;

	left: -240px;

	top: -80px;

	z-index: 5;

	background:
		rgba(255, 255, 255, .32);

	filter: blur(25px);

	transform: rotate(20deg);

	animation:
		annaiProfileShine 5s ease-in-out infinite;

	pointer-events: none;
}


@keyframes annaiProfileShine {

	0% {
		left: -240px;
	}

	55%,
	100% {
		left: 125%;
	}

}


/* =========================================================
   ESTABLISHMENT BADGE
========================================================= */

.annai-profile-year {

	position: absolute;

	right: -18px;

	bottom: 5px;

	z-index: 8;

	min-width: 185px;

	padding: 18px 22px;

	display: flex;

	flex-direction: column;

	background:
		rgba(1, 43, 143, .96);

	color: #ffffff;

	box-shadow:
		0 20px 45px rgba(1, 43, 143, .25);

	transition: .5s ease;
}


.annai-profile-year:hover {

	transform:
		translateY(-8px);

	background:
		var(--profile-secondary);
}


.annai-profile-year span {

	color:
		rgba(255, 255, 255, .60);

	font-size: 9px;

	text-transform: uppercase;

	letter-spacing: 1.5px;
}


.annai-profile-year strong {

	margin: 2px 0;

	color: #ffffff;

	font-size: 34px;

	line-height: 1;

	font-weight: 700;
}


.annai-profile-year small {

	color:
		rgba(255, 255, 255, .65);

	font-size: 12px;

	line-height: 1.5;
}


/* =========================================================
   FLOATING ICON
========================================================= */

.annai-profile-floating-icon {

	width: 72px;

	height: 72px;

	position: absolute;

	right: -7px;

	top: 35px;

	z-index: 7;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #ffffff;

	background:
		var(--profile-secondary);

	border:
		7px solid rgba(255, 255, 255, .9);

	border-radius: 50%;

	font-size: 23px;

	box-shadow:
		0 15px 35px rgba(237, 11, 112, .25);

	animation:
		annaiProfileFloat 4s ease-in-out infinite;
}


@keyframes annaiProfileFloat {

	0%,
	100% {
		transform:
			translateY(0);
	}

	50% {
		transform:
			translateY(-12px);
	}

}


/* =========================================================
   CONTENT
========================================================= */

.annai-profile-content {

	position: relative;
}


.annai-profile-label {

	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 12px;

	color:
		var(--profile-secondary);

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;
}


.annai-profile-content h2 {

	margin: 0 0 18px;

	color:
		var(--profile-dark);

	line-height: 1.2;

	font-weight: 700;
}


.annai-profile-content h2 span {

	color:
		var(--profile-secondary);
}


/* =========================================================
   HEADING LINE
========================================================= */

.annai-profile-line {

	width: 75px;

	height: 4px;

	margin:
		20px 0 28px;

	position: relative;

	border-radius: 50px;

	background:
		var(--profile-primary);
}


.annai-profile-line::after {

	content: "";

	width: 25px;

	height: 4px;

	position: absolute;

	left: 25px;

	top: 0;

	border-radius: 50px;

	background:
		var(--profile-secondary);

	animation:
		annaiProfileLine 2s ease-in-out infinite;
}


@keyframes annaiProfileLine {

	0%,
	100% {
		transform:
			translateX(-18px);
	}

	50% {
		transform:
			translateX(18px);
	}

}


/* =========================================================
   PROFILE PARAGRAPHS
========================================================= */

.annai-profile-content>p {

	margin:
		0 0 18px;

	color:
		var(--profile-text);

	font-size:
		16px;

	line-height:
		1.95;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.annai-profile-highlights {

	display:
		grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap:
		12px;

	margin-top:
		30px;
}


.annai-profile-highlight {

	display:
		flex;

	align-items:
		center;

	gap:
		12px;

	padding:
		15px;

	background:
		#ffffff;

	border:
		1px solid rgba(1, 43, 143, .08);

	box-shadow:
		0 8px 25px rgba(1, 43, 143, .04);

	transition:
		.45s ease;
}


.annai-profile-highlight:hover {

	transform:
		translateY(-5px);

	border-color:
		rgba(237, 11, 112, .25);

	box-shadow:
		0 15px 35px rgba(1, 43, 143, .09);
}


/* =========================================================
   HIGHLIGHT ICON
========================================================= */

.annai-profile-highlight-icon {

	width:
		44px;

	height:
		44px;

	min-width:
		44px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		var(--profile-primary);

	background:
		rgba(1, 43, 143, .07);

	border-radius:
		50%;

	font-size:
		16px;

	transition:
		.45s ease;
}


.annai-profile-highlight:hover .annai-profile-highlight-icon {

	color:
		#ffffff;

	background:
		var(--profile-secondary);

	transform:
		rotateY(360deg);

	box-shadow:
		0 8px 20px rgba(237, 11, 112, .20);
}


/* =========================================================
   HIGHLIGHT TEXT
========================================================= */

.annai-profile-highlight strong {

	display:
		block;

	margin-bottom:
		3px;

	color:
		var(--profile-dark);

	font-size:
		15px;
}


.annai-profile-highlight span {

	display:
		block;

	color:
		var(--profile-text);

	font-size:
		13px;

	line-height:
		1.5;
}


/* =========================================================
   STATEMENT
========================================================= */

.annai-profile-statement {

	display:
		flex;

	align-items:
		center;

	gap:
		14px;

	margin-top:
		25px;

	padding:
		17px 20px;

	background:
		var(--profile-dark);

	border-left:
		4px solid var(--profile-secondary);

	box-shadow:
		0 15px 35px rgba(6, 22, 52, .12);

	transition:
		.4s ease;
}


.annai-profile-statement:hover {

	transform:
		translateX(7px);
}


.annai-profile-statement-icon {

	width:
		43px;

	height:
		43px;

	min-width:
		43px;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	color:
		#ffffff;

	background:
		var(--profile-secondary);

	border-radius:
		50%;

	font-size:
		16px;
}


.annai-profile-statement strong {

	display:
		block;

	margin-bottom:
		3px;

	color:
		#ffffff;

	font-size:
		14px;
}


.annai-profile-statement span {

	color:
		rgba(255, 255, 255, .60);

	font-size:
		13px;
}


/* =========================================================
   ROTATING BACKGROUND PATTERNS
========================================================= */

.annai-profile-pattern {

	position:
		absolute;

	border:
		1px solid rgba(1, 43, 143, .055);

	border-radius:
		50%;

	pointer-events:
		none;

	animation:
		annaiProfileRotate 30s linear infinite;
}


.annai-profile-pattern::before {

	content:
		"";

	position:
		absolute;

	inset:
		35px;

	border:
		1px dashed rgba(237, 11, 112, .08);

	border-radius:
		50%;
}


.annai-profile-pattern-one {

	width:
		430px;

	height:
		430px;

	left:
		-250px;

	top:
		100px;
}


.annai-profile-pattern-two {

	width:
		300px;

	height:
		300px;

	right:
		-160px;

	bottom:
		80px;

	animation-direction:
		reverse;
}


@keyframes annaiProfileRotate {

	from {
		transform:
			rotate(0deg);
	}

	to {
		transform:
			rotate(360deg);
	}

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

	.annai-profile-section {

		padding:
			80px 0;
	}

	.annai-profile-grid {

		grid-template-columns:
			1fr;

		gap:
			50px;
	}

	.annai-profile-visual {

		max-width:
			700px;

		width:
			100%;

		margin:
			0 auto;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.annai-profile-section {

		padding:
			65px 0;
	}

	.annai-profile-container {

		width:
			calc(100% - 28px);
	}

	.annai-profile-visual {

		padding:
			0 12px 20px 0;
	}

	.annai-profile-image {

		height:
			400px;

		transform:
			none;
	}

	.annai-profile-year {

		left:
			0;

		bottom:
			0;

		min-width:
			155px;

		padding:
			14px 16px;
	}

	.annai-profile-year strong {

		font-size:
			28px;
	}

	.annai-profile-floating-icon {

		width:
			60px;

		height:
			60px;

		right:
			-4px;

		top:
			20px;

		border-width:
			5px;

		font-size:
			18px;
	}

	.annai-profile-content h2 {

		font-size:
			30px;
	}

	.annai-profile-content>p {

		font-size:
			12px;

		line-height:
			1.85;
	}

	.annai-profile-highlights {

		grid-template-columns:
			1fr;
	}

	.annai-profile-statement {

		padding:
			14px;
	}

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.annai-profile-section *,
	.annai-profile-section *::before,
	.annai-profile-section *::after {

		animation:
			none !important;

		transition:
			none !important;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   FACILITIES SECTION
========================================================= */

.acn-facilities-section {

	position: relative;

	isolation: isolate;

	overflow: hidden;

	padding: 40px 0;

	background: #f5f8fc;
}


/* =========================================================
   CONTAINER
========================================================= */

.acn-facilities-container {

	position: relative;

	z-index: 5;

	width: min(1200px, 92%);

	margin: 0 auto;

}


/* =========================================================
   ROTATING BACKGROUND ORBITS
========================================================= */

.acn-facility-orbit {

	position: absolute;

	z-index: -1;

	border-radius: 50%;

	pointer-events: none;

}


.acn-facility-orbit-one {

	width: 620px;
	height: 620px;

	top: -250px;
	right: -280px;

	border:
		1px solid rgba(18, 74, 128, 0.08);

	animation:
		acnFacilityRotate 32s linear infinite;

}


.acn-facility-orbit-one::before,
.acn-facility-orbit-one::after {

	content: "";

	position: absolute;

	border:
		1px dashed rgba(18, 74, 128, 0.10);

	border-radius: 50%;

}


.acn-facility-orbit-one::before {

	inset: 65px;

}


.acn-facility-orbit-one::after {

	inset: 130px;

}


.acn-facility-orbit-two {

	width: 440px;
	height: 440px;

	left: -270px;
	bottom: -220px;

	border:
		1px solid rgba(237, 11, 112, 0.09);

	animation:
		acnFacilityRotateReverse 25s linear infinite;

}


@keyframes acnFacilityRotate {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}


@keyframes acnFacilityRotateReverse {

	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}

}


/* =========================================================
   DOT PATTERN
========================================================= */

.acn-facility-dots {

	position: absolute;

	width: 120px;
	height: 120px;

	opacity: 0.45;

	background-image:
		radial-gradient(rgba(18, 74, 128, 0.22) 1px,
			transparent 1px);

	background-size: 13px 13px;

	pointer-events: none;

}


.acn-facility-dots-one {

	top: 18%;
	left: 5%;

	animation:
		acnFacilityDotsFloat 7s ease-in-out infinite;

}


.acn-facility-dots-two {

	right: 5%;
	bottom: 20%;

	opacity: 0.25;

	animation:
		acnFacilityDotsFloat 9s ease-in-out infinite reverse;

}


@keyframes acnFacilityDotsFloat {

	0%,
	100% {

		transform:
			translateY(0) rotate(0deg);

	}

	50% {

		transform:
			translateY(-20px) rotate(10deg);

	}

}


/* =========================================================
   SECTION HEADING
========================================================= */

.acn-facilities-heading {

	max-width: 850px;

	margin:
		0 auto 65px;

	text-align: center;

}


.acn-facilities-heading-top {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 12px;

	margin-bottom: 16px;

}


.acn-facilities-heading-line {

	width: 42px;
	height: 3px;

	border-radius: 20px;

	background: #e75480;

}


.acn-facilities-heading-label {

	color: #e75480;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;

}


.acn-facilities-heading h2 {

	margin:
		0 0 17px;

	color: #490f4a;

	line-height: 1.2;

	font-weight: 500;

}


.acn-facilities-heading h2 strong {

	display: inline;

	color: #5b1a60;
	font-weight: 700;

}


.acn-facilities-heading>p {

	max-width: 760px;

	margin: 0 auto;

	color: #222;

	font-size: 16px;

	line-height: 1.9;

}


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

.acn-facilities-grid {

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 28px;

}


/* =========================================================
   FACILITY CARD
========================================================= */

.acn-facility-card {

	position: relative;

	overflow: hidden;

	border-radius: 22px;

	border:
		1px solid rgba(18, 74, 128, 0.08);

	box-shadow:
		0 15px 42px rgba(18, 74, 128, 0.08);

	transition:
		transform 0.5s ease,
		box-shadow 0.5s ease,
		border-color 0.5s ease;

}


.acn-facility-card:hover {

	transform:
		translateY(-10px);

	box-shadow:
		0 28px 65px rgba(18, 74, 128, 0.16);

}


/* =========================================================
   LIGHT / DARK ALTERNATION
========================================================= */

.acn-facility-light {

	background: #ffffff;

}


.acn-facility-dark {

	background: #490f4a;

	border-color: transparent;

}


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

.acn-facility-image-wrap {

	position: relative;

	height: 350px;

	overflow: hidden;

}


.acn-facility-image {

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	filter:
		saturate(1.05) contrast(1.02);

	transition:
		transform 0.8s ease,
		filter 0.7s ease;

}


.acn-facility-card:hover .acn-facility-image {

	transform:
		scale(1.08);

	filter:
		saturate(1.18) contrast(1.06);

}


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

.acn-facility-image-overlay {

	position: absolute;

	inset: 0;


	transition:
		background 0.5s ease;

}


.acn-facility-card:hover .acn-facility-image-overlay {

	background:
		rgba(18, 74, 128, 0.28);

}


/* =========================================================
   IMAGE LIGHTING SWEEP
========================================================= */

.acn-facility-image-shine {

	position: absolute;

	top: 0;

	left: -130%;

	width: 75%;
	height: 100%;

	background:
		rgba(255, 255, 255, 0.17);

	transform:
		skewX(-20deg);

	pointer-events: none;

	transition:
		left 0.9s ease;

}


.acn-facility-card:hover .acn-facility-image-shine {

	left: 135%;

}


/* =========================================================
   FACILITY NUMBER
========================================================= */

.acn-facility-number {

	position: absolute;

	top: 20px;
	right: 22px;

	color:
		rgba(255, 255, 255, 0.78);

	font-size: 42px;

	line-height: 1;

	font-weight: 900;

	text-shadow:
		0 3px 15px rgba(0, 0, 0, 0.20);

	transition:
		transform 0.5s ease,
		color 0.5s ease;

}


.acn-facility-card:hover .acn-facility-number {

	color: #ffffff;

	transform:
		scale(1.12) rotate(-5deg);

}


/* =========================================================
   ICON
========================================================= */

.acn-facility-icon {

	position: absolute;

	left: 25px;
	bottom: 22px;

	width: 58px;
	height: 58px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 15px;

	color: #ffffff;

	background: #5b1a60;

	font-size: 21px;

	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.20);

	transition:
		transform 0.5s ease,
		background 0.4s ease,
		border-radius 0.4s ease;

}


.acn-facility-card:hover .acn-facility-icon {

	transform:
		rotate(-8deg) scale(1.1);

	background: var(--pharma-yellow);
	;

	border-radius: 50%;

}


/* =========================================================
   CONTENT
========================================================= */

.acn-facility-content {
	position: relative;
	padding: 20px 20px 20px;
}


.acn-facility-label {

	display: block;

	margin-bottom: 8px;

	color: var(--pharma-yellow);
	;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 1.8px;

}


.acn-facility-content h3 {

	margin:
		0 0 14px;

	color: #490f4a;

	font-size: 23px;

	line-height: 1.35;

	font-weight: 700;

}


.acn-facility-content p {

	margin: 0;

	color: #65778a;

	font-size: 15px;

	line-height: 1.9;

}


/* =========================================================
   DARK CARD CONTENT
========================================================= */

.acn-facility-dark .acn-facility-content h3 {

	color: #ffffff;

}


.acn-facility-dark .acn-facility-content p {

	color: rgb(255 255 255 / 83%);

}


/* =========================================================
   CARD GLOW
========================================================= */

.acn-facility-card-glow {

	position: absolute;

	right: -110px;
	bottom: -110px;

	width: 210px;
	height: 210px;

	border-radius: 50%;

	background:
		rgba(18, 74, 128, 0.08);

	filter:
		blur(10px);

	pointer-events: none;

	transition:
		width 0.7s ease,
		height 0.7s ease,
		background 0.7s ease;

}


.acn-facility-card:hover .acn-facility-card-glow {

	width: 330px;
	height: 330px;

	background:
		rgba(237, 11, 112, 0.10);

}


.acn-facility-dark .acn-facility-card-glow {

	background:
		rgba(237, 11, 112, 0.08);

}


/* =========================================================
   BOTTOM HIGHLIGHT
========================================================= */

.acn-facility-highlight {

	position: relative;

	display: flex;

	align-items: center;

	gap: 22px;

	margin-top: 35px;

	padding: 34px 40px;

	overflow: hidden;

	border-radius: 20px;

	background: #5b1a60;

	box-shadow:
		0 20px 55px rgba(18, 74, 128, 0.20);

}


.acn-facility-highlight-icon {

	position: relative;

	z-index: 4;

	flex: 0 0 62px;

	width: 62px;
	height: 62px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 16px;

	color: #5b1a60;

	background: #ffffff;

	font-size: 24px;

	transition:
		transform 0.5s ease;

}


.acn-facility-highlight:hover .acn-facility-highlight-icon {

	transform:
		rotate(-10deg) scale(1.08);

}


.acn-facility-highlight-content {

	position: relative;

	z-index: 4;

}


.acn-facility-highlight-content span {

	display: block;

	margin-bottom: 7px;

	color: #ffb5d2;

	font-size: 10px;

	font-weight: 700;

	letter-spacing: 2px;

}


.acn-facility-highlight-content h3 {

	margin: 0;

	color: #ffffff;

	font-size: 25px;

	line-height: 1.4;

	font-weight: 600;

}


.acn-facility-highlight-content strong {

	color: #ffffff;

	font-weight: 700;

}


/* =========================================================
   HIGHLIGHT ROTATING PATTERN
========================================================= */

.acn-facility-highlight-pattern {

	position: absolute;

	right: -100px;
	top: -180px;

	width: 430px;
	height: 430px;

	border:
		1px solid rgba(255, 255, 255, 0.10);

	border-radius: 50%;

	animation:
		acnFacilityRotate 28s linear infinite;

}


.acn-facility-highlight-pattern::before,
.acn-facility-highlight-pattern::after {

	content: "";

	position: absolute;

	border-radius: 50%;

	border:
		1px dashed rgba(255, 255, 255, 0.10);

}


.acn-facility-highlight-pattern::before {

	inset: 60px;

}


.acn-facility-highlight-pattern::after {

	inset: 120px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.acn-facilities-section {

		padding: 90px 0;

	}


	.acn-facilities-grid {

		gap: 22px;

	}


	.acn-facility-image-wrap {

		height: 250px;

	}


	.acn-facility-content {

		padding:
			27px 25px 30px;

	}


	.acn-facility-content h3 {

		font-size: 21px;

	}


	.acn-facility-content p {

		font-size: 14px;

	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.acn-facilities-section {

		padding: 70px 0;

	}


	.acn-facilities-container {

		width: 90%;

	}


	.acn-facilities-heading {

		margin-bottom: 45px;

	}


	.acn-facilities-heading h2 {

		font-size: 30px;

	}


	.acn-facilities-heading>p {

		font-size: 14px;

		line-height: 1.8;

	}


	.acn-facilities-grid {

		grid-template-columns: 1fr;

		gap: 22px;

	}


	.acn-facility-image-wrap {

		height: 270px;

	}


	.acn-facility-content {

		padding:
			27px 25px 30px;

	}


	.acn-facility-content h3 {

		font-size: 21px;

	}


	.acn-facility-content p {

		font-size: 15px;

		line-height: 1.85;

	}


	.acn-facility-highlight {

		align-items: flex-start;

		padding: 28px 23px;

	}


	.acn-facility-highlight-icon {

		flex: 0 0 52px;

		width: 52px;
		height: 52px;

		font-size: 20px;

	}


	.acn-facility-highlight-content h3 {

		font-size: 20px;

	}

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

	.acn-facilities-section {

		padding: 58px 0;

	}


	.acn-facilities-heading h2 {

		font-size: 27px;

	}


	.acn-facilities-heading-top {

		gap: 8px;

	}


	.acn-facilities-heading-line {

		width: 25px;

	}


	.acn-facilities-heading-label {

		font-size: 9px;

		letter-spacing: 1.4px;

	}


	.acn-facilities-heading>p {

		font-size: 13px;

	}


	.acn-facility-image-wrap {

		height: 230px;

	}


	.acn-facility-number {

		top: 16px;
		right: 17px;

		font-size: 35px;

	}


	.acn-facility-icon {

		left: 18px;
		bottom: 17px;

		width: 50px;
		height: 50px;

		font-size: 18px;

	}


	.acn-facility-content {

		padding:
			24px 20px 27px;

	}


	.acn-facility-content h3 {

		font-size: 19px;

	}


	.acn-facility-content p {

		font-size: 14px;

		line-height: 1.8;

	}


	.acn-facility-highlight {

		gap: 15px;

		padding:
			24px 19px;

	}


	.acn-facility-highlight-icon {

		flex: 0 0 45px;

		width: 45px;
		height: 45px;

		font-size: 17px;

	}


	.acn-facility-highlight-content span {

		font-size: 8px;

		letter-spacing: 1.3px;

	}


	.acn-facility-highlight-content h3 {

		font-size: 18px;

	}


	.acn-facility-orbit-one {

		width: 350px;
		height: 350px;

	}


	.acn-facility-orbit-two {

		width: 280px;
		height: 280px;

	}

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.acn-facility-orbit-one,
	.acn-facility-orbit-two,
	.acn-facility-dots,
	.acn-facility-highlight-pattern {

		animation: none;

	}


	.acn-facility-card,
	.acn-facility-image,
	.acn-facility-image-shine,
	.acn-facility-icon,
	.acn-facility-card-glow {

		transition: none;

	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   ADMISSIONS PAGE - FULL CSS
========================================================= */


/* =========================================================
   GLOBAL
========================================================= */

.acn-admission-hero,
.acn-admission-overview,
.acn-programmes-section,
.acn-application-section,
.acn-documents-section,
.acn-certificate-section,
.acn-medical-section,
.acn-important-section,
.acn-enquiry-section {
	position: relative;
	overflow: hidden;
}

.acn-admission-hero *,
.acn-admission-overview *,
.acn-programmes-section *,
.acn-application-section *,
.acn-documents-section *,
.acn-certificate-section *,
.acn-medical-section *,
.acn-important-section *,
.acn-enquiry-section * {
	box-sizing: border-box;
}


/* =========================================================
   ADMISSION HERO
========================================================= */

.acn-admission-hero {
	padding: 40px 0;
	background: #f5f8f7;
}

.acn-hero-pattern {
	position: absolute;

	width: 560px;
	height: 560px;

	right: -270px;
	top: -280px;

	border: 90px solid rgba(15, 52, 75, 0.045);

	border-radius: 50%;

	pointer-events: none;

	animation: acnRotate 24s linear infinite;
}

.acn-admission-hero-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) minmax(0, 0.9fr);

	gap: 75px;

	align-items: center;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.acn-admission-hero-content {
	position: relative;
	z-index: 2;
}

.acn-hero-label {
	display: inline-flex;
	align-items: center;

	padding: 9px 17px;

	border-radius: 30px;

	background: rgba(15, 52, 75, 0.08);

	color: #490f4a;

	font-size: 14px;
	font-weight: 700;

	letter-spacing: 1.7px;

	text-transform: uppercase;
}

.acn-admission-hero h1 {
	margin: 22px 0 20px;

	color: #490f4a;

	font-weight: 700;
}

.acn-admission-hero h1 span {

	color: var(--pharma-yellow);
	;
}

.acn-admission-hero p {
	max-width: 700px;

	margin: 0 0 32px;

	color: #64737a;

	font-size: 17px;
	line-height: 1.9;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.acn-hero-buttons {
	display: flex;
	flex-wrap: wrap;

	gap: 13px;
}

.acn-primary-btn,
.acn-outline-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	gap: 10px;

	min-height: 52px;

	padding: 0 24px;

	border-radius: 7px;

	text-decoration: none;

	font-size: 14px;
	font-weight: 700;

	transition:
		transform 0.35s ease,
		background 0.35s ease,
		color 0.35s ease,
		box-shadow 0.35s ease;
}

.acn-primary-btn {
	background: #490f4a;

	color: #ffffff;
}

.acn-primary-btn:hover {
	background: var(--pharma-yellow);
	;

	color: #ffffff;

	transform: translateY(-4px);

	box-shadow:
		0 14px 30px rgba(15, 52, 75, 0.18);
}

.acn-outline-btn {
	border: 1px solid #490f4a;

	color: #490f4a;

	background: transparent;
}

.acn-outline-btn:hover {
	background: #490f4a;

	color: #ffffff;

	transform: translateY(-4px);

	box-shadow:
		0 12px 25px rgba(15, 52, 75, 0.15);
}


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

.acn-admission-hero-image {
	position: relative;
	z-index: 2;
}

.acn-admission-hero-image img {
	position: relative;

	display: block;

	width: 100%;
	height: 510px;

	object-fit: cover;

	border-radius: 22px;

	box-shadow:
		0 25px 65px rgba(15, 52, 75, 0.18);

	animation:
		acnImageFloat 5s ease-in-out infinite;

	transition:
		transform 0.5s ease;
}

.acn-admission-hero-image:hover img {
	transform: scale(1.025);
}

.acn-image-glow {
	position: absolute;

	width: 190px;
	height: 190px;

	right: -40px;
	top: -40px;

	border-radius: 50%;

	background: rgba(167, 56, 37, 0.16);

	filter: blur(28px);

	animation:
		acnGlow 4s ease-in-out infinite;
}

.acn-image-badge {
	position: absolute;

	left: 25px;
	bottom: 25px;

	display: flex;
	align-items: center;

	gap: 13px;

	padding: 15px 20px;

	background: rgba(255, 255, 255, 0.95);

	border-radius: 11px;

	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.13);
}

.acn-image-badge>i {
	color: var(--pharma-yellow);
	;

	font-size: 24px;
}

.acn-image-badge strong,
.acn-image-badge span {
	display: block;
}

.acn-image-badge strong {
	color: #490f4a;

	font-size: 14px;
}

.acn-image-badge span {
	margin-top: 3px;
	color: #490f4a;
	font-size: 20px;
	display: flex;
}


/* =========================================================
   LIGHT SECTIONS
========================================================= */

.acn-admission-overview,
.acn-application-section,
.acn-certificate-section,
.acn-important-section {
	padding: 40px 0;

	background: #ffffff;
}


/* =========================================================
   COMMON TWO COLUMN
========================================================= */

.acn-two-column {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr) minmax(0, 1fr);

	gap: 75px;

	align-items: center;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.acn-section-heading {
	max-width: 760px;

	margin: 0 auto 60px;

	text-align: center;
}

.acn-section-tag {
	display: inline-block;

	margin-bottom: 11px;

	color: var(--pharma-yellow);
	;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: 1.8px;

	text-transform: uppercase;
}

.acn-section-heading h2,
.acn-content-area h2,
.acn-feature-content h2,
.acn-important-box h2 {
	margin: 0 0 18px;

	color: #490f4a;

	font-size: 44px;

	line-height: 1.25;

	font-weight: 700;
}

.acn-section-heading h2 span,
.acn-content-area h2 span,
.acn-feature-content h2 span,
.acn-important-box h2 span {
	color: var(--pharma-yellow);
	;
}

.acn-section-heading p {
	margin: 0;

	color: #222;

	font-size: 16px;

	line-height: 1.9;
}


/* =========================================================
   OVERVIEW
========================================================= */

.acn-content-image {
	position: relative;
}

.acn-content-image img {
	display: block;

	width: 100%;
	height: 480px;

	object-fit: cover;

	border-radius: 19px;

	box-shadow:
		0 22px 55px rgba(15, 52, 75, 0.12);

	transition:
		transform 0.5s ease,
		box-shadow 0.5s ease;
}

.acn-content-image:hover img {
	transform: scale(1.025);

	box-shadow:
		0 28px 65px rgba(15, 52, 75, 0.17);
}

.acn-image-light {
	position: absolute;

	width: 170px;
	height: 170px;

	right: -35px;
	bottom: -35px;

	border-radius: 50%;

	background: rgba(167, 56, 37, 0.13);

	filter: blur(23px);

	animation:
		acnGlow 4s ease-in-out infinite;
}

.acn-content-area p {
	color: #222;

	font-size: 17px;

	line-height: 1.95;
}

.acn-info-highlight {
	display: flex;

	align-items: flex-start;

	gap: 13px;

	margin-top: 27px;

	padding: 18px 20px;

	border-left: 4px solid var(--pharma-yellow);
	;

	background: #f6f8f7;

	color: #53636a;

	font-size: 15px;

	line-height: 1.8;
}

.acn-info-highlight i {
	flex-shrink: 0;

	margin-top: 4px;

	color: var(--pharma-yellow);
	;

	font-size: 17px;
}


/* =========================================================
   DARK SECTIONS
========================================================= */

.acn-programmes-section,
.acn-documents-section,
.acn-medical-section,
.acn-enquiry-section {
	padding: 40px 0;
	background-color: #2d022f;
	background-image: url(../images/background/pattern-1.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.acn-dark-pattern,
.acn-document-pattern,
.acn-medical-pattern,
.acn-enquiry-pattern {
	position: absolute;

	width: 570px;
	height: 570px;

	right: -290px;
	top: -280px;

	border: 85px solid rgba(255, 255, 255, 0.035);

	border-radius: 50%;

	pointer-events: none;

	animation:
		acnRotate 27s linear infinite;
}

.acn-heading-light h2,
.acn-heading-light p,
.acn-document-content h2,
.acn-medical-content h2,
.acn-enquiry-content h2 {
	color: #ffffff;
}

.acn-heading-light h2 span,
.acn-document-content h2 span,
.acn-medical-content h2 span,
.acn-enquiry-content h2 span {
	color: #f3badb;
}

.acn-heading-light p {
	color: rgba(255, 255, 255, 0.68);
}

.acn-tag-light {
	color: #f3badb;
}


/* =========================================================
   PROGRAMMES
========================================================= */

.acn-programme-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 27px;
}

.acn-programme-card {
	position: relative;

	overflow: hidden;

	padding: 38px;

	background: rgba(255, 255, 255, 0.055);

	border: 1px solid rgba(255, 255, 255, 0.11);

	border-radius: 17px;

	transition:
		transform 0.4s ease,
		border-color 0.4s ease,
		background 0.4s ease,
		box-shadow 0.4s ease;
}

.acn-programme-card::before {
	content: "";

	position: absolute;

	width: 180px;
	height: 180px;

	right: -80px;
	bottom: -80px;

	border: 25px solid rgba(255, 255, 255, 0.035);

	border-radius: 50%;

	transition:
		transform 0.6s ease;
}

.acn-programme-card:hover {
	transform: translateY(-9px);

	border-color:
		rgba(226, 160, 142, 0.45);

	background:
		rgba(255, 255, 255, 0.09);

	box-shadow:
		0 20px 50px rgba(0, 0, 0, 0.15);
}

.acn-programme-card:hover::before {
	transform:
		rotate(100deg) scale(1.2);
}

.acn-programme-icon {
	width: 62px;
	height: 62px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 23px;

	border-radius: 13px;

	background:
		rgba(226, 160, 142, 0.12);

	color: #f3badb;

	font-size: 24px;

	transition:
		transform 0.4s ease,
		background 0.4s ease;
}

.acn-programme-card:hover .acn-programme-icon {
	transform: rotateY(180deg);

	background:
		rgba(226, 160, 142, 0.2);
}

.acn-programme-number {
	position: absolute;

	top: 28px;
	right: 28px;

	color: rgba(255, 255, 255, 0.25);

	font-size: 14px;

	font-weight: 700;
}

.acn-programme-card h3 {
	margin: 0 0 14px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 700;
}

.acn-programme-card p {
	margin: 0 0 27px;
	color: rgb(255 255 255 / 95%);
	font-size: 14px;
	line-height: 1.9;
}

.acn-programme-meta {
	display: flex;

	flex-wrap: wrap;

	gap: 18px;
}

.acn-programme-meta span {
	display: flex;

	align-items: center;

	gap: 8px;

	color: rgba(255, 255, 255, 0.78);

	font-size: 13px;
}

.acn-programme-meta i {
	color: #f3badb;
}


/* =========================================================
   APPLICATION STEPS
========================================================= */

.acn-steps-grid {
	display: grid;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 22px;
}

.acn-step-card {
	position: relative;

	overflow: hidden;

	padding: 31px 24px;

	background: #ffffff;

	border: 1px solid #e5ece9;

	border-radius: 15px;

	box-shadow:
		0 9px 28px rgba(15, 52, 75, 0.045);

	transition:
		transform 0.4s ease,
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.acn-step-card::after {
	content: "";

	position: absolute;

	width: 80px;
	height: 80px;

	right: -35px;
	bottom: -35px;

	border: 12px solid rgba(15, 52, 75, 0.035);

	border-radius: 50%;

	transition:
		transform 0.5s ease;
}

.acn-step-card:hover {
	transform: translateY(-8px);

	border-color:
		rgba(167, 56, 37, 0.25);

	box-shadow:
		0 20px 45px rgba(15, 52, 75, 0.10);
}

.acn-step-card:hover::after {
	transform: rotate(90deg) scale(1.25);
}

.acn-step-number {
	position: absolute;

	top: 15px;
	right: 19px;

	color: #dfe7e4;

	font-size: 27px;

	font-weight: 700;
}

.acn-step-icon {
	width: 52px;
	height: 52px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 21px;

	border-radius: 11px;

	background:
		rgba(15, 52, 75, 0.07);

	color: #490f4a;

	font-size: 18px;

	transition:
		transform 0.45s ease,
		background 0.35s ease,
		color 0.35s ease;
}

.acn-step-card:hover .acn-step-icon {
	transform: rotateY(180deg);

	background: var(--pharma-yellow);
	;

	color: #ffffff;
}

.acn-step-card h3 {
	margin: 0 0 11px;

	color: #490f4a;

	font-size: 19px;

	line-height: 1.4;
}

.acn-step-card p {
	margin: 0;

	color: #748087;

	font-size: 14px;

	line-height: 1.85;
}


/* =========================================================
   DOCUMENTS
========================================================= */

.acn-document-layout {
	align-items: start;
}

.acn-document-content>p {
	color: rgba(255, 255, 255, 0.68);

	font-size: 16px;

	line-height: 1.9;
}

.acn-document-list {
	margin-top: 31px;
}

.acn-document-list>div {
	display: flex;

	align-items: flex-start;

	gap: 15px;

	padding: 13px 0;

	border-bottom:
		1px solid rgba(255, 255, 255, 0.07);
}

.acn-document-list span {
	flex: 0 0 32px;

	color: #f3badb;

	font-size: 13px;

	font-weight: 700;
}

.acn-document-list p {
	margin: 0;

	color: rgba(255, 255, 255, 0.73);

	font-size: 14px;

	line-height: 1.8;
}

.acn-document-image {
	position: sticky;

	top: 100px;
}

.acn-document-image img {
	display: block;

	width: 100%;
	height: 790px;

	object-fit: cover;

	border-radius: 20px;

	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.22);

	transition:
		transform 0.5s ease;
}

.acn-document-image:hover img {
	transform: scale(1.02);
}

.acn-document-image-glow {
	position: absolute;

	width: 180px;
	height: 180px;

	right: -40px;
	top: -40px;

	border-radius: 50%;

	background:
		rgba(226, 160, 142, 0.14);

	filter: blur(25px);

	animation:
		acnGlow 4s ease-in-out infinite;
}

.acn-document-floating {
	position: absolute;

	left: 25px;
	bottom: 25px;

	display: flex;

	align-items: center;

	gap: 11px;

	padding: 15px 19px;

	background:
		rgba(255, 255, 255, 0.96);

	border-radius: 10px;

	color: #490f4a;

	font-size: 13px;

	font-weight: 700;

	box-shadow:
		0 10px 30px rgba(0, 0, 0, 0.15);
}

.acn-document-floating i {
	color: var(--pharma-yellow);
	;

	font-size: 19px;
}


/* =========================================================
   ELIGIBILITY CERTIFICATE
========================================================= */

.acn-certificate-pattern {
	position: absolute;

	width: 450px;
	height: 450px;

	left: -240px;
	bottom: -240px;

	border: 75px solid rgba(15, 52, 75, 0.045);

	border-radius: 50%;

	pointer-events: none;

	animation:
		acnRotate 22s linear infinite reverse;
}

.acn-feature-box {
	position: relative;

	display: grid;

	grid-template-columns: 85px 1fr;

	gap: 32px;

	align-items: start;

	padding: 48px;

	background: #f5f8f7;

	border: 1px solid #f8eef5;

	border-radius: 19px;

	box-shadow:
		0 17px 48px rgba(15, 52, 75, 0.06);
}

.acn-feature-icon {
	width: 75px;
	height: 75px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 16px;

	background: #490f4a;

	color: #ffffff;

	font-size: 28px;

	box-shadow:
		0 12px 28px rgba(15, 52, 75, 0.16);

	transition:
		transform 0.4s ease;
}

.acn-feature-box:hover .acn-feature-icon {
	transform: rotateY(180deg);
}

.acn-feature-content p {
	margin: 0;

	color: #222;

	font-size: 16px;

	line-height: 1.95;
}


/* =========================================================
   MEDICAL FITNESS
========================================================= */

.acn-medical-grid {
	display: grid;

	grid-template-columns:
		minmax(0, 0.9fr) minmax(0, 1fr);

	gap: 70px;

	align-items: center;
}

.acn-medical-image {
	position: relative;
}

.acn-medical-image img {
	display: block;

	width: 100%;
	height: 460px;

	object-fit: cover;

	border-radius: 19px;

	box-shadow:
		0 25px 60px rgba(0, 0, 0, 0.21);

	transition:
		transform 0.5s ease;
}

.acn-medical-image:hover img {
	transform: scale(1.025);
}

.acn-medical-light {
	position: absolute;

	width: 180px;
	height: 180px;

	left: -40px;
	bottom: -40px;

	border-radius: 50%;

	background:
		rgba(226, 160, 142, 0.13);

	filter: blur(25px);

	animation:
		acnGlow 4s ease-in-out infinite;
}

.acn-medical-content p {
	color: rgba(255, 255, 255, 0.69);

	font-size: 16px;

	line-height: 1.95;
}

.acn-medical-points {
	margin-top: 27px;
}

.acn-medical-points div {
	display: flex;

	align-items: center;

	gap: 11px;

	margin-bottom: 15px;

	color: rgba(255, 255, 255, 0.78);

	font-size: 14px;
}

.acn-medical-points i {
	width: 23px;
	height: 23px;

	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 23px;

	border-radius: 50%;

	background:
		rgba(226, 160, 142, 0.14);

	color: #f3badb;

	font-size: 10px;
}


/* =========================================================
   IMPORTANT ADMISSION NOTE
========================================================= */

.acn-important-ring {
	position: absolute;

	width: 400px;
	height: 400px;

	right: -220px;
	bottom: -220px;

	border: 65px solid rgba(15, 52, 75, 0.04);

	border-radius: 50%;

	animation:
		acnRotate 20s linear infinite;
}

.acn-important-box {
	position: relative;

	display: grid;

	grid-template-columns: 75px 1fr;

	gap: 28px;

	align-items: start;

	padding: 48px;

	background: #f6f8f7;

	border: 1px solid #f8eef5;

	border-radius: 19px;

	box-shadow:
		0 18px 50px rgba(15, 52, 75, 0.06);
}

.acn-important-icon {
	width: 66px;
	height: 66px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background: var(--pharma-yellow);
	;

	color: #ffffff;

	font-size: 23px;

	animation:
		acnPulse 2.5s infinite;
}

.acn-important-box p {
	margin: 0;

	color: #222;

	font-size: 16px;

	line-height: 1.95;
}


/* =========================================================
   ADMISSION ENQUIRY
========================================================= */

.acn-enquiry-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) minmax(0, 0.8fr);

	gap: 75px;

	align-items: center;
}

.acn-enquiry-content p {
	max-width: 680px;

	margin: 0;

	color: rgba(255, 255, 255, 0.69);

	font-size: 17px;

	line-height: 1.95;
}

.acn-enquiry-features {
	display: flex;

	flex-wrap: wrap;

	gap: 22px;

	margin-top: 31px;
}

.acn-enquiry-features div {
	display: flex;

	align-items: center;

	gap: 9px;

	color: rgba(255, 255, 255, 0.78);

	font-size: 14px;
}

.acn-enquiry-features i {
	color: #f3badb;

	font-size: 16px;
}


/* =========================================================
   ENQUIRY BUTTONS
========================================================= */

.acn-enquiry-actions {
	display: flex;

	flex-direction: column;

	gap: 13px;
}

.acn-enquiry-btn {
	display: flex;

	align-items: center;

	gap: 14px;

	min-height: 65px;

	padding: 0 22px;

	border: 1px solid rgba(255, 255, 255, 0.12);

	border-radius: 10px;

	color: #ffffff;

	text-decoration: none;

	transition:
		transform 0.35s ease,
		background 0.35s ease,
		border-color 0.35s ease,
		box-shadow 0.35s ease;
}

.acn-enquiry-btn span {
	flex: 1;

	font-size: 15px;

	font-weight: 700;
}

.acn-enquiry-btn>i:first-child {
	font-size: 18px;
}

.acn-enquiry-btn>i:last-child {
	font-size: 12px;

	transition:
		transform 0.35s ease;
}

.acn-enquiry-btn:hover {
	color: #ffffff;

	transform: translateX(8px);

	border-color:
		rgba(226, 160, 142, 0.45);

	background:
		rgba(255, 255, 255, 0.07);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.12);
}

.acn-enquiry-btn:hover>i:last-child {
	transform: translateX(6px);
}

.acn-enquiry-call {
	background: var(--pharma-yellow);
	;

	border-color: var(--pharma-yellow);
	;
}

.acn-enquiry-call:hover {
	background: #bd4934;
}

.acn-enquiry-download {
	background:
		rgba(255, 255, 255, 0.06);
}

.acn-enquiry-contact {
	background: transparent;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes acnRotate {

	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}

}


@keyframes acnImageFloat {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-9px);
	}

}


@keyframes acnGlow {

	0%,
	100% {
		opacity: 0.45;
		transform: scale(1);
	}

	50% {
		opacity: 0.9;
		transform: scale(1.12);
	}

}


@keyframes acnPulse {

	0% {
		box-shadow:
			0 0 0 0 rgba(167, 56, 37, 0.28);
	}

	70% {
		box-shadow:
			0 0 0 15px rgba(167, 56, 37, 0);
	}

	100% {
		box-shadow:
			0 0 0 0 rgba(167, 56, 37, 0);
	}

}


/* =========================================================
   TABLET - 1200px
========================================================= */

@media (max-width: 1199px) {

	.acn-admission-hero-grid {
		gap: 50px;
	}

	.acn-admission-hero h1 {
		font-size: 52px;
	}

	.acn-two-column {
		gap: 50px;
	}

	.acn-steps-grid {
		grid-template-columns:
			repeat(3, minmax(0, 1fr));
	}

}


/* =========================================================
   TABLET - 991px
========================================================= */

@media (max-width: 991px) {

	.acn-admission-hero,
	.acn-admission-overview,
	.acn-programmes-section,
	.acn-application-section,
	.acn-documents-section,
	.acn-certificate-section,
	.acn-medical-section,
	.acn-important-section,
	.acn-enquiry-section {
		padding: 80px 0;
	}


	.acn-admission-hero-grid,
	.acn-two-column,
	.acn-medical-grid,
	.acn-enquiry-grid {
		grid-template-columns: 1fr;

		gap: 45px;
	}


	.acn-admission-hero h1 {
		font-size: 46px;
	}


	.acn-admission-hero p {
		font-size: 16px;
	}


	.acn-admission-hero-image img {
		height: 450px;
	}


	.acn-section-heading h2,
	.acn-content-area h2,
	.acn-feature-content h2,
	.acn-important-box h2 {
		font-size: 38px;
	}


	.acn-content-image img {
		height: 430px;
	}


	.acn-programme-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.acn-steps-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.acn-document-image {
		position: relative;

		top: auto;
	}


	.acn-document-image img {
		height: 450px;
	}


	.acn-medical-image img {
		height: 430px;
	}

}


/* =========================================================
   MOBILE - 767px
========================================================= */

@media (max-width: 767px) {

	.acn-admission-hero,
	.acn-admission-overview,
	.acn-programmes-section,
	.acn-application-section,
	.acn-documents-section,
	.acn-certificate-section,
	.acn-medical-section,
	.acn-important-section,
	.acn-enquiry-section {
		padding: 65px 0;
	}


	.acn-admission-hero-grid,
	.acn-two-column,
	.acn-medical-grid,
	.acn-enquiry-grid {
		gap: 35px;
	}


	.acn-admission-hero h1 {
		margin-top: 18px;

		font-size: 38px;

		line-height: 1.18;
	}


	.acn-admission-hero p {
		font-size: 15px;

		line-height: 1.8;
	}


	.acn-hero-buttons {
		flex-direction: column;

		width: 100%;
	}


	.acn-primary-btn,
	.acn-outline-btn {
		width: 100%;
	}


	.acn-admission-hero-image img {
		height: 350px;

		border-radius: 17px;
	}


	.acn-image-badge {
		left: 15px;
		right: 15px;
		bottom: 15px;
	}


	.acn-section-heading {
		margin-bottom: 38px;
	}


	.acn-section-heading h2,
	.acn-content-area h2,
	.acn-feature-content h2,
	.acn-important-box h2 {
		font-size: 32px;

		line-height: 1.25;
	}


	.acn-section-heading p {
		font-size: 15px;

		line-height: 1.8;
	}


	.acn-section-tag {
		font-size: 12px;
	}


	.acn-content-area p {
		font-size: 15px;

		line-height: 1.85;
	}


	.acn-info-highlight {
		font-size: 13px;
	}


	.acn-content-image img {
		height: 340px;
	}


	.acn-programme-grid {
		grid-template-columns: 1fr;
	}


	.acn-programme-card {
		padding: 30px 23px;
	}


	.acn-programme-card h3 {
		font-size: 24px;
	}


	.acn-programme-card p {
		font-size: 14px;

		line-height: 1.8;
	}


	.acn-programme-meta {
		flex-direction: column;

		gap: 11px;
	}


	.acn-programme-meta span {
		font-size: 12px;
	}


	.acn-steps-grid {
		grid-template-columns: 1fr;

		gap: 17px;
	}


	.acn-step-card {
		padding: 27px 22px;
	}


	.acn-step-card h3 {
		font-size: 18px;
	}


	.acn-step-card p {
		font-size: 13px;

		line-height: 1.8;
	}


	.acn-document-content>p {
		font-size: 14px;
	}


	.acn-document-list p {
		font-size: 13px;

		line-height: 1.75;
	}


	.acn-document-list span {
		font-size: 12px;
	}


	.acn-document-image img {
		height: 340px;
	}


	.acn-document-floating {
		left: 15px;
		right: 15px;
		bottom: 15px;

		justify-content: center;

		text-align: center;

		font-size: 12px;
	}


	.acn-feature-box,
	.acn-important-box {
		grid-template-columns: 1fr;

		gap: 20px;

		padding: 30px 23px;
	}


	.acn-feature-icon,
	.acn-important-icon {
		width: 60px;
		height: 60px;
	}


	.acn-feature-content p,
	.acn-important-box p {
		font-size: 14px;

		line-height: 1.85;
	}


	.acn-medical-image img {
		height: 340px;
	}


	.acn-medical-content p {
		font-size: 14px;

		line-height: 1.85;
	}


	.acn-medical-points div {
		font-size: 13px;

		line-height: 1.6;
	}


	.acn-enquiry-content p {
		font-size: 15px;

		line-height: 1.85;
	}


	.acn-enquiry-features {
		flex-direction: column;

		gap: 13px;
	}


	.acn-enquiry-features div {
		font-size: 13px;
	}


	.acn-enquiry-btn {
		min-height: 60px;

		padding: 0 17px;
	}


	.acn-enquiry-btn span {
		font-size: 13px;
	}


	.acn-dark-pattern,
	.acn-document-pattern,
	.acn-medical-pattern,
	.acn-enquiry-pattern {
		width: 400px;
		height: 400px;

		right: -250px;
		top: -210px;

		border-width: 60px;
	}

}


/* =========================================================
   SMALL MOBILE - 480px
========================================================= */

@media (max-width: 480px) {

	.acn-admission-hero,
	.acn-admission-overview,
	.acn-programmes-section,
	.acn-application-section,
	.acn-documents-section,
	.acn-certificate-section,
	.acn-medical-section,
	.acn-important-section,
	.acn-enquiry-section {
		padding: 55px 0;
	}


	.acn-admission-hero h1 {
		font-size: 31px;
	}


	.acn-admission-hero p {
		font-size: 14px;
	}


	.acn-admission-hero-image img {
		height: 285px;
	}


	.acn-section-heading h2,
	.acn-content-area h2,
	.acn-feature-content h2,
	.acn-important-box h2 {
		font-size: 28px;
	}


	.acn-section-heading p {
		font-size: 14px;
	}


	.acn-content-image img {
		height: 285px;
	}


	.acn-programme-card {
		padding: 25px 20px;
	}


	.acn-programme-card h3 {
		font-size: 22px;
	}


	.acn-programme-card p {
		font-size: 13px;
	}


	.acn-step-card {
		padding: 24px 19px;
	}


	.acn-step-card h3 {
		font-size: 17px;
	}


	.acn-step-card p {
		font-size: 12px;
	}


	.acn-document-image img,
	.acn-medical-image img {
		height: 285px;
	}


	.acn-document-list>div {
		gap: 8px;
	}


	.acn-document-list p {
		font-size: 12px;
	}


	.acn-feature-box,
	.acn-important-box {
		padding: 25px 19px;
	}


	.acn-feature-content p,
	.acn-important-box p {
		font-size: 13px;
	}


	.acn-enquiry-btn {
		min-height: 56px;
	}


	.acn-enquiry-btn span {
		font-size: 12px;
	}

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

	.acn-admission-hero h1 {
		font-size: 28px;
	}


	.acn-section-heading h2,
	.acn-content-area h2,
	.acn-feature-content h2,
	.acn-important-box h2 {
		font-size: 25px;
	}


	.acn-programme-card h3 {
		font-size: 20px;
	}


	.acn-enquiry-btn {
		gap: 9px;
	}


	.acn-enquiry-btn span {
		font-size: 11px;
	}

}

/* =========================================================
   STUDENT DEVELOPMENT
   ANNAI COLLEGE OF NURSING
========================================================= */

.acd-growth-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
	background: #f5f8f7;
}


/* =========================================================
   ROTATING BACKGROUND
========================================================= */

.acd-growth-pattern {
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	border: 80px solid rgba(15, 52, 75, 0.035);
	animation: acdGrowthRotate 25s linear infinite;
}

.acd-growth-pattern-one {
	width: 570px;
	height: 570px;
	right: -300px;
	top: -260px;
}

.acd-growth-pattern-two {
	width: 430px;
	height: 430px;
	left: -260px;
	bottom: -250px;
	border-width: 65px;
	animation-direction: reverse;
	animation-duration: 21s;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.acd-growth-heading {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto 65px;
	text-align: center;
}

.acd-growth-tag {
	display: inline-block;
	margin-bottom: 12px;
	color: var(--pharma-yellow);
	;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.acd-growth-heading h2 {
	margin: 0 0 18px;
	color: #490f4a;
	font-size: 46px;
	line-height: 1.2;
	font-weight: 700;
}

.acd-growth-heading h2 span {
	color: var(--pharma-yellow);
	;
}

.acd-growth-heading p {
	margin: 0;
	color: #222;
	font-size: 17px;
	line-height: 1.9;
}


/* =========================================================
   FEATURE AREA
========================================================= */

.acd-growth-feature {
	position: relative;
	z-index: 2;

	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

	gap: 60px;
	align-items: center;

	margin-bottom: 55px;
}


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

.acd-growth-feature-image {
	position: relative;
}

.acd-growth-feature-image img {
	display: block;

	width: 100%;
	height: 470px;

	object-fit: cover;

	border-radius: 22px;

	box-shadow:
		0 25px 60px rgba(15, 52, 75, 0.15);

	transition:
		transform 0.5s ease,
		box-shadow 0.5s ease;
}

.acd-growth-feature-image:hover img {
	transform: scale(1.025);

	box-shadow:
		0 30px 70px rgba(15, 52, 75, 0.21);
}


/* IMAGE LIGHT */

.acd-growth-image-light {
	position: absolute;

	width: 180px;
	height: 180px;

	right: -40px;
	top: -40px;

	border-radius: 50%;

	background: rgba(167, 56, 37, 0.15);

	filter: blur(28px);

	animation: acdGrowthGlow 4s ease-in-out infinite;
}


/* IMAGE BADGE */

.acd-growth-image-badge {
	position: absolute;

	left: 25px;
	bottom: 25px;

	display: flex;
	align-items: center;

	gap: 13px;

	padding: 16px 20px;

	border-radius: 12px;

	background: rgba(255, 255, 255, 0.96);

	box-shadow:
		0 15px 35px rgba(0, 0, 0, 0.13);
}

.acd-growth-image-badge>i {
	color: var(--pharma-yellow);
	;
	font-size: 25px;
}

.acd-growth-image-badge strong,
.acd-growth-image-badge span {
	display: block;
}

.acd-growth-image-badge strong {
	color: #490f4a;
	font-size: 14px;
}

.acd-growth-image-badge span {
	margin-top: 3px;
	color: #748087;
	font-size: 12px;
}


/* =========================================================
   FEATURE CONTENT
========================================================= */

.acd-growth-feature-content {
	position: relative;

	padding: 45px;

	border-radius: 20px;

	background: #490f4a;

	box-shadow:
		0 20px 50px rgba(15, 52, 75, 0.13);

	overflow: hidden;
}

.acd-growth-feature-content::after {
	content: "";

	position: absolute;

	width: 230px;
	height: 230px;

	right: -120px;
	bottom: -120px;

	border: 35px solid rgba(255, 255, 255, 0.035);

	border-radius: 50%;

	animation:
		acdGrowthRotate 18s linear infinite;
}

.acd-growth-number {
	position: absolute;

	top: 25px;
	right: 28px;

	color: rgba(255, 255, 255, 0.18);

	font-size: 15px;
	font-weight: 700;
}

.acd-growth-icon {
	width: 65px;
	height: 65px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 24px;

	border-radius: 15px;

	background: rgba(255, 255, 255, 0.08);

	color: #f3badb;

	font-size: 25px;

	transition:
		transform 0.45s ease,
		background 0.35s ease;
}

.acd-growth-feature-content:hover .acd-growth-icon {
	transform: rotateY(180deg);

	background: rgba(226, 160, 142, 0.16);
}

.acd-growth-feature-content h3 {
	position: relative;
	z-index: 2;

	margin: 0 0 17px;

	color: #ffffff;

	font-size: 29px;
	line-height: 1.3;
}

.acd-growth-feature-content p {
	position: relative;
	z-index: 2;

	margin: 0;

	color: rgba(255, 255, 255, 0.69);

	font-size: 16px;
	line-height: 1.95;
}


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

.acd-growth-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 24px;
}


/* =========================================================
   COMMON CARD
========================================================= */

.acd-growth-card {
	position: relative;

	min-height: 310px;

	padding: 34px 30px;

	border-radius: 17px;

	overflow: hidden;

	transition:
		transform 0.4s ease,
		box-shadow 0.4s ease,
		border-color 0.4s ease;
}

.acd-growth-card::before {
	content: "";

	position: absolute;

	width: 150px;
	height: 150px;

	right: -80px;
	bottom: -80px;

	border: 25px solid rgba(255, 255, 255, 0.04);

	border-radius: 50%;

	transition:
		transform 0.6s ease;
}

.acd-growth-card:hover {
	transform: translateY(-9px);

	box-shadow:
		0 20px 50px rgba(15, 52, 75, 0.13);
}

.acd-growth-card:hover::before {
	transform:
		rotate(100deg) scale(1.25);
}


/* =========================================================
   DARK CARD
========================================================= */

.acd-growth-card-dark {
	background: #490f4a;

	border: 1px solid rgba(255, 255, 255, 0.08);
}

.acd-growth-card-dark:hover {
	border-color:
		rgba(226, 160, 142, 0.4);
}


/* =========================================================
   LIGHT CARD
========================================================= */

.acd-growth-card-light {
	background: #ffffff;

	border: 1px solid #e2ebe7;
}

.acd-growth-card-light::before {
	border-color:
		rgba(15, 52, 75, 0.035);
}

.acd-growth-card-light:hover {
	border-color:
		rgba(167, 56, 37, 0.25);
}


/* =========================================================
   CARD NUMBER
========================================================= */

.acd-card-number {
	position: absolute;

	top: 22px;
	right: 25px;

	font-size: 14px;
	font-weight: 700;
}

.acd-growth-card-dark .acd-card-number {
	color: rgba(255, 255, 255, 0.2);
}

.acd-growth-card-light .acd-card-number {
	color: #d9e2df;
}


/* =========================================================
   CARD ICON
========================================================= */

.acd-card-icon {
	width: 57px;
	height: 57px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-bottom: 22px;

	border-radius: 13px;

	font-size: 21px;

	transition:
		transform 0.45s ease,
		background 0.35s ease,
		color 0.35s ease;
}

.acd-growth-card-dark .acd-card-icon {
	background: rgba(226, 160, 142, 0.11);
	color: #f3badb;
}

.acd-growth-card-light .acd-card-icon {
	background: rgba(15, 52, 75, 0.07);
	color: #490f4a;
}

.acd-growth-card:hover .acd-card-icon {
	transform: rotateY(180deg);
}

.acd-growth-card-dark:hover .acd-card-icon {
	background: rgba(226, 160, 142, 0.18);
}

.acd-growth-card-light:hover .acd-card-icon {
	background: var(--pharma-yellow);
	;
	color: #ffffff;
}


/* =========================================================
   CARD TEXT
========================================================= */

.acd-growth-card h3 {
	position: relative;
	z-index: 2;

	margin: 0 0 14px;

	font-size: 21px;

	line-height: 1.4;
}

.acd-growth-card-dark h3 {
	color: #ffffff;
}

.acd-growth-card-light h3 {
	color: #490f4a;
}

.acd-growth-card p {
	position: relative;
	z-index: 2;

	margin: 0;

	font-size: 14px;

	line-height: 1.85;
}

.acd-growth-card-dark p {
	color: rgba(255, 255, 255, 0.66);
}

.acd-growth-card-light p {
	color: #718087;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes acdGrowthRotate {

	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}

}


@keyframes acdGrowthGlow {

	0%,
	100% {
		opacity: 0.4;
		transform: scale(1);
	}

	50% {
		opacity: 0.85;
		transform: scale(1.12);
	}

}


/* =========================================================
   1199px
========================================================= */

@media (max-width: 1199px) {

	.acd-growth-feature {
		gap: 40px;
	}

	.acd-growth-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

	.acd-growth-heading h2 {
		font-size: 42px;
	}

}


/* =========================================================
   991px
========================================================= */

@media (max-width: 991px) {

	.acd-growth-section {
		padding: 85px 0;
	}

	.acd-growth-feature {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.acd-growth-feature-image img {
		height: 430px;
	}

	.acd-growth-feature-content {
		padding: 38px;
	}

}


/* =========================================================
   767px - MOBILE
========================================================= */

@media (max-width: 767px) {

	.acd-growth-section {
		padding: 65px 0;
	}

	.acd-growth-heading {
		margin-bottom: 40px;
	}

	.acd-growth-heading h2 {
		font-size: 32px;
	}

	.acd-growth-heading p {
		font-size: 15px;
		line-height: 1.8;
	}

	.acd-growth-tag {
		font-size: 12px;
	}

	.acd-growth-feature {
		margin-bottom: 35px;
	}

	.acd-growth-feature-image img {
		height: 340px;
		border-radius: 17px;
	}

	.acd-growth-image-badge {
		left: 15px;
		bottom: 15px;
		right: 15px;
	}

	.acd-growth-feature-content {
		padding: 30px 23px;
		border-radius: 17px;
	}

	.acd-growth-feature-content h3 {
		font-size: 24px;
	}

	.acd-growth-feature-content p {
		font-size: 14px;
		line-height: 1.85;
	}

	.acd-growth-grid {
		grid-template-columns: 1fr;
		gap: 17px;
	}

	.acd-growth-card {
		min-height: auto;
		padding: 28px 22px;
	}

	.acd-growth-card h3 {
		font-size: 19px;
	}

	.acd-growth-card p {
		font-size: 13px;
		line-height: 1.8;
	}

}


/* =========================================================
   480px
========================================================= */

@media (max-width: 480px) {

	.acd-growth-section {
		padding: 55px 0;
	}

	.acd-growth-heading h2 {
		font-size: 28px;
	}

	.acd-growth-heading p {
		font-size: 14px;
	}

	.acd-growth-feature-image img {
		height: 285px;
	}

	.acd-growth-feature-content {
		padding: 27px 20px;
	}

	.acd-growth-feature-content h3 {
		font-size: 22px;
	}

	.acd-growth-feature-content p {
		font-size: 13px;
	}

	.acd-growth-card {
		padding: 25px 19px;
	}

	.acd-growth-card h3 {
		font-size: 18px;
	}

	.acd-growth-card p {
		font-size: 12px;
	}

}

/* =========================================================
   ANNAI COLLEGE OF NURSING
   ACADEMICS & CLINICAL
========================================================= */


/* =========================================================
   BASE
========================================================= */

.anc-academic-hero,
.anc-teaching-section,
.anc-clinical-section,
.anc-simulation-section,
.anc-community-section,
.anc-assessment-section,
.anc-professional-section {
	position: relative;
	overflow: hidden;
}

.anc-academic-hero *,
.anc-teaching-section *,
.anc-clinical-section *,
.anc-simulation-section *,
.anc-community-section *,
.anc-assessment-section *,
.anc-professional-section * {
	box-sizing: border-box;
}


/* =========================================================
   HERO
========================================================= */

.anc-academic-hero {
	padding: 40px 0;
	background: #f5f8f7;
}

.anc-academic-orbit {
	position: absolute;

	width: 570px;
	height: 570px;

	right: -290px;
	top: -280px;

	border: 85px solid rgba(15, 52, 75, 0.04);

	border-radius: 50%;

	animation: ancRotate 25s linear infinite;
}

.anc-academic-hero-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) minmax(0, .9fr);

	gap: 75px;

	align-items: center;
}

.anc-academic-tag,
.anc-section-label {
	display: inline-block;

	margin-bottom: 12px;

	color: #e75480;

	font-size: 14px;

	font-weight: 700;

	letter-spacing: 1.8px;

	text-transform: uppercase;
}

.anc-academic-hero h1 {
	margin: 0 0 20px;

	color: #490f4a;

	font-weight: 700;
}

.anc-academic-hero h1 span {
	color: #490f4a;
}

.anc-academic-hero p {
	max-width: 680px;

	margin: 0 0 32px;

	color: #222;

	font-size: 17px;

	line-height: 1.9;
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.anc-academic-actions {
	display: flex;

	flex-wrap: wrap;

	gap: 13px;
}

.anc-academic-primary,
.anc-academic-secondary {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	gap: 9px;

	min-height: 52px;

	padding: 0 23px;

	border-radius: 7px;

	text-decoration: none;

	font-size: 14px;

	font-weight: 700;

	transition: all .35s ease;
}

.anc-academic-primary {
	background: #490f4a;
	color: #ffffff;
}

.anc-academic-primary:hover {
	background: var(--pharma-yellow);
	;
	color: #ffffff;

	transform: translateY(-4px);

	box-shadow:
		0 13px 30px rgba(15, 52, 75, .18);
}

.anc-academic-secondary {
	border: 1px solid #490f4a;

	color: #490f4a;

	background: transparent;
}

.anc-academic-secondary:hover {
	background: #490f4a;

	color: #ffffff;

	transform: translateY(-4px);
}


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

.anc-academic-hero-image {
	position: relative;
}

.anc-academic-hero-image img {
	display: block;

	width: 100%;
	height: 510px;

	object-fit: cover;

	border-radius: 22px;

	box-shadow:
		0 25px 60px rgba(15, 52, 75, .17);

	animation:
		ancFloat 5s ease-in-out infinite;

	transition:
		transform .5s ease;
}

.anc-academic-hero-image:hover img {
	transform: scale(1.025);
}

.anc-academic-image-glow {
	position: absolute;

	width: 180px;
	height: 180px;

	right: -40px;
	top: -40px;

	border-radius: 50%;

	background:
		rgba(167, 56, 37, .15);

	filter: blur(28px);

	animation:
		ancGlow 4s ease-in-out infinite;
}

.anc-academic-image-card {
	position: absolute;

	left: 25px;
	bottom: 25px;

	display: flex;

	align-items: center;

	gap: 12px;

	padding: 15px 19px;

	border-radius: 11px;

	background:
		rgba(255, 255, 255, .95);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .13);
}

.anc-academic-image-card>i {
	color: var(--pharma-yellow);
	;

	font-size: 23px;
}

.anc-academic-image-card strong,
.anc-academic-image-card span {
	display: block;
}

.anc-academic-image-card strong {
	color: #490f4a;

	font-size: 13px;
}

.anc-academic-image-card span {
	margin-top: 3px;

	color: #490f4a;

	font-size: 11px;
}


/* =========================================================
   TEACHING SECTION
========================================================= */

.anc-teaching-section,
.anc-simulation-section,
.anc-community-section,
.anc-professional-section {
	padding: 40px 0;

	background: #ffffff;
}

.anc-section-heading {
	max-width: 800px;

	margin: 0 auto 60px;

	text-align: center;
}

.anc-section-heading h2,
.anc-feature-content h2 {
	margin: 0 0 18px;

	color: #490f4a;

	font-size: 44px;

	line-height: 1.2;

	font-weight: 700;
}

.anc-section-heading h2 span,
.anc-feature-content h2 span {
	color: #490f4a;
}

.anc-section-heading p {
	margin: 0;

	color: #222;

	font-size: 16px;

	line-height: 1.9;
}


/* =========================================================
   ROTATING RINGS
========================================================= */

.anc-section-ring {
	position: absolute;

	width: 450px;
	height: 450px;

	border: 70px solid rgba(15, 52, 75, .035);

	border-radius: 50%;

	animation:
		ancRotate 23s linear infinite;
}

.anc-ring-left {
	left: -270px;
	bottom: -260px;
}

.anc-ring-right {
	right: -260px;
	top: -250px;
}


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

.anc-learning-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap: 22px;
}

.anc-learning-card {
	position: relative;

	overflow: hidden;

	padding: 20px 20px;

	border: 1px solid #f8eef5;

	border-radius: 15px;

	background: #ffffff;

	box-shadow:
		0 9px 28px rgba(15, 52, 75, .045);

	transition:
		all .4s ease;
}

.anc-learning-card::after {
	content: "";

	position: absolute;

	width: 100px;
	height: 100px;

	right: -50px;
	bottom: -50px;

	border: 15px solid rgba(15, 52, 75, .035);

	border-radius: 50%;

	transition:
		transform .5s ease;
}

.anc-learning-card:hover {
	transform: translateY(-8px);

	border-color:
		rgba(167, 56, 37, .25);

	box-shadow:
		0 20px 45px rgba(15, 52, 75, .10);
}

.anc-learning-card:hover::after {
	transform:
		rotate(100deg) scale(1.3);
}


/* DARK LEARNING CARD */

.anc-learning-dark {
	background: #490f4a;

	border-color:
		rgba(255, 255, 255, .08);
}

.anc-learning-dark:hover {
	border-color:
		rgba(226, 160, 142, .4);
}


/* NUMBER */

.anc-learning-number {
	position: absolute;

	top: 18px;
	right: 20px;

	font-size: 14px;

	font-weight: 700;
}

.anc-learning-card:not(.anc-learning-dark) .anc-learning-number {
	color: #dce5e2;
}

.anc-learning-dark .anc-learning-number {
	color: rgba(255, 255, 255, .2);
}


/* ICON */

.anc-learning-icon {
	width: 53px;
	height: 53px;

	display: flex;

	align-items: center;
	justify-content: center;

	margin-bottom: 20px;

	border-radius: 11px;

	background:
		rgba(15, 52, 75, .07);

	color: #490f4a;

	font-size: 19px;

	transition: all .4s ease;
}

.anc-learning-dark .anc-learning-icon {
	background:
		rgba(226, 160, 142, .11);

	color: #f3badb;
}

.anc-learning-card:hover .anc-learning-icon {
	transform: rotateY(180deg);
}

.anc-learning-card:not(.anc-learning-dark):hover .anc-learning-icon {
	background: var(--pharma-yellow);
	;

	color: #ffffff;
}


/* TEXT */

.anc-learning-card h3 {
	margin: 0 0 10px;

	font-size: 18px;

	line-height: 1.4;
}

.anc-learning-card:not(.anc-learning-dark) h3 {
	color: #490f4a;
}

.anc-learning-dark h3 {
	color: #ffffff;
}

.anc-learning-card p {
	margin: 0;

	font-size: 13px;

	line-height: 1.75;
}

.anc-learning-card:not(.anc-learning-dark) p {
	color: #748087;
}

.anc-learning-dark p {
	color: rgba(255, 255, 255, .65);
}


/* =========================================================
   CLINICAL DARK SECTION
========================================================= */

.anc-clinical-section,
.anc-assessment-section {
	position: relative;

	padding: 40px 0;

	background-color: #2d022f;
	background-image: url(../images/background/pattern-1.png);
	color: #fff;
	padding: 65px 0 45px;
	background-position: center;
	background-size: cover;
}

.anc-dark-orbit,
.anc-assessment-pattern,
.anc-professional-pattern {
	position: absolute;

	width: 570px;
	height: 570px;

	right: -290px;
	top: -280px;

	border: 85px solid rgba(255, 255, 255, .035);

	border-radius: 50%;

	animation:
		ancRotate 26s linear infinite;
}

.anc-clinical-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, .9fr) minmax(0, 1fr);

	gap: 70px;

	align-items: center;
}


/* CLINICAL IMAGE */

.anc-clinical-image {
	position: relative;
}

.anc-clinical-image img {
	display: block;

	width: 100%;
	height: 460px;

	object-fit: cover;

	border-radius: 20px;

	box-shadow:
		0 25px 60px rgba(0, 0, 0, .21);

	transition:
		transform .5s ease;
}

.anc-clinical-image:hover img {
	transform: scale(1.025);
}

.anc-clinical-glow {
	position: absolute;

	width: 170px;
	height: 170px;

	left: -40px;
	bottom: -40px;

	border-radius: 50%;

	background:
		rgba(226, 160, 142, .12);

	filter: blur(25px);

	animation:
		ancGlow 4s ease-in-out infinite;
}

.anc-clinical-badge {
	position: absolute;

	left: 22px;
	bottom: 22px;

	display: flex;

	align-items: center;

	gap: 9px;

	padding: 13px 17px;

	border-radius: 9px;

	background:
		rgba(255, 255, 255, .95);

	color: #490f4a;

	font-size: 12px;

	font-weight: 700;
}

.anc-clinical-badge i {
	color: #e75480;
}


/* CLINICAL CONTENT */

.anc-light-label {
	color: #f3badb;
}

.anc-clinical-content h2,
.anc-assessment-box h2 {
	margin: 0 0 18px;

	color: #ffffff;

	font-size: 44px;

	line-height: 1.2;
}

.anc-clinical-content h2 span,
.anc-assessment-box h2 span {
	color: var(--pharma-yellow);
	;
}

.anc-clinical-content>p {
	color: rgba(255, 255, 255, .68);

	font-size: 16px;

	line-height: 1.95;
}

.anc-clinical-points {
	margin-top: 27px;
}

.anc-clinical-points div {
	display: flex;

	align-items: center;

	gap: 11px;

	margin-bottom: 13px;

	color: rgba(255, 255, 255, .77);

	font-size: 14px;
}

.anc-clinical-points i {
	width: 23px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 23px;
	border-radius: 50%;
	background: rgb(251 249 248);
	color: #2d0230;
	font-size: 10px;
}

/* =========================================================
   SIMULATION
========================================================= */

.anc-feature-grid {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr) minmax(0, 1fr);

	gap: 70px;

	align-items: center;
}

.anc-feature-content p {
	color: #222;

	font-size: 16px;

	line-height: 1.95;
}

.anc-feature-image {
	position: relative;
}

.anc-feature-image img {
	display: block;

	width: 100%;
	height: 430px;

	object-fit: cover;

	border-radius: 19px;

	box-shadow:
		0 22px 55px rgba(15, 52, 75, .14);

	transition:
		transform .5s ease;
}

.anc-feature-image:hover img {
	transform: scale(1.025);
}

.anc-feature-glow {
	position: absolute;

	width: 160px;
	height: 160px;

	right: -35px;
	top: -35px;

	border-radius: 50%;

	background:
		rgba(167, 56, 37, .13);

	filter: blur(25px);

	animation:
		ancGlow 4s ease-in-out infinite;
}

.anc-feature-icon {
	position: absolute;

	left: 25px;
	bottom: 25px;

	width: 58px;
	height: 58px;

	display: flex;

	align-items: center;
	justify-content: center;

	border-radius: 12px;

	background:
		rgba(15, 52, 75, .94);

	color: #ffffff;

	font-size: 21px;

	box-shadow:
		0 10px 25px rgba(0, 0, 0, .15);

	transition:
		transform .4s ease;
}

.anc-feature-image:hover .anc-feature-icon {
	transform: rotateY(180deg);
}


/* =========================================================
   COMMUNITY
========================================================= */

.anc-community-pattern {
	position: absolute;

	width: 500px;
	height: 500px;

	left: -290px;
	bottom: -280px;

	border: 75px solid rgba(15, 52, 75, .035);

	border-radius: 50%;

	animation:
		ancRotate 22s linear infinite reverse;
}

.anc-community-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		minmax(0, 1fr) minmax(0, 1fr);

	gap: 65px;

	align-items: center;
}

.anc-community-image {
	position: relative;
}

.anc-community-image img {
	display: block;

	width: 100%;
	height: 430px;

	object-fit: cover;

	border-radius: 19px;

	box-shadow:
		0 22px 55px rgba(15, 52, 75, .13);

	transition:
		transform .5s ease;
}

.anc-community-image:hover img {
	transform: scale(1.025);
}

.anc-community-light {
	position: absolute;

	width: 160px;
	height: 160px;

	right: -35px;
	bottom: -35px;

	border-radius: 50%;

	background:
		rgba(167, 56, 37, .12);

	filter: blur(25px);

	animation:
		ancGlow 4s ease-in-out infinite;
}

.anc-community-content h2 {
	margin: 0 0 18px;

	color: #490f4a;

	font-size: 44px;

	line-height: 1.2;
}

.anc-community-content h2 span {
	color: #490f4a;
	;
}

.anc-community-content>p {
	color: #222;

	font-size: 16px;

	line-height: 1.95;
}

.anc-community-list {
	margin-top: 25px;
}

.anc-community-list div {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 12px;

	color: #506068;

	font-size: 14px;
}

.anc-community-list i {
	color: #e75480;
}


/* =========================================================
   ASSESSMENT
========================================================= */

.anc-assessment-box {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns: 80px 1fr;

	gap: 30px;

	align-items: start;

	padding: 48px;

	border:
		1px solid rgba(255, 255, 255, .10);

	border-radius: 19px;

	background:
		rgba(255, 255, 255, .055);

	box-shadow:
		0 20px 50px rgba(0, 0, 0, .13);
}

.anc-assessment-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: rgb(255 255 255);
	color: #490f4a;
	font-size: 25px;
	transition: transform .4s ease;
}

.anc-assessment-box:hover .anc-assessment-icon {
	transform: rotateY(180deg);
}

.anc-assessment-box p {
	margin: 0;

	color: rgba(255, 255, 255, .68);

	font-size: 16px;

	line-height: 1.95;
}


/* =========================================================
   PROFESSIONAL DEVELOPMENT
========================================================= */

.anc-professional-grid {
	position: relative;
	z-index: 2;

	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 22px;
}

.anc-professional-card {
	position: relative;

	overflow: hidden;

	padding: 20px;

	border:
		1px solid #f8eef5;

	border-radius: 15px;

	background: #ffffff;

	box-shadow:
		0 9px 28px rgba(15, 52, 75, .045);

	transition:
		all .4s ease;
	display: flex;
}

.anc-professional-card:hover {
	transform: translateY(-8px);

	border-color:
		rgba(167, 56, 37, .25);

	box-shadow:
		0 20px 45px rgba(15, 52, 75, .10);
}

.anc-professional-card>span {
	position: absolute;

	right: 20px;
	top: 17px;

	color: #dce5e2;

	font-size: 14px;

	font-weight: 700;
}

.anc-professional-card>i {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 50px;
	min-width: 50px;
	height: 50px;

	margin-bottom: 20px;

	border-radius: 11px;

	background:
		rgba(15, 52, 75, .07);

	color: #490f4a;

	font-size: 18px;

	transition:
		all .4s ease;
	margin-right: 15px;
}

.anc-professional-card:hover>i {
	transform: rotateY(180deg);

	background: var(--pharma-yellow);
	;

	color: #ffffff;
}

.anc-professional-card h3 {
	margin: 0;

	color: #490f4a;

	font-size: 17px;

	line-height: 1.45;
}


/* DARK PROFESSIONAL CARD */
.anc-professional-dark {
	background: #490f4a;
	border-color: rgba(255, 255, 255, .08);
	margin-bottom: 0;
	padding-bottom: 0;
}

.anc-professional-dark:hover {
	border-color:
		rgba(226, 160, 142, .4);
}

.anc-professional-dark>span {
	color: rgba(255, 255, 255, .2);
}

.anc-professional-dark>i {
	background: rgb(244 243 243);
	color: #2d0230;
}

.anc-professional-dark:hover>i {
	background:
		rgba(226, 160, 142, .2);

	color: #f3badb;
}

.anc-professional-dark h3 {
	color: #ffffff;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ancRotate {

	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}

}

@keyframes ancFloat {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-9px);
	}

}

@keyframes ancGlow {

	0%,
	100% {
		opacity: .4;
		transform: scale(1);
	}

	50% {
		opacity: .9;
		transform: scale(1.12);
	}

}


/* =========================================================
   TABLET 1199px
========================================================= */

@media (max-width: 1199px) {

	.anc-learning-grid {
		grid-template-columns:
			repeat(3, minmax(0, 1fr));
	}

	.anc-academic-hero h1 {
		font-size: 50px;
	}

}


/* =========================================================
   TABLET 991px
========================================================= */

@media (max-width: 991px) {

	.anc-academic-hero,
	.anc-teaching-section,
	.anc-clinical-section,
	.anc-simulation-section,
	.anc-community-section,
	.anc-assessment-section,
	.anc-professional-section {
		padding: 80px 0;
	}

	.anc-academic-hero-grid,
	.anc-clinical-grid,
	.anc-feature-grid,
	.anc-community-grid {
		grid-template-columns: 1fr;

		gap: 45px;
	}

	.anc-academic-hero h1 {
		font-size: 46px;
	}

	.anc-academic-hero-image img {
		height: 450px;
	}

	.anc-learning-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

	.anc-professional-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

}


/* =========================================================
   MOBILE 767px
========================================================= */

@media (max-width: 767px) {

	.anc-academic-hero,
	.anc-teaching-section,
	.anc-clinical-section,
	.anc-simulation-section,
	.anc-community-section,
	.anc-assessment-section,
	.anc-professional-section {
		padding: 65px 0;
	}

	.anc-academic-hero h1 {
		font-size: 37px;
	}

	.anc-academic-hero p {
		font-size: 15px;
		line-height: 1.85;
	}

	.anc-academic-actions {
		flex-direction: column;
	}

	.anc-academic-primary,
	.anc-academic-secondary {
		width: 100%;
	}

	.anc-academic-hero-image img {
		height: 340px;
	}

	.anc-academic-image-card {
		left: 15px;
		right: 15px;
		bottom: 15px;
	}

	.anc-section-heading {
		margin-bottom: 40px;
	}

	.anc-section-heading h2,
	.anc-feature-content h2,
	.anc-community-content h2,
	.anc-clinical-content h2,
	.anc-assessment-box h2 {
		font-size: 32px;
	}

	.anc-section-heading p,
	.anc-feature-content p,
	.anc-community-content>p,
	.anc-clinical-content>p,
	.anc-assessment-box p {
		font-size: 14px;
		line-height: 1.85;
	}

	.anc-learning-grid,
	.anc-professional-grid {
		grid-template-columns: 1fr;
	}

	.anc-learning-card {
		min-height: auto;
		padding: 27px 22px;
	}

	.anc-learning-card h3 {
		font-size: 19px;
	}

	.anc-learning-card p {
		font-size: 13px;
	}

	.anc-clinical-image img,
	.anc-feature-image img,
	.anc-community-image img {
		height: 340px;
	}

	.anc-assessment-box {
		grid-template-columns: 1fr;

		gap: 20px;

		padding: 30px 23px;
	}

	.anc-professional-card {
		min-height: auto;
		padding: 27px 22px;
	}

	.anc-professional-card h3 {
		font-size: 17px;
	}

}


/* =========================================================
   SMALL MOBILE 480px
========================================================= */

@media (max-width: 480px) {

	.anc-academic-hero,
	.anc-teaching-section,
	.anc-clinical-section,
	.anc-simulation-section,
	.anc-community-section,
	.anc-assessment-section,
	.anc-professional-section {
		padding: 55px 0;
	}

	.anc-academic-hero h1 {
		font-size: 31px;
	}

	.anc-academic-hero p {
		font-size: 14px;
	}

	.anc-academic-hero-image img,
	.anc-clinical-image img,
	.anc-feature-image img,
	.anc-community-image img {
		height: 285px;
	}

	.anc-section-heading h2,
	.anc-feature-content h2,
	.anc-community-content h2,
	.anc-clinical-content h2,
	.anc-assessment-box h2 {
		font-size: 28px;
	}

	.anc-section-heading p,
	.anc-feature-content p,
	.anc-community-content>p,
	.anc-clinical-content>p,
	.anc-assessment-box p {
		font-size: 13px;
	}

	.anc-learning-card {
		padding: 24px 19px;
	}

	.anc-learning-card h3 {
		font-size: 18px;
	}

	.anc-learning-card p {
		font-size: 12px;
	}

	.anc-professional-card {
		padding: 24px 19px;
	}

	.anc-professional-card h3 {
		font-size: 16px;
	}

	.anc-dark-orbit,
	.anc-assessment-pattern,
	.anc-professional-pattern {
		width: 400px;
		height: 400px;

		right: -250px;
		top: -210px;

		border-width: 60px;
	}

}

.video-banner {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 650px;
	overflow: hidden;
	background: #071827;
}

.video-banner .hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}


@media (max-width: 767px) {
	.video-banner {
		height: 650px;
		min-height: 650px;
	}

	.video-banner .hero-video {
		object-position: center center;
	}
}

/* New pages pharmacy relevent design */
.sw {
	font-family: "Outfit", "Poppins", Arial, sans-serif;
	background: radial-gradient(circle at 100% 0, #fdf0ff 0, transparent 45%), linear-gradient(135deg, #feddfe, #f8d6f7);
	padding: 56px 24px 64px;
	overflow: hidden;
}


.sw__wrap {
	max-width: 1562px;
	margin: 0 auto
}

/* ---------- heading ---------- */
.sw__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	margin-bottom: 46px
}

.sw__eyebrow {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--green);
	margin: 0 0 6px
}

.sw__title {
	margin: 0;
	font-size: clamp(22px, 3.1vw, 30px);
	line-height: 1.04;
	font-weight: 500;
	color: #2d0230
}

.sw__title strong {
	display: block;
	font-weight: 700;
	color: var(--maroon);
	letter-spacing: -.01em
}

.sw__intro {
	max-width: 500px;
	margin: 0;
	font-size: 17px;
	line-height: 1.9;
	color: #0a1a12;
	font-weight: 500
}

.student-welfare .sw__intro {
	max-width: 400px;
}

/* ---------- card ---------- */
.sw__card {
	display: grid;
	grid-template-columns: 26.6fr 30fr 43.4fr;
	border-radius: 44px;
	overflow: hidden;
	min-height: 760px;
	background: #fff;
	box-shadow: 0 30px 70px rgba(8, 70, 42, .18);
}

/* left green panel */
.sw__panel {
	position: relative;
	overflow: hidden;
	color: #fff;
	padding: 48px 50px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: linear-gradient(170deg, #7b0b80 0%, #6f0d74 60%, #2d0230 100%);
}

.sw__panel::before,
.sw__panel::after {
	content: "";
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 50%;
	pointer-events: none;
}

.sw__panel::before {
	width: 340px;
	height: 340px;
	top: -150px;
	right: -210px;
	animation: sw-spin 40s linear infinite
}

.sw__panel::after {
	width: 300px;
	height: 300px;
	bottom: -190px;
	left: -120px;
	animation: sw-spin 55s linear infinite reverse
}

.sw__plus {
	width: 62px;
	height: 62px;
	border-radius: 15px;
	background: var(--maroon);
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 34px;
	font-weight: 300;
	margin-bottom: 56px;
	box-shadow: 0 10px 22px rgba(0, 0, 0, .25);
	transition: transform .6s cubic-bezier(.3, 1.4, .5, 1), background .3s;
}

.sw__card:hover .sw__plus {
	transform: rotate(180deg) scale(1.08);
	background: var(--pharma-yellow);
}

.sw__label {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gold);
	margin: 0 0 22px;
	line-height: 1.9
}

.sw__h3 {
	margin: 0 0 24px;
	/* font-size: 42px; */
	line-height: 1.1;
	font-weight: 300;
	color: #ffff;
}

.sw__h3 strong {
	display: block;
	font-weight: 700
}

.sw__panel p.sw__text {
	margin: 0 0 56px;
	font-size: 16px;
	line-height: 1.9;
	text-align: left;
	color: #f2fff6;
}

.sw__foot {
	margin-top: auto;
	padding-top: 30px;
	border-top: 1px solid rgba(255, 255, 255, .14);
	font-size: 13px;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .7);
	line-height: 1.6
}

/* image */
.sw__img {
	position: relative;
	overflow: hidden;
	background: #2b3a33;
	cursor: pointer
}

.sw__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.001);
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1), filter .6s
}

.sw__img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(5, 40, 26, .88) 0, rgba(5, 40, 26, .25) 32%, transparent 55%);
	transition: opacity .5s
}

.sw__img:hover img {
	transform: scale(1.12);
	filter: saturate(1.12) contrast(1.04)
}

.sw__cap {
	position: absolute;
	left: 36px;
	right: 30px;
	bottom: 44px;
	z-index: 2;
	transition: transform .5s cubic-bezier(.2, .7, .2, 1)
}

.sw__cap small {
	display: block;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 6px
}

.sw__cap b {
	display: block;
	font-size: 34px;
	line-height: 1.08;
	font-weight: 700;
	color: #fff
}

.sw__cap::before {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: var(--gold);
	margin-bottom: 14px;
	transition: width .6s
}

.sw__img:hover .sw__cap {
	transform: translateY(-14px)
}

.sw__img:hover .sw__cap::before {
	width: 64px
}

/* list */
.sw__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	background: #fff
}

.sw__row {
	flex: 1;
	position: relative;
	display: grid;
	grid-template-columns: 68px 1fr 44px;
	align-items: center;
	gap: 0 4px;
	padding: 20px 32px 20px 32px;
	border-bottom: 1px solid var(--line);
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	transition: background .35s;
}

.sw__list li:last-child .sw__row {
	border-bottom: 0
}

.sw__row::before {
	/* sliding accent bar */
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--maroon);
	transform: scaleY(0);
	transform-origin: top;
	transition: transform .4s;
}

.sw__row:hover {
	background: #faf1f4
}

.sw__row:hover::before {
	transform: scaleY(1)
}

.sw__no {
	font-size: 20px;
	font-weight: 700;
	color: #d2bdd2;
	transition: color .3s, transform .4s
}

.sw__row:hover .sw__no {
	color: var(--maroon);
	transform: scale(1.18)
}

.sw__row h4 {
	margin: 0 0 4px;
	font-size: 22px;
	font-weight: 700;
	color: var(--ink);
	transition: transform .35s, color .3s
}

.sw__row p {
	margin: 0;
	font-size: 16px;
	line-height: 1.35;
	color: #101a14;
	transition: transform .35s .03s
}

.sw__row:hover h4 {
	transform: translateX(8px);
	color: var(--maroon)
}

.sw__row:hover p {
	transform: translateX(8px)
}

.sw__go {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #d9d3d6;
	display: grid;
	place-items: center;
	color: var(--maroon);
	background: #fff;
	transition: all .35s;
}

.sw__go svg {
	width: 11px;
	height: 11px;
	transition: transform .35s
}

.sw__row:hover .sw__go {
	background: var(--maroon);
	border-color: var(--maroon);
	color: #fff;
	transform: scale(1.15);
	box-shadow: 0 6px 14px rgba(155, 28, 49, .35)
}

.sw__row:hover .sw__go svg {
	transform: rotate(45deg)
}

/* ---------- entrance animation (class .is-in added by JS) ---------- */
.sw [data-anim] {
	opacity: 0;
	transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1)
}

.sw [data-anim="up"] {
	transform: translateY(40px)
}

.sw [data-anim="left"] {
	transform: translateX(-60px)
}

.sw [data-anim="right"] {
	transform: translateX(60px)
}

.sw [data-anim="zoom"] {
	transform: scale(1.08)
}

.sw .is-in[data-anim] {
	opacity: 1;
	transform: none
}

.sw__list li[data-anim] {
	transition-delay: calc(var(--i)*90ms + 250ms)
}

@keyframes sw-spin {
	to {
		transform: rotate(360deg)
	}
}

/* ---------- responsive ---------- */
@media (max-width:1100px) {
	.sw__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 18px
	}

	.sw__intro {
		font-size: 18px
	}

	.sw__card {
		grid-template-columns: 1fr 1fr;
		min-height: 0
	}

	.sw__panel {
		grid-column: 1/2
	}

	.sw__img {
		grid-column: 2/3;
		min-height: 480px
	}

	.sw__list {
		grid-column: 1/3
	}
}

@media (max-width:680px) {
	.sw {
		padding: 40px 14px
	}

	.sw__card {
		grid-template-columns: 1fr;
		border-radius: 28px
	}

	.sw__panel,
	.sw__img,
	.sw__list {
		grid-column: auto
	}

	.sw__panel {
		padding: 34px 26px
	}

	.sw__img {
		min-height: 420px
	}

	.sw__row {
		grid-template-columns: 48px 1fr 36px;
		padding: 18px 18px
	}

	.sw__row h4 {
		font-size: 20px
	}

	.sw__row p {
		font-size: 15px
	}

	.sw__h3 {
		font-size: 34px
	}
}

@media (prefers-reduced-motion:reduce) {

	.sw *,
	.sw *::before,
	.sw *::after {
		animation: none !important;
		transition: none !important
	}

	.sw [data-anim] {
		opacity: 1;
		transform: none
	}
}

/* Rules and Regulation */

.rr {
	font-family: "Outfit", "Poppins", Arial, sans-serif;
	color: #0d1a13;
	background: #fff;
	padding: 40px 0px 40px;
	overflow: hidden;
}

.rr__wrap {
	max-width: 1160px;
	margin: 0 auto
}

/* ---------- heading ---------- */
.rr__head {
	text-align: center;
	max-width: 1200px;
	margin: 0 auto 90px
}

.rr__eyebrow {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--green)
}

.rr__title {
	margin: 0 0 20px;
	font-size: clamp(22px, 3.1vw, 30px);
	line-height: 1.1;
	font-weight: 500;
	color: var(--ink)
}

.rr__title strong {
	font-weight: 700;
	color: var(--maroon)
}

.rr__intro {
	margin: 0 auto;
	max-width: 900px;
	font-size: 17px;
	line-height: 1.85;
	color: #0d1a13
}

/* ---------- alternating rows ---------- */
.rr__row {
	display: grid;
	grid-template-columns: 45fr 50fr;
	gap: 5%;
	align-items: center;
	margin-bottom: 50px
}

.rr__row--rev {
	grid-template-columns: 50fr 45fr
}

.rr__row--rev .rr__media {
	order: 2
}

/* image card */
.rr__media {
	position: relative;
	aspect-ratio: 354/342;
	border-radius: 28px;
	overflow: hidden;
	background: #dfe8e2;
	box-shadow: 0 18px 40px rgba(11, 60, 38, .14);
	cursor: pointer;
	transition: box-shadow .5s, transform .5s
}

.rr__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1), filter .6s
}

.rr__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(5, 35, 22, .88) 0, rgba(5, 35, 22, .3) 28%, transparent 52%);
	transition: background .5s
}

.rr__media:hover {
	transform: translateY(-8px);
	box-shadow: 0 30px 56px rgba(11, 60, 38, .26)
}

.rr__media:hover img {
	transform: scale(1.13);
	filter: saturate(1.12) contrast(1.04)
}

.rr__media:hover::after {
	background: linear-gradient(to top, rgba(5, 35, 22, .92) 0, rgba(5, 35, 22, .4) 34%, transparent 62%)
}

.rr__no {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 3;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--maroon);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	display: grid;
	place-items: center;
	box-shadow: 0 6px 14px rgba(0, 0, 0, .3);
	transition: transform .6s cubic-bezier(.3, 1.5, .5, 1), background .3s
}

.rr__media:hover .rr__no {
	transform: rotate(360deg) scale(1.18);
	background: #b3243c
}

.rr__cap {
	position: absolute;
	left: 22px;
	right: 20px;
	bottom: 20px;
	z-index: 3;
	transition: transform .5s cubic-bezier(.2, .7, .2, 1)
}

.rr__cap::before {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: var(--gold);
	margin-bottom: 10px;
	transition: width .6s
}

.rr__cap small {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 2px
}

.rr__cap b {
	display: block;
	font-size: 26px;
	line-height: 1.1;
	font-weight: 700;
	color: #fff
}

.rr__media:hover .rr__cap {
	transform: translateY(-8px)
}

.rr__media:hover .rr__cap::before {
	width: 56px
}

/* text side */
.rr__label {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--green)
}

.rr__h3 {
	margin: 0 0 18px;
	font-size: clamp(30px, 3.2vw, 40px);
	line-height: 1.08;
	font-weight: 500;
	color: var(--ink)
}

.rr__h3 strong {
	display: block;
	font-weight: 700;
	color: var(--maroon)
}

.rr__lead {
	margin: 0 0 26px;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	color: #0d1a13
}

.rr__list {
	list-style: none;
	margin: 0;
	padding: 0
}

.rr__list li {
	position: relative;
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 15px 8px 15px 0;
	border-bottom: 1px solid var(--line);
	font-size: 15px;
	line-height: 1.55;
	color: #0d1a13;
	transition: transform .35s, color .3s, background .3s, padding .3s
}

.rr__list li:last-child {
	border-bottom: 0
}

.rr__list li::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 0;
	background: var(--maroon);
	transition: width .45s
}

.rr__list li:last-child::after {
	display: none
}

.rr__list li:hover {
	transform: translateX(8px);
	color: var(--green)
}

.rr__list li:hover::after {
	width: 100%
}

.rr__tick {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border-radius: 50%;
	background: var(--green);
	color: #fff;
	display: grid;
	place-items: center;
	transition: transform .5s cubic-bezier(.3, 1.6, .5, 1), background .3s
}

.rr__tick svg {
	width: 11px;
	height: 11px
}

.rr__list li:hover .rr__tick {
	transform: rotate(360deg) scale(1.25);
	background: var(--maroon)
}

/* ---------- bottom note ---------- */
.rr__note {
	display: flex;
	align-items: center;
	gap: 22px;
	padding: 30px 36px;
	background: #fff;
	border-radius: 14px;
	border-left: 3px solid var(--maroon);
	box-shadow: 0 14px 40px rgba(11, 60, 38, .1);
	transition: transform .45s, box-shadow .45s
}

.rr__note:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 50px rgba(155, 28, 49, .18)
}

.rr__note-ic {
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--maroon);
	color: #fff;
	display: grid;
	place-items: center;
	transition: transform .6s cubic-bezier(.3, 1.5, .5, 1)
}

.rr__note-ic svg {
	width: 22px;
	height: 22px
}

.rr__note:hover .rr__note-ic {
	transform: rotate(360deg) scale(1.12)
}

.rr__note b {
	display: block;
	font-size: 17px;
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 3px
}

.rr__note span {
	font-size: 14px;
	color: #0d1a13
}

.rr__note span i {
	color: #fff;
}

/* ---------- entrance animation ---------- */
.rr [data-anim] {
	opacity: 0;
	transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1)
}

.rr [data-anim=up] {
	transform: translateY(40px)
}

.rr [data-anim=left] {
	transform: translateX(-70px)
}

.rr [data-anim=right] {
	transform: translateX(70px)
}

.rr .is-in[data-anim] {
	opacity: 1;
	transform: none
}

.rr__list li[data-anim] {
	transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1), color .3s, padding .3s;
	transition-delay: calc(var(--i)*90ms + 300ms), calc(var(--i)*90ms + 300ms), 0s, 0s
}

.rr__list li.is-in:hover {
	transition-delay: 0s
}

/* ---------- responsive ---------- */
@media (max-width:860px) {
	.rr {
		padding: 40px 16px 60px
	}

	.rr__head {
		margin-bottom: 56px
	}

	.rr__row,
	.rr__row--rev {
		grid-template-columns: 1fr;
		gap: 28px;
		margin-bottom: 70px
	}

	.rr__row--rev .rr__media {
		order: 0
	}

	.rr__note {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px
	}
}

@media (prefers-reduced-motion:reduce) {

	.rr *,
	.rr *::before,
	.rr *::after {
		animation: none !important;
		transition: none !important
	}

	.rr [data-anim] {
		opacity: 1;
		transform: none
	}
}

/* Anti Ragging */


.ar {
	font-family: "Outfit", "Poppins", Arial, sans-serif;
	color: #0d1a13;
	background: linear-gradient(180deg, #f6f2f6, #fcfafc 40%, #f6f2f6);
	padding: 40px 0 30px;
	overflow: hidden;
}



.ar__wrap {
	max-width: 1160px;
	margin: 0 auto
}

/* ---------- shared heading bits ---------- */
.ar__eyebrow {
	margin: 0 0 8px;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--green)
}

.ar__h2 {
	margin: 0 0 16px;
	font-size: clamp(22px, 4.0vw, 38px);
	line-height: 1.1;
	font-weight: 500;
	color: var(--ink)
}

.ar__h2 strong {
	font-weight: 700;
	color: var(--maroon)
}

.ar__sec {
	margin-top: 46px
}

.ar__sub {
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 1.8;
	color: #0d1a13
}

/* ---------- hero ---------- */
.ar__hero {
	display: grid;
	grid-template-columns: 45fr 55fr;
	border-radius: 28px;
	overflow: hidden;
	min-height: 480px;
	box-shadow: 0 26px 60px rgba(8, 70, 42, .2)
}

.ar__hero-txt {
	background: linear-gradient(160deg, #490f4a, #a10da8);
	color: #fff;
	padding: 48px 44px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.ar__hero-txt .ar__eyebrow {
	color: var(--gold);
	font-size: 12px
}

.ar__hero h1 {
	margin: 6px 0 24px;
	font-size: clamp(36px, 4.2vw, 54px);
	line-height: 1.04;
	font-weight: 300
}

.ar__hero h1 strong {
	display: block;
	font-weight: 700
}

.ar__hero p {
	margin: 0 0 28px;
	font-size: 16.5px;
	line-height: 1.8;
	color: #f1fff6;
	max-width: 380px
}

.ar__badge {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--maroon);
	color: #fff;
	padding: 12px 22px 12px 14px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 22px rgba(0, 0, 0, .25);
	transition: transform .35s, box-shadow .35s
}

.ar__badge i {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #fff;
	color: var(--maroon);
	display: grid;
	place-items: center;
	font-style: normal;
	font-size: 13px;
	font-weight: 700;
	transition: transform .6s cubic-bezier(.3, 1.5, .5, 1)
}

.ar__badge::before {
	content: "";
	position: absolute;
	top: 0;
	left: -80%;
	width: 50%;
	height: 100%;
	background: rgba(255, 255, 255, .35);
	transform: skewX(-25deg);
	transition: left .7s
}

.ar__badge:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 28px rgba(0, 0, 0, .35)
}

.ar__badge:hover::before {
	left: 140%
}

.ar__badge:hover i {
	transform: rotate(360deg) scale(1.15)
}

.ar__hero-img {
	position: relative;
	overflow: hidden;
	background: #cfd8d2;
	cursor: pointer
}

.ar__hero-img img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.3s cubic-bezier(.2, .7, .2, 1), filter .6s
}

.ar__hero-img::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(110, 24, 45, .95) 0, rgba(110, 24, 45, .55) 26%, transparent 56%)
}

.ar__hero-img:hover img {
	transform: scale(1.12);
	filter: saturate(1.12)
}

.ar__cap {
	position: absolute;
	left: 30px;
	right: 24px;
	bottom: 30px;
	z-index: 2;
	transition: transform .5s cubic-bezier(.2, .7, .2, 1)
}

.ar__cap::before {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: var(--gold);
	margin-bottom: 12px;
	transition: width .6s
}

.ar__cap small {
	display: block;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 6px
}

.ar__cap b {
	display: block;
	font-size: clamp(24px, 2.6vw, 32px);
	line-height: 1.1;
	font-weight: 700;
	color: #fff
}

.ar__hero-img:hover .ar__cap {
	transform: translateY(-10px)
}

.ar__hero-img:hover .ar__cap::before {
	width: 60px
}

/* ---------- commitment note ---------- */
.ar__note {
	margin-top: 28px;
	display: flex;
	align-items: center;
	gap: 22px;
	background: #fff;
	border-radius: 14px;
	border-left: 4px solid var(--maroon);
	padding: 26px 32px;
	box-shadow: 0 12px 34px rgba(11, 60, 38, .09);
	transition: transform .45s, box-shadow .45s
}

.ar__note:hover {
	transform: translateY(-6px);
	box-shadow: 0 22px 46px rgba(155, 28, 49, .16)
}

.ar__note-ic {
	flex: 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--maroon);
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 24px;
	font-weight: 700;
	transition: transform .6s cubic-bezier(.3, 1.5, .5, 1)
}

.ar__note:hover .ar__note-ic {
	transform: rotate(360deg) scale(1.12)
}

.ar__note small {
	display: block;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--green);
	margin-bottom: 4px
}

.ar__note p {
	margin: 0;
	font-size: 15.5px;
	line-height: 1.7
}

/* ---------- 01 objectives ---------- */
.ar__obj {
	display: grid;
	grid-template-columns: 40fr 60fr;
	gap: 36px;
	align-items: stretch
}

.ar__obj-img {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	background: linear-gradient(170deg, #0b5c38, #05402a);
	min-height: 480px;
	box-shadow: 0 18px 40px rgba(11, 60, 38, .2);
	cursor: pointer;
	transition: transform .5s, box-shadow .5s
}

.ar__obj-img img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1), filter .6s;
	-webkit-mask-image: linear-gradient(#000 78%, transparent);
	mask-image: linear-gradient(#000 78%, transparent)
}

.ar__obj-img:hover {
	transform: translateY(-8px);
	box-shadow: 0 30px 56px rgba(11, 60, 38, .3)
}

.ar__obj-img:hover img {
	transform: scale(1.1);
	filter: saturate(1.12)
}

.ar__obj-img .ar__cap {
	left: 26px;
	bottom: 26px
}

.ar__obj-img .ar__cap b {
	font-size: 28px
}

.ar__obj-img:hover .ar__cap {
	transform: translateY(-8px)
}

.ar__obj-img:hover .ar__cap::before {
	width: 60px
}

.ar__cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px
}

.ar__card {
	position: relative;
	display: flex;
	gap: 12px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 20px 20px 22px;
	transition: transform .4s, box-shadow .4s, border-color .4s, background .4s;
	overflow: hidden
}

.ar__card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: var(--maroon);
	transform: scaleY(0);
	transform-origin: top;
	transition: transform .4s
}

.ar__card b {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 700;
	color: var(--maroon);
	padding-top: 3px;
	transition: transform .4s
}

.ar__card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.75;
	text-align: justify;
	color: #0d1a13
}

.ar__card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(11, 60, 38, .14);
	border-color: rgba(155, 28, 49, .35);
	background: #fffafb
}

.ar__card:hover::before {
	transform: scaleY(1)
}

.ar__card:hover b {
	transform: scale(1.5) translateX(2px)
}

/* ---------- 02 committee ---------- */
.ar__grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}

.ar__fn {
	position: relative;
	background: #fff;
	border-radius: 14px;
	padding: 26px 24px 28px;
	box-shadow: 0 8px 24px rgba(11, 60, 38, .07);
	overflow: hidden;
	transition: transform .45s, box-shadow .45s
}

.ar__fn::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	background: var(--green);
	transition: height .4s
}

.ar__fn.is-m::before {
	background: var(--maroon)
}

.ar__fn:hover {
	transform: translateY(-10px);
	box-shadow: 0 24px 46px rgba(11, 60, 38, .18)
}

.ar__fn:hover::before {
	height: 8px
}

.ar__fn-no {
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 26px;
	font-weight: 700;
	color: #e3ebe6;
	transition: color .4s, transform .4s
}

.ar__fn:hover .ar__fn-no {
	color: var(--maroon);
	transform: scale(1.2)
}

.ar__fn-ic {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background: #e7f3ec;
	color: var(--green);
	display: grid;
	place-items: center;
	font-size: 17px;
	margin-bottom: 24px;
	transition: transform .6s cubic-bezier(.3, 1.5, .5, 1), background .3s, color .3s
}

.ar__fn.is-m .ar__fn-ic {
	background: #fbe9ed;
	color: var(--maroon)
}

.ar__fn:hover .ar__fn-ic {
	transform: rotateY(360deg) scale(1.12);
	background: var(--green);
	color: #fff
}

.ar__fn.is-m:hover .ar__fn-ic {
	background: var(--maroon);
	color: #fff
}

.ar__fn h3 {
	margin: 0 0 8px;
	font-size: 19px;
	font-weight: 700;
	color: var(--ink)
}

.ar__fn p {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.65
}

/* ---------- 03 report ---------- */
.ar__report {
	display: grid;
	grid-template-columns: 40fr 58fr;
	gap: 2%;
	background: #fff;
	border-radius: 28px;
	padding: 44px 36px 44px 36px;
	box-shadow: 0 20px 50px rgba(11, 60, 38, .1);
	align-items: center
}

.ar__rimg {
	position: relative;
	border-radius: 22px;
	overflow: hidden;
	min-height: 600px;
	background: #cfd8d2;
	cursor: pointer;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
	transition: transform .5s, box-shadow .5s
}

.ar__rimg img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s cubic-bezier(.2, .7, .2, 1)
}

.ar__rimg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(110, 24, 45, .96) 0, rgba(110, 24, 45, .6) 30%, transparent 58%)
}

.ar__rimg:hover {
	transform: translateY(-8px);
	box-shadow: 0 28px 50px rgba(0, 0, 0, .28)
}

.ar__rimg:hover img {
	transform: scale(1.12)
}

.ar__rimg .ar__cap {
	left: 22px;
	bottom: 24px
}

.ar__rimg .ar__cap b {
	font-weight: 300;
	font-size: 28px
}

.ar__rimg .ar__cap b strong {
	display: block;
	font-weight: 700
}

.ar__rimg .ar__cap span {
	display: block;
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.55;
	color: #fff
}

.ar__rimg:hover .ar__cap {
	transform: translateY(-8px)
}

.ar__rimg:hover .ar__cap::before {
	width: 60px
}

.ar__rtxt .ar__eyebrow {
	font-size: 11.5px
}

.ar__rtxt .ar__h2 {
	margin-bottom: 10px
}

.ar__chips {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin: 6px 0 24px
}

.ar__chip {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #f6f8f6;
	border: 1px solid #eef2ef;
	border-radius: 10px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--ink);
	transition: transform .35s, background .35s, box-shadow .35s, border-color .35s
}

.ar__chip i {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	background: var(--green);
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	transition: background .3s, transform .5s cubic-bezier(.3, 1.5, .5, 1)
}

.ar__chip:hover {
	transform: translateX(8px);
	background: #fff;
	border-color: rgba(155, 28, 49, .3);
	box-shadow: 0 10px 24px rgba(11, 60, 38, .12)
}

.ar__chip:hover i {
	background: var(--maroon);
	transform: rotate(360deg) scale(1.15)
}

.ar__call {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 18px;
	background: var(--maroon);
	color: #fff;
	border-radius: 12px;
	padding: 20px 24px;
	box-shadow: 0 14px 28px rgba(155, 28, 49, .3);
	transition: transform .4s, box-shadow .4s
}

.ar__call::before {
	content: "";
	position: absolute;
	top: 0;
	left: -70%;
	width: 40%;
	height: 100%;
	background: rgba(255, 255, 255, .22);
	transform: skewX(-25deg);
	transition: left .8s
}

.ar__call:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 40px rgba(155, 28, 49, .42)
}

.ar__call:hover::before {
	left: 130%
}

.ar__call-ic {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	color: var(--maroon);
	display: grid;
	place-items: center;
	font-size: 18px
}

.ar__call:hover .ar__call-ic {
	animation: ar-ring .7s ease
}

@keyframes ar-ring {

	0%,
	100% {
		transform: rotate(0)
	}

	20% {
		transform: rotate(-22deg)
	}

	40% {
		transform: rotate(20deg)
	}

	60% {
		transform: rotate(-14deg)
	}

	80% {
		transform: rotate(10deg)
	}
}

.ar__call small {
	display: block;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	opacity: .9
}

.ar__call b {
	display: block;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: .01em
}

.ar__imp {
	margin-top: 18px;
	background: #fffaec;
	border-left: 3px solid var(--gold);
	border-radius: 4px 10px 10px 4px;
	padding: 18px 22px;
	font-size: 13px;
	line-height: 1.7;
	transition: transform .4s, box-shadow .4s
}

.ar__imp b {
	display: block;
	color: #8a6a10;
	font-size: 13.5px;
	margin-bottom: 4px
}

.ar__imp:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 30px rgba(217, 178, 76, .3)
}

/* ---------- bottom note ---------- */
.ar__end {
	margin-top: 40px;
	display: flex;
	align-items: center;
	gap: 22px;
	background: #f2eaef;
	border-radius: 12px;
	border-left: 3px solid var(--green);
	padding: 26px 32px;
	transition: transform .45s, box-shadow .45s
}

.ar__end:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 40px rgba(11, 60, 38, .14)
}

.ar__end-ic {
	flex: 0 0 auto;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--green);
	color: #fff;
	display: grid;
	place-items: center;
	font-size: 20px;
	transition: transform .6s cubic-bezier(.3, 1.5, .5, 1)
}

.ar__end:hover .ar__end-ic {
	transform: rotate(360deg) scale(1.12)
}

.ar__end b {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 2px
}

.ar__end span {
	font-size: 13.5px
}

/* ---------- entrance animation ---------- */
.ar [data-anim] {
	opacity: 0;
	transition: opacity .9s ease, transform .9s cubic-bezier(.2, .7, .2, 1), box-shadow .45s, border-color .4s, background .4s
}

.ar [data-anim=up] {
	transform: translateY(44px)
}

.ar [data-anim=left] {
	transform: translateX(-70px)
}

.ar [data-anim=right] {
	transform: translateX(70px)
}

.ar [data-anim=zoom] {
	transform: scale(.94)
}

.ar .is-in[data-anim] {
	opacity: 1;
	transform: none
}

.ar [data-i] {
	transition-delay: calc(var(--i)*90ms)
}

.ar [data-i].is-in:hover {
	transition-delay: 0s
}

.ar__hero h1,
.ar__hero-txt p {
	animation: ar-rise .9s both
}

.ar__hero h1 {
	animation-delay: .15s
}

.ar__hero-txt p {
	animation-delay: .3s
}

@keyframes ar-rise {
	from {
		opacity: 0;
		transform: translateY(26px)
	}

	to {
		opacity: 1;
		transform: none
	}
}

/* ---------- responsive ---------- */
@media (max-width:960px) {
	.ar__hero {
		grid-template-columns: 1fr
	}

	.ar__hero-img {
		min-height: 340px
	}

	.ar__obj {
		grid-template-columns: 1fr
	}

	.ar__grid3 {
		grid-template-columns: 1fr 1fr
	}

	.ar__report {
		grid-template-columns: 1fr;
		gap: 30px
	}
}

@media (max-width:620px) {
	.ar {
		padding: 20px 14px 60px
	}

	.ar__cards,
	.ar__grid3,
	.ar__chips {
		grid-template-columns: 1fr
	}

	.ar__hero-txt {
		padding: 36px 26px
	}

	.ar__report {
		padding: 22px
	}

	.ar__note,
	.ar__end {
		flex-direction: column;
		align-items: flex-start;
		padding: 22px
	}

	.ar__sec {
		margin-top: 70px
	}
}

@media (prefers-reduced-motion:reduce) {

	.ar *,
	.ar *::before,
	.ar *::after {
		animation: none !important;
		transition: none !important
	}

	.ar [data-anim] {
		opacity: 1;
		transform: none
	}
}


.anc-doc-docs {
	box-sizing: border-box
}

.anc-doc-docs {
	font-family: 'Poppins', sans-serif;
	background: var(--anc-doc-bg);
	color: #000
}

.anc-doc-docs {
	padding: 34px 20px 80px;
	overflow: hidden
}

.anc-doc-d-wrap {
	max-width: 1880px;
	margin: 0 auto
}

/* ---------- Reveal ---------- */
.anc-doc-reveal {
	opacity: 0;
	transform: translateY(45px);
	transition: opacity .8s var(--anc-doc-ease), transform .8s var(--anc-doc-ease)
}

.anc-doc-reveal.anc-doc-show {
	opacity: 1;
	transform: none
}

.anc-doc-d1 {
	transition-delay: .12s
}

.anc-doc-d2 {
	transition-delay: .24s
}

/* ---------- Header ---------- */
.anc-doc-d-head {
	text-align: center;
	max-width: 960px;
	margin: 0 auto 64px
}

.anc-doc-badge {
	position: relative;
	display: inline-block;
	background: var(--anc-sch-maroon);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 18px;
	border-radius: 50px;
	margin-bottom: 25px;
}

.anc-doc-badge::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50px;
	border: 2px solid var(--anc-doc-maroon);
	animation: anc-doc-pulse 2.4s infinite
}

@keyframes anc-doc-pulse {
	0% {
		transform: scale(1);
		opacity: .6
	}

	100% {
		transform: scale(1.35, 1.7);
		opacity: 0
	}
}

.anc-doc-d-head h2 {
	font-weight: 500;
	color: var(--anc-doc-dark);
	font-size: clamp(22px, 4.0vw, 38px);
	line-height: 1.2;
	margin: 14px 0 20px;
}

.anc-doc-d-head h2 span {
	color: var(--anc-doc-maroon);
	font-weight: 700
}

.anc-doc-d-head p {
	font-size: 18px;
	line-height: 2.1;
	font-weight: 500
}

/* ---------- Layout ---------- */
.anc-doc-d-grid {
	display: grid;
	grid-template-columns: 600px 1fr;
	gap: 56px;
	align-items: start
}

/* ---------- Image ---------- */
.anc-doc-photo {
	position: relative;
	height: 600px;
	border-radius: 34px;
	object-fit: cover;
	background-position: top;
	overflow: hidden;
	background: linear-gradient(135deg, #2d0230, #490f4a);
	box-shadow: 0 18px 45px rgba(20, 70, 40, .2);
	position: sticky;
	top: 24px;
}

.anc-doc-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 1.3s var(--anc-doc-ease), filter .6s
}

.anc-doc-photo::before {
	/* soft bottom tint appears on hover */
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	background: linear-gradient(to top, rgba(15, 92, 58, .55), rgba(15, 92, 58, 0) 55%);
}

.anc-doc-photo::after {
	/* shine sweep */
	content: "";
	position: absolute;
	top: 0;
	left: -70%;
	width: 45%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .3), transparent);
	transform: skewX(-20deg);
	transition: left 1.1s var(--anc-doc-ease);
	pointer-events: none;
}

.anc-doc-photo:hover img {
	transform: scale(1.08);
	filter: saturate(1.12)
}

.anc-doc-photo:hover::before {
	opacity: 1
}

.anc-doc-photo:hover::after {
	left: 135%
}

/* ---------- Checklist ---------- */
.anc-doc-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px 18px
}

.anc-doc-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 22px;
	background: #fff;
	border: 1px solid #e1e8e1;
	border-radius: 20px;
	padding: 20px 12px;
	overflow: hidden;
	cursor: default;
	transition: transform .4s var(--anc-doc-ease), box-shadow .4s var(--anc-doc-ease), border-color .4s;
}

.anc-doc-item::before {
	/* green fill sweeping from left */
	content: "";
	position: absolute;
	inset: 0;
	background: var(--anc-doc-green);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .5s var(--anc-doc-ease);
	z-index: 0;
}

.anc-doc-item>* {
	position: relative;
	z-index: 1
}

.anc-doc-n {
	flex: none;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--anc-doc-green);
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .5s var(--anc-doc-ease), background .4s, color .4s;
}

.anc-doc-t {
	font-size: 15px;
	font-weight: 600;
	color: #2d0230;
	line-height: 1.5;
	transition: color .4s, transform .4s var(--anc-doc-ease)
}

.anc-doc-item:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 34px rgba(15, 92, 58, .22);
	border-color: var(--anc-doc-green)
}

.anc-doc-item:hover::before {
	transform: scaleX(1)
}

.anc-doc-item:hover .anc-doc-n {
	background: var(--anc-doc-gold);
	color: var(--anc-doc-maroon);
	transform: rotate(-360deg) scale(1.12)
}

.anc-doc-item:hover .anc-doc-t {
	color: #fff;
	transform: translateX(6px)
}

/* staggered entrance */
.anc-doc-list .anc-doc-item.anc-doc-reveal {
	transition: opacity .7s var(--anc-doc-ease), transform .7s var(--anc-doc-ease), box-shadow .4s var(--anc-doc-ease), border-color .4s
}

.anc-doc-list .anc-doc-item:nth-child(1) {
	transition-delay: .05s
}

.anc-doc-list .anc-doc-item:nth-child(2) {
	transition-delay: .12s
}

.anc-doc-list .anc-doc-item:nth-child(3) {
	transition-delay: .19s
}

.anc-doc-list .anc-doc-item:nth-child(4) {
	transition-delay: .26s
}

.anc-doc-list .anc-doc-item:nth-child(5) {
	transition-delay: .33s
}

.anc-doc-list .anc-doc-item:nth-child(6) {
	transition-delay: .40s
}

.anc-doc-list .anc-doc-item:nth-child(7) {
	transition-delay: .47s
}

.anc-doc-list .anc-doc-item:nth-child(8) {
	transition-delay: .54s
}

.anc-doc-list .anc-doc-item:nth-child(9) {
	transition-delay: .61s
}

.anc-doc-list .anc-doc-item:nth-child(10) {
	transition-delay: .68s
}

.anc-doc-list .anc-doc-item:nth-child(11) {
	transition-delay: .75s
}

/* after reveal, hover transforms should be instant */
.anc-doc-list .anc-doc-item.anc-doc-show {
	transition-delay: 0s
}

@media(max-width:1250px) {
	.anc-doc-d-grid {
		grid-template-columns: 1fr
	}

	.anc-doc-photo {
		position: relative;
		top: 0;
		height: 560px
	}
}

@media(max-width:700px) {
	.anc-doc-list {
		grid-template-columns: 1fr
	}

	.anc-doc-photo {
		height: 420px;
		border-radius: 26px
	}

	.anc-doc-t {
		font-size: 16px
	}
}

@media(prefers-reduced-motion:reduce) {
	* {
		animation: none !important;
		transition: none !important
	}
}

.anc-sch {
	--anc-sch-ease: cubic-bezier(.22, .8, .3, 1);
	font-family: 'Poppins', sans-serif;
	background: #f8f9f7;
	color: #000;
	padding: 40px 20px 90px;
	overflow: hidden;
}

.anc-sch-wrap {
	max-width: 1500px;
	margin: 0 auto
}

/* ---------- Reveal ---------- */
.anc-sch-reveal {
	opacity: 0;
	transform: translateY(45px);
	transition: opacity .8s var(--anc-sch-ease), transform .8s var(--anc-sch-ease)
}

.anc-sch-reveal.anc-sch-show {
	opacity: 1;
	transform: none
}

.anc-sch-d1 {
	transition-delay: .12s
}

.anc-sch-d2 {
	transition-delay: .24s
}

.anc-sch-d3 {
	transition-delay: .36s
}

.anc-sch-d4 {
	transition-delay: .48s
}

/* ---------- Header ---------- */
.anc-sch-head {
	text-align: center;
	max-width: 960px;
	margin: 0 auto 70px
}

.anc-sch-badge {
	position: relative;
	display: inline-block;
	background: var(--anc-sch-maroon);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 18px;
	border-radius: 50px;
	margin-bottom: 25px;
}

.anc-sch-badge::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50px;
	border: 2px solid var(--anc-sch-maroon);
	animation: anc-sch-pulse 2.4s infinite
}

@keyframes anc-sch-pulse {
	0% {
		transform: scale(1);
		opacity: .6
	}

	100% {
		transform: scale(1.35, 1.7);
		opacity: 0
	}
}

.anc-sch-head h2 {
	font-weight: 600;
	color: var(--anc-sch-dark);
	font-size: clamp(22px, 4.0vw, 38px);
	line-height: 1.2;
	margin: 14px 0 20px;
}

.anc-sch-head h2 span {
	color: var(--anc-sch-maroon);
	font-weight: 700
}

.anc-sch-head p {
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500
}

/* ---------- Intro (image + text) ---------- */
.anc-sch-intro {
	display: grid;
	grid-template-columns: 640px 1fr;
	gap: 75px;
	align-items: center;
	max-width: 1500px;
	margin: 0 auto 110px;
	padding: 0 0 0 0
}

.anc-sch-photo {
	position: relative;
	height: 712px;
	border-radius: 36px;
	overflow: hidden;
	background: linear-gradient(135deg, #7fd1ae, #cfe9d6);
	box-shadow: 0 18px 45px rgba(20, 70, 40, .18);
}

.anc-sch-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 1.3s var(--anc-sch-ease), filter .6s
}

.anc-sch-photo::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0;
	transition: opacity .6s;
	background: linear-gradient(to top, rgba(15, 92, 58, .5), rgba(15, 92, 58, 0) 55%)
}

.anc-sch-photo::after {
	content: "";
	position: absolute;
	top: 0;
	left: -70%;
	width: 45%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .3), transparent);
	transform: skewX(-20deg);
	transition: left 1.1s var(--anc-sch-ease);
	pointer-events: none
}

.anc-sch-photo:hover img {
	transform: scale(1.08);
	filter: saturate(1.12)
}

.anc-sch-photo:hover::before {
	opacity: 1
}

.anc-sch-photo:hover::after {
	left: 135%
}

.anc-sch-tag {
	color: var(--anc-sch-green);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 38px
}

.anc-sch-title {
	font-weight: 500;
	font-size: clamp(22px, 3.1vw, 30px);
	line-height: 1.15;
	color: var(--anc-sch-dark)
}

.anc-sch-title b {
	display: block;
	font-weight: 700;
	color: var(--anc-sch-maroon);
	margin-top: 6px;
	position: relative;
	width: fit-content
}

.anc-sch-title b::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	height: 3px;
	width: 0;
	background: var(--anc-sch-gold);
	transition: width .6s var(--anc-sch-ease)
}

.anc-sch-info:hover .anc-sch-title b::after {
	width: 100%
}

.anc-sch-para {
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	text-align: justify;
	margin: 32px 0 38px
}

.anc-sch-team {
	display: flex;
	gap: 26px;
	align-items: flex-start;
	background: #f5edf3;
	border-left: 5px solid #490f4a;
	border-radius: 20px;
	padding: 30px 36px 30px 30px;
	transition: transform .45s var(--anc-sch-ease), box-shadow .45s var(--anc-sch-ease), background .45s;
}

.anc-sch-team:hover {
	transform: translateX(12px);
	box-shadow: 0 18px 38px rgba(15, 92, 58, .18);
	background: #e2f1e8
}

.anc-sch-ico {
	position: relative;
	flex: none;
	width: 46px;
	min-width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--anc-sch-green);
	color: #fff;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.anc-sch-ico::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid var(--anc-sch-green);
	animation: anc-sch-pulse 2.2s infinite
}

.anc-sch-team:hover .anc-sch-ico {
	animation: anc-sch-pop .6s var(--anc-sch-ease)
}

@keyframes anc-sch-pop {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.25) rotate(-12deg)
	}

	100% {
		transform: scale(1)
	}
}

.anc-sch-team h4 {
	font-size: 24px;
	font-weight: 700;
	color: var(--anc-sch-green);
	margin-bottom: 16px
}

.anc-sch-team p {
	font-size: 16px;
	line-height: 1.8;
	font-weight: 500;
	text-align: justify
}

/* ---------- Dark panel ---------- */
.anc-sch-panel {
	max-width: 1500px;
	margin: 0 auto;
	background: var(--anc-sch-slate);
	border-radius: 44px;
	padding: 50px 55px 50px;
	box-shadow: 0 20px 50px rgba(40, 50, 60, .25);
}

.anc-sch-ptag {
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 12px
}

.anc-sch-ptitle {
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: clamp(22px, 3.1vw, 30px);
	margin-bottom: 56px
}

.anc-sch-ptitle b {
	font-weight: 700
}

.anc-sch-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px
}

.anc-sch-card {
	position: relative;
	background: #f8f9f7;
	border-radius: 22px;
	padding: 30px 20px 10px;
	overflow: hidden;
	transition: transform .45s var(--anc-sch-ease), box-shadow .45s var(--anc-sch-ease);
}

.anc-sch-card::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 0;
	background: linear-gradient(90deg, var(--anc-sch-maroon), var(--anc-sch-green));
	transition: width .55s var(--anc-sch-ease)
}

.anc-sch-card:hover {
	transform: translateY(-14px);
	box-shadow: 0 28px 50px rgba(0, 0, 0, .28)
}

.anc-sch-card:hover::after {
	width: 100%
}

.anc-sch-chip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 16px;
	background: var(--anc-sch-maroon);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 46px;
	transition: transform .5s var(--anc-sch-ease), background .4s, color .4s;
}

.anc-sch-chip.anc-sch-g {
	background: var(--anc-sch-green)
}

.anc-sch-card:hover .anc-sch-chip {
	transform: rotate(-360deg) scale(1.12);
	background: var(--anc-sch-gold);
	color: var(--anc-sch-maroon)
}

.anc-sch-num {
	position: absolute;
	top: 22px;
	right: 26px;
	font-size: 32px;
	font-weight: 700;
	color: #d5e3dc;
	transition: transform .5s var(--anc-sch-ease), color .4s;
}

.anc-sch-card:hover .anc-sch-num {
	transform: scale(1.3) translateX(-6px);
	color: var(--anc-sch-maroon)
}

.anc-sch-card h5 {
	font-size: 16px;
	font-weight: 700;
	color: var(--anc-sch-dark);
	line-height: 1.8;
	margin-bottom: 16px;
	transition: color .4s
}

.anc-sch-card:hover h5 {
	color: var(--anc-sch-maroon)
}

.anc-sch-card p {
	font-size: 15px;
	line-height: 1.8;
	font-weight: 500;
	text-align: left
}

/* stagger */
.anc-sch-cards .anc-sch-card:nth-child(1) {
	transition-delay: .05s
}

.anc-sch-cards .anc-sch-card:nth-child(2) {
	transition-delay: .15s
}

.anc-sch-cards .anc-sch-card:nth-child(3) {
	transition-delay: .25s
}

.anc-sch-cards .anc-sch-card:nth-child(4) {
	transition-delay: .35s
}

.anc-sch-cards .anc-sch-card.anc-sch-show {
	transition-delay: 0s
}

@media(max-width:1200px) {
	.anc-sch-intro {
		grid-template-columns: 1fr;
		gap: 50px;
		margin-bottom: 80px
	}

	.anc-sch-photo {
		height: 520px
	}

	.anc-sch-cards {
		grid-template-columns: 1fr 1fr
	}

	.anc-sch-panel {
		padding: 60px 30px 46px
	}
}

@media(max-width:620px) {
	.anc-sch-cards {
		grid-template-columns: 1fr
	}

	.anc-sch-photo {
		height: 400px;
		border-radius: 26px
	}

	.anc-sch-para {
		font-size: 17px
	}

	.anc-sch-team {
		flex-direction: column;
		padding: 26px
	}

	.anc-sch-panel {
		border-radius: 30px
	}
}




.testimonials {
	padding: 40px 0 30px;
	overflow: hidden
}

.t-wrap {
	max-width: 1300px;
	margin: 0 auto
}

/* ---------- Header ---------- */
.t-head {
	text-align: center;
	max-width: 1200px;
	margin: 0 auto 20px
}

.t-badge {
	display: inline-block;
	background: var(--maroon);
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 15px 28px;
	border-radius: 50px;
	position: relative;
}

.t-badge::after {
	/* soft pulse ring */
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50px;
	border: 2px solid var(--maroon);
	animation: pulse 2.4s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: .6
	}

	100% {
		transform: scale(1.35, 1.6);
		opacity: 0
	}
}

.t-head h2 {
	font-weight: 500;
	color: var(--green);
	line-height: 1.15;
	margin: 22px 0 22px;
}

.t-head h2 span {
	color: var(--maroon);
	font-weight: 700
}

.t-head p {
	line-height: 2;
	font-weight: 500
}

/* ---------- Scroll reveal ---------- */
.reveal {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .8s var(--ease), transform .8s var(--ease)
}

.reveal.show {
	opacity: 1;
	transform: none
}

.d1 {
	transition-delay: .15s
}

.d2 {
	transition-delay: .3s
}

.d3 {
	transition-delay: .45s
}

/* ---------- Carousel ---------- */
.t-slider {
	margin-top: 10px
}

.t-slider .owl-stage-outer {
	padding: 70px 0 50px;
	margin: -30px 0 -20px
}

/* room for avatar + shadow */
.t-slider .owl-item {
	padding: 0 16px;
	display: flex
}

.t-card {
	position: relative;
	background: #fff;
	border-radius: 30px;
	width: 100%;
	padding: 55px 25px 30px;
	box-shadow: 0 14px 40px rgba(20, 40, 30, .08);
	display: flex;
	flex-direction: column;
	transition: transform .45s var(--ease), box-shadow .45s var(--ease);
}

.t-card::before {
	/* top accent line grows on hover */
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	height: 4px;
	width: 0;
	border-radius: 0 0 6px 6px;
	background: linear-gradient(90deg, var(--maroon), var(--green2));
	transform: translateX(-50%);
	transition: width .5s var(--ease);
}

.t-card:hover {
	transform: translateY(-12px);
	box-shadow: 0 28px 55px rgba(139, 30, 47, .16)
}

.t-card:hover::before {
	width: 55%
}

/* avatar / image hover */
.t-avatar {
	position: absolute;
	top: -42px;
	left: 40px;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: #fff;
	padding: 4px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
	overflow: visible;
}

.t-avatar::after {
	/* rotating dashed ring */
	content: "";
	position: absolute;
	inset: -7px;
	border-radius: 50%;
	border: 2px dashed var(--maroon);
	opacity: 0;
	transform: scale(.85);
	transition: .5s var(--ease);
}

.t-avatar .img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden
}

.t-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s var(--ease), filter .6s
}

.t-card:hover .t-avatar img {
	transform: scale(1.18) rotate(3deg);
	filter: saturate(1.2)
}

.t-card:hover .t-avatar::after {
	opacity: 1;
	transform: scale(1);
	animation: spin 8s linear infinite
}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}
}

.stars {
	color: var(--gold);
	font-size: 19px;
	letter-spacing: 5px;
	margin-bottom: 26px
}

.stars i {
	font-style: normal;
	display: inline-block;
	transition: transform .3s
}

.t-card:hover .stars i {
	animation: twinkle .6s var(--ease) both
}

.t-card:hover .stars i:nth-child(2) {
	animation-delay: .08s
}

.t-card:hover .stars i:nth-child(3) {
	animation-delay: .16s
}

.t-card:hover .stars i:nth-child(4) {
	animation-delay: .24s
}

.t-card:hover .stars i:nth-child(5) {
	animation-delay: .32s
}

@keyframes twinkle {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.5) rotate(25deg)
	}

	100% {
		transform: scale(1)
	}
}

.t-card blockquote {
	font-weight: 500;
	flex: 1;
	margin-bottom: 34px
}

.t-foot {
	display: flex;
	align-items: center;
	gap: 14px;
	border-top: 1px solid #e9ecea;
	padding-top: 26px;
}

.t-foot .line {
	width: 44px;
	height: 3px;
	background: var(--maroon);
	transition: width .4s var(--ease)
}

.t-card:hover .t-foot .line {
	width: 70px
}

.t-foot.green .line {
	background: var(--green2)
}

.t-foot span {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--green2)
}

.t-foot small {
	margin-left: auto;
	font-size: 12px;
	color: #777;
	font-weight: 500
}

/* ---------- Dots ---------- */
.t-slider .owl-dots {
	text-align: center;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.t-slider .owl-dot span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 10px;
	background: #cfd6d2;
	transition: .4s var(--ease);
}

.t-slider .owl-dot.active span {
	width: 34px;
	background: var(--maroon)
}

.t-slider .owl-dot:hover span {
	background: var(--green2)
}

@media(max-width:600px) {
	.t-card {
		padding: 62px 26px 30px
	}

	.t-head p {
		font-size: 16px
	}
}


.t-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.t-card blockquote {
	flex-grow: 1;
	margin-bottom: 25px;
	line-height: 1.8;
}

.t-foot {
	margin-top: auto;
}


.anc-prc-proc {
	box-sizing: border-box
}

.anc-prc-proc {
	font-family: 'Poppins', sans-serif;
	background: #fff;
	color: #000
}

.anc-prc-proc {
	padding: 35px 0 40px;
	overflow: hidden
}

.anc-prc-p-wrap {
	max-width: 1500px;
	margin: 0 auto
}

/* ---------- Reveal ---------- */
.anc-prc-reveal {
	opacity: 0;
	transform: translateY(45px);
	transition: opacity .8s var(--anc-prc-ease), transform .8s var(--anc-prc-ease)
}

.anc-prc-reveal.anc-prc-show {
	opacity: 1;
	transform: none
}

.anc-prc-d1 {
	transition-delay: .12s
}

.anc-prc-d2 {
	transition-delay: .24s
}

/* ---------- Header ---------- */
.anc-prc-p-head {
	text-align: center;
	max-width: 960px;
	margin: 0 auto 70px
}

.anc-prc-badge {
	position: relative;
	display: inline-block;
	background: var(--anc-sch-maroon);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 18px;
	border-radius: 50px;
	margin-bottom: 25px;
}

.anc-prc-badge::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50px;
	border: 2px solid var(--anc-prc-maroon);
	animation: anc-prc-pulse 2.4s infinite
}

@keyframes anc-prc-pulse {
	0% {
		transform: scale(1);
		opacity: .6
	}

	100% {
		transform: scale(1.35, 1.7);
		opacity: 0
	}
}

.anc-prc-p-head h2 {
	font-family: 'Schibsted Grotesk', 'Poppins', sans-serif;
	font-weight: 500;
	color: var(--anc-prc-dark);
	font-size: clamp(22px, 4.0vw, 38px);
	line-height: 1.2;
	margin: 14px 0 20px;
}

.anc-prc-p-head h2 span {
	color: var(--anc-prc-maroon);
	font-weight: 700
}

.anc-prc-p-head p {
	font-size: 17px;
	line-height: 2.1;
	font-weight: 500
}

/* ---------- Layout ---------- */
.anc-prc-p-grid {
	display: grid;
	grid-template-columns: 1fr 640px;
	gap: 80px;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 0 0 0
}

.anc-prc-steps {
	padding-left: 0;
	margin-left: 5%
}

/* ---------- Steps ---------- */
.anc-prc-step {
	position: relative;
	padding: 0 20px 20px 70px;
	margin-bottom: 0;
}

.anc-prc-step:last-child {
	padding-bottom: 0px
}

.anc-prc-dot {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: var(--anc-prc-maroon);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 5px #fff, 0 8px 20px rgba(139, 28, 44, .3);
	z-index: 2;
	transition: transform .5s var(--anc-prc-ease), background .4s, box-shadow .4s;
}

.anc-prc-dot::after {
	content: "";
	position: absolute;
	inset: -6px;
	border-radius: 50%;
	border: 2px solid var(--anc-prc-maroon);
	opacity: 0;
	transform: scale(.8);
	transition: .5s var(--anc-prc-ease)
}

.anc-prc-step:hover .anc-prc-dot {
	transform: scale(1.15) rotate(360deg);
	background: var(--anc-prc-green);
	box-shadow: 0 0 0 5px #fff, 0 10px 26px rgba(15, 92, 58, .4)
}

.anc-prc-step:hover .anc-prc-dot::after {
	opacity: 1;
	transform: scale(1);
	border-color: var(--anc-prc-green)
}

/* connector line (draws down when revealed) */
.anc-prc-step::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 68px;
	bottom: 6px;
	width: 3px;
	border-radius: 3px;
	background: var(--anc-prc-c, var(--anc-prc-maroon));
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 1.1s var(--anc-prc-ease) .35s;
}

.anc-prc-step.anc-prc-show::before {
	transform: scaleY(1)
}

.anc-prc-step:nth-child(1) {
	--anc-prc-c: var(--anc-prc-maroon)
}

.anc-prc-step:nth-child(2) {
	--anc-prc-c: linear-gradient(var(--anc-prc-brown), var(--anc-prc-green))
}

.anc-prc-step:nth-child(3) {
	--anc-prc-c: var(--anc-prc-green)
}

.anc-prc-step:nth-child(4) {
	--anc-prc-c: linear-gradient(var(--anc-prc-brown), var(--anc-prc-maroon))
}

.anc-prc-step:nth-child(5) {
	--anc-prc-c: var(--anc-prc-maroon)
}

.anc-prc-step:last-child::before {
	bottom: 0
}

.anc-prc-s-body {
	padding-bottom: 10px;
	border-bottom: 1px solid #e5eae6;
	position: relative;
	transition: transform .45s var(--anc-prc-ease);
}

.anc-prc-step:last-child .anc-prc-s-body {
	border: 0;
	padding-bottom: 0;
}

.anc-prc-step:hover .anc-prc-s-body {
	transform: translateX(12px)
}

.anc-prc-s-body small {
	display: block;
	color: var(--anc-prc-green);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 4px 0 12px
}

.anc-prc-s-body h3 {
	font-weight: 700;
	color: var(--anc-prc-maroon);
	line-height: 1.2;
	margin-bottom: 22px;
	position: relative;
	display: inline-block
}

.anc-prc-s-body h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	height: 3px;
	width: 0;
	background: var(--anc-prc-gold);
	transition: width .5s var(--anc-prc-ease)
}

.anc-prc-step:hover h3::after {
	width: 100%
}

.anc-prc-s-body p {
	font-size: 16px;
	line-height: 2.05;
	font-weight: 500;
	max-width: 680px
}

/* ---------- Right side ---------- */
.anc-prc-side {
	position: sticky;
	top: 30px;
	align-self: start
}

.anc-prc-photo {
	position: relative;
	height: 712px;
	border-radius: 40px;
	overflow: hidden;
	background: linear-gradient(135deg, #8b4a5a, #c9a6a0);
	box-shadow: 0 18px 45px rgba(80, 20, 30, .2);
}

.anc-prc-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 1.3s var(--anc-prc-ease)
}

.anc-prc-photo::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to top, rgba(110, 20, 50, .8) 0%, rgba(110, 20, 50, .35) 35%, rgba(0, 0, 0, 0) 62%);
}

.anc-prc-photo::after {
	content: "";
	position: absolute;
	top: 0;
	left: -70%;
	width: 45%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .3), transparent);
	transform: skewX(-20deg);
	transition: left 1.1s var(--anc-prc-ease);
	pointer-events: none;
}

.anc-prc-photo:hover img {
	transform: scale(1.1)
}

.anc-prc-photo:hover::after {
	left: 135%
}

.anc-prc-p-txt {
	position: absolute;
	z-index: 3;
	left: 44px;
	bottom: 48px;
	color: #fff;
	transition: transform .7s var(--anc-prc-ease)
}

.anc-prc-photo:hover .anc-prc-p-txt {
	transform: translateY(-12px)
}

.anc-prc-p-txt small {
	display: block;
	color: var(--anc-prc-gold);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: 22px
}

.anc-prc-p-txt h3 {
	font-family: 'Schibsted Grotesk', 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 40px;
	line-height: 1.1;
	color: #fff;
}

.anc-prc-p-txt h3 b {
	font-weight: 700
}

.anc-prc-help {
	display: flex;
	gap: 22px;
	align-items: flex-start;
	margin-top: 30px;
	background: #fff;
	border: 1px solid #ece8e8;
	border-left: 5px solid var(--anc-prc-maroon);
	border-radius: 20px;
	padding: 28px 30px;
	transition: transform .45s var(--anc-prc-ease), box-shadow .45s var(--anc-prc-ease);
}

.anc-prc-help:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(139, 28, 44, .18)
}

.anc-prc-q {
	flex: none;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--anc-prc-green);
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.anc-prc-q::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid var(--anc-prc-green);
	animation: anc-prc-pulse 2.2s infinite
}

.anc-prc-help:hover .anc-prc-q {
	animation: anc-prc-shake .6s
}

@keyframes anc-prc-shake {

	0%,
	100% {
		transform: rotate(0)
	}

	25% {
		transform: rotate(-15deg)
	}

	75% {
		transform: rotate(15deg)
	}
}

.anc-prc-help h4 {
	color: var(--anc-prc-maroon);
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 8px
}

.anc-prc-help p {
	font-size: 16px;
	line-height: 1.75;
	font-weight: 500
}

@media(max-width:1150px) {
	.anc-prc-p-grid {
		grid-template-columns: 1fr;
		gap: 50px
	}

	.anc-prc-side {
		position: static
	}

	.anc-prc-steps {
		margin-left: 0
	}

	.anc-prc-photo {
		height: 520px
	}
}

@media(max-width:560px) {
	.anc-prc-step {
		padding-left: 78px
	}

	.anc-prc-dot {
		width: 52px;
		height: 52px
	}

	.anc-prc-step::before {
		left: 25px;
		top: 58px
	}

	.anc-prc-s-body h3 {
		font-size: 26px
	}

	.anc-prc-p-txt h3 {
		font-size: 40px
	}

	.anc-prc-photo {
		height: 420px;
		border-radius: 28px
	}
}


.anc-elg-elig {
	box-sizing: border-box
}

.anc-elg-elig {
	font-family: 'Poppins', sans-serif;
	background: var(--anc-elg-bg);
	color: #000
}

.anc-elg-elig {
	padding: 28px 20px 80px;
	overflow: hidden
}

.anc-elg-e-wrap {
	max-width: 1500px;
	margin: 0 auto
}

/* ---------- Reveal ---------- */
.anc-elg-reveal {
	opacity: 0;
	transform: translateY(45px);
	transition: opacity .8s var(--anc-elg-ease), transform .8s var(--anc-elg-ease)
}

.anc-elg-reveal.anc-elg-show {
	opacity: 1;
	transform: none
}

.anc-elg-d1 {
	transition-delay: .12s
}

.anc-elg-d2 {
	transition-delay: .24s
}

.anc-elg-d3 {
	transition-delay: .36s
}

/* ---------- Header ---------- */
.anc-elg-e-head {
	text-align: center;
	max-width: 920px;
	margin: 0 auto 62px
}

.anc-elg-badge {
	position: relative;
	display: inline-block;
	background: var(--anc-sch-maroon);
	color: #ffffff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 10px 18px;
	border-radius: 50px;
	margin-bottom: 25px;
}

.anc-elg-badge::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50px;
	border: 2px solid var(--anc-elg-green);
	animation: anc-elg-pulse 2.4s infinite
}

@keyframes anc-elg-pulse {
	0% {
		transform: scale(1);
		opacity: .6
	}

	100% {
		transform: scale(1.35, 1.7);
		opacity: 0
	}
}

.anc-elg-e-head h2 {
	color: var(--anc-elg-dark);
	font-size: clamp(22px, 4.0vw, 38px);
	line-height: 1.2;
	margin: 14px 0 20px;
}

.anc-elg-e-head h2 span {
	color: var(--anc-elg-green);
	font-weight: 700
}

.anc-elg-e-head p {
	font-size: 16px;
	line-height: 2.1;
	font-weight: 500
}

/* ---------- Hero image ---------- */
.anc-elg-hero {
	position: relative;
	height: 540px;
	border-radius: 40px;
	overflow: hidden;
	margin-bottom: 56px;
	background: linear-gradient(135deg, #2d5a3d, #7aa27a);
	box-shadow: 0 18px 45px rgba(20, 60, 35, .18);
}

.anc-elg-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 1.4s var(--anc-elg-ease)
}

.anc-elg-hero::before {
	/* green overlay */
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	transition: opacity .6s;
	background: linear-gradient(100deg, rgba(10, 70, 35, .85) 0%, rgba(10, 70, 35, .45) 45%, rgba(0, 0, 0, 0) 80%);
}

.anc-elg-hero::after {
	/* shine sweep */
	content: "";
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	z-index: 2;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .25), transparent);
	transform: skewX(-20deg);
	transition: left 1.2s var(--anc-elg-ease);
	pointer-events: none;
}

.anc-elg-hero:hover img {
	transform: scale(1.08)
}

.anc-elg-hero:hover::after {
	left: 130%
}

.anc-elg-hero-txt {
	position: absolute;
	z-index: 3;
	left: 70px;
	bottom: 70px;
	color: #fff;
	transition: transform .7s var(--anc-elg-ease)
}

.anc-elg-hero:hover .anc-elg-hero-txt {
	transform: translateX(14px)
}

.anc-elg-hero-txt small {
	display: block;
	color: var(--anc-elg-gold2);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: 14px
}

.anc-elg-hero-txt h3 {
	font-family: 'Schibsted Grotesk', 'Poppins', sans-serif;
	font-weight: 500;
	font-size: clamp(26px, 3vw, 40px);
	line-height: 1.2;
	color: #ffffff;
}

.anc-elg-hero-txt h3 b {
	display: block;
	font-weight: 700
}

/* ---------- Grid cards ---------- */
.anc-elg-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px
}

.anc-elg-box {
	position: relative;
	background: #fff;
	border: 1px solid #e9ece9;
	border-radius: 30px;
	padding: 56px 44px 44px;
	overflow: hidden;
	transition: transform .45s var(--anc-elg-ease), box-shadow .45s var(--anc-elg-ease), border-color .45s;
}

.anc-elg-box:hover {
	transform: translateY(-10px);
	box-shadow: 0 24px 50px rgba(15, 100, 50, .15);
	border-color: var(--anc-elg-green)
}

.anc-elg-box::before {
	/* green line on top */
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 4px;
	width: 0;
	background: linear-gradient(90deg, var(--anc-elg-green), var(--anc-elg-gold));
	transition: width .6s var(--anc-elg-ease);
}

.anc-elg-box:hover::before {
	width: 100%
}

.anc-elg-b-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 44px
}

.anc-elg-b-top i {
	display: block;
	width: 56px;
	height: 4px;
	background: var(--anc-elg-gold);
	border-radius: 3px;
	transition: width .5s var(--anc-elg-ease)
}

.anc-elg-box:hover .anc-elg-b-top i {
	width: 110px
}

.anc-elg-b-top span {
	font-weight: 700;
	font-size: 15px;
	color: var(--anc-elg-green);
	letter-spacing: 1px;
	transition: transform .5s var(--anc-elg-ease)
}

.anc-elg-box:hover .anc-elg-b-top span {
	transform: scale(1.5) translateX(-6px)
}

.anc-elg-box h4 {
	font-weight: 700;
	color: var(--anc-elg-dark);
	margin-bottom: 15px;
	line-height: 1.2
}

.anc-elg-box>p {
	font-size: 16px;
	line-height: 2;
	font-weight: 500
}

.anc-elg-checks {
	list-style: none;
	margin-top: 24px
}

.anc-elg-checks li {
	display: flex;
	gap: 14px;
	font-size: 17px;
	line-height: 1.95;
	color: #333;
	margin-bottom: 8px;
	transition: transform .35s var(--anc-elg-ease)
}

.anc-elg-checks li::before {
	content: "✓";
	color: var(--anc-elg-green);
	font-size: 19px;
	font-weight: 600;
	flex: none;
	transition: .35s var(--anc-elg-ease)
}

.anc-elg-checks li:hover {
	transform: translateX(8px);
	color: #000
}

.anc-elg-checks li:hover::before {
	transform: scale(1.4) rotate(-10deg);
	color: var(--anc-elg-gold)
}

/* quota */
.anc-elg-quota {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin: 2px 0 30px
}

.anc-elg-q {
	text-align: center;
	background: #f4f7f4;
	border: 1px solid #e3e8e3;
	border-radius: 14px;
	padding: 30px 10px 28px;
	transition: .4s var(--anc-elg-ease);
	cursor: default;
}

.anc-elg-q b {
	display: block;
	color: var(--anc-elg-green);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	transition: color .4s
}

.anc-elg-q span {
	font-size: 16px;
	transition: color .4s
}

.anc-elg-q:hover {
	background: var(--anc-elg-green);
	transform: translateY(-6px) scale(1.03);
	box-shadow: 0 14px 28px rgba(15, 122, 60, .3)
}

.anc-elg-q:hover b {
	color: var(--anc-elg-gold2)
}

.anc-elg-q:hover span {
	color: #fff
}

/* note */
.anc-elg-note {
	background: #fffdf1;
	border: 1px solid #f0e5b5;
	display: flex;
	gap: 22px;
	align-items: flex-start;
	padding: 44px
}

.anc-elg-note:hover {
	border-color: var(--anc-elg-gold);
	box-shadow: 0 24px 50px rgba(176, 141, 26, .2)
}

.anc-elg-note::before {
	background: var(--anc-elg-gold)
}

.anc-elg-n-ico {
	flex: none;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--anc-elg-gold);
	color: #fff;
	font-weight: 700;
	font-size: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.anc-elg-n-ico::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid var(--anc-elg-gold);
	animation: anc-elg-pulse 2.2s infinite
}

.anc-elg-note:hover .anc-elg-n-ico {
	animation: anc-elg-shake .6s
}

@keyframes anc-elg-shake {

	0%,
	100% {
		transform: rotate(0)
	}

	25% {
		transform: rotate(-14deg)
	}

	75% {
		transform: rotate(14deg)
	}
}

.anc-elg-note h4 {
	color: #6b5400;
	font-size: 31px;
	margin-bottom: 14px
}

.anc-elg-note p {
	font-size: 18px;
	line-height: 2;
	font-weight: 500;
	padding: 0
}

@media(max-width:900px) {
	.anc-elg-grid {
		grid-template-columns: 1fr
	}

	.anc-elg-hero {
		height: 380px;
		border-radius: 28px
	}

	.anc-elg-hero-txt {
		left: 28px;
		bottom: 36px
	}

	.anc-elg-box {
		padding: 40px 26px 34px
	}

	.anc-elg-note {
		padding: 30px 24px;
		flex-direction: column
	}
}

@media(max-width:520px) {
	.anc-elg-quota {
		grid-template-columns: 1fr
	}
}


.anc-why-why {
	box-sizing: border-box
}

.anc-why-why {
	font-family: 'Poppins', sans-serif;
	background: var(--pharma-yellow);
	color: #111
}

.anc-why-why {
	padding: 50px 0 50px;
	overflow: hidden;
}

.anc-why-w-wrap {
	max-width: 1560px;
	margin: 0 auto
}

/* .anc-why-w-inner {
	max-width: 1250px;
	margin: 0 auto
} */

/* ---------- Reveal ---------- */
.anc-why-reveal {
	opacity: 0;
	transform: translateY(45px);
	transition: opacity .8s var(--anc-why-ease), transform .8s var(--anc-why-ease)
}

.anc-why-reveal.anc-why-show {
	opacity: 1;
	transform: none
}

.anc-why-d1 {
	transition-delay: .12s
}

.anc-why-d2 {
	transition-delay: .24s
}

.anc-why-d3 {
	transition-delay: .36s
}

.anc-why-d4 {
	transition-delay: .48s
}

/* ---------- Heading ---------- */
.anc-why-w-title {
	position: relative;
	padding-left: 30px;
	max-width: 900px;
	margin: 0 0 70px 40px
}

.anc-why-w-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 5px;
	height: 0;
	background: var(--anc-why-maroon);
	border-radius: 4px;
	transition: height 1s var(--anc-why-ease) .3s;
}

.anc-why-w-title.anc-why-show::before {
	height: calc(100% - 8px)
}

.anc-why-w-title h2 {
	font-size: clamp(22px, 4.0vw, 38px);
	line-height: 1.2;
	font-weight: 700;
	color: var(--anc-why-dark)
}

.anc-why-w-title h2 span {
	color: var(--anc-why-maroon)
}

/* ---------- Image zoom (shared) ---------- */
.anc-why-zoom {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #7aa27a, #c9d9a6)
}

.anc-why-zoom img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .9s var(--anc-why-ease), filter .6s
}

.anc-why-zoom::after {
	/* shine sweep */
	content: "";
	position: absolute;
	top: 0;
	left: -80%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .35), transparent);
	transform: skewX(-20deg);
	transition: left .9s var(--anc-why-ease);
	pointer-events: none;
}

.anc-why-card:hover .anc-why-zoom img,
.anc-why-feature:hover .anc-why-zoom img {
	transform: scale(1.12);
	filter: saturate(1.15)
}

.anc-why-card:hover .anc-why-zoom::after,
.anc-why-feature:hover .anc-why-zoom::after {
	left: 130%
}

.anc-why-num {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--anc-why-yellow);
	color: var(--anc-why-maroon);
	font-weight: 700;
	border-radius: 12px;
	transition: transform .5s var(--anc-why-ease), background .3s, color .3s;
}

.anc-why-card:hover .anc-why-num,
.anc-why-feature:hover .anc-why-num {
	transform: rotate(-8deg) scale(1.15);
	background: var(--anc-why-maroon);
	color: var(--anc-why-yellow)
}

/* ---------- Feature card 01 ---------- */
.anc-why-feature {
	display: grid;
	grid-template-columns: 48% 52%;
	background: #fff;
	border-radius: 34px;
	overflow: hidden;
	box-shadow: 0 14px 40px rgba(40, 80, 20, .12);
	margin-bottom: 32px;
	transition: transform .45s var(--anc-why-ease), box-shadow .45s var(--anc-why-ease);
}

.anc-why-feature:hover {
	transform: translateY(-8px);
	box-shadow: 0 26px 55px rgba(40, 80, 20, .22)
}

.anc-why-feature .anc-why-zoom {
	min-height: 300px
}

.anc-why-feature .anc-why-zoom::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, .05) 60%);
}

.anc-why-f-over {
	position: absolute;
	z-index: 2;
	left: 32px;
	bottom: 38px;
	display: flex;
	align-items: center;
	gap: 20px;
	color: #fff
}

.anc-why-f-over .anc-why-num {
	width: 60px;
	height: 60px;
	font-size: 18px
}

.anc-why-f-over h3 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
}

.anc-why-f-over p {
	font-size: 15px;
	margin-top: 8px;
	font-weight: 400
}

.anc-why-f-body {
	padding: 50px 56px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.anc-why-f-tag {
	color: var(--anc-why-green);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: .5px;
	text-transform: uppercase;
	margin-bottom: 16px
}

.anc-why-f-tag i {
	color: #e0a800;
	margin-right: 8px;
	display: inline-block
}

.anc-why-feature:hover .anc-why-f-tag i {
	animation: anc-why-spin .8s var(--anc-why-ease)
}

@keyframes anc-why-spin {
	to {
		transform: rotate(360deg) scale(1.2)
	}
}

.anc-why-f-body>p {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 28px;
	line-height: 1.6
}

.anc-why-ticks {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 22px;
	list-style: none
}

.anc-why-ticks li {
	display: flex;
	gap: 14px;
	font-size: 16px;
	color: #444;
	line-height: 1.7;
	align-items: flex-start
}

.anc-why-ticks i {
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #e4f4e6;
	color: var(--anc-why-green);
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
	transition: .35s var(--anc-why-ease);
}

.anc-why-ticks li:hover i {
	background: var(--anc-why-green);
	color: #fff;
	transform: scale(1.25) rotate(360deg)
}

/* ---------- 3 image cards ---------- */
.anc-why-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	margin-bottom: 32px
}

.anc-why-card {
	position: relative;
	background: #fff;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(40, 80, 20, .1);
	transition: transform .45s var(--anc-why-ease), box-shadow .45s var(--anc-why-ease);
}

.anc-why-card:hover {
	transform: translateY(-12px);
	box-shadow: 0 26px 50px rgba(40, 80, 20, .22)
}

.anc-why-card .anc-why-zoom {
	height: 370px
}

.anc-why-card .anc-why-num {
	position: absolute;
	z-index: 2;
	top: 18px;
	left: 18px;
	width: 44px;
	height: 44px;
	font-size: 14px
}

.anc-why-c-body {
	display: flex;
	gap: 18px;
	padding: 26px 24px 30px
}

.anc-why-c-ico {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: #e9f5e6;
	color: var(--anc-why-green);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	transition: .4s var(--anc-why-ease);
}

.anc-why-card:hover .anc-why-c-ico {
	background: var(--anc-why-maroon);
	color: var(--anc-why-yellow);
	transform: rotateY(360deg)
}

.anc-why-c-body h4 {
	font-size: 19px;
	font-weight: 600;
	color: var(--anc-why-maroon);
	margin-bottom: 6px
}

.anc-why-c-body p {
	font-size: 16px;
	line-height: 1.75;
	font-weight: 500
}

/* ---------- Maroon strip ---------- */
.anc-why-strip {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	background: var(--anc-why-maroon);
	color: #fff;
	border-radius: 22px;
	overflow: hidden;
	margin-bottom: 60px;
	box-shadow: 0 12px 30px rgba(100, 0, 0, .25);
}

.anc-why-s-item {
	text-align: center;
	padding: 30px 10px 28px;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, .15);
	transition: background .4s, transform .4s var(--anc-why-ease);
	cursor: default;
}

.anc-why-s-item:last-child {
	border: 0
}

.anc-why-s-item i {
	display: block;
	color: var(--anc-why-yellow);
	font-size: 22px;
	margin-bottom: 10px;
	transition: transform .4s var(--anc-why-ease)
}

.anc-why-s-item::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 4px;
	width: 0;
	background: var(--anc-why-yellow);
	transform: translateX(-50%);
	transition: width .4s var(--anc-why-ease)
}

.anc-why-s-item:hover {
	background: #a50f0f
}

.anc-why-s-item:hover i {
	animation: anc-why-hop .7s var(--anc-why-ease)
}

.anc-why-s-item:hover::after {
	width: 70%
}

@keyframes anc-why-hop {

	0%,
	100% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-10px) scale(1.25)
	}

	70% {
		transform: translateY(2px)
	}
}

/* ---------- Course Highlights ---------- */
.anc-why-highlights {
	max-width: 1560px;
	margin: 0 auto;
	background: #fff;
	border-radius: 40px;
	padding: 48px 40px 44px;
	box-shadow: 0 10px 30px rgba(40, 80, 20, .08)
}

.anc-why-h-tag {
	color: var(--anc-why-gold);
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 1.5px;
	text-transform: uppercase
}

.anc-why-highlights h3 {
	font-size: 30px;
	font-weight: 700;
	color: var(--anc-why-dark);
	margin: 6px 0 34px
}

.anc-why-h-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px
}

.anc-why-h-card {
	position: relative;
	background: #faf9f6;
	border: 1px solid #ebe8e0;
	border-radius: 20px;
	padding: 26px 26px 30px;
	overflow: hidden;
	transition: transform .4s var(--anc-why-ease), box-shadow .4s var(--anc-why-ease), background .4s, border-color .4s;
}

.anc-why-h-card::before {
	/* fill from bottom */
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	background: var(--anc-why-maroon);
	z-index: 0;
	transition: height .5s var(--anc-why-ease);
}

.anc-why-h-card>* {
	position: relative;
	z-index: 1;
	transition: color .4s
}

.anc-why-h-card i {
	font-size: 24px;
	color: #5a0b0b;
	margin-bottom: 20px;
	display: inline-block;
	transition: transform .5s var(--anc-why-ease), color .4s
}

.anc-why-h-card h5 {
	font-size: 18px;
	font-weight: 600;
	color: #2a2a2a;
	margin-bottom: 10px
}

.anc-why-h-card p {
	font-size: 15px;
	line-height: 1.9;
	font-weight: 500;
	color: #222
}

.anc-why-h-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(139, 0, 0, .22);
	border-color: var(--anc-why-maroon)
}

.anc-why-h-card:hover::before {
	height: 100%
}

.anc-why-h-card:hover h5,
.anc-why-h-card:hover p {
	color: #fff
}

.anc-why-h-card:hover i {
	color: var(--anc-why-yellow);
	transform: scale(1.3) rotate(-10deg)
}

/* ---------- Responsive ---------- */
@media(max-width:1100px) {
	.anc-why-feature {
		grid-template-columns: 1fr
	}

	.anc-why-cards {
		grid-template-columns: 1fr 1fr
	}

	.anc-why-strip {
		grid-template-columns: repeat(3, 1fr)
	}

	.anc-why-s-item {
		border-bottom: 1px solid rgba(255, 255, 255, .15)
	}

	.anc-why-h-grid {
		grid-template-columns: 1fr 1fr
	}
}

@media(max-width:640px) {
	.anc-why-w-title {
		margin-left: 0
	}

	.anc-why-cards,
	.anc-why-h-grid,
	.anc-why-ticks {
		grid-template-columns: 1fr
	}

	.anc-why-strip {
		grid-template-columns: 1fr 1fr
	}

	.anc-why-f-body {
		padding: 30px 24px
	}

	.anc-why-highlights {
		padding: 34px 20px
	}

	.anc-why-card .anc-why-zoom {
		height: 260px
	}
}

/* ========================================
   ANNAl - COMPACT MISSION SECTION
======================================== */

.avm-mission-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	width: 100%;
}

/* Mission Card */

.avm-mission-card {
	position: relative;
	isolation: isolate;
	min-width: 0;
	padding: 24px 20px 22px;
	background: #ffffff;
	border: 1px solid #f1e5f4;
	border-radius: 12px;
	overflow: hidden;
	transition:
		transform 0.35s ease,
		box-shadow 0.35s ease,
		border-color 0.35s ease;
	animation: avmMissionReveal 0.65s ease both;
}

/* Staggered entrance animation */

.avm-mission-card:nth-child(1) {
	animation-delay: 0.05s;
}

.avm-mission-card:nth-child(2) {
	animation-delay: 0.12s;
}

.avm-mission-card:nth-child(3) {
	animation-delay: 0.19s;
}

.avm-mission-card:nth-child(4) {
	animation-delay: 0.26s;
}

.avm-mission-card:nth-child(5) {
	animation-delay: 0.33s;
}

.avm-mission-card:nth-child(6) {
	animation-delay: 0.40s;
}

.avm-mission-card:nth-child(7) {
	animation-delay: 0.47s;
}

/* Top accent line */

.avm-mission-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: var(--pharma-yellow);
	;
	transition: width 0.4s ease;
	z-index: -1;
}

/* Soft background hover effect */

.avm-mission-card::after {
	content: "";
	position: absolute;
	right: -45px;
	bottom: -55px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: rgba(11, 122, 61, 0.045);
	transform: scale(0.5);
	opacity: 0;
	transition:
		transform 0.4s ease,
		opacity 0.4s ease;
	z-index: -1;
}

.avm-mission-card:hover {
	transform: translateY(-6px);
	border-color: rgb(122 11 119 / 35%);
	box-shadow: 0 14px 32px rgba(16, 48, 35, 0.10);
}

.avm-mission-card:hover::before {
	width: 100%;
}

.avm-mission-card:hover::after {
	transform: scale(1.5);
	opacity: 1;
}

/* Number */

.avm-mission-number {
	position: absolute;
	top: 14px;
	right: 16px;
	color: #e8dce8;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	transition: color 0.35s ease;
}

.avm-mission-card:hover .avm-mission-number {
	color: rgb(109 11 122 / 22%);
}

/* Icon */

.avm-mission-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	margin-bottom: 17px;
	border-radius: 10px;
	    background: var(--pharma-yellow);
	color: #bc1a4b;
	font-size: 20px;
	transition:
		background 0.35s ease,
		color 0.35s ease,
		transform 0.35s ease;
}

.avm-mission-card:hover .avm-mission-icon {
	background: #a708ae;
	color: #ffffff;
	transform: translateY(-2px) scale(1.06);
}

/* Heading */

.avm-mission-card h3 {
	margin: 0 0 9px;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.25px;
	transition: color 0.3s ease;
}

.avm-mission-card:hover h3 {
	color: #a708ae;
}

/* Description */

.avm-mission-card p {
	margin: 0;
	color: #716574;
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.75;
}

/* Featured mission */

.avm-mission-card-featured {
	grid-column: span 2;
	display: flex;
	align-items: center;
	gap: 20px;
	background: #f9f4fa;
	border-color: #dcebe1;
}

.avm-mission-card-featured .avm-mission-icon {
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	margin: 0;
}

.avm-mission-featured-content {
	flex: 1;
	min-width: 0;
}

.avm-mission-card-featured h3 {
	margin-bottom: 7px;
}

.avm-mission-card-featured .avm-mission-number {
	top: 12px;
	right: 14px;
}

/* Entrance animation */

@keyframes avmMissionReveal {
	from {
		opacity: 0;
		transform: translateY(18px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Laptop */

@media (max-width: 1199px) {
	.avm-mission-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}

	.avm-mission-card-featured {
		grid-column: span 2;
	}
}

/* Tablet */

@media (max-width: 767px) {
	.avm-mission-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 13px;
	}

	.avm-mission-card {
		padding: 21px 16px 19px;
	}

	.avm-mission-icon {
		width: 42px;
		height: 42px;
		margin-bottom: 14px;
		font-size: 18px;
	}

	.avm-mission-card h3 {
		font-size: 15px;
	}

	.avm-mission-card p {
		font-size: 13px;
		line-height: 1.65;
	}

	.avm-mission-card-featured {
		grid-column: span 2;
	}
}

/* Small mobile */

@media (max-width: 420px) {
	.avm-mission-grid {
		gap: 10px;
	}

	.avm-mission-card {
		padding: 19px 12px 16px;
		border-radius: 9px;
	}

	.avm-mission-number {
		top: 12px;
		right: 10px;
		font-size: 20px;
	}

	.avm-mission-card h3 {
		font-size: 14px;
		line-height: 1.4;
	}

	.avm-mission-card p {
		font-size: 12px;
		line-height: 1.6;
	}

	.avm-mission-card-featured {
		gap: 12px;
		padding: 17px 12px;
	}

	.avm-mission-card-featured .avm-mission-icon {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {

	.avm-mission-card,
	.avm-mission-card *,
	.avm-mission-card::before,
	.avm-mission-card::after {
		animation: none !important;
		transition: none !important;
	}
}

/* Annai ANM premium visual refresh — images and image paths remain unchanged */
:root {
	--anm-plum: #2d0230;
	--anm-pink: #d40dc3;
	--anm-paper: #f8f9f7;
	--anm-ink: #302333;
	--anm-muted: #716774;
	--anm-border: rgba(45, 2, 48, .12);
	--anm-shadow: 0 18px 48px rgba(45, 2, 48, .10);
}

.annai-anm-premium-page {
	overflow: hidden;
	background: var(--anm-paper);
	color: var(--anm-ink)
}

.annai-anm-premium-page * {
	box-sizing: border-box
}

.annai-anm-premium-page .annai-anm-premium-hero,
.annai-anm-premium-page .annai-anm-premium-dark-section,
.annai-anm-premium-page .annai-anm-premium-dark-two-section {
	position: relative;
	isolation: isolate
}

.annai-anm-premium-page .annai-anm-premium-hero {
	padding: 100px 0 92px;
	background: var(--anm-paper);
	background-image: radial-gradient(ellipse at 8% 15%, rgba(212, 13, 195, .10), transparent 34%), radial-gradient(ellipse at 95% 90%, rgba(45, 2, 48, .09), transparent 30%);
}

.annai-anm-premium-page .annai-anm-premium-hero-grid,
.annai-anm-premium-page .annai-anm-premium-two-column {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: 58px
}

.annai-anm-premium-page .annai-anm-premium-kicker,
.annai-anm-premium-page .annai-anm-premium-section-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #e75480;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
	font-size: 12px
}

.annai-anm-premium-page .annai-anm-premium-kicker {
	padding: 11px 16px;
	border: 1px solid rgba(212, 13, 195, .22);
	border-radius: 40px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(45, 2, 48, .05)
}

.annai-anm-premium-page .annai-anm-premium-hero h1 {
	font-size: clamp(38px, 4.3vw, 64px);
	line-height: 1.08;
	font-weight: 700;
	letter-spacing: -.045em;
	color: #490f4a;
	margin: 24px 0
}

.annai-anm-premium-page h1 span,
.annai-anm-premium-page h2 span {
	color: var(--anm-pink)sds
}

.annai-anm-premium-page h2 {
	font-size: clamp(29px, 3vw, 43px);
	line-height: 1.18;
	font-weight: 700;
	letter-spacing: -.035em;
	color: #490f4a;
	margin: 18px 0
}

.annai-anm-premium-page p {
	color: var(--anm-muted);
	line-height: 1.85;
	font-size: 15px
}

.annai-anm-premium-page .annai-anm-premium-hero-line,
.annai-anm-premium-page .annai-anm-premium-heading-line {
	width: 72px;
	height: 4px;
	border-radius: 5px;
	background: #e75480;
	margin: 20px 0 24px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 30px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta>div {
	padding: 18px 14px;
	border-radius: 16px;
	background: #fff;
	border: 1px solid var(--anm-border);
	box-shadow: 0 8px 24px rgba(45, 2, 48, .04);
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease
}

.annai-anm-premium-page .annai-anm-premium-hero-meta>div:hover {
	transform: translateY(-6px);
	border-color: rgba(212, 13, 195, .4);
	box-shadow: var(--anm-shadow)
}

.annai-anm-premium-page .annai-anm-premium-hero-meta i {
	display: block;
	color: #e75480;
	font-size: 21px;
	margin-bottom: 10px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta strong,
.annai-anm-premium-page .annai-anm-premium-hero-meta span {
	display: block
}

.annai-anm-premium-page .annai-anm-premium-hero-meta strong {
	font-size: 14px;
	color: var(--anm-plum)
}

.annai-anm-premium-page .annai-anm-premium-hero-meta span {
	font-size: 12px;
	color: var(--anm-muted);
	margin-top: 4px
}

.annai-anm-premium-page .annai-anm-premium-hero-image,
.annai-anm-premium-page .annai-anm-premium-photo-card,
.annai-anm-premium-page .annai-anm-premium-eligibility-photo {
	position: relative;
	overflow: hidden;
	border-radius: 26px;
	background: #fff;
	box-shadow: var(--anm-shadow)
}

.annai-anm-premium-page .annai-anm-premium-hero-image {
	padding: 12px;
	transform: rotate(1deg);
	border: 1px solid rgba(212, 13, 195, .18)
}

.annai-anm-premium-page .annai-anm-premium-hero-image img,
.annai-anm-premium-page .annai-anm-premium-photo-card img,
.annai-anm-premium-page .annai-anm-premium-eligibility-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 19px;
	transition: transform .65s cubic-bezier(.2, .7, .2, 1), filter .5s
}

.annai-anm-premium-page .annai-anm-premium-hero-image img {
	min-height: 420px
}

.annai-anm-premium-page .annai-anm-premium-hero-image:hover img,
.annai-anm-premium-page .annai-anm-premium-photo-card:hover img,
.annai-anm-premium-page .annai-anm-premium-eligibility-photo:hover img {
	transform: scale(1.045);
	filter: saturate(1.08)
}

.annai-anm-premium-page .annai-anm-premium-hero-caption,
.annai-anm-premium-page .annai-anm-premium-photo-badge,
.annai-anm-premium-page .annai-anm-premium-eligibility-badge {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px;
	border-radius: 17px;
	background: rgba(248, 249, 247, .94);
	backdrop-filter: blur(12px);
	box-shadow: 0 12px 32px rgba(45, 2, 48, .16)
}

.annai-anm-premium-page .annai-anm-premium-caption-icon {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	background: #490f4a;
	color: #fff;
	font-size: 21px
}

.annai-anm-premium-page .annai-anm-premium-hero-caption strong,
.annai-anm-premium-page .annai-anm-premium-hero-caption span {
	display: block
}

.annai-anm-premium-page .annai-anm-premium-hero-caption strong {
	color: #490f4a;
	font-size: 14px
}

.annai-anm-premium-page .annai-anm-premium-hero-caption span {
	font-size: 12px;
	color: var(--anm-muted);
	margin-top: 4px
}

.annai-anm-premium-page .annai-anm-premium-section {
	padding: 92px 0
}

.annai-anm-premium-page .annai-anm-premium-light-section {
	background: var(--anm-paper)
}

.annai-anm-premium-page .annai-anm-premium-dark-section,
.annai-anm-premium-page .annai-anm-premium-dark-two-section {
	background: #490f4a;
	padding: 92px 0
}

.annai-anm-premium-page .annai-anm-premium-dark-section p,
.annai-anm-premium-page .annai-anm-premium-dark-two-section p {
	color: rgba(248, 249, 247, .76)
}

.annai-anm-premium-page .annai-anm-premium-dark-section h2,
.annai-anm-premium-page .annai-anm-premium-dark-two-section h2 {
	color: var(--anm-paper)
}

.annai-anm-premium-page .annai-anm-premium-photo-card {
	min-height: 360px;
	padding: 10px;
	border: 1px solid var(--anm-border)
}

.annai-anm-premium-page .annai-anm-premium-photo-card img {
	min-height: 360px
}

.annai-anm-premium-page .annai-anm-premium-photo-badge strong {
	font-size: 32px;
	color: #e75480;
}

.annai-anm-premium-page .annai-anm-premium-photo-badge span {
	font-size: 12px;
	font-weight: 700;
	color: #490f4a;
	line-height: 1.5
}

.annai-anm-premium-page .annai-anm-premium-dark-content .annai-anm-premium-section-label {
	color: var(--pharma-yellow);
}

.annai-anm-premium-page .annai-anm-premium-training-features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 25px
}

.annai-anm-premium-page .annai-anm-premium-feature {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px;
	border: 1px solid rgba(248, 249, 247, .17);
	border-radius: 13px;
	color: var(--anm-paper);
	background: rgba(248, 249, 247, .05);
	transition: background .3s, transform .3s
}

.annai-anm-premium-page .annai-anm-premium-feature i {
	color: var(--pharma-yellow);
	font-size: 18px
}

.annai-anm-premium-page .annai-anm-premium-feature:hover {
	transform: translateY(-4px);
	background: rgba(212, 13, 195, .17)
}

.annai-anm-premium-page .annai-anm-premium-duration-section {
	padding: 0 0 28px;
	background: var(--anm-paper)
}

.annai-anm-premium-page .annai-anm-premium-duration-box {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding: 22px;
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--anm-shadow);
	border: 1px solid var(--anm-border);
	transform: translateY(-28px)
}

.annai-anm-premium-page .annai-anm-premium-duration-item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 12px 18px;
	border-right: 1px solid var(--anm-border)
}

.annai-anm-premium-page .annai-anm-premium-duration-item:last-child {
	border: 0
}

.annai-anm-premium-page .annai-anm-premium-duration-item>i {
	font-size: 25px;
	color: #e75480;
}

.annai-anm-premium-page .annai-anm-premium-duration-item strong,
.annai-anm-premium-page .annai-anm-premium-duration-item span {
	display: block
}

.annai-anm-premium-page .annai-anm-premium-duration-item strong {
	color: #490f4a;
	font-size: 15px
}

.annai-anm-premium-page .annai-anm-premium-duration-item span {
	color: var(--anm-muted);
	font-size: 12px;
	margin-top: 4px
}

.annai-anm-premium-page .annai-anm-premium-heading {
	text-align: center;
	max-width: 780px;
	margin: 0 auto 42px
}

.annai-anm-premium-page .annai-anm-premium-heading .annai-anm-premium-heading-line {
	margin: 20px auto 0
}

.annai-anm-premium-page .annai-anm-premium-objective-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px
}

.annai-anm-premium-page .annai-anm-premium-objective-card,
.annai-anm-premium-page .annai-anm-premium-higher-card {
	position: relative;
	display: flex;
	gap: 18px;
	padding: 26px 23px;
	border: 1px solid var(--anm-border);
	border-radius: 19px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(45, 2, 48, .045);
	transition: transform .35s, border-color .35s, box-shadow .35s;
	overflow: hidden
}

.annai-anm-premium-page .annai-anm-premium-objective-card:before,
.annai-anm-premium-page .annai-anm-premium-higher-card:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--anm-pink);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform .35s
}

.annai-anm-premium-page .annai-anm-premium-objective-card:hover,
.annai-anm-premium-page .annai-anm-premium-higher-card:hover {
	transform: translateY(-7px);
	border-color: rgba(212, 13, 195, .38);
	box-shadow: var(--anm-shadow)
}

.annai-anm-premium-page .annai-anm-premium-objective-card:hover:before,
.annai-anm-premium-page .annai-anm-premium-higher-card:hover:before {
	transform: scaleY(1)
}

.annai-anm-premium-page .annai-anm-premium-number,
.annai-anm-premium-page .annai-anm-premium-objective-card>span {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	display: grid;
	place-items: center;
	border-radius: 12px;
	background: rgba(212, 13, 195, .09);
	color: #e75480;
	font-size: 13px;
	font-weight: 800
}

.annai-anm-premium-page .annai-anm-premium-objective-card h3,
.annai-anm-premium-page .annai-anm-premium-higher-card h3 {
	font-size: 17px;
	line-height: 1.35;
	color: #490f4a;
	font-weight: 700;
	margin: 5px 0 10px
}

.annai-anm-premium-page .annai-anm-premium-objective-card p,
.annai-anm-premium-page .annai-anm-premium-higher-card p {
	font-size: 13px;
	margin: 0
}

.annai-anm-premium-page .annai-anm-premium-learning-grid,
.annai-anm-premium-page .annai-anm-premium-career-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px
}

.annai-anm-premium-page .annai-anm-premium-learning-card,
.annai-anm-premium-page .annai-anm-premium-career-item {
	position: relative;
	padding: 25px 20px;
	border: 1px solid rgba(248, 249, 247, .16);
	border-radius: 19px;
	background: rgba(248, 249, 247, .055);
	transition: transform .35s, border-color .35s, background .35s;
	overflow: hidden
}

.annai-anm-premium-page .annai-anm-premium-learning-card:hover,
.annai-anm-premium-page .annai-anm-premium-career-item:hover {
	transform: translateY(-7px);
	background: rgba(212, 13, 195, .15);
	border-color: rgba(255, 141, 242, .55)
}

.annai-anm-premium-page .annai-anm-premium-learning-card>span,
.annai-anm-premium-page .annai-anm-premium-career-item>span {
	position: absolute;
	top: 14px;
	right: 18px;
	color: rgba(248, 249, 247, .28);
	font-size: 22px;
	font-weight: 800
}

.annai-anm-premium-page .annai-anm-premium-learning-card>i,
.annai-anm-premium-page .annai-anm-premium-career-item>i {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 22px;
	border-radius: 15px;
	background: var(--pharma-yellow);
	color: #490f4a;
	font-size: 20px;
	transition: transform .35s
}

.annai-anm-premium-page .annai-anm-premium-learning-card:hover>i,
.annai-anm-premium-page .annai-anm-premium-career-item:hover>i {
	transform: rotate(-7deg) scale(1.08)
}

.annai-anm-premium-page .annai-anm-premium-learning-card p,
.annai-anm-premium-page .annai-anm-premium-career-item p {
	color: rgba(248, 249, 247, .84);
	font-size: 13px;
	margin: 0
}

.annai-anm-premium-page .annai-anm-premium-skill-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 24px
}

.annai-anm-premium-page .annai-anm-premium-skill-grid span {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 11px;
	background: #fff;
	border: 1px solid var(--anm-border);
	color: #490f4a;
	font-size: 13px;
	font-weight: 700
}

.annai-anm-premium-page .annai-anm-premium-skill-grid i {
	color: var(--anm-pink)
}

.annai-anm-premium-page .annai-anm-premium-eligibility-layout {
	display: grid;
	grid-template-columns: .85fr 1.15fr;
	gap: 38px;
	align-items: start
}

/* .annai-anm-premium-page .annai-anm-premium-eligibility-photo img {
	min-height: 480px
} */

.annai-anm-premium-page .annai-anm-premium-eligibility-item {
	display: flex;
	gap: 16px;
	padding: 17px 0;
	border-bottom: 1px solid rgba(248, 249, 247, .15)
}

.annai-anm-premium-page .annai-anm-premium-eligibility-item>span {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 10px;
	background: rgba(212, 13, 195, .2);
	color: #ffffff;
	font-weight: 700;
	font-size: 12px
}

.annai-anm-premium-page .annai-anm-premium-eligibility-item p {
	margin: 2px 0 0;
	font-size: 14px
}

.annai-anm-premium-page .annai-anm-premium-important-box {
	margin-top: 22px;
	padding: 20px;
	border: 1px solid rgba(255, 141, 242, .32);
	border-radius: 15px;
	background: rgba(212, 13, 195, .12)
}

.annai-anm-premium-page .annai-anm-premium-important-box strong {
	color: #ff8df2;
	display: block;
	margin-bottom: 8px
}

.annai-anm-premium-page .annai-anm-premium-important-box p {
	margin: 0;
	font-size: 13px
}

.annai-anm-premium-page .annai-anm-premium-career-intro {
	max-width: 800px;
	text-align: center;
	margin: 0 auto 35px
}

.annai-anm-premium-page .annai-anm-premium-higher-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 17px
}

.annai-anm-premium-page .annai-anm-premium-higher-card {
	display: block;
	padding: 28px 22px
}

.annai-anm-premium-page .annai-anm-premium-higher-card>i {
	display: block;
	color: var(--anm-pink);
	font-size: 25px;
	margin: 18px 0
}

.annai-anm-premium-page .annai-anm-premium-rotating-ring,
.annai-anm-premium-page .annai-anm-premium-hero-orb {
	pointer-events: none
}

.annai-anm-premium-page .annai-anm-premium-hero-pattern {
	opacity: .12
}

.annai-anm-premium-page .annai-anm-premium-photo-light,
.annai-anm-premium-page .annai-anm-premium-image-light {
	pointer-events: none
}

@keyframes anmPremiumFadeUp {
	from {
		opacity: 0;
		transform: translateY(22px)
	}

	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.annai-anm-premium-page .annai-anm-premium-hero-content {
	animation: anmPremiumFadeUp .75s ease both
}

.annai-anm-premium-page .annai-anm-premium-hero-visual {
	animation: anmPremiumFadeUp .9s .12s ease both
}

@media(max-width:991px) {

	.annai-anm-premium-page .annai-anm-premium-hero-grid,
	.annai-anm-premium-page .annai-anm-premium-two-column,
	.annai-anm-premium-page .annai-anm-premium-eligibility-layout {
		grid-template-columns: 1fr;
		gap: 35px
	}

	.annai-anm-premium-page .annai-anm-premium-hero {
		padding: 70px 0
	}

	.annai-anm-premium-page .annai-anm-premium-objective-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.annai-anm-premium-page .annai-anm-premium-learning-grid,
	.annai-anm-premium-page .annai-anm-premium-career-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.annai-anm-premium-page .annai-anm-premium-higher-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.annai-anm-premium-page .annai-anm-premium-eligibility-photo img {
		min-height: 350px
	}
}

@media(max-width:575px) {

	.annai-anm-premium-page .annai-anm-premium-section,
	.annai-anm-premium-page .annai-anm-premium-dark-section,
	.annai-anm-premium-page .annai-anm-premium-dark-two-section {
		padding: 58px 0
	}

	.annai-anm-premium-page .annai-anm-premium-hero {
		padding: 48px 0
	}

	.annai-anm-premium-page .annai-anm-premium-hero-meta {
		grid-template-columns: 1fr;
		gap: 10px
	}

	.annai-anm-premium-page .annai-anm-premium-hero-meta>div {
		display: grid;
		grid-template-columns: 28px 1fr;
		column-gap: 10px;
		align-items: center;
		padding: 13px
	}

	.annai-anm-premium-page .annai-anm-premium-hero-meta i {
		grid-row: span 2;
		margin: 0
	}

	.annai-anm-premium-page .annai-anm-premium-hero-image img {
		min-height: 280px
	}

	.annai-anm-premium-page .annai-anm-premium-hero-caption,
	.annai-anm-premium-page .annai-anm-premium-photo-badge,
	.annai-anm-premium-page .annai-anm-premium-eligibility-badge {
		left: 17px;
		right: 17px;
		bottom: 17px;
		padding: 13px
	}

	.annai-anm-premium-page .annai-anm-premium-objective-grid,
	.annai-anm-premium-page .annai-anm-premium-learning-grid,
	.annai-anm-premium-page .annai-anm-premium-career-grid,
	.annai-anm-premium-page .annai-anm-premium-higher-grid {
		grid-template-columns: 1fr
	}

	.annai-anm-premium-page .annai-anm-premium-duration-box {
		grid-template-columns: 1fr;
		padding: 14px;
		gap: 4px
	}

	.annai-anm-premium-page .annai-anm-premium-duration-item {
		border-right: 0;
		border-bottom: 1px solid var(--anm-border);
		padding: 14px 8px
	}

	.annai-anm-premium-page .annai-anm-premium-duration-item:last-child {
		border-bottom: 0
	}

	.annai-anm-premium-page .annai-anm-premium-training-features,
	.annai-anm-premium-page .annai-anm-premium-skill-grid {
		grid-template-columns: 1fr
	}

	.annai-anm-premium-page .annai-anm-premium-photo-card,
	.annai-anm-premium-page .annai-anm-premium-photo-card img {
		min-height: 270px
	}
}

@media(prefers-reduced-motion:reduce) {

	.annai-anm-premium-page *,
	.annai-anm-premium-page *:before,
	.annai-anm-premium-page *:after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important
	}
}

/* Compact typography and spacing refinement */
.annai-anm-premium-page .annai-anm-premium-hero {
	padding: 68px 0 62px
}

.annai-anm-premium-page .annai-anm-premium-hero-grid,
.annai-anm-premium-page .annai-anm-premium-two-column {
	gap: 38px
}

.annai-anm-premium-page .annai-anm-premium-hero h1 {
	font-size: clamp(32px, 3.5vw, 48px);
	line-height: 1.12;
	margin: 16px 0
}

.annai-anm-premium-page h2 {
	font-size: clamp(25px, 2.5vw, 34px);
	line-height: 1.22;
	margin: 14px 0
}

.annai-anm-premium-page h3 {
	font-size: 15px
}

.annai-anm-premium-page p {
	font-size: 13.5px;
	line-height: 1.72;
	margin-bottom: 12px
}

.annai-anm-premium-page .annai-anm-premium-kicker,
.annai-anm-premium-page .annai-anm-premium-section-label {
	font-size: 10px;
	letter-spacing: .055em;
	gap: 7px
}

.annai-anm-premium-page .annai-anm-premium-kicker {
	padding: 8px 12px
}

.annai-anm-premium-page .annai-anm-premium-hero-line,
.annai-anm-premium-page .annai-anm-premium-heading-line {
	margin: 14px 0 17px;
	width: 54px;
	height: 3px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta {
	gap: 9px;
	margin-top: 22px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta>div {
	padding: 13px 11px;
	border-radius: 12px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta i {
	font-size: 17px;
	margin-bottom: 6px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta strong {
	font-size: 12px
}

.annai-anm-premium-page .annai-anm-premium-hero-meta span {
	font-size: 11px
}

.annai-anm-premium-page .annai-anm-premium-hero-image {
	padding: 8px;
	border-radius: 20px
}

.annai-anm-premium-page .annai-anm-premium-hero-image img {
	min-height: 350px;
	border-radius: 14px
}

.annai-anm-premium-page .annai-anm-premium-hero-caption,
.annai-anm-premium-page .annai-anm-premium-photo-badge,
.annai-anm-premium-page .annai-anm-premium-eligibility-badge {
	left: 20px;
	right: 20px;
	bottom: 20px;
	padding: 13px;
	gap: 10px;
	border-radius: 13px
}

.annai-anm-premium-page .annai-anm-premium-caption-icon {
	width: 38px;
	height: 38px;
	flex-basis: 38px;
	font-size: 17px
}

.annai-anm-premium-page .annai-anm-premium-hero-caption strong {
	font-size: 12px
}

.annai-anm-premium-page .annai-anm-premium-hero-caption span {
	font-size: 10px
}

.annai-anm-premium-page .annai-anm-premium-section,
.annai-anm-premium-page .annai-anm-premium-dark-section,
.annai-anm-premium-page .annai-anm-premium-dark-two-section {
	padding: 40px 0
}

.annai-anm-premium-page .annai-anm-premium-photo-card {
	min-height: 300px;
	padding: 7px;
	border-radius: 19px
}

.annai-anm-premium-page .annai-anm-premium-photo-card img {
	min-height: 300px;
	border-radius: 13px
}

.annai-anm-premium-page .annai-anm-premium-photo-badge strong {
	font-size: 25px
}

.annai-anm-premium-page .annai-anm-premium-training-features {
	gap: 9px;
	margin-top: 18px
}

.annai-anm-premium-page .annai-anm-premium-feature {
	gap: 9px;
	padding: 11px;
	border-radius: 10px;
	font-size: 12px
}

.annai-anm-premium-page .annai-anm-premium-feature i {
	font-size: 15px
}

.annai-anm-premium-page .annai-anm-premium-duration-box {
	gap: 8px;
	padding: 15px;
	border-radius: 17px;
	transform: translateY(-20px)
}

.annai-anm-premium-page .annai-anm-premium-duration-item {
	gap: 11px;
	padding: 9px 12px
}

.annai-anm-premium-page .annai-anm-premium-duration-item>i {
	font-size: 20px
}

.annai-anm-premium-page .annai-anm-premium-duration-item strong {
	font-size: 13px
}

.annai-anm-premium-page .annai-anm-premium-duration-item span {
	font-size: 10px
}

.annai-anm-premium-page .annai-anm-premium-heading {
	margin-bottom: 30px
}

.annai-anm-premium-page .annai-anm-premium-objective-grid {
	gap: 13px
}

.annai-anm-premium-page .annai-anm-premium-objective-card,
.annai-anm-premium-page .annai-anm-premium-higher-card {
	gap: 13px;
	padding: 19px 17px;
	border-radius: 14px
}

.annai-anm-premium-page .annai-anm-premium-number,
.annai-anm-premium-page .annai-anm-premium-objective-card>span {
	flex-basis: 34px;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	font-size: 11px
}

.annai-anm-premium-page .annai-anm-premium-objective-card h3,
.annai-anm-premium-page .annai-anm-premium-higher-card h3 {
	font-size: 14px;
	margin: 3px 0 7px
}

.annai-anm-premium-page .annai-anm-premium-objective-card p,
.annai-anm-premium-page .annai-anm-premium-higher-card p {
	font-size: 12px;
	line-height: 1.65
}

.annai-anm-premium-page .annai-anm-premium-learning-grid,
.annai-anm-premium-page .annai-anm-premium-career-grid {
	gap: 12px
}

.annai-anm-premium-page .annai-anm-premium-learning-card,
.annai-anm-premium-page .annai-anm-premium-career-item {
	padding: 20px 15px;
	border-radius: 14px;
	display: flex;
}

.annai-anm-premium-page .annai-anm-premium-learning-card>span,
.annai-anm-premium-page .annai-anm-premium-career-item>span {
	top: 11px;
	right: 13px;
	font-size: 18px
}

.annai-anm-premium-page .annai-anm-premium-learning-card>i,
.annai-anm-premium-page .annai-anm-premium-career-item>i {
	width: 40px;
	height: 40px;
	min-width: 40px;
	margin-bottom: 15px;
	border-radius: 11px;
	font-size: 16px;
	margin-right: 20px;
}

.annai-anm-premium-page .annai-anm-premium-learning-card p,
.annai-anm-premium-page .annai-anm-premium-career-item p {
	font-size: 12px;
	line-height: 1.65
}

.annai-anm-premium-page .annai-anm-premium-skill-grid {
	gap: 8px;
	margin-top: 18px
}

.annai-anm-premium-page .annai-anm-premium-skill-grid span {
	gap: 8px;
	padding: 9px 11px;
	border-radius: 9px;
	font-size: 12px
}

.annai-anm-premium-page .annai-anm-premium-eligibility-layout {
	gap: 28px
}


.annai-anm-premium-page .annai-anm-premium-eligibility-item {
	gap: 12px;
	padding: 15px 0
}

.annai-anm-premium-page .annai-anm-premium-eligibility-item>span {
	flex-basis: 29px;
	width: 29px;
	height: 29px;
	font-size: 11px
}

.annai-anm-premium-page .annai-anm-premium-eligibility-item p {
	font-size: 12px;
	line-height: 1.65
}

.annai-anm-premium-page .annai-anm-premium-important-box {
	margin-top: 16px;
	padding: 15px;
	border-radius: 12px
}

.annai-anm-premium-page .annai-anm-premium-important-box p {
	font-size: 12px
}

.annai-anm-premium-page .annai-anm-premium-career-intro {
	margin-bottom: 26px
}

.annai-anm-premium-page .annai-anm-premium-higher-grid {
	gap: 13px
}

.annai-anm-premium-page .annai-anm-premium-higher-card {
	padding: 10px 15px;
}

.annai-anm-premium-page .annai-anm-premium-higher-card>i {
	font-size: 21px;
	margin: 13px 0
}

@media(max-width:991px) {
	.annai-anm-premium-page .annai-anm-premium-hero {
		padding: 52px 0
	}

	.annai-anm-premium-page .annai-anm-premium-hero-grid,
	.annai-anm-premium-page .annai-anm-premium-two-column,
	.annai-anm-premium-page .annai-anm-premium-eligibility-layout {
		gap: 25px
	}

	.annai-anm-premium-page .annai-anm-premium-eligibility-photo img {
		min-height: 320px
	}
}

@media(max-width:575px) {

	.annai-anm-premium-page .annai-anm-premium-section,
	.annai-anm-premium-page .annai-anm-premium-dark-section,
	.annai-anm-premium-page .annai-anm-premium-dark-two-section {
		padding: 42px 0
	}

	.annai-anm-premium-page .annai-anm-premium-hero {
		padding: 38px 0
	}

	.annai-anm-premium-page .annai-anm-premium-hero h1 {
		font-size: 30px
	}

	.annai-anm-premium-page h2 {
		font-size: 24px
	}

	.annai-anm-premium-page p {
		font-size: 12.5px
	}

	.annai-anm-premium-page .annai-anm-premium-hero-image img {
		min-height: 250px
	}

	.annai-anm-premium-page .annai-anm-premium-hero-meta>div {
		padding: 10px
	}

	.annai-anm-premium-page .annai-anm-premium-objective-grid,
	.annai-anm-premium-page .annai-anm-premium-learning-grid,
	.annai-anm-premium-page .annai-anm-premium-career-grid,
	.annai-anm-premium-page .annai-anm-premium-higher-grid {
		gap: 10px
	}

	.annai-anm-premium-page .annai-anm-premium-objective-card,
	.annai-anm-premium-page .annai-anm-premium-higher-card {
		padding: 15px 13px
	}

	.annai-anm-premium-page .annai-anm-premium-learning-card,
	.annai-anm-premium-page .annai-anm-premium-career-item {
		min-height: 140px;
		padding: 17px 14px
	}

	.annai-anm-premium-page .annai-anm-premium-duration-box {
		padding: 10px
	}

	.annai-anm-premium-page .annai-anm-premium-duration-item {
		padding: 11px 6px
	}

	.annai-anm-premium-page .annai-anm-premium-eligibility-photo img {
		min-height: 260px
	}
}


/* Final typography refinement: keep all readable text at 15px minimum */
.annai-anm-premium-page p,
.annai-anm-premium-page li,
.annai-anm-premium-page .annai-anm-premium-kicker,
.annai-anm-premium-page .annai-anm-premium-section-label,
.annai-anm-premium-page .annai-anm-premium-hero-meta strong,
.annai-anm-premium-page .annai-anm-premium-hero-meta span,
.annai-anm-premium-page .annai-anm-premium-objective-card h3,
.annai-anm-premium-page .annai-anm-premium-objective-card p,
.annai-anm-premium-page .annai-anm-premium-learning-card p,
.annai-anm-premium-page .annai-anm-premium-career-item p,
.annai-anm-premium-page .annai-anm-premium-higher-card h3,
.annai-anm-premium-page .annai-anm-premium-higher-card p,
.annai-anm-premium-page .annai-anm-premium-skill-grid span,
.annai-anm-premium-page .annai-anm-premium-eligibility-item p,
.annai-anm-premium-page .annai-anm-premium-important-box p,
.annai-anm-premium-page .annai-anm-premium-duration-item strong,
.annai-anm-premium-page .annai-anm-premium-duration-item span,
.annai-anm-premium-page .annai-anm-premium-hero-caption strong,
.annai-anm-premium-page .annai-anm-premium-hero-caption span,
.annai-anm-premium-page .annai-anm-premium-photo-badge span,
.annai-anm-premium-page .annai-anm-premium-eligibility-badge strong,
.annai-anm-premium-page .annai-anm-premium-eligibility-badge span {
	font-size: 15px;
}

.annai-anm-premium-page .annai-anm-premium-objective-card h3,
.annai-anm-premium-page .annai-anm-premium-higher-card h3 {
	font-weight: 700;
}

.annai-anm-premium-page p {
	line-height: 1.7;
}

.annai-anm-premium-career-item p {
	font-size: 13px !important;
}