html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

img {
	-webkit-user-drag: none;
}
:root {
	/* Primary palette */
	--primary-900: #1a4723;
	--primary-800: #205c2c;
	--primary-700: #276e35;
	--primary-600: #2d803e;
	--primary-500: #348f47;
	--primary-400: #44a359;
	--primary-300: #67b778;
	--primary-200: #9bd3a7;
	--primary-100: #cee9d5;
	--primary-50: #f0f9f2;

	/* Neutral palette */
	--neutral-900: #101d17;
	--neutral-800: #1f302a;
	--neutral-700: #2e443d;
	--neutral-600: #3d5950;
	--neutral-500: #4c6d63;
	--neutral-400: #6a8d82;
	--neutral-300: #96b1a8;
	--neutral-200: #c3d2cc;
	--neutral-100: #e0e9e6;
	--neutral-50: #f2f6f4;

	/* Accent colors */
	--accent-yellow: #eab308;
	--accent-amber: #f59e0b;
	--accent-orange: #f97316;
	--accent-blue: #0ea5e9;
	--accent-indigo: #6366f1;

	/* Font sizes */
	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-4xl: 2.25rem;
	--text-5xl: 3rem;
	--text-6xl: 3.75rem;
	--text-7xl: 4.5rem;
	--text-8xl: 6rem;

	/* Animation speeds */
	--transition-fast: 150ms;
	--transition-normal: 250ms;
	--transition-slow: 350ms;
	--transition-slower: 500ms;

	/* Spacing system */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.25rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--space-10: 2.5rem;
	--space-12: 3rem;
	--space-16: 4rem;
	--space-20: 5rem;
	--space-24: 6rem;
	--space-32: 8rem;
	--space-40: 10rem;
	--space-48: 12rem;
	--space-56: 14rem;
	--space-64: 16rem;

	/* Box shadows */
	--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
	--main_green: #438F3A;
}

/* Base styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'FoundersGrotesk-Text';
	/* color: var(--neutral-800); */
	/* line-height: 1.6; */
	/* background-color: var(--neutral-50); */
	overflow-x: hidden;
}

.p_80 {
	padding: 80px 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'FoundersGrotesk-Text';
	font-weight: 600;
	line-height: 1.2;
}

a {
	text-decoration: none;
	color: inherit;
	transition: color var(--transition-normal);
}

img {
	max-width: 100%;
	height: auto;
}
.hide{
	display: none;
}
/* Layout utilities */
.container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--space-4);
}

.section {
	position: relative;
	padding: var(--space-20) 0;
}

.section-sm {
	padding: var(--space-10) 0;
}

.section-lg {
	padding: var(--space-32) 0;
}

.grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: var(--space-6);
}

.narrow-container {
	max-width: 800px;
	margin: 0 auto;
}

.flex {
	display: flex;
}

.items-center {
	align-items: center;
}

.justify-between {
	justify-content: space-between;
}

.gap-4 {
	gap: var(--space-4);
}

.gap-6 {
	gap: var(--space-6);
}

.gap-8 {
	gap: var(--space-8);
}

/* Typography */
.heading-xl {
	font-size: var(--text-6xl);
	letter-spacing: -0.02em;
	font-weight: 700;
}

.heading-lg {
	font-size: var(--text-5xl);
	letter-spacing: -0.02em;
}

.heading-md {
	font-size: var(--text-4xl);
	letter-spacing: -0.01em;
}

.heading-sm {
	font-size: var(--text-3xl);
}

.heading-xs {
	font-size: var(--text-2xl);
}

.subheading {
	font-size: var(--text-xl);
	font-weight: 500;
}

.body-lg {
	font-size: var(--text-lg);
}

.body-base {
	font-size: var(--text-base);
}

.body-sm {
	font-size: var(--text-sm);
}

.caption {
	font-size: var(--text-xs);
	letter-spacing: 0.02em;
}

.uppercase {
	text-transform: uppercase;
}

.font-medium {
	font-weight: 500;
}

.font-semibold {
	font-weight: 600;
}

.font-bold {
	font-weight: 700;
}

.text-neutral-500 {
	color: var(--neutral-500);
}

.text-neutral-600 {
	color: var(--neutral-600);
}

.text-primary-600 {
	color: var(--primary-600);
}

.text-center {
	text-align: center;
}

.tracking-wide {
	letter-spacing: 0.05em;
}

/* Spacing utilities */
.mt-1 {
	margin-top: var(--space-1);
}

.mt-2 {
	margin-top: var(--space-2);
}

.mt-4 {
	margin-top: var(--space-4);
}

.mt-6 {
	margin-top: var(--space-6);
}

.mt-8 {
	margin-top: var(--space-8);
}

.mt-12 {
	margin-top: var(--space-12);
}

.mt-16 {
	margin-top: var(--space-16);
}

.mb-1 {
	margin-bottom: var(--space-1);
}

.mb-2 {
	margin-bottom: var(--space-2);
}

.mb-4 {
	margin-bottom: var(--space-4);
}

.mb-6 {
	margin-bottom: var(--space-6);
}

.mb-8 {
	margin-bottom: var(--space-8);
}

.mb-12 {
	margin-bottom: var(--space-12);
}

.mb-16 {
	margin-bottom: var(--space-16);
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}
p{
	font-family: 'FoundersGrotesk-Web';
}
/* Components */
.card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	box-shadow: var(--shadow-md);
}

.card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.tag {
	display: inline-block;
	padding: var(--space-1) var(--space-3);
	border-radius: 100px;
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.tag-primary {
	background-color: var(--primary-100);
	color: var(--primary-800);
}

.tag-amber {
	background-color: rgb(254, 243, 199);
	color: rgb(180, 83, 9);
}

.tag-orange {
	background-color: rgb(254, 235, 200);
	color: rgb(194, 65, 12);
}

.tag-blue {
	background-color: rgb(219, 234, 254);
	color: rgb(30, 64, 175);
}

.section-label {
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	color: var(--main_green);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: var(--space-2);
	position: relative;
	margin-left: 3px;
}

.section-label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -24px;
	width: 16px;
	height: 2px;
	background-color: var(--primary-400);
	transform: translateY(-50%);
}
.crsi_btn {
	font-size: 18px;
	line-height: 28px;
	border: 1px solid var(--main_green);
	padding: 14px 28px;
	background-color: var(--main_green);
	color: #fff;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
	width: max-content;
}

.crsi_btn svg {
	margin-left: 12px;
	transition: all 0.3s ease-in-out;
}

.crsi_btn:hover {
	background-color: #fff;
	color: var(--main_green);
}

.crsi_btn:hover svg {
	transform: rotate(45deg);
}

.crsi_btn:hover svg path {
	fill: var(--main_green);
	background-color: transparent;
	color: var(--main_green);

}

/* Hero Section */
video#bgVideo {
	width: 100%;
	height: 650px;
	object-fit: cover;
}

section.hero {
	position: relative;
}
section.hero:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,rgba(0, 0, 0, 0.51) 0%, rgba(255, 255, 255, 0) 40%);
}

.hero-content {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	width: 670px;
	position: absolute;
	top: 0;
}

.hero-content h1 {
	font-size: 80px;
	line-height: 90px;
	color: #fff;
	margin-bottom: 24px;
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: both;
}

/* Animations */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero-content p {
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 24px;
	letter-spacing: 0.3px;
	font-family: 'FoundersGrotesk-Web';
	animation: fadeInUp 1s ease-out 0.2s;
	animation-fill-mode: both;
}
.hero-stats {
	display: none !important;
}
.hero-stats {
	display: inline-flex;
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(8px);
	padding: var(--space-4) var(--space-6);
	border-radius: 6px;
	margin-bottom: var(--space-8);
	animation: fadeInUp 1s ease-out 0.4s;
	animation-fill-mode: both;
	width: max-content;
}

.hero-stats .stat {
	text-align: center;
	padding: 0 var(--space-4);
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.hero-stats .stat-number {
	font-size: var(--text-3xl);
	font-weight: 700;
	display: block;
	color: #fff;
}


.hero-stats .stat-label {
	font-size: var(--text-sm);
	font-size: 18px;
	color: #fff;
	line-height: 28px;
	font-family: 'FoundersGrotesk-Web';
}

.hero-stats .stat:last-child {
	border-right: none;
}

.hero-cta {
	display: flex;
	align-items: center;
	width: max-content;
	gap: 24px;
	animation: fadeInUp 1s ease-out 0.6s;
	animation-fill-mode: both;
}
.hero-cta .crsi_btn:last-child {
	background: #fff;
	border: 1px solid #fff;
	color: var(--main_green);
}
.hero-cta .crsi_btn svg path{
	fill:var(--main_green);
}
.hero-cta .crsi_btn:hover{
	background:#fff;
	color:var(--main_green);
}

/* Who we are */
.who-we-are-grid .vm-content-col {
	grid-column: unset;
}
.who-we-are-grid {
	display: grid;
	gap: var(--space-12);
	grid-template-columns: 1fr 1.3fr;
	/*     grid-template-columns: 1fr 1fr; */
	/* align-items: center; */
}

.who-we-are-content h2 {
	font-size: 36px;
	line-height: 46px;
	color: #000;
	margin-bottom: 12px;
}

.who-we-are-content p {
	color: #000;
	font-size: 20px;
	line-height: 31px;
	margin-bottom: 48px;
	font-family: 'FoundersGrotesk-Web';
	font-weight: 300;
	letter-spacing: 0.3px;
}
.who-we-are-image {
	margin-left: auto;
}
.who-we-are-image img {
	border-radius: 4px;
	height: 660px;
	object-fit: contain;
	margin-left: auto;
}
.objectives-header h2 {
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 24px;
}

/* Our Values Section */
.values-section {
	padding:80px 0px;
	background-color: var(--neutral-100);
	display: none;
}

.values-header {
	max-width: 720px;
	margin: 0 auto var(--space-12) auto;
	text-align: center;
}

.values-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-6);
}

