.khatri-chart{background:#f8f0e5;padding:60px 0}.khatri-chart .khatri-chart-title{text-align:center;border:2px solid #ff4d6d;width:100%;max-width:900px;margin:auto auto 40px}.khatri-chart .khatri-chart-title h2{color:#fff;background:linear-gradient(90deg,#5b00d0,#8c00ff,#5b00d0);margin:0;padding:15px;font-size:30px;font-weight:700}.khatri-chart .khatri-chart-title p{color:#333;background:#ffd7b0;margin:0;padding:12px;font-size:15px}.khatri-chart .khatri-chart-card{border:none;border-radius:12px;transition:all .35s;overflow:hidden;box-shadow:0 8px 25px #0000001f}.khatri-chart .khatri-chart-card:hover{transform:translateY(-8px)}.khatri-chart .card-body{background:#fff;padding:30px}.khatri-chart .khatri-chart-number{color:#fff;background:linear-gradient(135deg,#7200d8,#b200ff);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto auto 25px;font-size:28px;font-weight:700;display:flex}.khatri-chart .khatri-chart-row{justify-content:space-between;margin-bottom:15px;display:flex}.khatri-chart .khatri-chart-row span{color:#e60023;text-align:center;background:#f6f6f6;border-radius:8px;flex:1;margin:0 5px;padding:12px 8px;font-size:20px;font-weight:700}.khatri-chart .khatri-chart-row span:hover{color:#fff;background:#6d00d4}@media (max-width:768px){.khatri-chart{padding:40px 0}.khatri-chart .khatri-chart-title h2{font-size:22px}.khatri-chart .khatri-chart-row span{padding:10px;font-size:16px}}