@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) {
.hide-menu-on-mobile {
    	display: none !important;
    }
	.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-responsibilities-tab .e-n-accordion-item .elementor-widget-text-editor p {
    	padding-right: 30px !important;
    }
	.about-tab-2  .e-n-tabs-heading {
    	 display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .about-tab-2 .e-n-tab-title {
        flex: 1 1 25%;   /* For 4 tabs */
        text-align: center;
        width: auto !important; /* Override Elementor inline width */
    }
	.hide-menu-on-desktop {
    	display: none !important;
    }
	.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: 100% !important;
}

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

/**
 * Graphina Chart Styles
 * Styles for highest value labels in Graphina area charts
 */

/* Graphina Highest Value Label */
.graphina-highest-label {
    position: absolute !important;
    pointer-events: none;
    z-index: 1000 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    margin: 0;
    padding: 0;
}

/* Hide label when hovering over chart (CSS fallback) */
.graphina-elementor-chart:hover .graphina-highest-label {
    opacity: 0 !important;
    visibility: hidden !important;
}

.graphina-highest-value {
    display: inline-block;
    background: #008393;
    color: #FFFFFF;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    line-height: 1.2;
}

/* Responsive adjustments for Graphina labels */
@media (max-width: 767px) {
    .graphina-highest-value {
        font-size: 12px;
        padding: 4px 10px;
    }
    .elementor-1431 .elementor-element.elementor-element-4ff7e462 > .elementor-background-slideshow::before {
    	 
    background: #006B78 !important;
    opacity: 90%;
    mix-blend-mode: multiply;
    }
    .elementor-1431 .elementor-element.elementor-element-3da4ff5e > .elementor-background-slideshow::before {
    	background: #2064C9 !important;
    opacity: 1;
    mix-blend-mode: multiply;
    }
}
.perform-tabs p {
	white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    width: 100% !important;
}

   /*.page-about:not(.site-id-7) .chart_1_gross .graphina-chart-heading,  .page-about:not(.site-id-7) .chart_2_members .graphina-chart-heading, .page-about:not(.site-id-7)  .chart_3_income .graphina-chart-heading, .page-about:not(.site-id-7)  .chart_4_distributions .graphina-chart-heading,  .page-about:not(.site-id-7) .chart_5_loss .graphina-chart-heading, .page-about:not(.site-id-7)  .area-chart-title  {
        position: absolute;
        right: 1px;
        top: 14%;
        font-size: 12px;
        font-weight: 700;
        z-index: 99999999999;
        color: #fff !important;
        background: #008393;
        padding: 5px 10px;
        border-radius: 20px;
    }*/
   .chart_1_gross .graphina-chart-heading,  .chart_2_members .graphina-chart-heading,  .chart_3_income .graphina-chart-heading,  .chart_4_distributions .graphina-chart-heading,  .chart_5_loss .graphina-chart-heading,  .area-chart-title    {
    	position: absolute;
        right: 1px;
        top: 14%;
        font-size: 12px;
        font-weight: 700;
        z-index: 99999999999;
        color: #1B365D !important;
        background: #fff !important;
        padding: 5px 10px;
        border-radius: 5px !important;
        border: .5px solid #1B365D !important;
        font-size: 20px !important;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }
@media (min-width: 1024px) {
    .chart_3_income .graphina-chart-heading {
		  top: 5% !important;
    }
    .chart_4_distributions .graphina-chart-heading {
    	top: 10% !important;
    }
}
@media (min-width: 1023px) {
    .chart_5_loss .graphina-chart-heading  {
        left: auto !important;
        top: 38% !important;
    }
}
@media (max-width: 1024px) {
    .chart_5_loss .graphina-chart-heading  {
        left: auto !important;
        top: 54% !important;
    }
}
@media (min-width: 768px) {
	.perform-tabs-desc p {
    	min-height: 65px !important;
    }
}
@media (max-width: 1023px) {
	.chart_1_gross .graphina-chart-heading, .chart_2_members .graphina-chart-heading, .chart_3_income .graphina-chart-heading, .chart_4_distributions .graphina-chart-heading {
        top: 8% !important;
    }
    .mbl_chart_income  .area-chart-title {
    	top: 0 !important;
    }
    .mbl_chart_distributions  .area-chart-title,  .mbl_chart_loss  .area-chart-title {
    	top: 4% !important;
    }
}

@media (max-width: 480px) {
	.about-benefits-content p, .add-space-more .about-benefits-content {
    	padding-right: 25px !important;
    }
}
@media (min-width:1025px) and (max-width: 1249px) {
	.about-tab-2 .e-n-tab-title-text {
    	font-size: 18px !important;
    }
}

.border-box-anim {
}

/* Bottom border (first animation) */
.border-box-anim > .e-con-inner::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: rgba(27, 54, 93, 0.4);
    width: 0;
    animation: draw-bottom 1.5s linear forwards;
    animation-delay: 1.5s;
}
.border-box-anim > .e-con-inner {
    position: relative;
}

