/* css File */

a:focus img,
a:focus-visible img {
  outline: 1px solid #000;
  outline-offset: 4px;
}

.select:focus,
input:focus{
      outline: 1px solid #000;
  outline-offset: 4px;
}

a:-webkit-any-link:focus-visible,button:focus-visible, a:-webkit-any-link:focus,button:focus {
    outline-offset: 1px;
    outline: 1px solid #000;
    transition: all .4s ease
}
[tabindex]:focus-visible,button:focus-visible,select:focus-visible, [tabindex]:focus,button:focus,select:focus {
    outline: 1px solid #000;
    transition: all .4s ease
}

.homeCta li a:hover{color: #000;}
 
.flyout-boxcontent a {
    color: #000;
}

.ticker-wrapper {
  background: #fff;
  padding: 6px 12px;
  position: relative;
}

.ticker {
  overflow: hidden;
  white-space: nowrap;
}

.ticker-content {
  display: inline-block;
  padding-left: 100%;
  animation: ticker-scroll 20s linear infinite;
}

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

.ticker.paused .ticker-content {
  animation-play-state: paused;
}

.ticker-controls {
  position: absolute;
  right: 10px;
  top: 100%;
  transform: translateY(-50%);
  display: flex;
  gap: 6px;
}

.ticker-controls button {
    padding: 1px 4px;
    margin-top: 5px;
    border: 1px solid #0275bb;
}


/* ✅ Show when keyboard focuses the link (TAB) */
.tooltipbox a:focus + .tooltiptext {
  opacity: 1;
  visibility: visible;
}

/* ✅ Keep tooltip visible while focus remains inside */
.tooltipbox:focus-within .tooltiptext {
  opacity: 1;
  visibility: visible;
}

/* Optional but recommended: visible focus outline */
.tooltipbox a:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}


/* Default hidden state */
.sticky-sidebar .flyout {
    transform: translateX(0);
    transition: transform 0.3s ease;
}

/* Hover open (existing behavior) */
.sticky-sidebar .flyout:hover {
    transform: translateX(calc(-100% + 50px));
}

/* ✅ Open on keyboard focus */
.sticky-sidebar .flyout:focus-within {
    transform: translateX(calc(-100% + 50px));
}

/* Optional: when button itself is focused */
.sticky-sidebar .flyout-trigger:focus {
    outline: 2px solid #000; /* accessibility */
            }


.sticky-sidebar .flyout:focus-within .flyout-content{
   transform: translateX(0) scale(1);
}

/* Keyboard / click open */
.rightBottom .navigation li.open .submenu {
  visibility: visible;
  opacity: 1;
}
.skip-link {
  /* position: absolute; */
  /* top: 0;
  left: 0; */
  /* background: #000; */
  color: #fff;
  padding: 5px 15px;
  z-index: 1000;
  text-decoration: none;
  font-size: 14px;
  /* margin-bottom: 24px; */
  /* bottom: 81px; */
}

.skip-link:focus {
  top: 0;
  outline: 2px solid #fff;
}


.app-heading {
    clear: both;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    vertical-align: top;
    display: inline-block;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    position: relative;
    margin-bottom: 5px;
}

.mailService h2 {
  clear: both;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  vertical-align: top;
  display: inline-block;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
  font-family: Calibri, sans-serif;
}

p#ticker-text a {
    color: #045181;
}

.app-head {
    font-weight: 300;
    color: #94a8cc;
    font-size: 1.4rem;
}

.inside h2 {
    font-size: 2.4rem;
    color: #007dc6;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 4rem;
}

h2.prodListHead {
    margin-bottom: .7rem;
}

.filterCont h3 {
    font-size: 1.6rem;
    font-size: 2.4rem;
    color: #2b2b2b;
    margin-bottom: .5rem;
    text-transform: uppercase;
    font-weight: 400;
}

.filterCont  .filterInner h4 {
    margin-top: .1rem;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 1rem;
    cursor: pointer;
    font-size: 1.6rem;
}


.filterCont  .filterInner h4:after {
    font-family: boiaxaicon !important;
    content: "\6d";
    font-size: .9rem;
    height: .7rem;
    position: absolute;
    right: .1rem;
    top: 50%;
    margin-top: -.3rem;
    width: 1.3rem;
    color: #f03b4b;
    text-transform: none !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: -.6rem;
}

.filterCont  .filterInner h4.active:after{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: -.3rem;
}

.products .productInner h3 {
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #444;
    margin: 0;
    line-height: normal;
    font-weight: 400;
}

.filterCont .filterInner h4:focus:after,
.filterCont .filterInner h4:focus-visible:after {
    transform: rotate(180deg);
}



.checkboxButtons input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
}
.checkboxButtons input[type=checkbox]:focus + label:before {
    outline: 2px solid #000;
    outline-offset: 2px;
}
.checkboxButtons label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    position: relative;}

