.nav-menu a {
			color: #fff;
			}
			header.sticky .nav-menu a {
			color: #010000;
			}
			.banner-stats {
			position: absolute;
			bottom: 60px;
			display: flex;
			gap: 20px;
			z-index: 2;
			right: 7%;
			}
			.main-navbar:hover  .nav-menu a {
			color: #010000;
			}
			.main-navbar:hover  .nav-menu a:hover {
			color: #7039c2;
			}
			.right-panel a {
			color: rgb(82, 43, 145) !important;
			}
			.right-panel a:hover {
			color: rgb(50, 181, 99) !important;
			}
			.sustainbility-heading {
			font-size: 70px;
			color: #532e8a;
			line-height: 1.1;
			font-style: italic;
			font-weight: 600;
			}
			.stat-box {
			background: rgb(255 255 255 / 90%);
			backdrop-filter: blur(6px);
			padding: 18px 30px;
			border-radius: 14px;
			min-width: 250px;
			transform: skewX(-7deg);
			}
			.stat-box h3 {
			margin: 0;
			font-size: 40px;
			font-weight: 700;
			color: #5b3dbd;
			font-style: italic;
			line-height: normal;
			}
			.stat-box p {
			font-size: 28px;
			color: #000;
			font-style: italic;
			font-weight: 500;
			line-height: normal;
			}
			.policy-btns {
			display: flex;
			flex-wrap: wrap;
			gap: 72px;
			padding-top: 20px;
			}
			/* Mobile */
			@media (max-width: 768px) {
			.stat-box {
			width: 90%;
			text-align: center;
			}
			}
			.general-page {
			padding: 80px 20px;
			}
			.general-wrapper {
			max-width: 1200px;
			margin: auto;
			display: grid;
			grid-template-columns: 1.2fr 1fr;
			gap: 60px;
			align-items: center;
			}
			/* LEFT CONTENT */
			.general-content h1 {
			font-size: 44px;
			line-height: 1.2;
			margin-bottom: 25px;
			}
			.title-purple {
			color: #5b3fa3;
			}
			.title-green {
			color: #39b26a;
			}
			.general-content p {
			font-size: 16px;
			line-height: 1.7;
			margin-bottom: 18px;
			max-width: 500px;
			}
			/* RIGHT CARD */
			.general-section {
			background: #fff;
			border-radius: 12px;
			padding: 40px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.06);
			}
			.general-title {
			font-size: 22px;
			font-weight: 600;
			margin-bottom: 25px;
			}
			.general-row {
			display: flex;
			justify-content: space-between;
			padding: 14px 0;
			border-bottom: 1px solid #e6e6e6;
			}
			.general-row:last-child {
			border-bottom: none;
			}
			.general-left {
			font-weight: 500;
			color: #555;
			}
			.general-right {
			font-weight: 500;
			color: #5b3fa3;
			}
			/* RESPONSIVE */
			@media (max-width: 900px) {
			.general-wrapper {
			grid-template-columns: 1fr;
			gap: 40px;
			}
			.general-content h1 {
			font-size: 36px;
			}
			.general-section {
			padding: 30px;
			}
			}
			@media (max-width: 480px) {
			.general-content h1 {
			font-size: 30px;
			}
			.general-row {
			flex-direction: column;
			gap: 6px;
			}
			}
			.sustainability-section {
			background: #fff;
			position: relative;
			}
			.sustainability-container {
			margin: auto;
			display: grid;
			grid-template-columns: 1fr 1.2fr;
			gap: 60px;
			align-items: center;
			padding-bottom: 80px;
			position: relative;
			}
			.sustainability-image{
			position: relative;
			text-align: right;
			}
			.accountability-info{
			padding-bottom: 50px;
			}
			/* IMAGE */
			.sustainability-image img {
			width: 100%;
			max-width: 420px;
			margin-bottom: -104px;
			}
			.accountability-image img {
			width: 100%;
			position: relative;
			bottom: -10px;
			}
			.purple {
			color: #5b3fa3;
			}
			.green {
			color: #39b26a;
			}
			/* BOTTOM LINE */
			.bottom-line {
			width : 100%;
			height: 1px;
			background: #98cd6c;
			margin: -8px auto 0;
			}
			/* RESPONSIVE */
			@media (max-width: 900px) {
			.sustainability-container {
			grid-template-columns: 1fr;
			gap: 40px;
			text-align: center;
			}
			.sustainability-section h2{
			margin:0px;
			}
			.sustainability-image img {
			margin: auto;
			}
			.sustainability-content h2 {
			font-size: 34px;
			}
			}
			.sustainability-overlay {
			padding: 114px 70px;
			border-radius: 28px;
			background-size: cover;
			background-position: center;
			transform: skewX(-3deg);
			background-repeat: no-repeat;
			margin-top: 46px;
			}
			.sustainability-cards {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 24px;
			}
			.s-card {
			position: relative;
			border-radius: 18px;
			padding: 60px 32px 14px;
			min-height: 260px;
			transform: skewX(-3deg);
			}
			.s-card h3 {
			margin-bottom: 12px;
			font-size: 40px;
			line-height: 1.1;
			min-height: 90px;
			}
			.s-card-info {
			position: relative;
			min-height: 240px;
			}
			/* Bottom Icon */
			.card-icon {
			position: relative;
			width: 100%;
			display: inline-block;
			text-align: right;
			}
			/* Heading colors */
			.planning h3,
			.operations h3 {
			color: #6b5ba6;
			}
			.construction h3,
			.stewardship h3 {
			color: #2fb36d;
			}
			/* Responsive */
			@media (max-width: 1024px) {
			.sustainability-cards {
			grid-template-columns: repeat(2, 1fr);
			}
			}
			.how-operate-section {
			background: #fff;
			padding-bottom: 80px;
			position: relative;
			}
			.section-heading .purple {
			color: #5a2d8c;
			}
			.section-heading .green {
			color: #4fbf83;
			}
			.how-operate-container {
			margin: 30px auto;
			display: grid;
			grid-template-columns: 1fr 1.2fr;
			}
			.hunar-skill{
			margin-bottom: 90px;
			}
			/* LEFT EMPTY SIDE */
			.how-operate-empty {
			/* intentionally empty – acts like image space */
			}
			/* RIGHT CONTENT */
			.project-header {
			display: flex;
			gap: 16px;
			margin-bottom: 24px;
			}
			.project-title {
			font-size: 24px;
			font-weight: 700;
			text-transform: uppercase;
			white-space: nowrap;
			font-style: italic;
			line-height: normal;
			}
			.project-divider {
			width: 3px;
			background: #ccc;
			height: auto;
			text-align: center;
			margin-top: 3px;
			}
			.project-subtitle {
			font-size: 20px;
			font-weight: 600;
			}
			/* RESPONSIVE */
			@media (max-width: 992px) {
			.how-operate-container {
			grid-template-columns: 1fr;
			}
			.how-operate-empty {
			display: none;
			}
			}
			/* =========================
			BASE (Desktop first)
			========================= */
			.case-study-section {
			padding: 0px 60px;
			}
			.case-study-wrapper {
			background: #ececec;
			border-radius: 28px;
			padding: 40px;
			display: grid;
			grid-template-columns: 1fr 1.1fr;
			gap: 50px;
			transform: skewX(-3deg);
			align-items: center;
			}
			/* LEFT IMAGES */
			.case-images img {
			width: 100%;
			height: 100%;
			border-radius: 20px;
			object-fit: cover;
			transform: skewX(-3deg);
			}
			.img-large {
			border-radius: 20px;
			margin-bottom: 20px;
			}
			.img-small-wrap {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 16px;
			}
			.img-small {
			border-radius: 18px;
			overflow: hidden;
			}
			/* RIGHT CONTENT */
			.case-item {
			margin-bottom: 32px;
			}
			.case-title {
			background: none;
			border: none;
			padding: 0;
			font-size: 28px;
			font-weight: bold;
			color: #522d89;
			cursor: pointer;
			text-align: left;
			font-style: italic;
			}
			.case-item .line {
			display: block;
			width: 100%;
			height: 1px;
			background: #4fbf83;
			margin: 10px 0 14px;
			}
			.case-body {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.35s ease;
			}
			.case-item.is-active .case-body {
			max-height: max-content;
			}
			ul.sm-text-info {
			list-style-type: disc;
			padding-left: 20px; 
			margin-top: 10px;
			}
			ul.sm-text-info li {
			list-style-type: disc;
			margin-top: 10px;
			}
			/* =========================
			LAPTOP / SMALL DESKTOP
			========================= */
			@media (max-width: 1200px) {
			.case-study-wrapper {
			gap: 40px;
			}
			.case-body p {
			max-width: 100%;
			}
			}
			/* =========================
			TABLET
			========================= */
			@media (max-width: 992px) {
			.case-study-wrapper {
			grid-template-columns: 1fr;
			padding: 32px;
			}
			.case-images {
			order: 1;
			}
			.case-content {
			order: 2;
			}
			.img-large {
			height: 220px;
			}
			.img-small {
			height: 140px;
			}
			.case-title {
			font-size: 17px;
			}
			}
			/* =========================
			MOBILE
			========================= */
			@media (max-width: 576px) {
			.case-study-section {
			padding: 60px 14px;
			}
			.img-large {
			height: 200px;
			}
			.img-small-wrap {
			grid-template-columns: 1fr;
			}
			.img-small {
			height: 180px;
			}
			}
			/* =========================
			SMALL MOBILE
			========================= */
			@media (max-width: 360px) {
			.img-large {
			height: 180px;
			}
			.case-study-wrapper {
			padding: 18px;
			}
			}
			/* ================= PROJECT HIGHLIGHTS ================= */
			.project-highlights-wrap {
			margin-top: 60px;
			}
			.project-highlights {
			display: flex;
			align-items: center;
			gap: 52px;
			flex-wrap: wrap;
			}
			.highlight-title {
			font-weight: 700;
			font-size: 34px;
			line-height: 1.2;
			min-width: 140px;
			}
			.highlight-card {
			border-radius: 10px;
			padding: 16px 35px;
			transform: skewX(-3deg);
			width: calc((100% - 436px) / 4);
			}
			.highlight-card strong {
			display: block;
			font-size: 28px;
			font-weight: 700;
			font-style: italic;
			}
			.highlight-card span {
			font-size: 22px;
			font-weight: 700;
			font-style: italic;
			}
			/* colors */
			.highlight-card.purple {
			background: #d7cbe8;
			color: #4d2a7a;
			}
			.highlight-card.green {
			background: #35b66a;
			color: #ffffff;
			}
			/* bottom green line */
			.highlight-divider {
			display: block;
			width: 100%;
			height: 1px;
			background: #98cd6c;
			margin-top: 28px;
			}
			/* ================= RESPONSIVE ================= */
			@media (max-width: 768px) {
			.project-highlights {
			gap: 14px;
			}
			}
			/* ================= IMPACT SECTION ================= */
			.impact-section {
			position: relative;
			}
			.impact-heading .purple {
			color: #5a2d8c;
			}
			.impact-heading .green {
			color: #4fbf83;
			}
			/* Layout */
			.impact-container {
			display: grid;
			grid-template-columns: 1.1fr 1fr;
			gap: 60px;
			align-items: center;
			}
			/* Images */
			.impact-images {
			display: grid;
			grid-template-columns: 1.1fr 0.9fr;
			gap: 18px;
			transform: skewX(-3deg);
			}
			.impact-img-large {
			border-radius: 22px;
			overflow: hidden;
			height: 406px;
			}
			.impact-img-right {
			display: grid;
			grid-template-rows: 1fr 1fr;
			gap: 18px;
			}
			.impact-img-small {
			border-radius: 18px;
			overflow: hidden;
			height: 192px;
			}
			.impact-images img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			}
			.impact-subtitle {
			color: #5d3c90;
			font-size: 26px;
			font-weight: 600;
			margin-bottom: 16px;
			margin-top: 48px;
			}
			.impact-img-large img {
			width: 100%;
			height: 100%;
			object-fit: cover;       /* image stretch / cut issue fix */
			display: block;
			}
			.impact-content p {
			margin-bottom: 16px;
			}
			/* ================= RESPONSIVE ================= */
			@media (max-width: 992px) {
			.impact-container {
			grid-template-columns: 1fr;
			gap: 40px;
			}
			.impact-images {
			grid-template-columns: 1fr;
			}
			.impact-img-large {
			height: 280px;
			}
			.impact-img-right {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			}
			.impact-img-small {
			height: 160px;
			}
			}
			@media (max-width: 576px) {
			.impact-img-large {
			height: 240px;
			}
			.impact-img-right {
			grid-template-columns: 1fr;
			}
			.impact-img-small {
			height: 180px;
			}
			.impact-content p {
			font-size: 13px;
			}
			}
			/* ================= RESPONSIBILITY STRUCTURE ================= */
			.responsibility-structure-section {
			background: #fff;
			}
			.responsibility-wrapper {
			margin: auto;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 40px;
			transform: skewX(-3deg);
			}
			/* Cards */
			.responsibility-card {
			background: #e6e6e7;
			border-radius: 28px;
			padding: 40px 34px;
			transform: skew(-4deg);
			}
			.responsibility-card .sustainbility-heading{
			margin-bottom: 30px;
			}
			/* Headings */
			.responsibility-card h3 {
			margin-bottom: 18px;
			font-size: 35px;
			font-weight: 600;
			font-style: italic;
			}
			.responsibility-card .purple {
			color: #5a2d8c;
			}
			.responsibility-card .green {
			color: #4fbf83;
			}
			/* Text */
			/* Bullet list */
			.responsibility-list {
			list-style: none;
			padding: 0;
			margin: 0;
			margin-top: 28px;
			}
			.responsibility-list li {
			position: relative;
			padding-left: 30px;
			margin-bottom: 12px;
			font-size: 20px;
			color: #000;
			line-height: 1.5;
			font-weight: 500;
			display: flex;
			gap: 14px;
			align-items: center;
			}
			/* ================= RESPONSIVE ================= */
			@media (max-width: 992px) {
			.responsibility-wrapper {
			grid-template-columns: 1fr;
			padding: 0;
			}
			.responsibility-card h3 {
			font-size: 28px;
			}
			.left-card,
			.right-card {
			transform: none;
			}
			}
			@media (max-width: 767px) {
			.responsibility-card {
			padding: 24px 16px;
			}
			.responsibility-card p,
			.responsibility-list li {
			font-size: 14px;
			}
			.sustainbility-heading {
			font-size: 24px;
			}
			.sustainability-image img {
			max-width: 280px;
			margin-bottom: -19px;
			}
			.sustainability-content {
			text-align: left;
			padding-top: 20px;
			}
			.in-pracitice {
			display: flex;
			flex-direction: column-reverse;
			padding-bottom: 0;
			}
			.s-card h3 {
			font-size: 22px;
			min-height: 44px;
			}
			.policy-btns {
			gap: 22px;
			}
			.policy-btns .btn-text { 
			width: 210px;
			}
			.s-card-info {
			position: relative;
			min-height: 116px;
			}
			.sustainability-overlay {
			padding: 30px 20px;
			margin: 0;
			transform: skewX(-1deg);
			margin-top: 20px;
			}
			.sustainability-cards {
			grid-template-columns: 1fr;
			}
			.s-card {
			min-height: auto;
			padding: 34px 20px 14px;
			}
			.card-icon img{
			width: 54px;
			}
			.accountability-sec{
			padding-bottom: 50px;
			}
			.project-header{
			flex-wrap: wrap;
			}
			.project-divider {
			display: none;
			}
			.project-title {
			font-size: 20px;
			margin-top: 20px;
			}
			.project-subtitle {
			font-size: 16px;
			}
			.case-study-wrapper {
			padding: 22px;
			border-radius: 22px;
			transform: skewX(-1deg);
			}
			.case-title {
			font-size: 16px;
			}
			.highlight-title{
			font-size: 24px;
			}
			.highlight-card {
			min-width: auto;
			width: 100%;
			padding: 16px 20px;
			}
			.highlight-card strong {
			font-size: 22px;
			}
			.highlight-card span {
			font-size: 17px;
			}
			.how-operate-section{
			padding-bottom: 0px;
			}
			.impact-subtitle {
			font-size: 18px;
			margin-bottom: 16px;
			margin-top: 40px;    
			}
			.hunar-skill {
			margin-bottom: 0;
			}
			.stat-box {
			padding: 12px 10px;
			border-radius: 14px;
			min-width: auto;
			}
			.banner-stats{
			bottom: 28px;
			gap: 6px;
			right: 0%;
			flex-direction: column;
			width: 90%;
			position: relative;
			margin: 0px auto;
			display: none;
			}
			.stat-box h3 {
			font-size: 22px;
			}
			.stat-box p {
			font-size: 18px;
			margin-top: 5px;
			}
			.impact-section {
			padding: 50px 0px;
			}
			.how-operate-container {
			margin: 10px auto;
			}
			.impact-images {
			padding-left: 10px;
			padding-right: 10px;
			transform: skewX(-2deg);
			}
			.responsibility-wrapper{
			gap: 26px;
			}
			.know-more-btn.idea-btn a {
			line-height: normal;
			}
			.know-more-btn.idea-btn .btn-icon img {
			position: relative;
			top: 10px;
			}
			.responsibility-wrapper{
			transform: skewX(-1.5deg);
			}
			.responsibility-structure-section {
			padding: 50px 15px;
			padding-bottom: 20px;
			}
			.know-more-btn.idea-btn .btn-text {
			padding: 7px 14px;
			}
			.know-more-btn.idea-btn {
			width: 96%;
			margin: 0px auto;
			margin-top: 22px;
			}
			}
			@media only screen and (min-width: 1001x) and (max-width: 1199px)  {
			.impact-img-small {
			height: 150px !important;
			}  
			.impact-img-large {
			height: 312px !important;
			}
			}
			@media only screen and (min-width: 768px) and (max-width: 1000px)  {
			.impact-img-large {
			height: 400px;
			}
			.impact-img-small {
			height: 220px;
			}
			}
			@media only screen and (min-width: 768px) and (max-width: 1199px)  {
			.stat-box h3 {
			font-size: 24px;
			}
			.stat-box p {
			font-size: 16px;
			margin-top: 8px;
			}
			.stat-box {
			padding: 12px 10px;
			min-width: 102px;
			transform: skewX(-4deg);
			}
			.banner-stats {
			bottom: 36px;
			gap: 12px;    
			}
			.sustainbility-heading {
			font-size: 36px;
			}
			.sustainability-overlay {
			padding: 70px 34px;
			transform: skewX(-2deg)
			}
			.s-card h3 {
			font-size: 30px;
			min-height: 80px;
			}
			.s-card{
			padding: 30px 22px 14px;
			}
			.s-card-info {
			position: relative;
			min-height: 180px;
			}
			.card-icon img {
			width: 64px;
			}
			.accountability-sec{
			padding-bottom: 54px;
			}
			.project-title {
			font-size: 20px;
			}
			.project-subtitle {
			font-size: 17px;
			font-weight: 600;
			}
			.case-study-wrapper{
			transform: skewX(-1.5deg);
			}
			.img-large {
			height: 306px;
			}
			.img-small {
			height: 200px;
			}
			.highlight-card {
			min-width: auto;
			width: 42%;
			padding: 16px 20px;
			}
			.highlight-title {
			font-size: 26px;
			}
			.highlight-card strong{
			font-size: 24px;
			}
			.highlight-card span {
			font-size: 22px;
			}
			.impact-subtitle {
			font-size: 22px;
			margin-top: 40px;
			}
			.how-operate-section{
			padding-bottom: 32px;
			}
			.responsibility-wrapper{
			transform: skewX(-1.5deg);
			}
			.responsibility-list li{
			font-size: 16px;
			}
			}
			@media only screen and (min-width: 1200px) and (max-width: 1366px)  {
			.stat-box h3 {
			font-size: 28px;
			}
			.stat-box p {
			font-size: 22px;
			}
			.sustainbility-heading {
			font-size: 46px;
			}
			.s-card h3{
			font-size: 26px;
			min-height: 64px;
			}
			.sustainability-image img {
			margin-bottom: -123px;
			}
			.s-card{
			padding: 36px 18px 14px;
			}
			.card-icon img{
			width: 54px;
			}
			.sustainability-overlay {
			padding: 70px 50px;
			}
			.project-subtitle {
			font-size: 16px;
			}
			.project-title {
			font-size: 20px;
			}
			.case-title{
			font-size: 22px;
			}
			.highlight-title{
			font-size: 22px;
			}
			.stat-box {
			padding: 12px 18px;
			border-radius: 14px;
			min-width: 144px;
			}
			.project-highlights{
			gap: 30px;
			}
			.highlight-card{
			padding: 16px 20px;
			width: calc((100% - 250px) / 4);
			}
			.highlight-card strong{
			font-size: 20px;
			}
			.highlight-card span {
			font-size: 16px;
			}
			.impact-subtitle{
			font-size: 22px;
			}
			.responsibility-card{
			padding: 40px 22px;
			}
			.responsibility-list li{
			font-size: 16px;
			}
			}
			@media only screen and (min-width: 1367px) and (max-width: 1440px)  {
			.stat-box h3 {
			font-size: 30px;
			}
			.stat-box p {
			font-size: 22px;
			}
			.sustainbility-heading {
			font-size: 54px;
			}
			.sustainability-image img {
			max-width: 404px;
			margin-bottom: -98px;
			}
			.s-card h3 {
			font-size: 28px;
			min-height: 70px;
			}
			.s-card {
			padding: 40px 22px 14px;
			}
			.sustainability-overlay {
			padding: 86px 26px;
			}
			.project-subtitle {
			font-size: 18px;
			}
			.project-title {
			font-size: 20px;
			}
			.case-title {
			font-size: 24px;
			}
			.highlight-title{
			font-size: 26px;
			}
			.highlight-card{
			padding: 16px 24px;
			width: calc((100% - 294px) / 4);
			}
			.project-highlights{
			gap: 34px;
			}
			.highlight-card strong {
			font-size: 22px;
			}
			.highlight-card span {
			font-size: 18px;
			}
			.impact-subtitle {
			font-size: 24px;
			}
			.responsibility-card{
			padding: 40px 25px;
			}
			.responsibility-list li{
			font-size: 18px;
			}
			}
			@media only screen and (min-width: 1441px) and (max-width: 1680px)  {
			.stat-box h3 {
			font-size: 34px;
			}
			.stat-box p {
			font-size: 22px;
			}
			.sustainbility-heading {
			font-size: 56px;
			}
			.sustainability-image img {
			max-width: 364px;
			}
			.s-card h3 {
			font-size: 34px;
			min-height: 80px;
			}
			.s-card {
			padding: 44px 20px 14px;
			}
			.sustainability-overlay {
			padding: 74px 60px;
			}
			.project-subtitle {
			font-size: 18px;
			}
			.project-title {
			font-size: 20px;
			}
			.case-title {
			font-size: 24px;
			}
			.highlight-title{
			font-size: 28px;
			}
			.highlight-card {
			padding: 16px 28px;
			width: calc((100% - 344px) / 4);
			}
			.project-highlights {
			gap: 40px;
			}
			.highlight-card strong {
			font-size: 24px;
			}
			.highlight-card span {
			font-size: 18px;
			}
			.impact-subtitle {
			font-size: 24px;
			}
			.responsibility-list li {
			font-size: 18px;
			}
			}
			@media only screen and (min-width: 1681px) and (max-width: 1800px)  {
			.sustainbility-heading {
			font-size: 62px;
			}
			}