/* GP -page s */
.up.tui_lp .gp-fund-indivual .ks-top-contents { margin-top: 50px; }
/*.up.tui_lp .gp-fund-indivual .riskBlock { max-width: 100%; }*/
.up.tui_lp .gp-fund-indivual .fundChargeTable { margin: 50px 0 0 0; }
.up.tui_lp .gp-fund-indivual .fundChargeTable { border: 0; border-radius: 8px; padding: 0; margin-bottom: 24px; max-width: 100%; }
.up.tui_lp .gp-fund-indivual .fundChargeTable h4 { font-size: 24px; font-weight: 700; color: #228095; margin-bottom: 5px; padding-bottom: 10px; border-bottom:1px solid #228095; }
.up.tui_lp .gp-fund-indivual .fundChargeRow { display: flex; justify-content: space-between; align-items: center; padding-top: 8px; }
.up.tui_lp .gp-fund-indivual .fundChargeLabel { font-size: 18px; color: #1B8195; font-weight: 500; }
.up.tui_lp .gp-fund-indivual .fundChargeValue { font-size: 18px; color: #1B8195; font-weight: 500; }

/* .up.tui_lp .glidePathTableWrapper { max-width: 960px; margin: 0 auto; } */
.up.tui_lp .glidePathTable { width: 100%; }
.up.tui_lp .glidePathTable th.compareCell--age { vertical-align: top; }
.up.tui_lp .glidePathQuote { text-align: center; margin-top: 30px; }
.up.tui_lp .glidePathQuote blockquote,.up.tui_lp .glidePathQuote p,.up.tui_lp .glidePathQuote div { margin: 0; font-size: 35px; line-height: 1.3; color: #1B7A8C; font-weight: 600; }
.up.tui_lp .glidePathTableSec .compareTable thead th { width: 5%; text-align: center; vertical-align: top; }
.up.tui_lp .glidePathTableSec .compareTable thead th.compareCell--age { text-align: left; }
.up.tui_lp .glidePathTableSec { padding: 80px 0 80px; overflow: hidden;}
.up.tui_lp .glidePathTableSec .description_tables { margin-top: 40px;}

.up.tui_lp .glidePathWorksWrapper {  margin: 0 auto; font-family: 'Graphik', sans-serif; }
.up.tui_lp .glidePathWorksWrapper .whatNeedTitle h2 {   color: #228095; font-weight: 400; margin-bottom: 20px; }
.up.tui_lp .glidePathWorksWrapper .whatNeedBody p { font-size: 16px; line-height: 1.6; color: #333; }
.up.tui_lp .glidePathWorksWrapper .whatNeedBody.highlightBold p { font-weight: 600; color: #1B3B5F; }
.up.tui_lp .glidePathChartCard { position: relative; margin: 30px 0; background: #ffffff; }
.up.tui_lp .glidePathChartTitle { position: absolute; top: 18px; left: 0; width: 100%; text-align: center; color: #ffffff; font-weight: 700; font-size: 16px; z-index: 5; pointer-events: none; }
.up.tui_lp .glidePathChartWrap { position: relative; width: 100%; max-width: 1000px; margin: 0 auto;}
.up.tui_lp .graph-QA-title h3, .up.tui_lp .graph-QA-title > * { color: #218094; margin-bottom: 10px; font-weight: 500; font-weight: 400; font-size: 32px; line-height: 1; letter-spacing: 0%; }
.up.tui_lp .gp-wrapper1 { margin-bottom: 40px; margin-top: 40px;}
.up.tui_lp .glidePathWorksSec { padding: 80px 0;}
.up.tui_lp .glidepath-table-title { font-size: 20px; color: #228095; font-weight: 500; line-height: 1.3; margin-bottom: 33px;}
.up.tui_lp .glidePathWorksWrapper .whatNeedBody { padding-bottom: 20px;}
.up.tui_lp .glidePathWorksWrapper .whatNeedBody a { color: #132438;}
.up.tui_lp .breadcrumbNav ul {  justify-content: flex-end; gap: 50px;}



/*about-tra-banner*/
.up.tui_lp .banner.banner_with_right_img.banner_without_image.about-tra-banner .btn_wrapper { margin-top: 42px; }
.up.tui_lp .banner.banner_with_right_img.about-tra-banner .banner_wrapper { justify-content: space-between; gap: 30px; }
.up.tui_lp .banner.banner_with_right_img.lets-compare-banner.about-tra-banner .banner-content { width: 50%; }
.up.tui_lp .banner.banner_with_right_img.about-tra-banner .banner_wrapper .banner_right_img { width: 35%; }
.up.tui_lp .banner.banner_with_right_img.about-tra-banner .banner-subtitle { color: #003B70; }
.up .banner.banner_with_right_img.about-tra-banner h1 { color: #003B70; }
.up.tui_lp .banner.banner_with_right_img.about-tra-banner .banner-content .head-blk.h1 h2 { color: #003B70; }


/* exiting Let comapre page css */
.up.tui_lp .banner.banner_with_right_img .btn_wrapper { gap: 20px 25px; }

.up.tui_lp .fundCompareSec .graph-wrapper { gap: 16%; justify-content: space-between; max-width:100%; }
.up.tui_lp .fundCompareSec .graph-wrapper .inner-left-graph-wrapper, .up.tui_lp .graph-wrapper .inner-right-graph-wrapper { flex: 1; }
.up.tui_lp .fundCompareSec .fundAssetBreakdown { padding-left: 0; }
.up.tui_lp .fundCompareSec .fundExpandedPanel:before { content: ''; position: absolute; left: 50%; width: 1px; height: 82%; background-color: #228095; transform: translate(-50%, -50%); top: 55%; }
.up.tui_lp .fundCompareSec .fundExpandedPanel {  position: relative;}
.up.tui_lp .fundCompareSec .fundGraphImg { max-width: 185px; height: auto;margin: 0 auto;}

/* Glide path Let comapre page css */
.up.tui_lp .gp-fund-indivual .left-fundPanelDescription, .up.tui_lp .gp-fund-indivual .right-fundPanelDescription { min-height: 115px; }
.up.tui_lp .fundCompareSec.gp-fund-indivual .graph-wrapper { padding-top: 0; }
.up.tui_lp .gp-fund-indivual .fundChargeTable { margin: 0 0 0 0; }
.up.tui_lp .gp-fund-indivual .fundCompareSec--KP.Aggressive .inner-right-graph-wrapper { display: none; }
.up.tui_lp .fundCompareSec.gp-fund-indivual .fundCompareSec--KP.Aggressive .fundExpandedPanel:before { display: none; }
.up.tui_lp .gp-fund-indivual .fundCompareSec--KP.Aggressive .fundRiskRow--single .riskBlock:last-child { display: none; }
.up.tui_lp .gp-fund-indivual .fundCompareSec--KP.Aggressive .fundRiskRow .riskBlock { max-width: 100%; }
.up.tui_lp .gp-fund-indivual .fundCompareSec--KP.Aggressive #KP_right_wrapper { display: none; }
.up.tui_lp .fundCompareSec.gp-fund-indivual .fundCompareSec--KP.Aggressive .fundAssetBreakdown {max-width: 610px;margin: 0 auto;}
.up.tui_lp .gp-fund-indivual .riskBlock {width: 100%; max-width: 42%;}
.up.tui_lp .gp-fund-indivual .fundExpandedPanel:before {  height: 94%;  top: 50%;}

/*exiting about*/
.up.tui_lp .about-timeline-sec .whyChangeHighlight.big-highlight p,.up.tui_lp .about-timeline-sec .whyChangeHighlight.big-highlight div { font-size: 35px; margin-bottom: 0; }
.up.tui_lp .whyChangeHighlight.black-color p,.up.tui_lp .whyChangeHighlight.black-color div {color: #132438;}


.up.tui_lp .fundCompareTopContent p { color: #132438; }
.up.tui_lp .fundCompareColLabels h4 {color: #132438;}
.up.tui_lp .fundPanelDescription p, .up.tui_lp .fundPanelDescription div { color: #132438;}

.up.tui_lp .compareTableCard.bottom-table tbody tr td { padding: 10px 17px; }
.up.tui_lp .compareTableCard.bottom-table .compareTable thead th{ text-align: left; }


@media (max-width:1199px) {
.up.tui_lp .fundCompareSec .graph-wrapper { gap: 8%; }
 
    .up.tui_lp .breadcrumbNav ul { gap: 40px;}
}
@media (max-width:991px) {
    .up.tui_lp .glidePathWorksSec,.up.tui_lp .glidePathTableSec { padding: 60px 0;}
    .up.tui_lp .banner.banner_with_right_img.lets-compare-banner.about-tra-banner .banner-content { width: 60%;}
    .up.tui_lp .about-timeline-sec .whyChangeHighlight p { font-size: 30px; margin-bottom: 0; }
    .up.tui_lp .glidePathQuote blockquote,.up.tui_lp .glidePathQuote p,.up.tui_lp .glidePathQuote div {  font-size: 30px;}
 
}
@media (max-width:767px) {
    .up.tui_lp .glidePathWorksWrapper .whatNeedTitle h2 { font-size: 28px; }
    .up.tui_lp .glidePathChartTitle { font-size: 13px; top: 12px; padding: 0 10px; }
    .up.tui_lp .glidePathWorksSec,.up.tui_lp .glidePathTableSec { padding: 50px 0;}
    .up.tui_lp .gp-wrapper1 { margin-bottom: 30px; margin-top: 30px;}
    .up.tui_lp .banner.banner_with_right_img.banner_without_image.about-tra-banner .btn_wrapper { margin-top: 25px; }
    .up.tui_lp .banner.banner_with_right_img.lets-compare-banner.about-tra-banner .banner-content { width: 100%; }
.up.tui_lp .banner.banner_with_right_img.about-tra-banner .banner_wrapper .banner_right_img { width: 100%; }

/*let compare page*/
    .up.tui_lp .fundCompareSec .graph-wrapper { padding-top: 45px; flex-direction: unset; }
    .up.tui_lp .fundCompareSec .assetCol { flex: unset; width: 80%; }
    .up.tui_lp .fundCompareSec .fundAssetBreakdown { justify-content: unset; }
    .up.tui_lp .fundCompareSec .graph-wrapper { gap: 20px; }
    .up.tui_lp .fundCompareSec .fundCompareBox-mains { overflow: auto; border-radius: 30px; box-shadow: 0px 0px 19px 0px #00000040; }
    .up.tui_lp .fundCompareSec .fundCompareBox { overflow: auto; width: 727px; }
    .up.tui_lp .graph-wrapper .inner-right-graph-wrapper .fundAssetBreakdown {justify-content: end;}

    .up.tui_lp .gp-fund-indivual .left-fundPanelDescription, .up.tui_lp .gp-fund-indivual .right-fundPanelDescription { min-height: 115px; width: 95%;}
    
    .up.tui_lp .graph-wrapper .inner-right-graph-wrapper .right-fundPanelDescription {padding-left: 10px;}

    .up.tui_lp .about-timeline-sec .whyChangeHighlight p { font-size: 25px; margin-bottom: 0; }
    .up.tui_lp .glidePathQuote blockquote,.up.tui_lp .glidePathQuote p,.up.tui_lp .glidePathQuote div {  font-size: 25px;}
}
@media (max-width:480px) {
    .up.tui_lp .glidePathChartTitle { font-size: 13px; top: 12px; padding: 0 10px; max-width: 230px; left: 20%; right: 0; text-align: center; align-items: center; margin: 0 auto;}
     .up.tui_lp  .compareTableCard.bottom-table { overflow: auto; }
 .up.tui_lp  .compareTableCard.bottom-table table.compareTable { width: 480px !important; }
}