.filterCont .radioButtons input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
}
.filterCont .radioButtons input[type=radio]:focus + label {
    outline: 2px solid #000;
    outline-offset: 2px;
}
 
.filterCont .radioButtons input[type=radio] {
    position: absolute;
    opacity: 0;
}
 
.filterCont .radioButtons input[type=radio]:checked + label,
.filterCont .radioButtons input[type=radio]:focus + label {
    color: #00529c;
}
 
.filterCont .radioButtons input[type=radio]:checked + label:after,
.filterCont .radioButtons input[type=radio]:focus + label:after {
    border-color: #00529c;
    background: #fcfcfc;
}
.filterCont .radioButtons input[type=radio]:focus + label {
    outline: 2px solid #000;
}

.inside .box .leftTableNew h4 {
    font-size: 2rem;
    color: #484848;
    font-weight: 700;
    margin-bottom: 0;
    padding: 1rem 1rem;
    line-height: 1;
}

.leftTableNew caption  {
    font-size: 2rem;
    color: #484848;
    font-weight: 700;
    margin-bottom: 0;
    padding: 1rem 1rem;
    line-height: 1;
    width: 100%;
    /* text-align: left; */
    /* position: relative; */
}

.leftTableNew caption span {
    display: inline;
    font-size: 1.1rem;
    padding-left: .5rem;
    font-weight: 400;
}

.leftTableNew table th {
    padding: .5rem 0 1rem 1rem;
    color: #484848;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: 400;
	padding: .5rem 0 1rem 1rem;
}

.box-titl-wrap {
    display: flex;
    justify-content: space-between;
}

.prod-pdf {
    color: #014784;
}

/* Screen-reader only text */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#ddlPlanType:focus {
    outline: 2px solid #000;
    outline-offset: 2px;
}

.fundPlanSecNew h2
 {
    color: #007dc6;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    display: inline-block;
    padding-right: 3rem;
    line-height: 1;
    text-transform: uppercase;
}

.fundPlanSecNew h2 span
 {
    display: block;
    font-size: 2.1rem;
}

.prodLeftNew .box div{
    margin-bottom:1rem;
}

.seeDetail{
        font-size: 1.6rem;
}

.leftTableNew table .heading th {
    padding: .5rem 0 1rem 1rem;
    color: #484848;
    vertical-align:top;
    font-size:1.5rem;
    font-weight: 700;
}

table th:nth-of-type(1), table td:nth-of-type(2)
 {
    width: 8%;
}

table th:first-of-type, table th:nth-of-type(2)
 {
    width: 8%;
}

.box .ListRiskometer li:first-child:before {
    list-style-type: none;
    content: none;
}

.box .ListRiskometer li:last-child:before {
    list-style-type: none;
    content: none;
}

.leftTableNew table th:last-child
 {
    text-align: right;
    padding-right: 1.5rem;
}

ul.fundHlList li a {
    color: #007dc6;
}

.leftTableNew h4{
    font-size: 2rem;
    color: #484848;
    font-weight: 700;
    margin-bottom: 0;
    padding: 1rem 1rem;
    line-height: 1;
}


.leftTableNew h4 span {
    display: inline;
    font-size: 1.1rem;
    padding-left: .5rem;
    font-weight: 400;
}


.tabsMain .tabs-content h3 {
    font-size: 2.2rem;
    text-transform: none;
    color: #515151;
    margin: 0 0 3rem 0;
    text-transform: uppercase;
    font-weight: 400;
}

.tabsMain .directorInfo .dirText h3
 {
    font-size: 2rem;
    color: #030303;
    padding: 0 0 2rem 0;
}

.tabsMain .dirListing .dirthumbSlider ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: center;
}

.tabsMain .dirListing .dirthumbSlider li {
    justify-content: space-between;
    padding: 0 6.5rem;
    /* display: flex; */
}

@media screen and (max-width:1280px) {
.tabsMain .dirListing .dirthumbSlider li {
	   padding: 0 1.5rem;}
}

@media screen and (max-width:767px) {
.tabsMain .dirListing .dirthumbSlider li {
	   padding: 0 1rem;}
       .search-wrap{
            width: 75%;
            top: 55px;
            right: 90px;
       }
       .menu{
            position: absolute;
            top: 60px;
        }
        .rightBottom:after{
            top: 46px;
        }
}

.tabsMain .tabs-content .timeline h4 {
    font-size: 2rem;
    margin-bottom: 0;
    color: #007dc6;
    margin: .4rem 0 4rem;
    text-align: left;
    font-weight: 700;
    margin-bottom: 0 !important;
}

.box .newToMfNew h4.impQues {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 15px;
}