.value-card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	box-shadow: var(--shadow-md);
}

.value-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.value-image {
	height: 240px;
	overflow: hidden;
}

.value-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}

.value-card:hover .value-image img {
	transform: scale(1.1);
}

.value-content {
	padding: var(--space-6);
}

.value-card-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.values-header h2{
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 24px;
}
.values-header p{
	font-family: 'FoundersGrotesk-Web';
	font-size: 24px;
	color: #000;
}
.value-content h3 {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 8px;
}
.value-content p {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 12px;
	font-family: 'FoundersGrotesk-Web';
}
.value-content .btn {
	display: flex;
	align-items: center;
	gap: 2px;
	width: max-content;
	transition: 0.4s all;
}
.value-content .btn svg {
	margin-top: 4px;
	transition: 0.4s all;
}
.value-content .btn:hover {
	color: var(--main_green);
}
.vm-icon-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/*     padding-left: 60px; */
	margin-top: 24px;
}
.vm-icon-grid-box {
	text-align: center;
}
.vm-icon-grid-box h4 {
	color: #000;
	font-family: 'FoundersGrotesk-Web';
	letter-spacing: 1px;
	font-size: 18px;
}
.vm-icon-grid-box p {
	display: none;
}
/* Sustainability */
.sustainability_sec {
	position: relative;
	height: 600px;
	background: #012F0A;
	display: none;
}

.sustainability_inner_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	direction: rtl;
}

.sustainability_inner_grid>* {
	direction: ltr;
}

.sustainability_image img {
	display: flex;
	width: 100%;
	height: 600px;
	object-fit: cover;
}

.sustainability_inner_grid_left {
	position: absolute;
	left: 0;
	width: 50%;
}

.sustainability_inner_grid_right {
	height: 600px;
}

.sustainability_text {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: self-start;
	justify-content: center;
	padding-left: 80px;
}

.sustainability_text h6 {
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 18px;
}

.sustainability_text h2 {
	font-weight: 700;
	font-size: 58px;
	line-height: 68px;
	color: #fff;
	margin-bottom: 12px;
}
.sustainability_text p{
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 48px;
	font-family: 'FoundersGrotesk-Web';
}
.sustainability_text .section-label {
	color: #fff;
}
.sustainability_text .section-label::before {;
	background-color: #fff;
}
/* Article */
/* Knowledge Hub Section */
.knowledge-section {
	background-color: #fff;
	padding:80px 0px;
	display: none;
}

.knowledge-header {
	max-width: 700px;
	margin: 0 auto var(--space-12) auto;
	text-align: center;
}

.knowledge-categories {
	display: flex;
	justify-content: center;
	gap: var(--space-4);
	margin-bottom: var(--space-12);
}

.knowledge-category {
	padding: var(--space-3) var(--space-6);
	border-radius: 100px;
	background-color: var(--neutral-100);
	transition: all var(--transition-normal);
	font-weight: 500;
	cursor: pointer;
	font-size: 18px;
	line-height: 28px;
}

.knowledge-category:hover {
	background-color: var(--neutral-200);
}

.knowledge-category.active {
	background-color: var(--primary-600);
	color: white;
}

.knowledge-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-6);
}

.article-card {
	border-radius: 8px;
	overflow: hidden;
	background-color: white;
	box-shadow: var(--shadow-md);
	transition: all var(--transition-normal);
}

.article-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.article-image {
	height: 200px;
	overflow: hidden;
}

.article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}

.article-card:hover .article-image img {
	transform: scale(1.05);
}

.article-content {
	padding: var(--space-6);
}

.article-meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--space-2);
	font-size: var(--text-sm);
	color: var(--neutral-500);
}

.article-tag {
	display: inline-block;
	padding: var(--space-1) var(--space-3);
	background-color: var(--primary-100);
	color: var(--primary-700);
	border-radius: 100px;
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
}

.article-title {
	font-size: var(--text-xl);
	margin-bottom: var(--space-4);
	line-height: 1.3;
}

.reports-tab,
.insights-tab,
.newsletters-tab {
	display: none;
}

.active-tab {
	display: grid;
}

/* Report Card */
.report-card {
	background-color: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.report-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.report-image {
	height: 180px;
	position: relative;
	overflow: hidden;
}

.report-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}

.report-card:hover .report-image img {
	transform: scale(1.05);
}

.report-badge {
	position: absolute;
	top: var(--space-4);
	right: var(--space-4);
	padding: var(--space-1) var(--space-3);
	background-color: var(--primary-600);
	color: white;
	border-radius: 100px;
	font-size: var(--text-xs);
	font-weight: 600;
}

.report-content {
	padding: var(--space-6);
}

.report-meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--space-2);
	font-size: var(--text-sm);
	color: var(--neutral-500);
}

.report-title {
	font-size: var(--text-xl);
	margin-bottom: var(--space-4);
	line-height: 1.3;
}

.newsletter-card {
	background-color: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	display: flex;
}

.newsletter-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.newsletter-image {
	flex: 0 0 120px;
	background-color: var(--primary-600);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text-2xl);
	color: white;
}

.newsletter-content {
	padding: var(--space-6);
	flex: 1;
}

.newsletter-date {
	font-size: var(--text-sm);
	color: var(--neutral-500);
	margin-bottom: var(--space-2);
}

.newsletter-title {
	font-size: var(--text-xl);
	margin-bottom: var(--space-4);
	line-height: 1.3;
}

