@media (max-width: 767px) {
	.about-hero-img {
		position: relative !important;
	}
    .perform-tabs .e-n-tabs-content {
    	display: block !important;
        white-space: normal !important;
    }
    .perform-tabs .e-n-tabs-content [aria-labelledby="perform-tab-1"],
    .perform-tabs .e-n-tabs-content [aria-labelledby="perform-tab-2"],
    .perform-tabs .e-n-tabs-content [aria-labelledby="perform-tab-3"],
    .perform-tabs .e-n-tabs-content [aria-labelledby="perform-tab-4"],
    .perform-tabs .e-n-tabs-content [aria-labelledby="perform-tab-5"] {
    	width: 100% !important;;
    }
}

@media (min-width: 768px) {
	.about-hero-img, .about-hero-right, .about-hero-right .elementor-widget-image, .about-hero-right img {
		height: 100%;
	}
	.about-hero-right img {
		object-fit: cover !important;
	}
}

/* Enable horizontal scroll for Elementor tabs on mobile */
@media (max-width: 1024px) {
	.about-tab-2 .e-n-tabs {
		width: 100%
	}

    .about-tab-2 .e-n-tabs-heading button {
         flex: 0 0 auto;
        white-space: nowrap;
        display: inline-block;
    }
	
    .about-tab-2 .e-n-tabs-heading  {
        display: list-item;
		overflow-x: auto;
		white-space: nowrap;
		gap: 12px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		padding-bottom: 6px;
		width: 100%;
    }
}
@media (min-width: 1025px) {
	.about-tab-2 .e-n-tabs-heading {
		z-index: 99 !important;
	}
	.about-tab-2 .e-n-tabs-content {
		margin-top: -2px;
		background: #fff;
	}
}

@media (min-width: 1025px) and (max-width: 1300px){
	.about-hero-right img {
		width: 80% !important;
	}
}

@media (min-width: 1921px) {
	.about-hero-img {
		width: 1200px !important;
		margin: 0 auto;
		display: flex;
		right: 0;
	}
	.about-hero-right img {
		width: 90% !important;
	}
}
.perform-tabs .e-n-tabs-content {
	padding-top: 50px;
}

.about-chart-area .apexcharts-series path {
    stroke: #000;   /* line color */
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.4));
}
.about-chart-area .apexcharts-area-series path.apexcharts-line {
    stroke-width: 2px !important;
}
/* Vertical grid lines (parallel to the X-axis) */
.about-chart-area .apexcharts-gridlines-vertical line {
    stroke: #D9D9D9 !important;   /* your color */
    stroke-width: 1px !important;
}
.about-chart-area .chart-card {
	padding: 0 !important;
}
.about-chart-area .chart-box {
	padding: 0 !important;
}
#perform-tab-1 {
	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
#perform-tab-5 {
	border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

/* Ensure tab content containers work with 50% width when 2 tabs are active */
.perform-tabs .e-n-tabs-content > .e-con {
	box-sizing: border-box;
	vertical-align: top;
}

/* When 2 tabs are active, ensure proper width distribution */
.perform-tabs .e-n-tabs-content > .e-con.e-active {
	min-width: 0; /* Allow flex shrinking */
}

/* Ensure Graphina charts fit within their containers */
.perform-tabs .e-n-tabs-content .graphina-elementor-chart,
.perform-tabs .e-n-tabs-content .graphina-google-chart {
	max-width: 100%;
	overflow: hidden;
}

.perform-tabs .e-n-tabs-content .graphina-elementor-chart > div,
.perform-tabs .e-n-tabs-content .graphina-google-chart > div {
	max-width: 100%;
	overflow: hidden;
}

/* Ensure ApexCharts containers fit */
.perform-tabs .e-n-tabs-content .apexcharts-canvas,
.perform-tabs .e-n-tabs-content .apexcharts-svg {
	max-width: 100% !important;
	height: auto !important;
}

/* Ensure chart containers don't overflow */
.perform-tabs .e-n-tabs-content .e-con.e-active {
	overflow: hidden;
}