body.inside .box .newToMfNew h4 {
    font-size: 1.8rem;
    color: #444;
    margin-bottom: 15px;
}

.inside h2 {
    font-size: 2.4rem;
    color: #007dc6;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 4rem;
}

.accord a{
    color: #0051A8;
}

.newToMfNew a {
    text-decoration: underline;
    color: #045181;
}

.newToMfNew a:hover{
        text-decoration: underline;
}

.il-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.insideWrap {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.il-wrapper h2 {
    width: 100%;
}

.catergory select:focus {
    outline: 1px solid #000;
}

.datpikerSec input:focus
 {
    outline: 1px solid #000;
}

.box h2.page-head {
    color: #0676BB;
    text-align: center;
    font-family: Calibri;
    font-size: 44px;
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 24px;
    text-align: left;
}

h2.page-head {
    color: #0676BB;
    text-align: center;
    font-family: Calibri;
    font-size: 44px;
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 24px;
    text-align: left;
}
.tab-list .tab-list-item a{color: #505458 !important;}
.tab-list .tab-list-item.active a {
    background: #0676BB;
    color: #fff !important;
}

.finalAmtWrap .benfitWrap .headerTitle {
    text-align: center;
}

.finalAmtWrap .benfitWrap .iconContent h4 {
    color: #616161;
    font-weight: 600;
}
.goalPlanner h2 {
    font-size: 3.6rem;
    color: #0d69b2;
    margin: 0 0 1rem 0;
    font-weight: 700;
    text-transform:capitalize;
}

.terms h4 {
    font-size: 2rem;
    color: #484848;
    margin: 0;
}
.tab-list .tab-list-item a:hover{ 
    color:#fff !important}

.goalPlanner .goalCalculator .title h3 {
    font-size: 2.2rem;
}
body.inside .box h3 {
    color: #484848;
    font-weight: 700;
    text-transform: none;
    z-index: 1;
    font-size: 2rem;
    margin: auto;
    line-height: normal;
}
.insightHubSec .box h3 {
    /* width: 100%; */
    background: #f8ead2;
    padding: 1rem;
    margin-bottom: 0;
}
.highcharts-series-0 .highcharts-graph{
    stroke:#00529C !important;
}

.highcharts-series-1 .highcharts-graph{
    stroke:#854000 !important;
}
h2.top-size {
    margin-top: 3rem;
    font-size: 3rem;
    color: #704B00;
    text-transform: none;
}
h3.branchHead {
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    color: #484848;
    font-weight: 500;
}
.ourValues h4.heading {
    padding-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    color: #444;
    text-transform: none;
}
.ContPicGridWrap .ContPicBox .contentWrap h4 strong{
    color: #484848;
    font-size: 1.6rem;
    text-transform: uppercase;
}
.kyc-page6 table th {
    font-size: 1.8rem;
    color: #444;
    padding: 0.7rem;
    font-weight: 600;
    border: 1px solid #ccc;
    text-align: center;
}
.form-select.month-drop:focus
 {
    border-color: #0350C4;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}


/* skip-to-main */
header .col-md-10 {
    padding-top: 5px;
}
header .header-top{
    background:#00529c;
    padding: 7px 0;
}
header{
    padding-top: 0 !important;
}


/* dark-mode css*/
.a11y-dark-mode .sticky-sidebar .flyout-trigger:not(#a11y-widget):not(#a11y-widget *){
    background: #EC7D24 !important;
    color: #000 !important;
}
.a11y-dark-mode .sticky-sidebar .arrow-icon:not(#a11y-widget):not(#a11y-widget *){
    background: transparent !important;
}
.a11y-dark-mode .header-flex .transact a:not(#a11y-widget):not(#a11y-widget *){
    background: #EC7D24 !important;
    color: #000 !important;
}
.a11y-dark-mode .homeBanner .owl-dots .owl-dot.active:not(#a11y-widget):not(#a11y-widget *){
    background: #EC7D24 !important;
}
.a11y-dark-mode .homeBanner .owl-dots .owl-dot:not(#a11y-widget):not(#a11y-widget *){
    background: #fff !important;
}

.a11y-dark-mode body.home .rightTop:not(#a11y-widget):not(#a11y-widget *){
    border-bottom: 1px solid #444 !important;
}

.a11y-dark-mode .privcypolicyCont p a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}
.a11y-dark-mode  .contact-table a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}

.a11y-dark-mode  .rightBottom .navigation li a:not(#a11y-widget):not(#a11y-widget *){
    padding-bottom: 14px !important;
}
.a11y-dark-mode  .career-page .socialLinks li:not(#a11y-widget):not(#a11y-widget *){
    overflow: hidden !important;
}
.a11y-dark-mode  .filterCont .radioButtons label:not(#a11y-widget):not(#a11y-widget *){
    border: 1px solid #444 !important;
}
.a11y-dark-mode  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:not(#a11y-widget):not(#a11y-widget *){
    background-color: rgba(255, 152, 0, .9) !important;
}
/* .a11y-dark-mode  .fundPlanSecNew .fundDetailNew .negativeValu li:not(#a11y-widget):not(#a11y-widget *){
    color: #B00C30 !important;
} */
/* .a11y-dark-mode .fundPlanSecNew .fundDetailNew .negativeValu li:nth-of-type(1) span:not(#a11y-widget):not(#a11y-widget *){
    color: #B00C30 !important;
} */
/* .a11y-dark-mode .fundPlanSecNew .fundDetailNew .negativeValu li span:not(#a11y-widget):not(#a11y-widget *){
    color: #B00C30 !important;
} */
.a11y-dark-mode .fundPlanSecNew .fundPlanlist:after:not(#a11y-widget):not(#a11y-widget *){
    background: transparent !important;
}
.a11y-dark-mode header .header-top:not(#a11y-widget):not(#a11y-widget *){
    border-bottom: 1px solid #444 !important;
}


.a11y-dark-mode .nav-icon2 span:not(#a11y-widget):not(#a11y-widget *){
    background: #fff !important;
}
@media screen and (max-width:767px) {
    .a11y-dark-mode .rightBottom:after:not(#a11y-widget):not(#a11y-widget *){
        background: #000 !important;
    }
}
.a11y-dark-mode .tabsMain .tabsLink li a.active:not(#a11y-widget):not(#a11y-widget *){
    background: #444 !important;
}
.a11y-dark-mode .ourJourny .tabInnercontent .events-content a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}
.a11y-dark-mode .newToMfNew a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}
.a11y-dark-mode .contentWrap a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}
.a11y-dark-mode .kyc-page5 a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}
.a11y-dark-mode .tab-list .tab-list-item.active a:not(#a11y-widget):not(#a11y-widget *){
    background: #444 !important;
}
.a11y-dark-mode .tab-list .tab-list-item.active a .block-txt:not(#a11y-widget):not(#a11y-widget *){
    background: #444 !important;
}
.a11y-dark-mode .differentiation a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}

