/* rate css */
        .price-list {
            display: flex;
            gap: 15px;
            margin: 0;
            padding: 0;
        }
        
        .price-list li {
            list-style: none;
            padding: 8px 15px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-weight: 600;
            transition: all 0.3s ease-in-out;
        }
        
        /* Gold Rate */
        .gold-rate {
            background: linear-gradient(45deg, #ffd70030, #ffd70015);
            border: 1px solid #ffd700;
            color: #daa520;
        }
        
        /* Silver Rate */
        .silver-rate {
            background: linear-gradient(45deg, #c0c0c030, #c0c0c015);
            border: 1px solid #c0c0c0;
            color: #696969;
        }
        
        .rate-label {
            font-size: 0.9em;
        }
        
        .rate-value {
            font-size: 1em;
            color: #333;
        }
        
        .fa-coins, .fa-ring {
            font-size: 0.9em;
        }
        
        /* Hover Effect */
        .price-list li:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        }
        
        /* Hide the price toggle button by default */
        .price-toggle {
            display: none;
            cursor: pointer;
            font-size: 1.2em;
            font-weight: bold;
            padding: 8px 12px;
            background: #ffd700;
            color: #333;
            border-radius: 5px;
            border: 1px solid #ffd700;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            /* Hide price list by default in mobile */
            .price-list {
                display: none;
                flex-direction: column;
                position: absolute;
                background: white;
                top: 50px;
                left: 10px;
                padding: 10px;
                border-radius: 5px;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
                width: auto;
                z-index: 1000;
            }
        
            /* Show when active */
            .price-list.active {
                display: flex;
            }
        
            .price-list li {
                padding: 10px;
                width: 100%;
                text-align: left;
            }
        
            .rate-label {
                display: inline;
            }
        
            /* Show toggle button only on small screens */
            .price-toggle {
                display: flex;
            }
        }