/* LEFT BORDER (draws TOP → BOTTOM) */
.border-box-anim > .e-con-inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;                /* draw from TOP */
    width: 3px;
    background: rgba(27, 54, 93, 0.4);
    height: 0;

    animation: draw-left 1.5s linear forwards;
}

/* BOTTOM BORDER — if needed */
.border-box-anim > .e-con-inner::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background: rgba(27, 54, 93, 0.4);
    width: 0;
    animation: draw-bottom 1.5s linear forwards;
    animation-delay: 1.5s; /* runs after left finishes */
}

@keyframes draw-bottom {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes draw-left {
    from { height: 0; }
    to { height: 100%; }
}


/* Updated testimonial slider css */
@media (max-width: 480px) {	
    .testimonial-slider .slick-prev {
      left: -15px !important;
    }
    .testimonial-slider .slick-next {
    	right: -15px !important;
    }
}
.testimonial-slider .slick-prev,
.testimonial-slider .slick-next {
  font-size: 0;
  border: none !important;
  width: 30px !important;
  height: 25px !important;
  padding: 0 !important;
}
.testimonial-slider .slick-prev:hover,
.testimonial-slider .slick-next:hover,
.testimonial-slider .slick-prev:focus,
.testimonial-slider .slick-next:focus {
  background: transparent !important;
}
.testimonial-slider  .slick-prev:before, .testimonial-slider  .slick-next:before {
    font-size: 30px;
    color: #1B365D !important;
}

.testimonial-slider .slick-slider:not(.slick-initialized) .slick-prev,
.testimonial-slider .slick-slider:not(.slick-initialized) .slick-next {
  display: none;
}
.testimonial-slider .slick-list {
	width: 100% !important;
}
.testimonial-slider .slick-track {
	display: flex;
    align-items: center;
}

#section-executives .image-slider-image .image-slider-overlay.image-slider--overlay:first-child {
  background: var(--bg-overlay-color-1) !important;
}
#section-executives.section-executives-boulder .image-slider-image .image-slider-overlay.image-slider--overlay:first-child {
  background: var(--bg-overlay-color-2) !important;
}
#section-executives.section-executives-boulder.section-executives-archway .image-slider-image .image-slider-overlay.archway-image-slider--overlay:first-child {
    background: var(--bg-overlay-color-3) !important;
}
.chart_2_members .chart-card, .chart_2_members .chart-box {
	padding: 0 !important;
    box-shadow: none !important;
}
.chart_2_members .apexcharts-xaxis-title {
  display: none !important;
}
.chart_2_members .apexcharts-legend-text {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 900px) {
    .chart_2_members .graphina-chart-heading {
    	top: 5% !important;
    	right: 6% !important;
    }
}
@media (min-width: 901px) and (max-width: 1024px) {
    .chart_2_members .graphina-chart-heading {
    	top: 5% !important;
    	right: 8% !important;
    }
}
@media (min-width: 1280px) {
	.chart_2_members .graphina-chart-heading {
    	padding: 5px 15px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {	
    #mobile-boulder-charts .chart_2_members .graphina-chart-heading {
        top: 7% !important;
    }
}
@media (max-width: 767px) {	
    .site-id-6 #mobile-boulder-charts .chart_2_members .graphina-chart-heading
    .site-id-7 #mobile-boulder-charts .chart_2_members .graphina-chart-heading {
        top: 13% !important;
        right: 6.5% !important;
    }
}
.chart_2_members .apexcharts-tooltip-text-y-label, .chart_2_members .apexcharts-tooltip-title {
	display: none !important;
}
.chart_2_members .apexcharts-tooltip-series-group.apexcharts-active, .chart_2_members .apexcharts-tooltip-series-group:last-child {
    padding: 0 10px !important;
}
.chart_2_members .apexcharts-bar-area:hover {
  fill: rgba(27, 54, 93, .8) !important;
}
.chart_2_members .apexcharts-bar-area { filter: none !important; }
.chart_2_members .apexcharts-bar-series .apexcharts-series path {
  stroke: #1b365d;
  stroke-width: 1px;
  rx: 12;
  ry: 12;
  transition: all 0.3s ease;
}
.apexcharts-tooltip-text-y-value {
	font-family: 'Inter' !important;
}
@media (max-width: 767px) {
	#chart2_shareholders .graphina-chart-heading {
        right: 5% !important;
        top: 12% !important;
    }
}
@media (min-width: 768px) {
	#chart2_shareholders .graphina-chart-heading {
        right: 5% !important;
        top: 18% !important;
    }
}
.apexcharts-bar-series.apexcharts-plot-series path:hover {
	fill: #1B365D !important;
}
@media (min-width: 1024px) {
	.bar_charts_chart2 .e-bar-chart__heading {	    
        position: absolute;
        top: 9% !important;
    }
}

