#close1 button{
    font-weight: 800;
  }
  #close1{
display: none;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100vh; /* Set the height of the container to 100% of the viewport height */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background to overlay the page */
}

#close1 iframe {
width: 80%; /* Adjust the width of the iframe as needed */
height: 80%; /* Adjust the height of the iframe as needed */
}

#close2 button{
font-weight: 800;
}
#close2{
display: none;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100vh; /* Set the height of the container to 100% of the viewport height */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background to overlay the page */
}

#close2 iframe {
width: 80%; /* Adjust the width of the iframe as needed */
height: 80%; /* Adjust the height of the iframe as needed */
}
#close3 button{
font-weight: 800;
}
#close3{
display: none;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100vh; /* Set the height of the container to 100% of the viewport height */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background to overlay the page */
}

#close3 iframe {
width: 80%; /* Adjust the width of the iframe as needed */
height: 80%; /* Adjust the height of the iframe as needed */
}
#close4 button{
font-weight: 800;
}
#close4{
display: none;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100vh; /* Set the height of the container to 100% of the viewport height */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background to overlay the page */
}

#close4 iframe {
width: 80%; /* Adjust the width of the iframe as needed */
height: 80%; /* Adjust the height of the iframe as needed */
}