.popupContainer {
    width: 1300px;
    height: 100%;
    position: fixed;
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center; /* vertical center */
    z-index: 15;
}

.imgPopup {
    height: auto;
    position: relative;
    width: 450px;
	min-height: 450px;
}

    .imgPopup img {
        border-radius: 20px;
    }

.announcement {
    width: 100%;
    height: auto;
    border-radius: 20px;
	aspect-ratio: 50/57;
}

    .announcement > div {
        width: 100%;
        height: 100%;
    }

.dark-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    justify-content: center;
    align-items: center;
    z-index: 14;
}

.CloseButton {
    background-image: url(Images/closebutton.png);
    background-size: contain;
    cursor: pointer;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -30px;
    right: -20px;
}

.pb_0_1 {
    position: relative;
    width: 350px;
    height: auto;
    opacity: 0;
}

.pb_1_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 100% 50%, 0 50%);
    opacity: 0;
}

.pb_1_2 {
    position: relative;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
    opacity: 0;
}

.pb_2_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 100% 60%, 0 40%);
    opacity: 0;
}

.pb_2_2 {
    position: relative;
    clip-path: polygon(0 40%, 100% 60%, 100% 100%, 0 100%);
    opacity: 0;
}

.pb_3_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 100% 40%, 0 60%);
    opacity: 0;
}

.pb_3_2 {
    position: relative;
    clip-path: polygon(0 60%, 100% 40%, 100% 100%, 0 100%);
    opacity: 0;
}

.pb_4_1 {
    position: absolute;
    clip-path: polygon(0 0, 50% 0%, 50% 100%, 0 100%);
    opacity: 0;
}

.pb_4_2 {
    position: relative;
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
    opacity: 0;
}

.pb_5_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 100% 100%);
    opacity: 0;
}

.pb_5_2 {
    position: relative;
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    opacity: 0;
}

.pb_6_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 0 100%);
    opacity: 0;
}

.pb_6_2 {
    position: relative;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    opacity: 0;
}

.pb_7_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 50% 50%);
    opacity: 0;
}

.pb_7_2 {
    position: absolute;
    clip-path: polygon(100% 0%, 100% 100%, 50% 100%, 50% 50%);
    opacity: 0;
}

.pb_7_3 {
    position: relative;
    clip-path: polygon(0 0, 50% 50%, 50% 100%, 0 100%);
    opacity: 0;
}

.pb_8_1 {
    position: absolute;
    clip-path: polygon(0 0, 50% 0%, 50% 50%, 0 100%);
    opacity: 0;
}

.pb_8_2 {
    position: absolute;
    clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 50%);
    opacity: 0;
}

.pb_8_3 {
    position: relative;
    clip-path: polygon(0 100%, 50% 50%, 100% 100%);
    opacity: 0;
}

.pb_9_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
    opacity: 0;
}

.pb_9_2 {
    position: absolute;
    clip-path: polygon(0% 50%, 50% 50%, 50% 100%, 0 100%);
    opacity: 0;
}

.pb_9_3 {
    position: relative;
    clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%);
    opacity: 0;
}

.pb_10_1 {
    position: absolute;
    clip-path: polygon(0 0, 50% 0%, 50% 50%, 0 50%);
    opacity: 0;
}

.pb_10_2 {
    position: absolute;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
    opacity: 0;
}

.pb_10_3 {
    position: relative;
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
    opacity: 0;
}

.pb_11_1 {
    position: absolute;
    clip-path: polygon(0 0, 50% 0%, 50% 50%, 0 50%);
    opacity: 0;
}

.pb_11_2 {
    position: absolute;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%);
    opacity: 0;
}

.pb_11_3 {
    position: absolute;
    clip-path: polygon(0 50%, 50% 50%, 50% 100%, 0 100%);
    opacity: 0;
}

.pb_11_4 {
    position: relative;
    clip-path: polygon(50% 50%, 100% 50%, 100% 100%, 50% 100%);
    opacity: 0;
}

.pb_12_1 {
    position: absolute;
    clip-path: polygon(0 0, 100% 0%, 50% 50%);
    opacity: 0;
}

.pb_12_2 {
    position: absolute;
    clip-path: polygon(100% 0, 100% 100%, 50% 50%);
    opacity: 0;
}

.pb_12_3 {
    position: absolute;
    clip-path: polygon(100% 100%, 50% 50%, 0 100%);
    opacity: 0;
}

.pb_12_4 {
    position: relative;
    clip-path: polygon(0 0, 50% 50%, 0 100%);
    opacity: 0;
}