.pop-up-compare-add-icon-container{height:30px;width:30px}
.nippon-mf-collapse-icon{position:relative;align-items:center}
.top.tooltipTextArea p{font-size:12px;margin-bottom:0}
.left.tooltipTextArea p{font-size:12px;margin-bottom:0}
.comparePopupFundInfoSection{display:flex;align-items:flex-start;justify-content:flex-start}
.comparePopupFundInfoSection span{font-size:10px;margin-left:2px;padding:4px;color:#666;border-left:.5px solid rgba(128,128,128,0.3);text-align:left}
.comparePopupFundInfoSection span:nth-child(1){margin-left:0;padding-left:0;border-left:0}
.about-fund-name{text-transform:uppercase}
.nippon-mf-collapse-icon::after{content:"";border:solid var(--orange);border-width:0 2px 2px 0;padding:3px;transition:transform .3s linear;position:absolute;right:0;transform:rotate(45deg)}
.nippon-mf-collapse-icon-down:after{transform:rotate(-135deg);bottom:0;transition:transform .4s linear}
.nippon-india-mutual-fund{border-radius:8px;box-shadow:0 0 8px 0 rgba(0,0,0,0.16);padding:20px 20px 20px 20px}
.sub-title{padding:0 0 25px 0}
.nippon-india-mutual-fund-inner-container{justify-content:space-between;color:var(--black)}
.nippon-india-mutual-fund-inner-leftside-container,.nippon-india-mutual-fund-inner-rightside-container{width:46%;border-radius:4px;border:solid 1px #d3dae1;background-color:#f2f2f2}
.nippon-india-mutual-fund-inner-content{justify-content:center;height:100%;align-items:center;width:100%;padding:20px}
.key-value-container div:first-child{margin-right:20px}
.value-container{margin-left:20px;font-weight:500}
.contentTooltipContainer{margin-left:5px}
.inner-content-title{color:var(--black);font-size:16px;font-weight:500;margin-bottom:20px}
.key-container,.value-container{min-height:127px;justify-content:space-between}
.value-container span,.value-container span .information-circle{height:18px;width:18px;margin-left:4px}
.contentTooltipContainer img{width:15px;height:15px;cursor:pointer}
.value-container h2{align-items:center;font-weight:500}
.mb-5{margin-bottom:5px}
.mb-10{margin-bottom:10px}
.pl-15{padding-left:15px}
.pr-15{padding-right:15px}
.value-container .tooltip{display:inline-block;position:relative;text-align:left}
.value-container .tooltip .top,.value-container .tooltip .left{min-width:200px;top:-10px;left:50%;transform:translate(-50%,-100%);padding:8px;color:var(--black);background-color:var(--white);font-weight:normal;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 0 8px 0 rgba(0,0,0,0.16);transition:opacity .8s}
.value-container .tooltip .top i,.value-container .tooltip .left i{position:absolute;top:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}
.value-container .tooltip .top i::after,.value-container .tooltip .left i::after{content:"";position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:var(--white);box-shadow:0 1px 8px 0 0 8px 0 rgba(0,0,0,0.16)}
.ps-relative{position:relative}
.compare-cross-bg{position:absolute;background-color:#313131;border-radius:50%;right:0;z-index:9}
.pop-up-card-img-heading-container{position:relative}
.compare-pop-cross-icon{position:absolute;width:21px;height:21px;top:-8px;right:0;left:-30px;border-radius:50%}
.compare-icon-plus{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}
.compare-icon-plus:before,.pop-up-cancel-btn .compare-icon-plus:before{content:"";position:absolute;top:0;left:46.5%;width:10%;height:100%;background-color:#fa6500;border-radius:50%}
.compare-icon-plus:after,.pop-up-cancel-btn .compare-icon-plus:after{content:"";position:absolute;top:44.5%;left:0;width:100%;height:10%;background-color:#fa6500;border-radius:50%}
.compare-pop-cross-icon:before{position:absolute;left:10px;top:2px;content:" ";height:13px;width:2px;background-color:#ff6700;transform:rotate(45deg)}
.compare-pop-cross-icon:after{position:absolute;left:10px;top:2px;content:" ";height:13px;width:2px;background-color:#ff6700;transform:rotate(135deg)}
.fnd-text-cnt ul li{list-style-type:disc}
@media screen and (min-width:320px) and (max-width:1023px){.comparePopupFundInfoSection .comparePopupFundInfoSectionRisk{display:none}
.comparePopupFundInfoSection span{font-size:8px}
.bfl-fund-container .bfl-fund-container-spnd .ps-relative .search-popup:last-child{display:none}
.compare-pop-cross-icon{top:-7px;left:-22px}
.value-container .tooltip .left{top:50%;left:0;margin-right:20px;transform:translate(-100%,-50%)}
.value-container .tooltip .left i{top:50%;left:100%;margin-top:-12px;margin-left:0;width:12px;height:24px}
.value-container .tooltip .left i::after{content:"";position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(-50%,-50%) rotate(-45deg);background-color:var(--white);box-shadow:0 1px 8px 0 0 8px 0 rgba(0,0,0,0.16)}
.nippon-india-mutual-fund-inner-content{padding:14px 30px 14px 14px}
.sub-title{padding:0 0 15px 0}
.nippon-india-mutual-fund-inner-container{flex-direction:column;font-size:12px}
.value-container span,.value-container span .information-circle{height:14px;width:14px}
.contentTooltipContainer img{width:13px;height:13px}
.nippon-india-mutual-fund-inner-leftside-container,.nippon-india-mutual-fund-inner-rightside-container{width:100%}
.inner-content-title{margin-bottom:14px;font-size:14px}
.key-container,.value-container{min-height:70px;width:100%;justify-content:space-between}
.nippon-india-mutual-fund-inner-leftside-container{margin-bottom:8px;max-height:132px}
.nippon-india-mutual-fund-inner-rightside-container{max-height:132px}
.nippon-india-mutual-fund{padding:16px 15px 10px 15px}
.key-value-container div.contentTooltipContainer:first-child{margin-right:0}
.key-value-container div.contentTooltipContainer:last-child{margin-left:0}
.value-container{width:75%}
.pop-up-compare-add-icon-container{height:12px;width:12px}
}
.app-header-mf{background-color:#002953;color:white;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;margin-top:-10px;position:sticky;top:0;z-index:99}
.app-header-heading{color:white}
.app-header-logo{height:27px;width:74.2px}
.app-logo-container{display:flex;column-gap:10px;align-items:center;justify-content:space-between;width:100%}
.mf-page-back-arrow{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
.pwa-search-icon-mf{font-size:18px;cursor:pointer}
@media screen and (max-width:992px){.mf-page-back-arrow{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
}
.app-search-icon{font-size:18px}