.insight-card {
	background-color: white;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.insight-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.insight-header {
	padding: var(--space-6);
	border-bottom: 1px solid var(--neutral-100);
}

.insight-author {
	display: flex;
	align-items: center;
	gap: var(--space-4);
}

.insight-author-photo {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
}

.insight-author-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.insight-author-name {
	font-weight: 600;
}

.insight-author-title {
	font-size: var(--text-sm);
	color: #000;
}

.insight-content {
	padding: var(--space-6);
}

.insight-title {
	font-size: var(--text-xl);
	margin-bottom: var(--space-4);
	line-height: 1.3;
}

.insight-excerpt {
	color: var(--neutral-600);
	margin-bottom: var(--space-4);
	font-family: 'FoundersGrotesk-Web';
	font-size: 18px;
	line-height: 25px;
	color: #000;
}

.article-content .btn {
	width: max-content;
	display: flex;
	align-items: center;
	transition: 0.4s all;
}
.article-content .btn:hover{
	color: var(--main_green);
}
.report-content .btn {
	width: max-content;
	display: flex;
	align-items: center;
	transition: 0.4s all;
	gap: 4px;
}
.report-content .btn:hover{
	color: var(--main_green);
}
.article-content .btn svg {
	margin-top: 3px;
	margin-left: 1px;
}
.insight-content .btn {
	width: max-content;
	display: flex;
	align-items: center;
	transition: 0.4s all;
}
.insight-content .btn:hover{
	color: var(--main_green);
}
.insight-content .btn svg {
	margin-top: 3px;
	margin-left: 1px;
}
.newsletter-content .btn {
	width: max-content;
	display: flex;
	align-items: center;
	transition: 0.4s all;
}
.newsletter-content .btn:hover{
	color: var(--main_green);
}
.newsletter-content .btn svg {
	margin-top: 3px;
	margin-left: 1px;
}
.knowledge-header h2 {
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 24px;
}
.knowledge-header p {
	font-family: 'FoundersGrotesk-Web';
	font-size: 24px;
	color: #000;
}
.newsletter-content p{
	font-family: 'FoundersGrotesk-Web';
	font-size: 18px;
	line-height: 25px;
	color: #000;
}
.report-meta span {
	color: #000;
}


/* Contact */
.cnt_inner_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.cnt_image img {
	display: flex;
	width: 100%;
	height: 600px;
	object-fit: cover;
}

section.cnt_sec {
	position: relative;
	height: 600px;
	background: url(https://crsi.in/wp-content/uploads/2025/04/contact-back.png);
}

.cnt_inner_grid_left {
	position: absolute;
	right: 0;
	width: 50%;
}

.cnt_inner_grid_right {
	height: 600px;
}

.cnt_text {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: self-start;
	justify-content: center;
	padding-right: 80px;
}

.cnt_text h6 {
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 18px;
}

/* .cnt_text h2 {
font-weight: 700;
font-size: 58px;
line-height: 68px;
color: #fff;
margin-bottom: 64px;
} */
.cnt_text h2 {
	font-weight: 700;
	font-size: 48px;
	line-height: 58px;
	color: #fff;
	margin-bottom: 18px;
}
.cnt_text .crsi_btn {
	background: #fff;
	color: var(--main_green);
}

.cnt_text .crsi_btn svg path {
	fill: var(--main_green);
}
.cnt_text .section-label {
	color: #fff;
}
.cnt_text .section-label::before {;
	background-color: #fff;
}

.cnt_text p {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 48px;
	font-family: 'FoundersGrotesk-Web';
}


/* partner */
.partner_sec {
	display: none;
}
.partner_heading h2 {
	font-weight: 700;
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 48px;
}

.partner_outer_box {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.partner_inner_box {
	border: 1px solid #D9D9D9;
	text-align: center;
	padding: 30px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
}

.partner_inner_box:hover {
	transform: translateY(-8px);
}

/* Footer */
footer {
	background: #000;
	padding: 100px 0px 70px 0px;
}

.footer_box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.footer_box_inner_box {
	color: #fff;
}

.footer_box_inner_box p {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin-top: 24px;
	font-family: 'FoundersGrotesk-Web';
	letter-spacing: 0.3px;
}

.footer_reserved {
	padding-top: 100px;
}

.footer_reserved p {
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
}

.footer_box_inner_box h4:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 3px;
	width: 50px;
	height: 3px;
	background: var(--main_green);
}

.footer_box_inner_box h4 {
	font-size: 32px;
	padding-bottom: 12px;
	line-height: 42px;
	margin-bottom: 24px;
	position: relative;
}

.footer_box_inner_box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
ul.social_icon li{
	transition: 0.2s;
}
ul.social_icon li:hover {
	transform: translateY(-4px);
}
.footer_box_inner_box ul li a {
	font-size: 20px;
	line-height: 30px;
	font-family: 'FoundersGrotesk-Web';
}

.footer_box {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.footer_box .footer_box_inner_box:nth-child(2) {
	width: 70%;
	margin-left: auto;
}

.newsletter-form {
	display: flex;
	margin-bottom: var(--space-4);
	margin-top: 24px;
}

.newsletter-input {
	flex: 1;
	padding: var(--space-3) var(--space-4);
	border: none;
	border-radius: 4px 0 0 4px;
	font-family: inherit;
	font-size: inherit;
}

.newsletter-btn {
	background-color: var(--primary-600);
	color: white;
	padding: 0 var(--space-4);
	border: 1px solid #fff;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	transition: background-color var(--transition-normal);
}

ul.social_icon {
	flex-direction: row;
	gap: 12px;
	margin-top: 32px;
}
.Footer_link li a{
	transition: 0.2s;
}
.Footer_link li a:hover{
	padding-left:4px;
}


/* Who We Are Page Css*/
.page-banner {
	position: relative;
	height: 400px;
	display: flex;
	align-items: center;
	color: white;
	overflow: hidden;
}
/* .page-banner:before {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
/* background: #fff; */
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%);
} */
.page-banner-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}
/* .page-banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(26, 71, 35, 0.7), rgba(16, 29, 23, 0.9));
z-index: -1;
} */
/* .page-banner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgb(4 157 53), rgb(4 157 53 / 0%));
z-index: -1;
} */

.page-banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://ceep.in/crsi/wp-content/uploads/2025/04/contact-back.png);
	z-index: -1;
}
.page-banner-content {
	max-width: 800px;
}
.page-banner-title {
	font-size: var(--text-6xl);
	line-height: 1.1;
	margin-bottom: var(--space-6);
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: both
}
.page-banner-subtitle {
	opacity: 0.9;
	animation: fadeInUp 1s ease-out 0.2s;
	animation-fill-mode: both;
	width: 75%;
	font-family: 'FoundersGrotesk-Web';
	font-size: 24px;
	line-height: 34px;
}
.intro-section {
	position: relative;
	padding: var(--space-20) 0;
	overflow: hidden;
}
.intro-shape {
	position: absolute;
	right: -300px;
	top: -150px;
	width: 600px;
	height: 600px;
	background-color: var(--primary-100);
	border-radius: 50%;
	z-index: -1;
	opacity: 0.5;
}

.intro-content {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

}
.fade-in-up-1 {
	animation: fadeInUp 1s ease-out 0.1s forwards;
	opacity: 0;
}
.intro-paragraph {
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	margin-bottom: var(--space-8);
	font-family: 'FoundersGrotesk-Web';
}

.intro-paragraph:last-child {
	margin-bottom: 0;
}

.objectives-section {
	background-color: var(--neutral-100);
	padding: var(--space-20) 0;
	position: relative;
	overflow: hidden;
}
.objectives-accent {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 100%;
	background: linear-gradient(90deg, var(--primary-200) 0%, rgba(155, 211, 167, 0) 100%);
	z-index: 0;
}
.objectives-header {
	text-align: center;
	margin-bottom: var(--space-16);
	position: relative;
}
.objectives-grid {
	display: grid
		;
	grid-template-columns: repeat(1, 1fr);
	gap: var(--space-8);
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.fade-in-up-1 {
	animation: fadeInUp 1s ease-out 0.1s forwards;
	opacity: 0;
}
.fade-in-up-2 {
	animation: fadeInUp 1s ease-out 0.2s forwards;
	opacity: 0;
}
.fade-in-up-3 {
	animation: fadeInUp 1s ease-out 0.3s forwards;
	opacity: 0;
}
.fade-in-up-4 {
	animation: fadeInUp 1s ease-out 0.4s forwards;
	opacity: 0;
}
.fade-in-up-5 {
	animation: fadeInUp 1s ease-out 0.5s forwards;
	opacity: 0;
}
.objective-card {
	background-color: white;
	border-radius: 12px;
	padding: var(--space-8);
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	display: flex
		;
	gap: var(--space-6);
	align-items: flex-start;
}

.objective-number {
	/* font-family: 'Fraunces', serif; */
	font-size: var(--text-5xl);
	font-weight: 700;
	color: var(--primary-200);
	line-height: 1;
	flex-shrink: 0;
	margin-top: -2px;
}
.objective-content h3 {
	color: var(--primary-700);
	margin-bottom: var(--space-3);
	font-size: 24px;
	line-height: 34px;
}

.objective-content p {
	color: #000000;
	line-height: 31px;
	font-size: 21px;
	font-family: 'FoundersGrotesk-Web';
}
/* Contact Us Css */
.contact-hero {
	position: relative;
	height: 50vh;
	min-height: 400px;
	background-color: var(--primary-600);
	color: white;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.contact-hero-pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 0;
	background-image: url(https://ceep.in/crsi/wp-content/uploads/2025/06/inner-banner.webp);
	background-size: cover;
}
.contact-hero-circle-1 {
	top: -200px;
	right: -100px;
	animation: float 20s ease-in-out infinite;
}
.contact-hero-circle {
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.05);
	z-index: 0;
}
.contact-hero-circle-2 {
	bottom: -150px;
	left: -100px;
	width: 300px;
	height: 300px;
	animation: float 15s ease-in-out infinite reverse;
}
.contact-hero-content {
	position: relative;
	z-index: 1;
	max-width: 900px;
}
.contact-hero-title {
	font-size: var(--text-6xl);
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: var(--space-6);
	animation: fadeInUp 1s ease-out;
}
.contact-hero-subtitle {
	font-size: 24px;
	max-width: 75%;
	opacity: 0.9;
	font-family: 'FoundersGrotesk-Web';
	animation: fadeInUp 1s ease-out 0.2s;
	animation-fill-mode: both;
}
.contact-hero-email {
	display: inline-flex
		;
	align-items: center;
	margin-top: var(--space-8);
	padding: var(--space-4) var(--space-6);
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 50px;
	font-size: var(--text-xl);
	font-weight: 500;
	transition: all var(--transition-normal);
	animation: fadeInUp 1s ease-out 0.4s;
	animation-fill-mode: both;
}

.contact-hero-email svg {
	margin-right: var(--space-3);
}
.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-16);
	max-width: 1200px;
	margin: 0 auto;
}
.contact-form-wrapper {
	position: relative;
	z-index: 2;
}
.contact-form-container {
	background-color: white;
	border-radius: 12px;
	box-shadow: var(--shadow-md);
	padding: var(--space-8);
	position: relative;
	overflow: hidden;
}
.contact-form-accent {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 100px;
	background-color: var(--primary-500);
}
.contact-form-title {
	margin-bottom: var(--space-6);
	font-size: var(--text-3xl);
	color: var(--neutral-800);
}
.form-group {
	margin-bottom: var(--space-6);
}
.form-label {
	display: block;
	font-weight: 500;
	margin-bottom: var(--space-2);
	color: var(--neutral-700);
	font-size: 18px;
}
.form-input, .form-textarea {
	width: 100%;
	padding: var(--space-4) var(--space-5);
	border: 1px solid var(--neutral-200);
	border-radius: 6px;
	font-family: inherit;
	font-size: var(--text-base);
	transition: all var(--transition-normal);
	background-color: var(--neutral-50);
}
.contact-info-container {
	padding: var(--space-10) 0;
}
.contact-card {
	background-color: white;
	border-radius: 12px;
	padding: var(--space-6);
	margin-bottom: var(--space-6);
	box-shadow: var(--shadow-md);
	transition: all var(--transition-normal);
	position: relative;
	overflow: hidden;
	display: flex
		;
	align-items: flex-start;
	gap: var(--space-6);
}
.contact-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background-color: var(--primary-500);
}
.contact-icon-wrapper {
	width: 60px;
	height: 60px;
	background-color: var(--primary-100);
	border-radius: 50%;
	display: flex
		;
	align-items: center;
	justify-content: center;
	color: var(--primary-600);
	font-size: var(--text-2xl);
	flex-shrink: 0;
}
.contact-card-content h3 {
	font-size: 24px;
	margin-bottom: var(--space-2);
	color: var(--neutral-800);
}
.contact-card-content p {
	color: #000;
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 28px;
}
.contact-link {
	color: var(--primary-600);
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	transition: all var(--transition-normal);
	font-size: 18px;
	line-height: 28px;
}
.contact-team-section {
	background-color: var(--neutral-50);
	padding: var(--space-20) 0;
	position: relative;
	overflow: hidden;
	display: none;
}
.contact-team-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 400px;
	height: 400px;
	background-color: var(--primary-100);
	border-radius: 50%;
	opacity: 0.5;
	z-index: 0;
}
.contact-team-container {
	position: relative;
	z-index: 1;
}

