.nav-menu a {
			color: #fff;
			}
			header.sticky .nav-menu a {
			color: #010000;
			}
			.main-navbar:hover  .nav-menu a {
			color: #010000;
			}
			.main-navbar:hover  .nav-menu a:hover {
			color: #7039c2;
			}
			.corporate-clients-info {
			max-width: 1000px;
			margin: 0px auto;
			margin-top: 26px;
			}
			.corporate-clients-section {
			position: relative;
			background-color: #f7f7f5;
			}
			.corporate-heading {
			font-size: 70px;
			color: #532e8a;
			line-height: 1.1;
			font-style: italic;
			font-weight: 600;
			}
			.corporate-heading span {
			color: #32b563;
			}
			.carbon-free-section {
			position: relative;
			background-color: #f7f7f5;
			}
			.carbon-description-container {
			margin-top: 60px;
			max-width: 950px;
			margin-left: auto;
			position: relative;
			}
			.infographice-container {
			position: relative;
			margin-top: 30px;
			}
			.infographic-compnents {
			position: absolute;
			top: 16%;
			width: 100%;
			}
			.infographic-compnents-inner {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			width: 48%;
			margin: 0px auto;
			}
			.infographic-compnents-inner .infographic-compnent-icon img{
			width: 90px;
			}
			.infographic-compnents-inner .infographic-compnent-icon svg{
			width: 120px;
			}
			.infographic-compnents-item {
			width: 33%;
			text-align: center;
			}
			.infographic-compnents-inner .solar{
			color: #eed214;
			font-size: 30px;
			font-weight: 500;
			}
			.infographic-compnents-inner .wind{
			color: #532e8a;
			font-size: 30px;
			font-weight: 500;
			}
			.infographic-compnents-inner .storage{
			color: #32b563;
			font-size: 30px;
			font-weight: 500;
			}
			.infographice-container img {
			width: 100%;
			}
			.carbon-free-inner {
			position: relative;
			}
			
			.carbon-free-inner h2{
			    margin-bottom: 0px;
			}
			.reliable-clean-energy {
			position: relative;
			background-color: #f7f7f5;
			padding-bottom: 160px;
			}
			.illustration {
			position: absolute;
			right: 0px;
			width: 662px;
			height: auto;
			bottom: -3px;
			}
			.illustration img {
			width: 91%;
			}
			.reliable-info {
			position: relative;
			padding-right: 12%;
			}
			.build-around-load {
			position: relative;
			padding-bottom: 80px;
			background-color: #f7f7f5;
			}
			.build-around-load-inner {
			position: relative;
			}
			.build-around-load .tabs-container {
			display: flex;
			gap: 12px;
			flex-wrap: wrap;
			margin-bottom: 40px;
			margin-top: 40px;
			}
			.build-around-load .tab {
			padding: 18px 40px;
			border-radius: 12px;
			font-size: 28px;
			font-weight: 600;
			font-style: italic;
			cursor: pointer;
			transition: all 0.3s ease;
			border: none;
			outline: none;
			color: #fff;
			white-space: nowrap;
			}
			@media (max-width: 768px) {
			.build-around-load .tab {
			padding: 16px 28px;
			font-size: 1.1rem;
			flex: 1;
			min-width: 280px;
			text-align: center;
			}
			}
			.build-around-load .tab-green {
			background-color: #c4b5e0;
			color: #ffffff;
			}
			.build-around-load .tab-green:hover,
			.tab-green.active {
			background-color: #32b563;
			}
			.build-around-load .tab-purple {
			background-color: #c4b5e0;
			}
			.build-around-load .tab-purple:hover,
			.tab-purple.active {
			background-color: #32b563;
			}
			/* Tab Content Styles */
			.build-around-load .tab-content {
			display: none;
			animation: fadeIn 0.4s ease;
			}
			.build-around-load .tab-content.active {
			display: block;
			}
			@keyframes fadeIn {
			from {
			opacity: 0;
			transform: translateY(10px);
			}
			to {
			opacity: 1;
			transform: translateY(0);
			}
			}
			.build-around-load .hybrid-block {
			background-color: #e8e6e8;
			border-radius: 32px;
			padding: 30px 84px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: 1fr 1.5fr;
			gap: 60px;
			transform: skewX(-3deg);
			margin-top: 26px;
			}
			.build-around-load .hybrid-block:nth-child(even) .content-left {
			grid-column: 2;
			padding-left: 20%;
			}
			.build-around-load .hybrid-block:nth-child(even) .chart-container {
			grid-column: 1;
			grid-row: 1;
			}
			@media (max-width: 968px) {
			.build-around-load .hybrid-block {
			grid-template-columns: 1fr;
			gap: 40px;
			padding: 32px;
			}
			.build-around-load .hybrid-block:nth-child(even) .content-left,
			.hybrid-block:nth-child(even) .chart-container {
			grid-column: auto;
			grid-row: auto;
			}
			}
			.build-around-load .content-left h2 {
			font-size: 36px;
			font-weight: 700;
			color: #532e8a;
			font-style: italic;
			margin-bottom: 20px;
			line-height: normal;
			}
			@media (max-width: 768px) {
			.build-around-load .content-left h2 {
			font-size: 1.75rem;
			}
			}
			.build-around-load .chart-container {
			position: relative;
			max-width: 700px;
			margin-left: auto;
			width: 100%;
			}
			.build-around-load .legend {
			display: flex;
			gap: 32px;
			justify-content: center;
			margin-bottom: 24px;
			}
			.build-around-load .legend-item {
			display: flex;
			align-items: center;
			gap: 10px;
			font-size: 20px;
			color: #000000;
			font-weight: 500;
			}
			.build-around-load .legend-line {
			width: 46px;
			height: 3px;
			border-radius: 2px;
			}
			.build-around-load .legend-line.purple {
			background-color: #532e8a;
			}
			.build-around-load .legend-line.green {
			background-color: #32b563;
			}
			.build-around-load .chart-area {
			position: relative;
			}
			.chart-area {
			overflow: hidden;
			border-top: 2px solid #32b563;
			border-bottom: 2px solid #532e8ab3;
			padding-left: 10px;
			padding-right: 10px;
			}
			/* Initial state */
			.reveal-3d img {
			opacity: 0;
			transform: scaleY(0);
			transform-origin: bottom;
			transition:
			transform 1.4s cubic-bezier(0.25, 0.8, 0.25, 1),
			opacity 0.6s ease;
			will-change: transform, opacity;
			}
			/* On scroll */
			.reveal-3d.active img {
			opacity: 1;
			transform: scaleY(1);
			}
			.build-around-load .chart-area img {
			width: 100%;
			margin-bottom: -8px;
			}
			.build-around-load .demand-line {
			position: absolute;
			top: 20px;
			left: 0;
			right: 0;
			height: 3px;
			background-color: #2e7d32;
			border-radius: 2px;
			}
			.build-around-load .load-area {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 140px;
			}
			.build-around-load .load-area svg {
			width: 100%;
			height: 100%;
			}
			.build-around-load .x-axis {
			display: flex;
			justify-content: space-between;
			padding: 0 10px;
			margin-top: 5px;
			}
			.build-around-load.x-axis-label {
			font-size: 18px;
			color: #000000;
			font-weight: 500;
			}
			.build-around-load .x-axis-title {
			text-align: center;
			margin-top: 20px;
			font-size: 20px;
			color: #000000;
			font-weight: 500;
			}
			/*Supply green tabs css */
		.build-around-load .cards-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 24px;
			justify-items: center;
			width: 100%;
		}

			.build-around-load .energy-card {
			background: #fff;
			border-radius: 22px;
			border: 1px solid #bdbdbd;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
			position: relative;
			transform: skew(355deg);
			width: 100%;
			}
			.build-around-load .gr-section-title {
			color: #000000;
			font-size: 24px;
			}
			.build-around-load .green-section-header {
			padding-bottom: 30px;
			margin-bottom: 10px;
			position: relative;
			padding-top: 14px;
			}
			.build-around-load .energy-card:nth-child(even) {
			background-color: #f3f3f3;
			}
			.build-around-load .energy-card .energy-card-top {
			padding: 20px;
			border-top-left-radius: 25px;
			border-top-right-radius: 25px;
			}
			.build-around-load .energy-card-content {
			padding: 20px;
			}
			.build-around-load .energy-card:nth-child(even) .energy-card-top {
			background-color: #fff;
			}
			.build-around-load .energy-card:nth-child(odd) .energy-card-top {
			background-color: #f3f3f3;
			}
			.build-around-load .energy-card:nth-child(even) h3 {
			color: #532e8a;
			}
			.build-around-load .energy-card h3 {
			font-size: 24px;
			margin-bottom: 8px;
			color: #000;
			font-weight: 600;
			}
			.info-wrapper .row{
			display: flex;
			justify-content: space-between;
			padding: 8px 10px;
			border-bottom: 1px solid #fff;
			}
			.info-wrapper .row span{
			width: 50%;
			}
			.build-around-load .green-barwith-text {
			display: flex;
			margin-top: 10px;
			gap: 12px;
			align-items: center;
			}
			.build-around-load .card-desc {
			color: #000000;
			margin-bottom: 12px;
			font-size: 20px;
			line-height: normal;
			}
			.build-around-load .row {
			margin-bottom: 18px;
			padding:12px 0;
			}
			.build-around-load .energy-label {
			display: block;
			font-weight: 600;
			color: #000;
			margin-bottom: 6px;
			font-size: 18px;
			}
			.build-around-load .bad {
			color: #d32f2f;
			font-weight: 500;
			font-size: 18px;
			}
			.build-around-load .bad span {
			color: #000;
			}
			.build-around-load .good {
			color: #2e7d32;
			font-weight: 500;
			}
			.build-around-load .good span {
			color: #000;
			}
			.build-around-load .bar {
			height: 6px;
			border-radius: 6px;
			margin-top: 6px;
			}
			.build-around-load .bar.orange {
			background: #28b462;
			width: 100%;
			}
			.build-around-load .bar-green-sm {
			background: #4caf50;
			width: 16%;
			display: inline-block;
			height: 6px;
			margin: 0 4px;
			border-radius: 4px;
			}
			.build-around-load .bar.green {
			background: #4caf50;
			width: 20%;
			margin-top: 0px;
			}
			.build-around-load .bar.green.short {
			width: 20%;
			}
			.build-around-load .best {
			font-size: 20px;
			color: #000000;
			line-height: normal;
			padding-top: 12px;
			border-top: 1px solid #9e9e9e;
			margin-top: 32px;
			}
			@media (max-width: 1200px) {
			.build-around-load .cards-grid {
			grid-template-columns: repeat(2, 1fr);
			}
			}
			@media (max-width: 640px) {
			.build-around-load .cards-grid {
			grid-template-columns: 1fr;
			}
			}
			/* end supply green tab css */
			.tamil-wind-solar {
			position: relative;
			background-color: #f7f7f5;
			padding-top: 26px;
			}
			.tamil-wind-solar-inner{
			background-image: url(assets/images/tamil-solar-bg.jpg);
			background-size: cover;
			padding: 120px 0px;
			}
			.tamil-wind-solar-blocks {
			display: flex;
			flex-wrap: wrap;
			}
			.tamil-wind-solar-item {
			width: calc((100% - 0px) /2);
			}
			.tamil-solar-title {
			color: #fff;
			font-size: 54px;
			line-height: normal;
			}	  
			.tamil-solar-text {
			color: #fff;
			font-size: 20px;
			margin-top: 20px;
			}      
			.tamil-solar-cards-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 24px;
			padding-top: 220px;
			}
			@media (max-width: 768px) {
			.tamil-solar-cards-grid  {
			grid-template-columns: 1fr;
			}
			.capacity-section {
			padding: 60px 24px;
			}
			}
			.capacity-card {
			background-color: #ffffff;
			border-radius: 16px;
			padding: 28px 32px;
			box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
			transform: skewX(-6deg);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			}
			.capacity-card > * {
			transform: skewX(-6deg);
			}
			.capacity-card:nth-child(5) {
			grid-column: span 1;
			}
			.card-label {
			font-size: 32px;
			font-weight: 700;
			color: #57348c;
			margin-bottom: 8px;
			font-style: italic;
			line-height: normal;
			}
			.card-value {
			font-size: 28px;
			font-weight: 600;
			color: #000000;
			line-height: normal;
			}
			.advance-satge-section {
			position: relative;
			background-color: #f7f7f5;
			}
			/* vertical tabs css */
			.re-advanced-stage {
			background:#f7f7f4;
			padding:60px 0;
			}
			.re-container {
			margin:auto;
			display:flex;
			gap:0px;
			align-items:center;
			}
			.vertical-tabs-infoblock {
			max-width: 900px;
			margin: 0px auto;
			margin-top: 20px;
			}
			.re-tabs {
			display: flex;
			flex-direction: column;
			gap: 14px;
			width: 26%;
			overflow: hidden;
			padding: 0 14px;
			transform: skew(-4deg);
			}
			.vertical-tab {
			background: #d6cbe4;
			border: none;
			padding: 20px 24px;
			border-radius: 10px;
			cursor: pointer;
			font-size: 20px;
			text-align: left;
			width: 80%;
			position: relative;
			transform: skew(-8deg);
			}
			.vertical-tab span{
			position: relative;
			z-index: 1;
			}
			.vertical-tab:after {
			content: "";
			width: 100%;
			height: 2px;
			background-color: transparent;
			position: absolute;
			left: 37%;
			top: 50%;
			}
			.vertical-tab.active {
			background:#39b563;
			color:#fff;
			}
			.vertical-tab.active:after{
			background-color: #32b563;
			}
			.re-content {
			flex: 1;
			border: 2px solid #39b563;
			border-radius: 26px;
			padding: 0px;
			display: flex;
			gap: 30px;
			overflow: hidden;
			transform: skew(-4deg);
			padding-bottom: 20px;
			}
			/* State Card with Sites Slider */
			.state-card {
			color: #ffffff;
			background: #39b563;
			border-radius: 22px;
			padding: 26px;
			}
			.state-header {
			text-align: center;
			font-size: 1.25rem;
			font-weight: 600;
			margin-bottom: 16px;
			}
			.sites-slider {
			position: relative;
			overflow: hidden;
			cursor: grab;
			user-select: none;
			touch-action: pan-y;
			width: 100%;
			}
			.sites-slider:active {
			cursor: grabbing;
			}
			.sites-track {
			display: flex;
			transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			/*will-change: transform;*/
			}
			.sites-track.dragging {
			transition: none;
			}
			.site-item {
			min-width: 100% !important;
			flex-shrink: 0;
			padding: 0 4px;
			transition: opacity 0.3s ease, transform 0.3s ease;
			box-sizing: border-box;
			}
			/* Smooth fade effect for non-active slides */
			.site-item:not(.active) {
			opacity: 0;
			}
			.site-item.active {
			opacity: 1;
			}
			.site-badge {
			display: inline-block;
			background-color: rgba(255, 255, 255, 0.2);
			padding: 4px 12px;
			border-radius: 12px;
			font-size: 0.75rem;
			margin-bottom: 12px;
			transition: background-color 0.3s ease;
			}
			.site-item:hover .site-badge {
			background-color: rgba(255, 255, 255, 0.3);
			}
			.info-row {
			display: flex;
			padding: 10px 0;
			border-bottom: 1px solid #fff;
			font-size: 18px;
			font-weight: normal;
			}
			.info-row:last-child {
			border-bottom: none;
			}
			.info-label {
			padding-right: 12px;
			transition: opacity 0.3s ease;
			width: 50%;
			}
			.info-value {
			text-align: left;
			width: 50%;
			transition: transform 0.3s ease;
			}
			/* Slider Navigation */
			.slider-nav {
			display: flex;
			justify-content: space-between;
			position: absolute;
			top: 50%;
			left: -10px;
			right: -10px;
			transform: translateY(-50%);
			pointer-events: none;
			}
			.nav-btn {
			width: 28px;
			height: 28px;
			background-color: rgba(255, 255, 255, 0.9);
			border: none;
			border-radius: 50%;
			cursor: pointer;
			display: flex;
			align-items: center;
			justify-content: center;
			pointer-events: auto;
			transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			transform: scale(1);
			}
			.nav-btn:hover {
			background-color: #ffffff;
			transform: scale(1.1);
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
			}
			.nav-btn:active {
			transform: scale(0.95);
			}
			.nav-btn svg {
			width: 14px;
			height: 14px;
			fill: #39b563;
			transition: transform 0.2s ease;
			}
			.nav-btn:hover svg {
			transform: translateX(2px);
			}
			.nav-btn:first-child:hover svg {
			transform: translateX(-2px);
			}
			/* Dots */
			.slider-dots {
			display: flex;
			justify-content: center;
			gap: 6px;
			margin-top: 16px;
			}
			.dot {
			width: 20px;
			height: 4px;
			background-color: #c9c9c9;
			border-radius: 2px;
			cursor: pointer;
			transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			position: relative;
			overflow: hidden;
			}
			.dot.active {
			background-color: #39b563;
			width: 28px;
			}
			.drag-hint {
			text-align: center;
			font-size: 0.75rem;
			opacity: 0.8;
			margin-top: 12px;
			font-style: italic;
			transition: opacity 0.3s ease;
			}
			.sites-slider:hover + .slider-dots + .drag-hint,
			.slider-dots:hover + .drag-hint {
			opacity: 1;
			}
			/* Entrance animation for site items */
			@keyframes slideIn {
			from {
			opacity: 0;
			transform: translateX(20px);
			}
			to {
			opacity: 1;
			transform: translateX(0);
			}
			}
			/*.site-item {
			animation: slideIn 0.4s ease forwards;
			}*/
			.site-item:nth-child(1) { animation-delay: 0s; }
			.site-item:nth-child(2) { animation-delay: 0.1s; }
			.site-item:nth-child(3) { animation-delay: 0.2s; }
			.map-box { width:46%; position: relative;}
			.map-img {
			display: none;
			}
			.map-img.active {
			display: block;
			}
			.map-box img{ 
			max-width: 700px;
			}
			.india-map { width:100%; }
			.state { fill:#d6cbe4; }
			.state.active { fill:#5a3b8c; }
			.info-wrapper {
			width: 46%;
			padding-top: 86px;
			}
			.info-card {
			background: #f7f7f4;
			color: #fff;
			display: none;
			font-size: 18px;
			transform: skew(3deg);
			}
			.info-card.active { display:block; }
			.info-card h3 { margin-bottom:20px; }
			.row:last-child { border-bottom:none; }
			/* end vertical css tabs */
			.energy-analysis-section{
			position :relative;
			background-color: #f7f7f5;
			}
			.energy-section {
			position: relative;
			border-radius: 40px;
			padding: 68px 60px;
			overflow: hidden;
			background-image: url(assets/images/enery-analysis-bg.jpg);
			transform: skewX(-3deg);
			}
			.cards-container {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 20px;
			position: relative;
			z-index: 1;
			margin-top: 50px;
			}
			@media (max-width: 1200px) {
			.cards-container {
			grid-template-columns: repeat(2, 1fr);
			}
			}
			@media (max-width: 640px) {
			.cards-container {
			grid-template-columns: 1fr;
			}
			}
			.process-card {
			border-radius: 24px;
			padding: 32px 42px;
			display: flex;
			flex-direction: column;
			gap: 20px;
			transform: skewX(-3deg);
			transition: transform 0.3s ease;
			}
			.process-card:hover {
			transform: skewX(-3deg) translateY(-8px);
			}
			.process-card > * {
			transform: skewX(3deg);
			}
			.process-card.purple {
			background-color: #c4b5e0;
			}
			.process-card.white {
			background-color: #f5f5f5;
			}
			.card-icon {
			margin-bottom: 8px;
			text-align: right;
			}
			.card-icon svg {
			width: 100%;
			height: 100%;
			stroke: #333;
			stroke-width: 1.5;
			fill: none;
			}
			.card-title {
			font-size: 34px;
			font-weight: 700;
			line-height: 1.2;
			font-style: italic;
			}
			.process-card.purple .card-title {
			color: #532e8a;
			}
			.process-card.white .card-title {
			color: #2e7d32;
			}
			.card-description {
			font-size: 18px;
			color: #000000;
			line-height: 1.3;
			}
			.carbon-free-energy-section {
			position: relative;
			background-color: #f7f7f5;
			}
			.carbon-free-energy-inner {
			display: flex;
			flex-wrap: wrap;
			width: 90%;
			margin: 0px auto;
			}
			.carbon-free-energy-item{
			width: calc((100% - 0px) / 2);
			}
			
			.carbon-free-energy-item h2{
			    margin-bottom: 0px;
			}
			.carbon-free-energy-item .corporate-heading {
			max-width: 650px;
			}
			.resolven-logo-icon{
			text-align: center;
			}
			.resolven-logo-icon img{
			max-width: 400px;
			}
			@media (max-width: 767px) {
			.corporate-heading {
			font-size: 24px;
			}
			.corporate-heading span br{
			display: none;
			}
			.carbon-description-container {
			margin-top: 34px;
			}
			.build-around-load .hybrid-block:nth-child(even) .content-left {
			grid-column: 1;
			padding-left: 0%;
			}
			.build-around-load .hybrid-block:nth-child(even) .chart-container{
			grid-row: 2;
			}
			.build-around-load .hybrid-block {
			grid-template-columns: 1fr;
			gap: 26px;
			padding: 12px;
			}
			
			.build-around-load .cards-grid {
				    padding-left: 0%;
			}
			.build-around-load .content-left h2 {
			font-size: 22px;
			margin-bottom: 12px;
			}
			.build-around-load .legend-item{
			font-size: 15px;
			}
			.tamil-wind-solar-item {
			width: calc((100% - 0px) /1);
			}
			.tamil-solar-cards-grid{
			padding-top: 56px;
			}
			.state-card {
			padding: 12px;
			}
			.info-row {
			font-size: 12px;
			}
			.info-label {
			max-width: 142px;
			}
			.info-value {
			max-width: 106px;
			}
			.tamil-wind-solar-inner{
			padding: 46px 0px;
			}
			.tamil-solar-text{
			font-size: 16px;
			}
			.capacity-card{
			padding: 20px 22px;
			}
			.card-label {
			font-size: 20px;
			}
			.card-value {
			font-size: 18px;
			}
			.tamil-solar-title{
			font-size: 24px;
			}
			.illustration {
			width: auto;
			position: relative;
			}
			.reliable-clean-energy{
			padding-bottom: 0;
			}
			.infographic-compnents {
			top: 17%;
			}
			.info-card{
			padding: 12px;
			transform: skew(2deg);
			}
			.info-card h3 {
			margin-bottom: 10px;
			}
			.infographic-compnents-item .storage{
			font-size: 12px;
			line-height: normal;
			}
			.infographic-compnents-item .wind,.solar{
			font-size: 12px;
			line-height: normal;
			}
			.infographic-compnents-item .solar{
			font-size: 12px;
			line-height: normal;
			}
			.infographic-compnents-inner{
			width: 64%;
			}
			.build-around-load{
			padding-bottom: 32px;
			}
			.infographic-compnents-inner .infographic-compnent-icon svg {
			width: 34px;
			}
			.reliable-info {
			position: relative;
			padding-right: 0%;
			}
			.carbon-free-energy-item {
			width: calc((100% - 0px) / 1);
			}
			.resolven-logo-icon img {
			max-width: 216px;
			margin-top: 28px;
			}
			.build-around-load .x-axis{
			font-size: 14px;
			}
			.build-around-load .x-axis-title{
			font-size: 16px;
			}
			.build-around-load-inner .know-more-btn.more-btnleft a {
			line-height: normal;
			}
			.build-around-load-inner .btn-icon img {
			position: relative;
			top: 10px;
			}
			.re-container{
			flex-direction: column;
			}
			.re-tabs {
			display: flex;
			flex-direction: unset;
			width: 100%;
			flex-wrap: wrap;
			margin-bottom: 18px;
			}
			.vertical-tab {
			padding: 12px 10px;
			font-size: 15px;
			width: 46%;
			}
			.vertical-tab:after{
			display: none;
			}
			.re-advanced-stage{
			padding: 45px 0;
			}
			.re-content {
			display: block;
			padding-bottom: 20px;
			transform: skew(-2deg);
			width: 98%;
			}
			.map-box {
			width: 100%;
			display: none;
			}
			.map-box img {
			max-width: 304px;
			}
			.advance-satge-section .know-more-btn.more-btnleft a {
			line-height: normal;
			}
			.advance-satge-section .btn-icon img {
			position: relative;
			top: 10px;
			}
			.info-wrapper .row{
			font-size: 12px;
			}
			.info-wrapper {
			width: 98%;
			padding-top: 26px;
			margin: 0px auto;
			}
			.build-around-load .gr-section-title {
			font-size: 18px;
			line-height: normal;
			margin-bottom: 14px;
			}
			.build-around-load .energy-card{
			transform: skew(358deg);
			}
			.build-around-load .energy-card h3 {
			font-size: 18px;
			}
			.build-around-load .card-desc{
			font-size: 16px;
			}
			.energy-section {
			border-radius: 30px;
			padding: 38px 22px;
			transform: skewX(-1deg);
			background-repeat: no-repeat;
			background-size: cover;
			}
			.cards-container {
			margin-top: 32px;
			}
			.process-card {
			padding: 22px 12px;
			transform: skewX(-2deg);
			}
			.card-title {
			font-size: 22px;
			}
			.card-description {
			font-size: 15px;
			}
			.card-icon img {
			max-width: 90px;
			}
			.build-around-load .energy-label{
			font-size: 16px;
			}
			.build-around-load .bad {
			font-size: 15px;
			}
			.build-around-load .row {
			margin-bottom: 8px;
			padding: 8px 0;
			}
			.green-bar-text{
			font-size: 14px;
			}
			.build-around-load .best {
			font-size: 15px;
			}
			}
			@media only screen and (min-width: 768px) and (max-width: 1199px)  {
			.corporate-heading {
			font-size: 36px;
			}
			.build-around-load .hybrid-block:nth-child(even) .content-left{
			padding-left: 0%;
			}
			.build-around-load .cards-grid{
			        padding-left: 0%;
			}
			.build-around-load .legend-item {
			font-size: 16px;
			}
			.tamil-solar-title {
			font-size: 28px;
			}
			.tamil-solar-text{
			font-size: 17px;
			}
			.infographic-compnents-item .storage{
			font-size: 16px;
			line-height: normal;
			}
			.infographic-compnents-item .wind,.solar{
			font-size: 16px;
			line-height: normal;
			}
			.infographic-compnents-item .solar{
			font-size: 16px;
			line-height: normal;
			}
			.illustration{
			width: 400px;
			}
			.reliable-info {
			padding-right: 18%;
			}
			.reliable-clean-energy{
			padding-bottom: 100px;
			}
			.infographic-compnents-inner .infographic-compnent-icon svg {
			width: 40px;
			}
			.tamil-solar-cards-grid {
			padding-top: 70px;
			}
			.info-row{
			font-size: 12px;
			}
			.state-card {
			padding: 10px;
			}
			.resolven-logo-icon img {
			max-width: 210px;
			}
			.energy-section{
			padding: 40px 34px;
			background-repeat: no-repeat;
			}
			.build-around-load .tab {
			padding: 15px 24px;
			font-size: 24px;
			}
			.card-label {
			font-size: 20px;
			}
			.card-value {
			font-size: 16px;
			}
			.build-around-load .hybrid-block {
			padding: 30px 40px;
			}
			.build-around-load .content-left h2 {
			font-size: 24px;
			}
			.card-icon img{
			width: 90px;
			}
			.tamil-wind-solar-inner{
			padding: 60px 0px;
			}
			.capacity-card{
			padding: 20px 22px;
			}
			.build-around-load .gr-section-title {
			font-size: 18px;
			line-height: normal;
			}
			.build-around-load .energy-card h3 {
			font-size: 18px;
			}
			.build-around-load .card-desc{
			font-size: 16px;
			}
			.build-around-load .energy-label{
			font-size: 15px;
			}
			.green-bar-text{
			font-size: 14px;
			}
			.build-around-load .best {
			font-size: 16px;
			}
			.map-box img{
			width: 100%;
			}
			.info-wrapper {
			padding-top: 42px;
			}
			.re-content{
			gap: 10px;
			padding-bottom: 20px;
			}
			.info-card{
			padding: 10px;
			font-size: 12px;
			}
			.vertical-tab{
			padding: 14px 12px;
			font-size: 16px;
			}
			.process-card{
			padding: 32px 24px;
			}
			.card-title {
			font-size: 24px;
			}
			.card-description {
			font-size: 15px;
			}
			}
			@media only screen and (min-width: 1200px) and (max-width: 1366px)  {
			.corporate-heading {
			font-size: 46px;
			}
			.tamil-solar-title {
			font-size: 40px;
			}
			.capacity-card{
			padding: 22px 24px;
			}
			.card-label {
			font-size: 24px;
			}
			.card-value {
			font-size: 20px;
			}
			.resolven-logo-icon img {
			max-width: 330px;
			}
			.illustration{
			width: 575px;
			}
			.build-around-load .gr-section-title {
			font-size: 20px;
			}
			.build-around-load .energy-card h3 {
			font-size: 18px;
			line-height: normal;
			}
			.build-around-load .energy-label{
			font-size: 15px;
			}
			.build-around-load .bad{
			font-size: 14px;
			}
			.build-around-load .good{
			font-size: 14px;
			}
			.infographic-compnents{
			top: 16%;
			}
			.info-row {
			font-size: 14px;
			}
			.infographic-compnents-inner .infographic-compnent-icon svg {
			width: 76px;
			}
			.infographic-compnents-item .storage{
			font-size: 24px;
			}
			.infographic-compnents-item .wind{
			font-size: 24px;
			}
			.infographic-compnents-item .solar{
			font-size: 24px;
			}
			.infographic-compnents-inner .infographic-compnent-icon img {
			width: 62px;
			}
			.green-bar-text{
			font-size: 14px;
			line-height: normal;
			}
			.carbon-description-container{
			max-width: 620px;
			}
			.build-around-load .best {
			font-size: 15px;
			}
			.build-around-load .card-desc{
			font-size: 16px;
			}
			.build-around-load .content-left h2 {
			font-size: 28px;
			}
			.build-around-load .tab {
			font-size: 20px;
			padding: 14px 24px;
			}
			.tamil-solar-text{
			font-size: 16px;
			}
			.tamil-solar-cards-grid{
			padding-top: 160px;
			}
			.map-box img{
			width: 100%;
			}
			.info-wrapper {
			width: 45%;
			padding-top: 28px;
			}
			.info-card{
			padding: 18px;
			font-size: 14px;
			}
			.card-icon img {
			width: 90px;
			}
			.re-content{
			padding-bottom: 10px;
			}
			.vertical-tab{
			font-size: 16px;
			}
			.process-card{
			padding: 32px 16px;
			}
			.card-title {
			font-size: 22px;
			}
			.card-description {
			font-size: 14px;
			}
			.carbon-free-energy-inner{
			width: 97%;
			}
			} 
			@media only screen and (min-width: 1367px) and (max-width: 1440px)  { 
			.corporate-heading {
			font-size: 54px;
			}
			.carbon-description-container{
			max-width: 750px;
			}
			.build-around-load .tab {
			padding: 12px 32px;
			font-size: 22px;
			}
			.build-around-load .content-left h2 {
			font-size: 28px;
			}
			.tamil-solar-title{
			font-size: 44px;
			}
			.illustration{
			width: 600px;
			}
			.infographic-compnents{
			top: 16%;
			}
			.info-row {
			font-size: 14px;
			}
			.infographic-compnents-inner .infographic-compnent-icon img {
			width: 70px;
			}
			.infographic-compnents-item .storage{
			font-size: 26px;
			line-height: normal;
			}
			.infographic-compnents-item .wind,.solar{
			font-size: 26px;
			line-height: normal;
			}
			.infographic-compnents-item .solar{
			font-size: 26px;
			line-height: normal;
			}
			.infographic-compnents-inner .infographic-compnent-icon svg {
			width: 88px;
			}
			.tamil-solar-text{
			font-size: 17px;
			}
			.capacity-card{
			padding: 28px 24px;
			}
			.resolven-logo-icon img {
			max-width: 330px;
			}
			.card-label {
			font-size: 26px;
			}
			.card-value {
			font-size: 20px;
			}
			.tamil-solar-cards-grid{
			padding-top: 116px;
			}
			.build-around-load .content-left h2 {
			font-size: 26px;
			}
			.build-around-load .gr-section-title {
			font-size: 20px;
			}
			.build-around-load .energy-card h3 {
			font-size: 20px;
			line-height: normal;
			}
			.build-around-load .card-desc{
			font-size: 16px;
			}
			.build-around-load .energy-label{
			font-size: 15px;
			}
			.build-around-load .bad{
			font-size: 15px;
			}
			.green-bar-text {
			font-size: 14px;
			line-height: normal;
			}
			.build-around-load .best {
			font-size: 16px;
			}
			.vertical-tab{
			font-size: 18px;
			}
			.map-box img {
			max-width: 560px;
			}
			.info-wrapper {
			width: 45%;
			padding-top: 90px;
			}
			.re-content{
			padding-bottom: 20px;
			}
			.info-wrapper .row{
			font-size: 16px;
			}
			.process-card{
			padding: 26px 26px;
			}
			.card-title {
			font-size: 26px;
			}
			.card-description {
			font-size: 15px;
			}
			.card-icon img{
			width: 100px;
			}
			}
			@media only screen and (min-width: 1441px) and (max-width: 1680px)  {  
			.corporate-heading {
			font-size: 56px;
			}
			.carbon-description-container{
			max-width: 800px;
			}
			.corporate-heading {
			font-size: 56px;
			}
			.illustration{
			width: 630px;
			}
			.build-around-load .tab {
			padding: 14px 28px;
			font-size: 24px;
			}
			.build-around-load .content-left h2 {
			font-size: 30px;
			}
			.infographic-compnents-item .storage{
			font-size: 26px;
			line-height: normal;
			}
			.infographic-compnents-item .wind,.solar{
			font-size: 26px;
			line-height: normal;
			}
			.infographic-compnents-item .solar{
			font-size: 26px;
			line-height: normal;
			}
			.infographic-compnents-inner .infographic-compnent-icon svg {
			width: 94px;
			}
			.tamil-solar-title{
			font-size: 48px;
			}
			.info-row {
			font-size: 16px;
			}
			.tamil-solar-text{
			font-size: 18px;
			}
			.card-label {
			font-size: 28px;
			}
			.card-value {
			font-size: 24px;
			}
			.capacity-card{
			padding: 28px 24px;
			}
			.tamil-solar-cards-grid{
			padding-top: 122px;
			}
			.map-box img{
			max-width: 550px;
			}
			.info-wrapper {
			padding-top: 82px;
			}
			.re-content{
			padding-bottom: 20px;
			}
			.info-wrapper .row{
			font-size: 16px;
			}
			.process-card{
			padding: 32px 28px;
			}
			.card-title {
			font-size: 28px;
			}
			.card-icon img{
			width: 100px;
			}
			.card-description {
			font-size: 15px;
			}
			.carbon-free-energy-inner{
			width: 94%;
			}
			}