.new-nav-wrapper{padding:40px 0}.new-nav-page-wrapper{padding-top:11rem}.container{width:100%;margin:auto}.nav-title{font-size:var(--section-title-font-size);font-family:var(--semibold-font-family-mnt);margin-bottom:30px}.nav-top-grid{grid-template-columns:1fr 2fr;gap:20px;margin-bottom:30px;display:grid}.nav-card{background:var(--white-color);border-radius:var(--web-border-radius);padding:25px;box-shadow:0 5px 20px #0000000d}.nav-card.nav-performance{min-height:32.813rem}.card-label{font-size:var(--content-font-size);color:var(--secondary-color);margin-bottom:10px}.nav-price{font-size:32px;font-family:var(--bold-font-family-mnt)}.nav-date{color:var(--bule-gray-color)}.returns-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.return-box{background:var(--content-bg-gray);text-align:center;border-radius:var(--web-border-radius);padding:15px}.return-title{color:var(--bule-gray-color)}.return-value{font-size:18px;font-family:var(--semibold-font-family-mnt)}.chart-header{justify-content:space-between;margin-bottom:20px;display:flex}.range-buttons{gap:10px;display:flex}.range-btn{border:1px solid var(--border-gray);border-radius:var(--web-border-radius);background:var(--white-color);cursor:pointer;padding:8px 16px}.range-btn.active{background:var(--chart-blue-color);color:#fff}.date-range-ui{align-items:center;gap:10px;display:flex}.date-field{flex-direction:column;gap:4px;display:flex}.date-label{color:#888;font-size:12px}.date-input{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s}.date-input:hover{border-color:var(--chart-blue-color)}.date-input:focus{border-color:var(--chart-blue-color);outline:none;box-shadow:0 0 0 2px #1c39bb1a}@media only screen and (max-width:991px){.nav-top-grid{grid-template-columns:100%;gap:20px;margin-bottom:30px;display:grid}.returns-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.range-btn{padding:8px}}@media only screen and (max-width:767px){.returns-grid{grid-template-columns:100%}.chart-header{flex-direction:column!important}svg.recharts-surface{outline:none!important}.date-range-ui{flex-direction:column;align-items:start}}