/* body{font-family:Arial,sans-serif;background:#fff;padding:20px;margin:0;color:#222} */
.compare-box{display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ddd;padding-bottom:18px;}
.compare-box strong{font-size:16px;white-space:nowrap}
.index-btn{border:1px solid #ddd;background:#fff;padding:14px 22px;border-radius:5px;cursor:pointer;font-size:16px;transition:.25s}
.index-btn.active,.index-btn:hover{border-color:#9b003f;color:#9b003f;font-size:16px}
.dot{width:10px;height:10px;display:inline-block;border-radius:50%;background:#9b003f;margin-right:8px}
.reset-btn{margin-left:auto;border:0;background:none;color:#9b003f;font-weight:bold;cursor:pointer;font-size:16px;}
.range-box{margin:25px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.range-btn{padding:13px 25px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-weight:bold;font-size:14px;}
.range-btn.active,.range-btn:hover{background:#9b003f;color:#fff;font-size:14px;}
#dateRangeText{margin-left:10px;font-weight:600;color:#696e77;font-size: 16px;}
.chart-wrap{height:480px;width:100%;position:relative}
.compare-box h6{font-size:20px;color:#000;font-weight:600;}
.chart-section{padding:40px 0px 60px 0px;}

@media(max-width:767px)

{
    
    /* body{padding:12px} */
#performanceChart{width:100%!important}
.index-btn,.range-btn{font-size:14px;padding:11px 14px}
.reset-btn{margin-left:0}.chart-wrap{height:380px}
#dateRangeText{width:100%;margin-left:0;margin-top:8px}}

.fixed-fund-btn{
    border-color:#8b0030;
    color:#8b0030;
    pointer-events:none;
}