.contact-team-header {
	text-align: center;
	margin-bottom: 48px;
}
.contact-team-header h2 {
	font-size: 58px;
	line-height: 68px;
}
.contact-team-header p {
	color: #000;
	font-size: 24px;
	line-height: 34px;
	font-family: 'FoundersGrotesk-Web';
}
.contact-team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: var(--space-8);
}
.team-member-card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: all var(--transition-normal);
	text-align: center;
}
.team-member-photo {
	height: 180px;
	background-color: var(--primary-100);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary-700);
	font-size: var(--text-5xl);
}
.team-member-info {
	padding: var(--space-6);
}
.team-member-name {
	font-size: var(--text-xl);
	margin-bottom: var(--space-1);
	color: var(--neutral-800);
}
.team-member-role {
	color: var(--primary-600);
	font-weight: 500;
	margin-bottom: var(--space-4);
}
.team-member-email {
	color: var(--neutral-600);
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
}
.team-member-email svg {
	font-size: var(--text-sm);
}

.contact-map-section {
	padding: var(--space-20) 0;
	position: relative;
	background: var(--neutral-50);
	display: none;
}
.contact-map-container {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	height: 500px;
	position: relative;
}
.contact-map-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	border-radius: 12px;
	padding: var(--space-6);
	box-shadow: var(--shadow-lg);
	max-width: 400px;
	width: 100%;
	text-align: center;
	z-index: 1;
}
.contact-map-title {
	font-size: 24px;
	margin-bottom: var(--space-4);
}
.contact-map-address {
	color: #000000;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: var(--space-6);
}
.socials-section {
	background-color: var(--neutral-50);
	padding: var(--space-20) 0;
	text-align: center;
	display: none;
}
.container.socials-container h2{
	font-size: 58px;
	line-height: 68px;
}
.container.socials-container p {
	color: #000;
	font-size: 24px;
	line-height: 34px;
	font-family: 'FoundersGrotesk-Web';
}
.contact-map-overlay a {
	color: var(--main_green);
	font-size: 18px;
}
.socials-container {
	max-width: 800px;
	margin: 0 auto;
}
.socials-grid {
	display: flex;
	justify-content: center;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-8);
	margin-top: var(--space-12);
}
.social-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-3);
}
.social-icon {
	width: 80px;
	height: 80px;
	background-color: var(--primary-50);
	color: var(--primary-600);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text-2xl);
	transition: all var(--transition-normal);
}
.social-name {
	font-size: 21px;
	color: #000000;
	font-weight: 500;
	font-family: 'FoundersGrotesk-Web';
}


/* Our Values Page */
.vision-mission-section {
	position: relative;
	padding: var(--space-32) 0;
	background-color: white;
	overflow: hidden;
}
.background-text.text-1 {
	top: 21%;
	right: 0%;
	transform: rotate(90deg);
}
.background-text {
	position: absolute;
	font-size: 12vw;
	font-weight: 900;
	color: var(--neutral-100);
	opacity: 0.3;
	z-index: 0;
	white-space: nowrap;
	letter-spacing: -0.05em;
	pointer-events: none;
	transform-origin: center;
}
.vm-grid {
	display: grid;
	grid-template-columns: repeat(24, 1fr);
	gap: var(--space-6);
	max-width: 1280px;
	margin: 0 auto;
}
.vm-heading-col {
	grid-column: 1 / 9;
	position: relative;
	padding-right: var(--space-6);
}
.vm-heading-sticky {
	position: sticky;
	top: 120px;
}
.vm-scroll-number {
	position: absolute;
	top: -40px;
	left: -30px;
	font-size: 16rem;
	font-weight: 900;
	color: var(--primary-50);
	line-height: 0.7;
	z-index: -1;
}
.vm-heading-sticky p {
	font-family: 'FoundersGrotesk-Web';
	color: #000;
	font-size: 20px;
	line-height: 30px;
}
.vm-content-col {
	grid-column: 9 / -1;
	position: relative;
	z-index: 1;
}
.no-js .vm-card {
	opacity: 1;
	transform: translateY(0);
}
.vm-card.active {
	opacity: 1;
	transform: translateY(0);
}
.vm-card {
	position: relative;
	margin-bottom: var(--space-16);
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.7s ease-out, transform 0.7s ease-out;
	will-change: opacity, transform;
}
.vm-card-header {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	margin-bottom: var(--space-6);
}
.vm-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: var(--primary-100);
	color: var(--primary-700);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	box-shadow: var(--shadow-lg);
	position: relative;
	z-index: 1;
}
.vm-card-title {
	display: inline-block;
	font-size: var(--text-6xl);
	letter-spacing: -0.02em;
	margin-bottom: var(--space-2);
	position: relative;
}
.vm-card-subtitle {
	font-size: var(--text-xl);
	color: var(--primary-600);
	font-weight: 400;
	font-style: italic;
}
.vm-card-content {
	padding-left: 100px;
}
.vm-card-text {
	font-size: var(--text-xl);
	line-height: 1.7;
	color: var(--neutral-700);
	max-width: 750px;
	position: relative;
}
.vm-card-text p {
	margin-bottom: 18px;
	font-family: 'FoundersGrotesk-Web';
	color: #000;
	font-size: 21px;
	line-height: 31px;
}
.core-values-section {
	position: relative;
	background-color: var(--neutral-800);
	color: white;
	padding: var(--space-32) 0;
	overflow: hidden;
}
.core-values-section .section-label {
	color: #fff;
}
.core-values-section .section-label::before{
	background-color: #ffffff;
}
.core-values-section h2 {
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 12px;
}
.core-values-section p {
	font-size: 24px;
	line-height: 34px;
	width: 55%;
	font-family: 'FoundersGrotesk-Web';
}
.core-value-card .core-value-text {
	width: 100%;
	font-size: 21px;
	line-height: 31px;
	color: #fff;
}
.core-values-grid {
	margin-top: var(--space-16);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: var(--space-8);
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.core-value-card {
	position: relative;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	padding: var(--space-8);
	overflow: hidden;
	transition: all var(--transition-normal);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(8px);
	height: 100%;
}
.animate-fadeInUp {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 0.8s ease-out forwards;
	will-change: opacity, transform;
}
.animate-delay-200 {
	animation-delay: 180ms;
}
.animate-delay-400 {
	animation-delay: 340ms;
}
.animate-delay-600 {
	animation-delay: 500ms;
}
.animate-delay-800 {
	animation-delay: 660ms;
}

.core-value-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--primary-700), var(--primary-900));
	opacity: 0.4;
	z-index: -1;
	transition: opacity var(--transition-normal);
}
.core-value-icon img {
	filter: brightness(0) invert(1);
}
.core-value-icon {
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgb(255 255 255 / 10%);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
	margin-bottom: var(--space-6);
	transition: transform var(--transition-normal);
}
.core-value-title {
	font-size: var(--text-3xl);
	margin-bottom: var(--space-4);
	position: relative;
}
.core-value-title::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 40px;
	height: 3px;
	background-color: var(--accent-yellow);
}
.core-value-text {
	font-size: var(--text-lg);
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.8);
}
.strategy-section {
	position: relative;
	background-color: white;
	padding: var(--space-32) 0;
	overflow: hidden;
}

