.guide-showHide-onClick{
		  cursor: pointer;
	  }
	  .guide-showHide-onClick:hover{ 
		  background-color: rgb(70,70,70);
	  }
	  
	  .guide-details{
			margin: 5px; color: #cbc19c;
			border-top: 1px solid #080808;  
			border-left: 1px solid #080808;
			border-bottom: 1px solid #787878; 
			border-right: 1px solid #787878;
	  }
	  
	  .guide-card{
			box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.64),0 2px 10px 0 rgba(255, 255, 255, 0.51);
	  }
	  
	/* <!-- css accordian transition --> */
/* .accordion { */
  /* /* max-width: 600px; */ */
  /* /* margin: 2rem auto; */ */
  /* /* font-family: sans-serif; */ */
  /* /* border: 1px solid #ddd; */ */
  /* /* border-radius: 6px; */ */
  /* overflow: hidden; */
/* } */

/* .accordion-item { */
  /* border-top: 1px solid #ddd; */
/* } */

/* .accordion-item:first-child { */
  /* border-top: none; */
/* } */

/* .accordion-label { */
  /* /* display: grid; */ */
  /* /* grid-template-columns: 1fr auto 1fr; */ */
  /* /* align-items: center; */ */
  /* /* padding: 1rem; */ */
  /* /* background-color: #f9f9f9; */ */
  /* /* cursor: pointer; */ */
  /* /* font-weight: bold; */ */
  /* /* transition: background 0.3s ease; */ */
  /* /* text-align: center; */ */
/* } */

/* .accordion-label:hover { */
  /* /* background-color: #f0f0f0; */ */
/* } */

/* /* Center text in middle grid column */ */
/* .label-text { */
  /* /* grid-column: 2; */ */
/* } */

/* /* Emoji on far right */ */
/* .emoji { */
  /* /* grid-column: 3; */ */
  /* /* justify-self: end; */ */
/* } */

/* .emoji::before { */
  /* content: "➕"; */
  /* transition: transform 0.3s ease; */
/* } */

/* /* Content */ */
/* .accordion-content { */
  /* max-height: 0; */
  /* overflow: hidden; */
  /* background: #fff; */
  /* transition: max-height 0.4s ease, padding 0.3s ease; */
  /* padding: 0 1rem; */
/* } */

/* .accordion-content p { */
  /* margin: 1rem 0; */
/* } */

/* /* Hide checkboxes */ */
/* .accordion-item input[type="checkbox"] { */
  /* display: none; */
/* } */

/* /* Expand content */ */
/* .accordion-item input[type="checkbox"]:checked ~ .accordion-content { */
  /* max-height: 200px; */
  /* padding: 1rem; */
/* } */

/* /* Change emoji when expanded */ */
/* .accordion-item input[type="checkbox"]:checked + .accordion-label .emoji::before { */
  /* content: "➖"; */
/* } */





    /* .accordion { */
      /* max-width: 600px; */
      /* margin: auto; */
      /* background: white; */
      /* border-radius: 6px; */
      /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
      /* overflow: hidden; */
    /* } */

    /* .accordion-item { */
      /* border-bottom: 1px solid #ccc; */
    /* } */

    /* input[type="checkbox"] { */
      /* display: none; */
    /* } */

    /* label { */
      /* display: flex; */
      /* align-items: center; */
      /* justify-content: space-between; */
      /* padding: 15px 20px; */
      /* cursor: pointer; */
      /* font-weight: bold; */
      /* position: relative; */
      /* background: #eee; */
      /* transition: background 0.3s; */
    /* } */

    /* label:hover { */
      /* background: #ddd; */
    /* } */

    /* /* Emoji icon - default (➕) */ */
    /* label::after { */
      /* content: "➕"; */
      /* font-size: 18px; */
      /* transition: all 0.3s ease; */

    /* } */

    /* /* When the checkbox is checked, show ➖ */ */
    /* input:checked + label::after { */
      /* content: "➖"; */
    /* } */

    /* .accordion-content { */
      /* max-height: 0; */
      /* overflow: hidden; */
      /* padding: 0 20px; */
      /* background: #f9f9f9; */
      /* transition: max-height 0.4s ease, padding 0.3s ease; */
    /* } */

    /* input:checked + label + .accordion-content { */
      /* max-height: 200px; */
      /* padding: 15px 20px; */
    /* } */
	
	<!-- End css accordian transition -->
	
	
	
	/* <!-- css Accordian --> */
	  /* <style> */
		/* details { */
		  /* margin-bottom: 10px; */
		  /* border: 1px solid #ccc; */
		  /* padding: 10px; */
		  /* border-radius: 5px; */
		  /* background: #f9f9f9; */
		  /* transition: all 0.3s ease; */
		/* } */

		/* summary { */
		  /* font-weight: bold; */
		  /* cursor: pointer; */
		  /* outline: none; */
		/* } */

		/* details[open] { */
		  /* background: #eef; */
		/* } */
	  /* </style> */