.a11y-dark-mode .finalAmtWrap .sipCalcWrap .amtBlock .firstDiv:after:not(#a11y-widget):not(#a11y-widget *){
    border-left: 50px solid #000 !important;
}
.a11y-dark-mode .differentiation a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}
.a11y-dark-mode ol.termslist li a:not(#a11y-widget):not(#a11y-widget *){
    color: #EC7D24 !important;
}

/* 19-05-2026 */
.a11y-dark-mode .icon-redarrow::before{
    color: #EC7D24 !important;
    z-index: 9;
}

.a11y-dark-mode .simpleFlyingSlider .owl-nav .owl-next::before{
    color: #EC7D24 !important;
}
.a11y-dark-mode .simpleFlyingSlider .owl-nav .owl-prev::before{
    color: #EC7D24 !important;
}
.a11y-dark-mode .rightBottom .navigation li:hover a span::before{
    color: #e8e8e8 !important
}
.a11y-dark-mode .tooltipBottom .tooltiptext::after{
    border-bottom-color: #000 !important;
}

.a11y-dark-mode .tooltipBottom .tooltiptext::before{
    border-bottom-color: #000 !important;
}   

.a11y-dark-mode .footerCol ul li a:hover{
    border-bottom: 1px solid #e8e8e8  !important;
}  
/* .a11y-dark-mode .productTable table tr:nth-child(odd):not(#a11y-widget):not(#a11y-widget *){
    background: #444 !important;
}   */

.a11y-dark-mode body :not(#a11y-widget):not(#a11y-widget *) .seeDetail {
color: #EC7D24 !important;
}
/* Ensure odd rows in product tables retain background despite broad overrides */
.a11y-dark-mode body :not(#a11y-widget):not(#a11y-widget *) .productTable table tr:nth-child(odd) td,
.a11y-dark-mode body :not(#a11y-widget):not(#a11y-widget *) .productTable table tr:nth-child(odd) th {
    background: #444 !important;
}

.a11y-dark-mode body :not(#a11y-widget):not(#a11y-widget *) table td a {
    color: #EC7D24 !important;
    background: transparent !important;
}
.a11y-dark-mode .fundInfoSec::before{
    border-bottom-color: #444 !important;
}
.a11y-dark-mode .fundInfoSec::after{
    border-bottom-color: #000 !important;
}
.a11y-dark-mode .fundPlanSecNew .fundPlanlist::after{
    background: #000 !important;
    color: #EC7D24 !important;
}
.a11y-dark-mode .fundPlanSecNew .fundDetailNew .negativeValu li:nth-of-type(1)::after{
    border-top-color: #fff;
}