.strategy-title-number {
	position: absolute;
	top: -17px;
	left: -8px;
	font-size: 12rem;
	font-weight: 900;
	color: var(--primary-50);
	line-height: 0.8;
	z-index: 0;
}
.strategy-header {
	margin-bottom: 48px;
}
.strategy-header h2 {
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 12px;
}
.strategy-header p {
	font-size: 24px;
	line-height: 34px;
	width: 65%;
	font-family: 'FoundersGrotesk-Web';
	color: #000;
}
.strategy-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-8);
	max-width: 1280px;
	margin: 0 auto;
}
.strategy-card {
	position: relative;
	background-color: var(--neutral-50);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	transform-origin: center;
	transition: all var(--transition-normal);
}
.animate-fadeInUp {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInUp 0.8s ease-out forwards;
	will-change: opacity, transform;
}
.strategy-card-header {
	background: linear-gradient(135deg, var(--primary-600), var(--primary-700));
	padding: var(--space-6) var(--space-8);
	color: white;
	position: relative;
	overflow: hidden;
}
.strategy-card-icon-wrapper {
	position: relative;
	display: inline-block;
	margin-right: var(--space-4);
}
.strategy-card-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.15);
	font-size: 30px;
	position: relative;
	z-index: 1;
}
.strategy-card-icon::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	border-radius: 24px;
	border: 2px solid rgba(255, 255, 255, 0.2);
	z-index: -1;
}
.strategy-card-title {
	font-size: var(--text-3xl);
	display: inline-block;
	vertical-align: middle;
	margin-left: var(--space-4);
}
.strategy-card-body {
	padding: var(--space-8);
}
.strategy-card-text {
	color: #000000;
	margin-bottom: 24px;
	font-size: 21px;
	line-height: 31px;
	font-family: 'FoundersGrotesk-Web';
}
.strategy-list {
	list-style: none;
	margin-top: var(--space-6);
}
.strategy-item {
	display: flex;
	align-items: flex-start;
	gap: var(--space-4);
	margin-bottom: 12px;
	transition: transform var(--transition-normal);
}
.strategy-item-icon {
	position: relative;
	width: 25px;
	height: 25px;
	flex-shrink: 0;
	background-color: var(--primary-100);
	color: var(--primary-700);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	box-shadow: var(--shadow-md);
	margin-top: 4px;
}
.strategy-item-text {
	font-size: 19px;
	line-height: 28px;
	color: #000000;
	font-family: 'FoundersGrotesk-Web';
}

/* Articles */
.featured-article-container {
	position: relative;
	margin-bottom: var(--space-16);
	margin-top: var(--space-16);
}
.featured-shape {
	position: absolute;
	z-index: -1;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background-color: var(--primary-100);
	top: -250px;
	right: -250px;
	opacity: 0.5;
}
.featured-article {
	display: grid
		;
	grid-template-columns: 1fr 1.2fr;
	gap: var(--space-10);
	background-color: white;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}
.fade-in-up-1 {
	animation: fadeInUp 1s ease-out 0.1s forwards;
	opacity: 0;
}
.featured-article-image {
	position: relative;
	height: 100%;
	min-height: 400px;
	overflow: hidden;
}
.featured-article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}
.featured-article-content {
	padding: var(--space-10);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.featured-badge {
	display: inline-block;
	background-color: var(--primary-600);
	color: white;
	font-weight: 500;
	padding: var(--space-1) var(--space-3);
	border-radius: 50px;
	margin-bottom: var(--space-4);
	font-size: var(--text-sm);
	letter-spacing: 0.05em;
	text-transform: uppercase;
	width: max-content;
}
.featured-article-meta {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	margin-bottom: var(--space-6);
	color: var(--neutral-500);
	font-size: var(--text-sm);
}
.featured-article-date {
	display: flex;
	align-items: center;
	gap: var(--space-2);
}
.featured-article-category {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--primary-600);
	font-weight: 500;
}

.featured-article-title {
	font-size: var(--text-4xl);
	line-height: 1.2;
	margin-bottom: var(--space-4);
	color: var(--neutral-900);
}
.featured-article-excerpt {
	font-size: 21px;
	color: #080808;
	margin-bottom: var(--space-8);
	line-height: 30px;
}
.filter-section {
	padding: var(--space-8) 0;
	background-color: white;
	margin-bottom: var(--space-12);
	border-radius: 16px;
	box-shadow: var(--shadow-md);
}
.fade-in-up-2 {
	animation: fadeInUp 1s ease-out 0.2s forwards;
	opacity: 0;
}
.filter-container {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-8);
	align-items: center;
	justify-content: space-between;
}
.filter-group {
	display: flex;
	align-items: center;
	gap: var(--space-6);
}
.filter-label {
	font-weight: 600;
	color: #000000;
	font-size: 16px;
}
.filter-options {
	display: flex;
	gap: var(--space-2);
	flex-wrap: wrap;
}

.filter-option.active {
	background-color: var(--primary-600);
	color: white;
}
.filter-option {
	padding: var(--space-2) var(--space-4);
	border-radius: 50px;
	font-size: 15px;
	color: #000000;
	background-color: var(--neutral-100);
	transition: all var(--transition-normal);
	cursor: pointer;
}
.article-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-8);
	margin-bottom: var(--space-16);
}
.article-card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	position: relative;
	display: flex
		;
	flex-direction: column;
	height: 100%;
}
.article-image {
	height: 220px;
	overflow: hidden;
	position: relative;
}
.category-water {
	background-color: var(--accent-blue);
	color: white;
}
.category-farming {
	background-color: var(--primary-600);
	color: white;
}
.category-policy {
	background-color: var(--accent-indigo);
	color: white;
}
.category-community {
	background-color: var(--accent-yellow);
	color: var(--neutral-800);
}
.category-technology {
	background-color: var(--accent-orange);
	color: white;
}
.article-category {
	position: absolute;
	top: var(--space-4);
	left: var(--space-4);
	padding: var(--space-1) var(--space-3);
	border-radius: 50px;
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	z-index: 1;
}
.article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}
.article-content {
	padding: var(--space-6);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.article-content p {
	font-size: 18px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 24px;
}
.article-meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--space-2);
	font-size: var(--text-sm);
	color: var(--neutral-500);
}
.article-title {
	font-size: var(--text-xl);
	margin-bottom: 12px;
	line-height: 1.3;
}
.article-excerpt {
	color: #000000;
	margin-bottom: var(--space-4);
	font-size: 18px;
	line-height: 26px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.article-author {
	display: flex
		;
	align-items: center;
	gap: var(--space-3);
	margin-top: auto;
	padding-top: var(--space-4);
	border-top: 1px solid var(--neutral-100);
}
.author-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
}
.author-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.author-name {
	font-size: 16px;
	font-weight: 500;
}
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-2);
	margin-top: var(--space-12);
}
.page-prev.disabled, .page-next.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.page-prev, .page-next {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: white;
	color: var(--neutral-600);
	transition: all var(--transition-normal);
	box-shadow: var(--shadow-sm);
}
.page-item.active {
	background-color: var(--primary-600);
	color: white;
}
.page-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: white;
	color: var(--neutral-600);
	font-weight: 500;
	transition: all var(--transition-normal);
	box-shadow: var(--shadow-sm);
}
.articles-section {
	padding: var(--space-16) 0;
	position: relative;
}

/* Reports */
.featured-report-section {
	padding: var(--space-20) 0;
	background-color: white;
	position: relative;
	overflow: hidden;
}
.featured-pattern {
	position: absolute;
	right: -200px;
	top: -200px;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, var(--primary-100) 0%, rgba(206, 233, 213, 0) 70%);
	border-radius: 50%;
	z-index: 0;
}
.featured-report-grid {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: var(--space-12);
	position: relative;
	z-index: 1;
}
.featured-report-content {
	padding-right: var(--space-8);
}
.featured-report-title {
	margin-bottom: var(--space-4);
	color: var(--neutral-800);
}
.featured-report-meta {
	display: flex;
	gap: var(--space-4);
	margin-bottom: var(--space-6);
}
.featured-report-tag {
	display: inline-block;
	padding: var(--space-1) var(--space-3);
	background-color: var(--primary-100);
	color: var(--primary-700);
	border-radius: 100px;
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
}
.featured-report-date {
	color: #000000;
	font-size: var(--text-sm);
}
.featured-report-description {
	margin-bottom: var(--space-8);
	color:#000000;
	font-size: 21px;
	line-height: 31px;
}
.featured-report-stats {
	display: flex;
	gap: var(--space-8);
	margin-bottom: var(--space-8);
}
.featured-stat {
	display: flex;
	flex-direction: column;
}
.featured-stat-number {
	font-size: 28px;
	font-weight: 700;
	color: var(--primary-600);
}
.featured-stat-label {
	font-size: 17px;
	color: #000000;
}
.featured-report-cta {
	display: flex;
	gap: var(--space-4);
}
.btn-icon {
	display: inline-flex
		;
	align-items: center;
	gap: var(--space-2);
}
.btn-outline {
	background-color: transparent;
	border: 1px solid currentColor;
	color: var(--primary-600);
}
.featured-report-image {
	position: relative;
	height: 100%;
	min-height: 400px;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: var(--shadow-xl);
}

