.b-angle {height: 628px; top: -90px;}


.ice-blue-gradient {
  background: linear-gradient(
    180deg,
    rgba(0, 157, 219, 0.2) 2%,
    rgba(149, 216, 219, 0.2) 28%,
    rgba(221, 242, 250, 0.2) 50%,
    rgba(156, 217, 241, 0.2) 70%,
    rgba(0, 157, 219, 0.2) 100%
  );
}

#content .section.gradient-lblue-right {
    background: linear-gradient(
    180deg,
    rgba(0, 157, 219, 0.2) 2%,
    rgba(149, 216, 219, 0.2) 28%,
    rgba(221, 242, 250, 0.2) 50%,
    rgba(156, 217, 241, 0.2) 70%,
    rgba(0, 157, 219, 0.2) 100%
  );
}

#content .cchart svg + p {
   /*
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;*/
line-height:1.25;}


.cchart .circle-bg {fill: #ffffff;}


.hchart.stack .hchart_value { background-color: #f2f2f2; height: 36px; position: relative; overflow: visible; border-radius: 0px; width: 100%; padding:0; clear: both; }
.hchart_value.grad_dkblue{background: linear-gradient(180deg, #004677 0%, #003560 50%, #002449 100%);}




#content .section.brt-blue .col_full .col_half ol.white.start-2 {counter-reset: item 2;}
/*#content .section.ltgray.r-vitals .col_flex {display: flex;flex-flow: wrap;}*/

/*
.section.ltgray.r-vitals .white {margin-bottom: 2rem;margin-right: 2.5rem;padding: 2.5rem 2rem;}
.section.ltgray.r-vitals .white .icon {padding-bottom: 1.5rem;}
*/
#content .section.angledivider .col_half p:first-child {color: #002449;}

.hchart_value span.ltblue {background-color: #238fbe;}
.mw-960{max-width: 960px;}

/* expert take */
#content .section .col_one_sixth { margin-right: 0; }
#content .section .col_one_sixth .headshot { width: 120px; }
#content section.section.graphic-b .col_one_third.col_last {margin-bottom: 0;}

#content section.bg-ltblue h3 {color:#ffffff;}

/* .vchart_item {width: calc(17% - 12.8px);margin-right:0;} */

#content section.section.graphic-b, #content section.section.graphic-b .col_flex.col_report {padding-bottom: 0px;}  

#content section.section.graphic-b .vchart_value span label {font-family: Montserrat;font-size: 1.25rem;font-weight: bold;color: #002449;line-height: 32px;/*position: absolute;*/background: white;transition: all 1s ease-in-out;opacity: 0;display: block;text-align: center;top: 0; width: 100%;}	
#content section.section.graphic-b .vchart_value span.animated label {top: -32px;opacity: 1;}

/*h-graph*/
/* #content section.section.graphic-b .col_half, #content section.section.graphic-b .col_half , #content section.section.graphic-b .col_report .col_half{ margin-bottom: 3rem; } */
/* #content section.section.graphic-b .col_half.col_last {position: relative;} */
/* #content section.section.graphic-b .vchart {position: absolute; top: -1rem; width: 100%;} */
#content section.section.graphic-b .vchart_value { height: 300px; position: relative; overflow: hidden;} 
#content section.section.graphic-b .vchart_value span.gradient-b { background: linear-gradient(to top, #69CBD0 22%, #004677 45%, #00B3FA 85%, #004677 100%); }
 
/* Make the section wrapper relative to establish a coordinate system */
#content section.section.graphic-b .container {position: relative;}

/* Make the full-width row flex to stretch both left & right columns to equal height */
#content section.section.graphic-b .col_full:has(.vchart) { display: flex; flex-wrap: wrap; align-items: stretch; }

/* Make the right column stretch to match the left column's height */
#content section.section.graphic-b .col_full > .col_half { display: flex; flex-direction: column; justify-content: flex-end; }
#content section.section.graphic-b .col_half.col_last { position: relative; min-height: 320px; }

/* Anchor the chart cleanly to the bottom */
#content section.section.graphic-b .vchart { position: absolute; bottom: 0; top: auto; left: 0; width: 100%; }

/* Prevent text overlap by giving sub-columns proper flex basis & gap */
/* #content section.section.graphic-b .col_report { display: flex; gap: 1.5rem; } */
#content section.section.graphic-b .col_report .col_half { width: 50%; float: none; }

/* Hide completely on screen widths <= 760px */
@media screen and (max-width: 760px) { #content section.section.graphic-b .vchart { display: none !important; } }


#content div.report-bl:before { content: ''; position: absolute; background-color: #009DDB; display: block; width: 0.25rem; height: 100%; } 
#content .section.angledivider .report-bl p, #content .section .report-bl p { padding-left: 1.5rem; color: #002449; font-weight: 400; }
#content .report-bl p:last-child { margin-bottom: 0; }



/* template override */
/* #content .section.brt-blue .col_full .col_half ol.white li:first-child { border-bottom: 1px solid #004677;} */

/* report.css override */
#content .section.angledivider p:first-child {color:#002449;}
#content .section.angledivider h4 {font-size: 1.625rem; color:#004677;}


/* Karthik - CWS */

/* .report-bl{position: relative;} */

.report-bl em, .report-bl span {display: block;padding-left: 1.5rem;}

#content .genera_dynamc .report-bl p{margin-bottom: 0;}

#content .genera_dynamc .report-bl{margin-bottom: 1rem;}

#content .genera_dynamc .report-bl:last-child{margin-bottom:0;}

#content section.section.graphic-b .col_one_third {margin-bottom: 3rem;overflow: hidden;}

#content .section.red-b {border-bottom: 2px solid #e84860;}




/* single beld bottom of section */
.belt-b {overflow: hidden;}
#content .belt-b:after {display: block;width: 100%;height: auto; vertical-align: middle;margin-top: 1rem;}
#content .belt-b:after {content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzc0IiBoZWlnaHQ9IjU2IiB2aWV3Qm94PSIwIDAgMTM3NCA1NiI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6IzAwYjNmYTt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImIiIGQ9Ik00NTYuMDgsMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTQyNi4wOCwyNS4zMmwtMy44Niw1LjUyaDcuNzJsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTM5Ni4wNywzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMzY2LjA2LDI1LjMybC0zLjg2LDUuNTJoNy43MmwtMy44Ni01LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMzM2LjA1LDMwLjg0bDMuODYtNS41MmgtNy43MmwzLjg2LDUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0zMDYuMDUsMjUuMzJsLTMuODYsNS41Mmg3LjcybC0zLjg2LTUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0yNzYuMDQsMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTI0Ni4wMywyNS4zMmwtMy44Niw1LjUyaDcuNzJsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTIxNi4wMiwzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTg2LjAyLDI1LjMybC0zLjg2LDUuNTJoNy43MmwtMy44Ni01LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTU2LjAxLDMwLjg0bDMuODYtNS41MmgtNy43MmwzLjg2LDUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xMjYuODksMjUuMzJsLTMuODYsNS41Mmg3LjcybC0zLjg2LTUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik05Ni44OCwzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNjYuODgsMjUuMzJsLTMuODYsNS41Mmg3LjcybC0zLjg2LTUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0zNi44NywzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNi44NiwyNS4zMmwtMy44Niw1LjUyaDcuNzJsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTkzNC42LDMwLjg0bDMuODYtNS41MmgtNy43MmwzLjg2LDUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik05MDQuNTksMjUuMzJsLTMuODYsNS41Mmg3LjcybC0zLjg2LTUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik04NzQuNTksMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTg0NC41OCwyNS4zMmwtMy44Niw1LjUyaDcuNzJsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTgxNC41NywzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNzg0LjU2LDI1LjMybC0zLjg2LDUuNTJoNy43MmwtMy44Ni01LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNzU0LjU2LDMwLjg0bDMuODYtNS41MmgtNy43MmwzLjg2LDUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik03MjQuNTUsMjUuMzJsLTMuODYsNS41Mmg3LjcybC0zLjg2LTUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik02OTQuNTQsMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTY2NC41MywyNS4zMmwtMy44Niw1LjUyaDcuNzJsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTYzNC41MywzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNjA1LjQxLDI1LjMybC0zLjg2LDUuNTJoNy43MmwtMy44Ni01LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNTc1LjQsMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTU0NS4zOSwyNS4zMmwtMy44Niw1LjUyaDcuNzJsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTUxNS4zOCwzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNNDg1LjM4LDI1LjMybC0zLjg2LDUuNTJoNy43MmwtMy44Ni01LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTM1My42MSwzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTMyMy42LDI1LjMybC0zLjg2LDUuNTJoNy43MmwtMy44Ni01LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTI5My41OSwzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTI2My41OSwyNS4zMmwtMy44Nyw1LjUyaDcuNzNsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTEyMzMuNTgsMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTEyMDMuNTcsMjUuMzJsLTMuODYsNS41Mmg3LjcybC0zLjg2LTUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xMTczLjU2LDMwLjg0bDMuODYtNS41MmgtNy43MmwzLjg2LDUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik0xMTQzLjU2LDI1LjMybC0zLjg3LDUuNTJoNy43M2wtMy44Ni01LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTExMy41NSwzMC44NGwzLjg2LTUuNTJoLTcuNzJsMy44Niw1LjUyWiIvPjxwYXRoIGNsYXNzPSJiIiBkPSJNMTA4NC40MywyNS4zMmwtMy44Niw1LjUyaDcuNzJsLTMuODYtNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTEwNTQuNDIsMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTEwMjQuNDIsMjUuMzJsLTMuODcsNS41Mmg3LjczbC0zLjg2LTUuNTJaIi8+PHBhdGggY2xhc3M9ImIiIGQ9Ik05OTQuNDEsMzAuODRsMy44Ni01LjUyaC03LjcybDMuODYsNS41MloiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTk2NC40LDI1LjMybC0zLjg2LDUuNTJoNy43MmwtMy44Ni01LjUyWiIvPjwvc3ZnPg==");}


section.angledivider.b-belt-angle .angle{top: 57%;height: clamp(14rem, 15vw + 12rem, 34.5rem);height:75%;}
#content section.angledivider.b-belt-angle .belt-b:after{width: 100%;overflow: hidden;}



#content hr {background-color:#c2c9d6;}

/* Horizontal Chart Styles with cards "section 3" */
/* Card Container Grid */
.cards-grid { display: flex; gap: 1.5rem; width: 100%; margin-top: 1.5rem; }
.card-item { flex: 1; background: #ffffff; padding: 2rem 1.5rem 1.5rem 1.5rem; position: relative; display: flex; flex-direction: column; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); border-top:4px Solid #E93D58; }
.card-border-top { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: #E93D58; }



.card-item .hchart.stack { margin-bottom: 0; }
.card-item .hchart.stack .hchart_item { margin-bottom: 1.5rem; position: relative; }
.card-item .hchart.stack .hchart_item:last-child { margin-bottom: 0;}

#content .cards-grid.custom-hchart .card-item h4 {font-size: 1.10rem; font-weight: 700;margin-bottom: 3rem;}

/* Header Row: Generation Label on Left, Percentage Value on Right 
.card-item .hchart.stack .hchart_label { height: 24px; margin-bottom: 1rem; position: relative; }
*/
/* Bar Track (Grey Background) 
.card-item .hchart.stack .hchart_value { background-color: #e8ecef; height: 12px; position: relative; overflow: visible; border-radius: 0px; width: 100%; clear: both; }
*/
/* Animated Bar Fill 
.card-item .hchart.stack .hchart_value span.brtblue { background-color: #009DDB; height: 100%; transition: width 1s ease-in-out; }
*/
/* Percentage Number Positioned to the Top Right of the Bar 
.card-item .hchart.stack .hchart_value span label { position: absolute; right: 0; top: -28px; font-size: 1.125rem; font-weight: 700; color: #002449; background: transparent; opacity: 1; width: auto; text-align: right; line-height: 1rem;}
*/
/* Optional Footnote Style */
#content .card-item p:last-child { font-size: 0.80rem !important; color: #888888; margin-top: auto !important; padding-top: 1.5rem; margin-bottom: 0;}

.cards-grid.custom-hchart .hchart.stack .hchart_value{padding: 0;}

.cards-grid.custom-hchart {margin-bottom: 3rem;}


.col_one_fifth.col_last.white.round {align-self: center;margin-top: 0;margin-bottom: 0;}



@media (max-width:1750px){ section.angledivider.b-belt-angle .angle{height: clamp(14rem, 15vw + 12rem, 34.5rem);} }
@media (max-width:1600px){ #content section.angledivider.b-belt-angle .belt-b:after{width: 80%;overflow: hidden;} }


@media (max-width: 1275px) {
    /*#content .section.ltgray.r-vitals .col_flex {
        row-gap: 2rem;
    } */
}

/* col-6th expert take margin-right set as zero this casue issue so follwing this approach*/
@media (max-width: 1024px) {
    .col_one_sixth, .col_four_sixth {width: 100%;width: 100%;display: block;float: none;clear: both;margin-bottom: 0;margin-bottom: 2rem;height: auto !important;border-right: none !important;}
    .headshot {margin: auto;}
    .col_one_fifth, .col_five_sixth {width: 100%;float: none;clear: both;margin: 0px}
}



@media screen and (max-width: 900px) {
    .cards-grid.custom-hchart { flex-direction: column; gap: 1.5rem; }
    .card-item h4 { min-height: auto; margin-bottom: 1.5rem; }
}



@media screen and (max-width:960px){
       .col_full.vrule > .col_half:first-of-type:after {display: none;}
}


@media screen and (max-width: 800px) {
    #content section.section.graphic-b .col_report .col_half {width: 100%;}
    #content section.section.graphic-b .col_half.col_last {min-height: 250px;}
    .col_flex.col_report {flex-direction: unset;} 
   /* #content .section.ltgray.r-vitals .white{margin-right: 0;} */
  
}

@media screen and (max-width: 760px) {
    .col_flex.col_report {flex-direction: column;}
}

/* Hide completely on screen widths*/
@media screen and (max-width: 475px) {
 #content section.section.graphic-b .vchart {
        display: none !important;
    }

}

.h-nowrap { display: flex; align-items: flex-start; }
span.h-num { white-space: nowrap; margin-right: 12px; }
#content h2.h-nowrap { font-weight: 400; }

.col_full.vrule > .col_half:first-of-type{position:relative;padding-right:2%;margin-right:2%;}
.col_full.vrule > .col_half:first-of-type:after{content:'';width:1px;background-color:#009DDB;height:50%;position:absolute;right:0;top:25%;}



@media (max-width: 760px) {
    section.imgintro.v-center .col_three_fifth, section.imgintro.v-center .col_two_fifth {width: 100%;display: block;float: none;clear: both;margin-bottom: 0;height: auto !important;border-right: none !important;}
    #content section.imgintro.v-center .container p:last-child {margin-bottom: 1rem;}
}

.mb2{margin-bottom:2rem;}

 .gradient-lblue-right .hchart.stack .hchart_value {background-color: #B8E2F1;}
 .ltgray .hchart.stack .hchart_value {background-color: #fff;}
.hchart.stack .hchart_label{margin-bottom:.25rem;}
.ltgray .card-item .hchart.stack .hchart_value { background-color: #f2f2f2;}