#modal {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button:before {
  transform: rotate(0deg);
}

#close-button:after {
  transform: rotate(0deg);
}
	
    #modal1 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container1 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button1 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button1:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button1:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button1:before {
  transform: rotate(0deg);
}

#close-button1:after {
  transform: rotate(0deg);
}
      #modal2 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container2 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button2 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button2:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button2:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button2:before {
  transform: rotate(0deg);
}

#close-button2:after {
  transform: rotate(0deg);
}

 #modal3 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
    }
    #iframe-container3 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
    }
#close-button3 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button3:before {
  content: "X";
  position: absolute;
  top: 40px;
  font-size: 18px;
  font-family: Arial;
  left: 64px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button3:after {
  content: "CLOSE";
  position: absolute;
  top: 40px;
  font-size: 18px;
  font-family: Arial;
  left: 80px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button3:before {
  transform: rotate(0deg);
}

#close-button3:after {
  transform: rotate(0deg);
}


 #modal4 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container4 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button4 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button4:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}




#close-button4:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button4:before {
  transform: rotate(0deg);
}

#close-button4:after {
  transform: rotate(0deg);
}




 #modal5 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container5 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button5 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button5:before {
  content: "X";
  position: absolute;
  top: 40px;
  font-size: 18px;
  font-family: Arial;
  left: 64px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button5:after {
  content: "CLOSE";
  position: absolute;
  top: 40px;
  font-size: 18px;
  font-family: Arial;
  left: 80px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button5:before {
  transform: rotate(0deg);
}

#close-button5:after {
  transform: rotate(0deg);
}





 #modal6 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container6 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button6 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button6:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button6:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button6:before {
  transform: rotate(0deg);
}

#close-button6:after {
  transform: rotate(0deg);
}







 #modal7 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container7 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button7 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button7:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button7:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button7:before {
  transform: rotate(0deg);
}

#close-button7:after {
  transform: rotate(0deg);
}






 #modal8 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container8 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button8 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button8:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button8:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button8:before {
  transform: rotate(0deg);
}

#close-button8:after {
  transform: rotate(0deg);
}




 #modal9 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container9 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button9 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button9:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button9:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button9:before {
  transform: rotate(0deg);
}

#close-button9:after {
  transform: rotate(0deg);
}



 #modal10 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container10 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button10 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button10:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button10:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button10:before {
  transform: rotate(0deg);
}

#close-button10:after {
  transform: rotate(0deg);
}


 #modal11 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container11 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button11 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button11:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button11:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button11:before {
  transform: rotate(0deg);
}

#close-button11:after {
  transform: rotate(0deg);
}

 #modal12 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container12 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button12 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button12:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button12:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button12:before {
  transform: rotate(0deg);
}

#close-button12:after {
  transform: rotate(0deg);
}


#modal13 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container13 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button13 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button13:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button13:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button13:before {
  transform: rotate(0deg);
}

#close-button13:after {
  transform: rotate(0deg);
}

 #modal14 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container14 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button14 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button14:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button14:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button14:before {
  transform: rotate(0deg);
}

#close-button14:after {
  transform: rotate(0deg);
}

#modal15 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container15 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button15 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button15:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button15:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button15:before {
  transform: rotate(0deg);
}

#close-button15:after {
  transform: rotate(0deg);
}




 #modal16 {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    #iframe-container16 {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      background: white;
    }
#close-button16 {
  position: absolute;
  top: 90px;
  right: 200px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#close-button16:before {
  content: "X";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 14px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button16:after {
  content: "CLOSE";
  position: absolute;
  top: 0;
  font-size: 15px;
  font-family: Arial;
  left: 35px;
  height: 30px;
  width: 0px;
  color: white;
}

#close-button16:before {
  transform: rotate(0deg);
}

#close-button16:after {
  transform: rotate(0deg);
}