.featured-report-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}
.reports-section {
	padding: var(--space-10) 0 var(--space-20);
	background-color: var(--neutral-50);
}
.sort-options {
	display: flex;
	justify-content: flex-end;
	margin-bottom: var(--space-6);
}
.reports-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-6);
}
.report-card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.report-image {
	height: 220px;
	position: relative;
	overflow: hidden;
}
.report-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}
.report-badge {
	position: absolute;
	top: var(--space-3);
	right: var(--space-3);
	padding: var(--space-1) var(--space-3);
	background-color: var(--primary-600);
	color: white;
	border-radius: 100px;
	font-size: var(--text-xs);
	font-weight: 600;
	z-index: 1;
}
.report-content {
	padding: var(--space-6);
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.report-meta {
	display: flex;
	justify-content: space-between;
	margin-bottom: var(--space-2);
	font-size: var(--text-sm);
	color: var(--neutral-500);
}
.report-title {
	font-size: var(--text-xl);
	margin-bottom: var(--space-4);
	line-height: 1.3;
}

.report-description {
	color: #000000;
	margin-bottom: var(--space-6);
	flex-grow: 1;
	font-size: 20px;
	line-height: 26px;
}
.report-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}
.report-tag {
	display: inline-block;
	padding: var(--space-1) var(--space-2);
	background-color: var(--neutral-100);
	color: var(--neutral-700);
	border-radius: 100px;
	font-size: var(--text-xs);
	font-weight: 500;
}
.report-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
}
.report-download {
	display: flex;
	align-items: center;
	gap: var(--space-1);
	color: var(--primary-600);
	font-weight: 500;
	font-size: 16px;
	transition: color var(--transition-normal);
}

.report-info {
	display: flex;
	align-items: center;
	gap: var(--space-4);
}
.report-stat {
	display: flex;
	align-items: center;
	gap: var(--space-1);
	color: var(--neutral-500);
	font-size: var(--text-xs);
}
.sort-select {
	font-size: var(--text-sm);
	padding: var(--space-1) var(--space-2);
	border: none;
	background-color: transparent;
	color: var(--primary-600);
	font-weight: 500;
	cursor: pointer;
}

/* Industry Insights */
.featured-insight-section {
	padding: var(--space-16) 0;
	background-color: var(--neutral-50);
	position: relative;
	overflow: hidden;
}
.featured-insight-pattern {
	position: absolute;
	top: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background-color: var(--primary-100);
	border-radius: 50%;
	opacity: 0.5;
	z-index: 0;
}
.featured-insight-container {
	position: relative;
	z-index: 1;
}
.featured-insight-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: var(--space-10);
	align-items: center;
}
.featured-insight-content {
	padding-right: var(--space-6);
}
.featured-insight-tag {
	display: inline-block;
	background-color: var(--primary-100);
	color: var(--primary-700);
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: var(--space-1) var(--space-3);
	border-radius: 100px;
	margin-bottom: var(--space-4);
}
.featured-insight-title {
	font-size: 36px;
	margin-bottom: 16px;
	line-height: 46px;
	color: #000;
}
.featured-insight-excerpt {
	font-size: 24px;
	color: #000;
	margin-bottom: var(--space-6);
	line-height: 34px;
}
.featured-insight-meta {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	margin-bottom: var(--space-6);
	color: var(--neutral-500);
}
.featured-insight-meta {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	margin-bottom: 48px;
	color: var(--neutral-500);
}
.featured-insight-author {
	display: flex;
	align-items: center;
	gap: var(--space-3);
}
.author-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.author-info span {
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #000;
}
.author-name {
	font-weight: 600;
	color: #000000;
}

.featured-insight-date {
	font-size: var(--text-sm);
	display: flex;
	align-items: center;
	gap: var(--space-2);
}

.featured-insight-image {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--shadow-xl);
	aspect-ratio: 4 / 3;
	transform: rotate(2deg);
	transition: transform var(--transition-normal);
}

.featured-insight-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.featured-insight-image:hover {
	transform: rotate(0deg);
}

.insights-grid-section {
	padding: var(--space-16) 0;
	background-color: white;
}
.insights-grid-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: var(--space-10);
}
.insights-count {
	color: var(--neutral-500);
	font-size: var(--text-sm);
}
.insights-grid-header h2 {
	font-size: 58px;
	line-height:68px;
}
.insights-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-8);
}
.insight-card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	display: flex;
	flex-direction: column;
	height: 100%;
}
.insight-image {
	height: 200px;
	overflow: hidden;
	position: relative;
}
.insight-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}
.insight-category {
	position: absolute;
	top: var(--space-4);
	left: var(--space-4);
	background-color: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(10px);
	color: var(--primary-700);
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: var(--space-1) var(--space-3);
	border-radius: 100px;
}
.insight-content {
	padding: var(--space-6);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.insight-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: var(--text-sm);
	color: var(--neutral-500);
	margin-bottom: var(--space-2);
}
.insight-title {
	font-size: 24px;
	margin-bottom: var(--space-4);
	line-height: 34px;
	flex-grow: 1;
}
.insight-author {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	margin-top: var(--space-4);
	padding-top: var(--space-4);
	border-top: 1px solid var(--neutral-100);
}
.insight-author-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}
.insight-author-info {
	flex-grow: 1;
	min-width: 0;
}
.insight-author-name {
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 2px;
	color: var(--neutral-800);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.insight-author-title {
	font-size: 14px;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--space-2);
	margin-top: var(--space-16);
}
.pagination-arrow {
	color: var(--neutral-600);
}
.pagination-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: white;
	border: 1px solid var(--neutral-200);
	font-weight: 500;
	transition: all var(--transition-normal);
	cursor: pointer;
}
.pagination-item.active {
	background-color: var(--primary-600);
	color: white;
	border-color: var(--primary-600);
}

/* CRSI Newletter */
.newsletter-intro {
	position: relative;
	padding: var(--space-20) 0;
	overflow: hidden;
}
.newsletter-shape {
	position: absolute;
	right: -300px;
	top: -150px;
	width: 600px;
	height: 600px;
	background-color: var(--primary-100);
	border-radius: 50%;
	z-index: -1;
	opacity: 0.5;
}
.newsletter-intro-content {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.newsletter-intro-paragraph {
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	margin-bottom: var(--space-8);
}
.featured-newsletter {
	background-color: white;
	padding: var(--space-16) 0;
	position: relative;
	overflow: hidden;
}

.featured-newsletter-accent {
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	height: 100%;
	background: linear-gradient(90deg, var(--primary-50) 0%, rgba(240, 249, 242, 0) 100%);
	z-index: 0;
}
.featured-newsletter-grid {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: var(--space-12);
	align-items: center;
	position: relative;
	z-index: 1;
}
.featured-newsletter-image {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-xl);
	transform: rotate(-2deg);
	transition: transform var(--transition-normal);
}
.featured-newsletter-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.featured-newsletter-content {
	padding-right: var(--space-8);
}
.featured-tag {
	display: inline-block;
	background-color: var(--primary-100);
	color: var(--primary-700);
	padding: var(--space-1) var(--space-3);
	border-radius: 100px;
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: var(--space-4);
}

.featured-newsletter-title {
	font-size: var(--text-4xl);
	margin-bottom: var(--space-4);
	color: var(--neutral-800);
}
.featured-newsletter-date {
	font-size: var(--text-sm);
	color: var(--neutral-500);
	margin-bottom: var(--space-6);
	display: flex;
	align-items: center;
	gap: var(--space-2);
}
.featured-newsletter-excerpt {
	font-size: 21px;
	line-height: 31px;
	color: #000000;
	margin-bottom: var(--space-8);
}
.featured-newsletter-toc {
	background-color: var(--neutral-50);
	border-radius: 8px;
	padding: var(--space-6);
	margin-bottom: var(--space-8);
}
.featured-newsletter-toc-title {
	font-weight: 600;
	margin-bottom: var(--space-3);
	color: var(--neutral-800);
}
.featured-newsletter-toc-list {
	list-style-type: none;
}
.featured-newsletter-toc-item {
	margin-bottom: var(--space-2);
	display: flex;
	align-items: center;
	gap: var(--space-2);
	color: #000000;
	font-size: 18px;
}
.featured-newsletter-toc-item svg {
	color: var(--primary-500);
	flex-shrink: 0;
}
.newsletters-grid {
	padding: var(--space-16) 0;
}
.newsletters-grid-layout {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-8);
}
.newsletter-featured-design {
	grid-column: span 2 !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	background-color: var(--primary-50) !important;
	transition: transform var(--transition-normal), box-shadow var(--transition-normal) !important;
}
.newsletter-card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.newsletter-featured-design .newsletter-card-image {
	height: 100%;
}
.newsletter-card-image {
	height: 200px;
	overflow: hidden;
}
.newsletter-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}
.newsletter-featured-design .newsletter-card-content {
	padding: var(--space-8);
}
.newsletter-card-content {
	padding: var(--space-6);
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.newsletter-card-date {
	font-size: 16px;
	color: #000000;
	margin-bottom: var(--space-2);
}
.newsletter-featured-design .newsletter-card-title {
	font-size: var(--text-2xl);
}
.newsletter-card-title {
	font-size: var(--text-xl);
	color: var(--neutral-800);
	margin-bottom: var(--space-4);
	line-height: 1.3;
}
.newsletter-card-description {
	color: #000000;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: var(--space-6);
	flex-grow: 1;
}
.newsletter-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}
.newsletter-card-tag {
	font-size: var(--text-xs);
	padding: var(--space-1) var(--space-2);
	background-color: var(--neutral-100);
	color: var(--neutral-700);
	border-radius: 4px;
}


