text: const toggleContainer = document.querySelector('#toggle-container');
  const inputCheckDesktop = document.querySelectorAll('input[type="checkbox"]')[1];
  const neverMissUpdate = document.querySelector('.neverMissUpdate');
  const content = document.querySelector('.hero_content');
  const inputCheckMobile=document.querySelectorAll('input[type="checkbox"]')[0];
  inputCheckMobile.addEventListener('change',switchTheme);
  // const contentPara = document.querySelector('.hero_content > p');
  // const contenttitle = document.querySelector('#hero-heading');
  // const toggleBar = document.querySelector('#toggle-bar');
  // const updateBanner = document.querySelector('.neverMissUpdate');
  // const updateHeading = document.querySelector('.update-heading');
  // const updateHeading2 = document.querySelector('.update-heading2');
  // const updateHeading5 = document.querySelector('.updateHeading5');
  // const footerLink = document.querySelectorAll('.sub-footer-link > li > a');
  // const footerIcons = document.querySelectorAll('.icon');
  // const teamMemberName = document.querySelectorAll('.team-member h3');
  // const footerrow = document.querySelectorAll('.footer-column>h2:nth-child(1)');
  
  function switchTheme(event) {
    if (event.target.checked) {
      document.documentElement.setAttribute('data-theme', 'dark');
      localStorage.setItem('theme', 'dark');
    } else {
      document.documentElement.setAttribute('data-theme', 'light');
      localStorage.setItem('theme', 'light');
    }
  }
  
  // check local storage for theme
  const currentTheme = localStorage.getItem('theme');
  if (currentTheme) {
    document.documentElement.setAttribute('data-theme', currentTheme);
    if (currentTheme === 'dark') {
      inputCheckMobile.checked = true;
      inputCheckDesktop.checked=true;
    }
  }
  
  //event listener to toggle betwen light and dark modes
  inputCheckDesktop.addEventListener('change', switchTheme);
  
  
  
  // //dark mode
  // function changeToDarkMode() {
  //   body.style.background = '#132743';
  //   body.style.color = '#fff';
  //   content.style.color = '#eaeaea';
  //   contentPara.style.color = '#aeaeae';
  //   toggleBar.style.background = '#01a9b4';
  //   contenttitle.style.color = '#FFFFFF';
  //   footerrow.forEach((item, index) => {
  //     footerrow[index].style.color = '#00FFFF';
  //   });
  //   updateBanner.style.backgroundColor = '#0B1728';
  //   updateHeading.style.color = '#fff';
  //   updateHeading2.style.color = '#fff';
  //   updateHeading5.style.color = '#fff';
  //   for (i = 0; i < footerLink.length; i++) footerLink[i].style.color = 'white';
  //   footerIcons.forEach((e) => (e.style.color = '#000'));
  //   this.changeTeamMemberColor('#fff');
  // }
  
  //light mode
  // function changeToLightMode() {
  //   contenttitle.style.color = '#000';
  //   body.style.background = '#fff';
  //   body.style.color = '#000';
  //   content.style.color = '#1d1c1c';
  //   contentPara.style.color = 'rgb(90, 90, 90)';
  //   toggleBar.style.background = '#ebecf1';
  //   contentTitle.style.color = 'black';
  //   //contactBanner.style.background = '#ebecf1';
  //   updateBanner.style.backgroundColor = '#ebecf1';
  //   updateHeading.style.color = '#1d1c1c';
  //   updateHeading2.style.color = '#1d1c1c';
  //   updateHeading5.style.color = '#1d1c1c';
  //   this.changeTeamMemberColor('#808080');
  // }
  
  // //callback function to toggle between modes
  // function changeBackground() {
  //   if (inputCheck.checked) {
  //     document.documentElement.setAttribute('data-theme', 'dark');
  //     changeToDarkMode();
  //     localStorage.setItem('theme', 'dark');
  //   } else {
  //     document.documentElement.setAttribute('data-theme', 'light');
  //     changeToLightMode();
  //     localStorage.setItem('theme', 'light');
  //   }
  // }
  
  // //event listener to toggle between light and dark modes
  // inputCheck.addEventListener('change', changeBackground);
  
  // //to retain the mode with the help of local storage
  // const currentTheme = localStorage.getItem('theme');
  // if (currentTheme) {
  //   document.documentElement.setAttribute('data-theme', currentTheme);
  //   if (currentTheme === 'dark') {
  //     inputCheck.checked = true;
  //     changeToDarkMode();
  //   }
  // }
  
  // function changeTeamMemberColor(color) {
  //   console.log('called');
  //   document.querySelector('#team>h2').style.color = color;
  //   Array.from(teamMemberName).forEach((item) => {
  //     item.style.color = color;
  //   });
  // }
  