.e-bar-chart__heading {	    
    position: absolute;
    top: 6%;
    left: 83%;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 8px 12px;
    font-weight: bold;
    font-size: 20px !important;
    color: #0066B2 !important;
    white-space: nowrap;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;
    z-index: 9;
}
.e-bar-chart__heading::after {
	position: absolute;
    content: "";
    width: 2px;
    height: 18px;
    margin: 0px auto;
    background: rgb(45, 107, 179);
    top: 100%;
    left: 48%;
}
@media (max-width: 767px) {
	.e-bar-chart__heading {
        top: 6% !important;
        left: 80% !important;
    } 
}
@media (max-width: 400px) {  
    #affinity_mbl_bar_chart .e-bar-chart__heading {
        top: -3% !important;
        left: 80% !important;
    	color: #1B365D !important;
    }
}
@media (min-width: 401px) and (max-width: 480px) { 
    #affinity_mbl_bar_chart .e-bar-chart__heading {
        top: -3% !important;
        left: 81.5% !important;
    	color: #1B365D !important;
    }
}
.bar_charts_chart2 {
	width: 100% !important;
}
#bar_charts_chart2 .e-bar-chart__heading {
    top: 10.5% !important;
    left: 83% !important;
    color: #1B365D !important;
}
@media (max-width: 767px) {
	#bar_charts_chart2_mbl .e-bar-chart__heading {
        top: 8% !important;
        left: 80.5% !important;
        color: #1B365D !important;
    }
    #affinity_bar_chart .e-bar-chart__heading {
        top: 14.5% !important;
        left: 80% !important;
        color: #1B365D !important;
    }
}
@media (min-width: 768px) {
    #bar_charts_chart2_mbl .e-bar-chart__heading {
            top: 10.5% !important;
            left: 80.5% !important;
            color: #1B365D !important;
    }
    #affinity_bar_chart .e-bar-chart__heading {
        top: 14.5% !important;
        left: 83% !important;
        color: #1B365D !important;
    }
}


#affinity_bar_chart .e-bar-chart__hover-label,
#bar_charts_chart2_mbl .e-bar-chart__hover-label,
#bar_charts_chart2 .e-bar-chart__hover-label,
#affinity_mbl_bar_chart .e-bar-chart__hover-label {
	color: #1B365D !important;
}
.bar_charts_chart2 .e-bar-chart__hover-label {
	color: #0066B2 !important;
}
#archway_performance .apexcharts-bar-series.apexcharts-plot-series path:hover {
    fill: #0066B2 !important;
}
.site-id-6 .e-bar-chart__hover-label-line, .site-id-7  .e-bar-chart__hover-label-line, .site-id-6 .e-bar-chart__heading::after, .site-id-7 .e-bar-chart__heading::after {
	background: #1B365D !important;
}
#affinity_chart_income,
#affinity_loss_ratio {
	width: 100% !important;
}
@media (min-width: 768px) {	
    #affinity_chart_income .e-bar-chart__heading {
        top: 2% !important;
        color: #1B365D !important;
        left: 78.5% !important;
    }  
    #affinity_loss_ratio .e-bar-chart__heading {
        top: 60.5% !important;
        color: #1B365D !important;
        left: 79% !important;
    }    
}
@media (max-width: 767px) {  
    #affinity_chart_income .e-bar-chart__heading {        
        top: 1.75% !important;
        left: 72.5% !important;
        color: #1B365D !important;
    }
    #affinity_loss_ratio .e-bar-chart__heading {
        top: 60.5% !important;
        color: #1B365D !important;
        left: 74% !important;
    }  
}
#affinity_chart_income .e-bar-chart__hover-label, 
#affinity_loss_ratio .e-bar-chart__hover-label {
	color: #1B365D !important;
}