/* single article */
.single_article {
	padding: 100px 0px;
	position: relative;
}
.breadcrumb {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	margin-bottom: var(--space-6);
	font-size: var(--text-sm);
	color: var(--neutral-600);
}
.breadcrumb a {
	color: var(--primary-600);
	transition: color var(--transition-normal);
}
.breadcrumb-separator {
	margin: 0 var(--space-1);
	color: var(--neutral-400);
}
.article-header h1 {
	font-size: var(--text-6xl);
	line-height: 1.1;
	margin-bottom: var(--space-6);
	color: #000000;
	letter-spacing: -0.02em;
	max-width: 900px;
}
.article-header .article-subtitle {
	font-size: var(--text-2xl);
	line-height: 1.4;
	color: var(--neutral-600);
	font-weight: 400;
	margin-bottom: var(--space-8);
	max-width: 800px;
	font-style: italic;
}
.article-author {
	display: flex;
	align-items: center;
	gap: var(--space-3);
}
.single_article .article-meta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: var(--space-8);
	flex-wrap: wrap;
	gap: var(--space-6);
}
.single_article p {
	font-size: 24px;
	line-height: 34px;
	width: 90%;
	color: #000;
}

/*  Single Our Works */

.single_program_sec_text {
	position: relative;
}

.single_program_para {
	background: #fff;
	padding: 0px 70px 100px 70px;
	text-align: left;
}
.single_program_para h2 {
	font-size: 52px;
	line-height: 62px;
	font-weight: 700;
	color: #000;
	margin-bottom: 24px;
}
.single_program_para p {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 24px;
}
.program_image {
	margin-bottom: 0;
	background: #fff;
	padding: 70px 70px 50px 70px;
	margin-top: -20%;
	text-align: left;
	border-radius: 8px;
}
.program_image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 8px;
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: both;
}
section.programs_fancy_sec {
	padding: 0px 0px 100px 0px;
	display: none;
} 
.programs_fancy_sec .row {
	padding: 0px 58px;
}
.programs_fancy_sec .row .col-md-4 {
	margin-bottom: 2rem;
}
.program_gallery_image img {
	height: 320px;
	width: 100%;
	object-fit: cover;
}
.programs_fancy_grid {
	padding: 0px 70px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.program_gallery_image img {
	width: 100%;
	border-radius: 8px;
}
.programs_fancy_grid {
	padding: 50px 70px 0px 70px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 36px;
}
.single_program_para h4 {
	margin-top: 36px;
	font-size: 32px;
	margin-bottom: 12px;
}
.single_program_para ul {
	padding-left: 24px;
	font-size: 24px;
	line-height: 34px;
	font-family: 'FoundersGrotesk-Web';
}
.single_program_para ul li br {
	display: none;
}
.single_program_para ul li {
	margin-bottom: 18px;
}

/* Events Css */
.events_section {
	padding: 100px 0px;
}
.events_heading {
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: both;
}
.events_heading h2 {
	font-weight: 700;
	font-size: 58px;
	line-height: 68px;
	margin-bottom: 12px;
}
.events_heading p {
	font-size: 21px;
	line-height: 31px;
}
.events_sec_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px;
	margin-bottom: 0;
	background: #fff;
	padding: 70px 70px 0px 70px;
	margin-top: -28%;
	text-align: left;
	border-radius: 8px;
}

.event_img img {
	width: 100%;
	border-radius: 8px;
	transition: all 0.3s;
}

.events_sec_box{
	position: relative;
}

.events_section .events_sec_box:hover .event__excerpt::before {
	width: 100%;
	transition: .8s;
}

.event__excerpt:before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #438F3A;
	left: 0;
	transition: .8s;
}
.event__excerpt {
	border-bottom: 1px solid #c5bfbf;
	padding: 24px 0px 36px 0px;
	position: relative;
}
.event__excerpt h6 svg {
	margin-right: 6px;
}
.event__excerpt h6 {
	font-size: 16px;
	margin-bottom: 8px;
	color: #438F3A;
	display: flex;
	align-items: center;
}
.event__excerpt h5 {
	font-size: 24px;
	line-height: 34px;
}

/* single_events */
.related_events_sec {
	background: url(https://ceep.in/crsi/wp-content/uploads/2025/04/contact-back.png);
	color: #fff;
}
.related_events_sec .related_heading h2 {
	font-size: 58px;
	margin-bottom: 48px;
}
.related_events_outer {
	padding: 70px 70px 100px 70px;
}

.related_events_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 36px;
}
.single_event_image{
	padding: 0px 0px 50px 0px !important;

}
.related_events_box h4 {
	font-size: 21px;
	padding-top: 12px;
	font-weight: 100;
}

.related_events_box:hover .related_events_image img{
	transform: scale(1.07);
}
.related_events_image img {
	transition: all 0.4s;
	border-radius: 8px;
	height: 250px;
	object-fit: cover;
}
.related_events_image{
	overflow: hidden;
}

/* Single Service */
.related_service_sec .related_events_outer {
	padding: 70px 0px 70px 0px;
}


/* Webiner Css */
/* Featured Webinar */
/* Grid Layouts */
.grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-8);
}

.grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-8);
}

/* Cards */
.card {
	background-color: white;
	border-radius: 12px;
	overflow: hidden;
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	box-shadow: var(--shadow-md);
	height: 100%;
	display: flex;
	flex-direction: column;
}

.card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.webinar-card {
	position: relative;
}

.webinar-image {
	height: 200px;
	overflow: hidden;
	position: relative;
}

.webinar-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
}

.card:hover .webinar-image img {
	transform: scale(1.05);
}

.webinar-badge {
	position: absolute;
	top: var(--space-4);
	left: var(--space-4);
	background-color: var(--primary-600);
	color: white;
	padding: var(--space-1) var(--space-3);
	border-radius: 50px;
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
}

.webinar-badge.live {
	background-color: #ef4444;
	animation: pulse 2s infinite;
}

.webinar-badge.upcoming {
	background-color: var(--accent-amber);
}

.webinar-badge.recorded {
	background-color: var(--neutral-600);
}

@keyframes pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.7; }
}

.webinar-content {
	padding: var(--space-6);
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.webinar-meta {
	display: flex;
	align-items: center;
	gap: var(--space-4);
	margin-bottom: var(--space-3);
	font-size: var(--text-sm);
	color: var(--neutral-500);
}

.webinar-date {
	display: flex;
	align-items: center;
	gap: var(--space-1);
}

.webinar-duration {
	display: flex;
	align-items: center;
	gap: var(--space-1);
}

.webinar-title {
	font-size: var(--text-xl);
	margin-bottom: var(--space-3);
	line-height: 1.4;
	color: var(--neutral-800);
}

.webinar-description {
	color: var(--neutral-600);
	margin-bottom: var(--space-4);
	flex-grow: 1;
	line-height: 1.6;
}

.webinar-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: auto;
	padding-top: var(--space-4);
	border-top: 1px solid var(--neutral-100);
}

.webinar-speaker {
	display: flex;
	align-items: center;
	gap: var(--space-2);
}

.speaker-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--primary-100);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: var(--primary-700);
	font-size: var(--text-sm);
}

.speaker-name {
	font-size: var(--text-sm);
	font-weight: 500;
	color: var(--neutral-700);
}
.featured-webinar {
	/* 	background-color: var(--neutral-50); */
	padding: var(--space-20) 0;
	position: relative;
	overflow: hidden;
}

.featured-webinar::before {
	content: '';
	position: absolute;
	top: -200px;
	right: -200px;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, var(--primary-100) 0%, transparent 70%);
	border-radius: 50%;
}

.featured-webinar-grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: var(--space-12);
	align-items: center;
	position: relative;
	z-index: 1;
}

.featured-webinar-content h2 {
	font-size: 48px;
	line-height: 58px;
	margin-bottom: var(--space-4);
	color: var(--neutral-800);
}

