/* Start custom CSS for html, class: .elementor-element-eb91ddb */<div class="calc__container">
					<h2 class="calc__title">Income Calculator</h2>
					<div class="insta">
						<div class="insta__text">
							<span>Instagram Followers </span>
							<img src="https://astalentagency.com/wp-content/uploads/2023/06/instagram.svg">
						</div>
						<div class="insta__number" id="instaNumber">400k</div>
						<input class="insta__range progress" min="10000" max="1000000" step="10000" value="400000" type="range" name="insta_users">
						<input class="insta__input" type="number" value="400000" step="10000">
					</div>
					<div class="profit">
						<p class="profit__title">Your projected earnings </p>
						<p class="profit__month">
							<b>$40 000/</b>month						</p>
						<div class="profit__footer">
							<div class="profit__item profit__item--decade">Earnings in 3 months  <b>$120 000</b>
							</div>
							<div class="profit__item profit__item--year">Earnings a year  <b>$480 000</b>
							</div>
						</div>
					</div>
				</div>
				
<script>
// Get the necessary DOM elements
const rangeInput = document.querySelector('.insta__range');
const numberInput = document.querySelector('.insta__input');
const followersNumber = document.querySelector('#instaNumber');
const earningsMonth = document.querySelector('.profit__month');
const earnings3Months = document.querySelector('.profit__item--decade b');
const earningsYear = document.querySelector('.profit__item--year b');

// Add event listeners to update values and calculate earnings
rangeInput.addEventListener('input', updateValues);
numberInput.addEventListener('input', updateValues);

// Function to update values and calculate earnings
function updateValues() {
  const followers = Number(rangeInput.value);
  followersNumber.textContent = followers.toLocaleString();
  numberInput.value = followers;

  const earningsPerMonth = followers / 10000 * 1000; // Assuming $10 per 10k followers
  const earningsPer3Months = earningsPerMonth * 3;
  const earningsPerYear = earningsPerMonth * 12;

  // Update the DOM elements with the calculated values
  earningsMonth.innerHTML = `<b>$${earningsPerMonth.toFixed(0)}/</b>month`;
  earnings3Months.textContent = `$${earningsPer3Months.toFixed(0)}`;
  earningsYear.textContent = `$${earningsPerYear.toFixed(0)}`;
}

// Initial update to display default values
updateValues();
</script>/* End custom CSS */