.featured-webinar-content p {
	font-size: 20px;
	line-height: 30px;
	color: var(--neutral-600);
	margin-bottom: var(--space-6);
}

.featured-webinar-meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6);
	margin-bottom: var(--space-8);
}

.meta-item {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--neutral-600);
}

.meta-icon {
	width: 20px;
	height: 20px;
	background-color: var(--primary-100);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	color: var(--primary-700);
}

.featured-webinar-image {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--shadow-xl);
	transform: rotate(2deg);
	transition: transform var(--transition-normal);
}

.featured-webinar-image:hover {
	transform: rotate(0deg);
}

.featured-webinar-image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

/* Filter Section */
.filter-section {
	background-color: white;
	padding: var(--space-6) 0;
	border-bottom: 1px solid var(--neutral-200);
	margin-bottom: var(--space-8);
}

.filter-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.filter-tabs {
	display: flex;
	gap: var(--space-2);
}

.filter-tab {
	padding: var(--space-2) var(--space-4);
	border-radius: 50px;
	background-color: var(--neutral-100);
	border: none;
	cursor: pointer;
	transition: all var(--transition-normal);
	font-size: var(--text-sm);
	font-weight: 500;
}

.filter-tab.active {
	background-color: var(--primary-600);
	color: white;
}

.filter-tab:hover {
	background-color: var(--primary-200);
}

.filter-tab.active:hover {
	background-color: var(--primary-700);
}

.search-box {
	display: flex;
	align-items: center;
	background-color: var(--neutral-50);
	border-radius: 8px;
	padding: var(--space-2) var(--space-4);
	border: 1px solid var(--neutral-200);
}

.search-box input {
	border: none;
	background: transparent;
	outline: none;
	padding: var(--space-1);
	font-size: var(--text-sm);
	width: 200px;
}

/* CTA Section */
.cta-section {
	background: linear-gradient(135deg, var(--primary-600), var(--primary-800));
	color: white;
	padding: var(--space-20) 0;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.cta-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><g fill="none" fill-rule="evenodd"><g fill="white" fill-opacity="0.1"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>');
	opacity: 0.1;
}

.cta-content {
	position: relative;
	z-index: 1;
	max-width: 600px;
	margin: 0 auto;
}

.cta-section h2 {
	font-size: 48px;
	line-height: 58px;
	margin-bottom: var(--space-6);
	color: white;
}

.cta-section p {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: var(--space-8);
	opacity: 0.9;
}

.cta-buttons {
	display: flex;
	gap: var(--space-4);
	justify-content: center;
	flex-wrap: wrap;
}

.btn-white {
	background-color: white;
	color: var(--primary-600);
	border: 2px solid white;
}

.btn-white:hover {
	background-color: transparent;
	color: white;
}






/* Testimonials */
/* Section Label */
.section-label {
	display: inline-block;
	font-weight: 600;
	font-size: 15px;
	color: var(--main_green);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: var(--space-2);
	position: relative;
	margin-left: 3px;
	animation: fadeInUp 1s ease-out;
	animation-fill-mode: both;

}

.section-label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -24px;
	width: 16px;
	height: 2px;
	background-color: var(--primary-400);
	transform: translateY(-50%);
}

/* Featured Testimonial */
.featured-testimonial {
	/* 	background-color: var(--neutral-50); */
	position: relative;
	overflow: hidden;
}

.featured-testimonial::before {
	content: '';
	position: absolute;
	top: -200px;
	right: -200px;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, var(--primary-100) 0%, transparent 70%);
	border-radius: 50%;
	z-index: 0;
}

.featured-testimonial-grid {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: var(--space-12);
	align-items: center;
	position: relative;
	z-index: 1;
}

.featured-testimonial-content {
	padding: var(--space-10);
	background-color: white;
	border-radius: 16px;
	box-shadow: var(--shadow-xl);
	position: relative;
}

.testimonial-quote {
	position: absolute;
	top: -20px;
	left: 30px;
	font-size: 4rem;
	color: var(--primary-200);
	line-height: 1;
}

.testimonial-text {
	font-size: 24px;
	line-height: 36px;
	color: var(--neutral-700);
	margin-bottom: var(--space-8);
	font-style: italic;
}

.testimonial-author {
	display: flex;
	align-items: center;
	gap: var(--space-4);
}

.author-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--primary-400), var(--primary-600));
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 24px;
	font-weight: 600;
}

.author-info h4 {
	font-size: 20px;
	margin-bottom: 4px;
	color: var(--neutral-800);
}

.author-info p {
	color: var(--primary-600);
	font-weight: 500;
}

.featured-testimonial-image {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	transform: rotate(2deg);
	transition: transform var(--transition-normal);
}

.featured-testimonial-image:hover {
	transform: rotate(0deg);
}

.featured-testimonial-image img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}

/* Testimonials Grid */
.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: var(--space-8);
}

.testimonial-card {
	background-color: white;
	border-radius: 16px;
	padding: var(--space-8);
	box-shadow: var(--shadow-md);
	transition: transform var(--transition-normal), box-shadow var(--transition-normal);
	position: relative;
	overflow: hidden;
}

.testimonial-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: linear-gradient(180deg, var(--primary-400), var(--primary-600));
}

.testimonial-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-xl);
}

.testimonial-rating {
	display: flex;
	gap: 4px;
	margin-bottom: var(--space-4);
}

.star {
	color: var(--accent-amber);
	font-size: 18px;
}

.testimonial-card .testimonial-text {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: var(--space-6);
}

.testimonial-card .author-avatar {
	width: 50px;
	height: 50px;
	font-size: 18px;
}

.testimonial-card .author-info h4 {
	font-size: 18px;
}

.testimonial-card .author-info p {
	font-size: 14px;
}

/* Video Testimonial */
.video-testimonial {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	background: linear-gradient(135deg, var(--primary-600), var(--primary-800));
	color: white;
	text-align: center;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.play-button {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto var(--space-4);
	cursor: pointer;
	transition: all var(--transition-normal);
	backdrop-filter: blur(10px);
}

.play-button:hover {
	background-color: rgba(255, 255, 255, 0.3);
	transform: scale(1.1);
}

.play-icon {
	width: 0;
	height: 0;
	border-left: 20px solid white;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	margin-left: 4px;
}

/* Client Logos */
.client-logos {
	background-color: white;
	padding: var(--space-16) 0;
}

.logos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--space-8);
	align-items: center;
}

.logo-item {
	padding: var(--space-6);
	border-radius: 12px;
	background-color: var(--neutral-50);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all var(--transition-normal);
	height: 100px;
}

.logo-item:hover {
	background-color: var(--primary-50);
	transform: translateY(-4px);
}

.logo-placeholder {
	width: 120px;
	height: 60px;
	background: linear-gradient(135deg, var(--neutral-300), var(--neutral-400));
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--neutral-600);
	font-weight: 600;
}

/* Stats Section */
.stats-section {
	background: linear-gradient(135deg, var(--primary-600), var(--primary-800));
	color: white;
	position: relative;
	overflow: hidden;
}

.stats-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><g fill="none" fill-rule="evenodd"><g fill="white" fill-opacity="0.1"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>');
	opacity: 0.1;
}

.stats-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--space-8);
	position: relative;
	z-index: 1;
}

.stat-item {
	text-align: center;
	padding: var(--space-6);
}

.stat-number {
	font-size: var(--text-5xl);
	font-weight: 700;
	margin-bottom: var(--space-2);
	display: block;
}

.stat-label {
	font-size: 18px;
	opacity: 0.9;
}

/* CTA Section */
.cta-section {
	background-color: var(--neutral-100);
	text-align: center;
}

.cta-content {
	max-width: 600px;
	margin: 0 auto;
}

.cta-section h2 {
	font-size: 48px;
	line-height: 58px;
	margin-bottom: var(--space-6);
}

.cta-section p {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: var(--space-8);
	color: var(--neutral-600);
}

.crsi_btn {
	font-size: 18px;
	line-height: 28px;
	border: 1px solid var(--main_green);
	padding: 14px 28px;
	background-color: var(--main_green);
	color: #fff;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
	width: max-content;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
}

.crsi_btn:hover {
	background-color: #fff;
	color: var(--main_green);
}
.form-group br {
	display: none;
}

* Thank You */
.check {
	width: 100px;
	height: 100px;
	margin: 0 auto 30px;
}

.thanks_main h1 {
	font-size: 74px;
	line-height: 84px;
	margin-bottom: 20px;
	text-align: center;
	font-style: italic;
	font-weight: 900;
	/* 	color: var(--red); */
}
.thanks_main p {
	font-size: 20px;
	line-height: 30px;
	width: 70%;
	margin: 0 auto 25px;
	font-weight: 500;
	text-align:center;
}
.thanks_main .list {
	display: flex;
	justify-content: center;
	font-weight: 600;
}
.thanks_main a {
	margin: auto;
}
.thanks_main {
	text-align: center;
}