.ModalBox{background-color:#fff;border-radius:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ModalBox .modalHeader{color:#1f1b16;justify-content:space-between;align-items:center;font-family:Cairo;font-size:clamp(14px,1.8vw,22px);font-weight:700;line-height:66.667%;display:flex}
.announcementModal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(45deg,#ffffff37,#ffffffed);flex-direction:column;width:95%;max-width:650px;max-height:95%;padding:24px;display:flex}@media (max-width:480px){.announcementModal{padding:12px}}.announcementModal .announcementBody{flex-direction:column;flex:1;margin-top:14px;display:flex;overflow:hidden}.announcementModal .announcementBody .imgContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#50505060;border-radius:12px;flex-direction:column;flex-grow:1;width:100%;padding:12px;display:flex;overflow:hidden;box-shadow:inset 0 0 10px #d1d1d1}.announcementModal .announcementBody .imgContainer .imgWrapper{aspect-ratio:415/551;border-radius:8px;flex-grow:1;width:100%;height:100%;position:relative;overflow:hidden}.announcementModal .announcementBody .imgContainer .imgWrapper img{object-fit:contain;max-height:100%}
.lightboxContent{outline:none;justify-content:center;align-items:center;width:90%;max-width:1200px;max-height:90vh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightboxContent .lightboxCloseBtn{color:#1f1b16;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background-color:#f6f2ea;transition:all .3s;position:absolute;top:-20px;right:0}.lightboxContent .lightboxCloseBtn:hover{transform:scale(1.1)}.lightboxContent .lightboxCloseBtn svg{font-size:28px}@media (max-width:768px){.lightboxContent .lightboxCloseBtn{top:-40px;right:-10px}.lightboxContent .lightboxCloseBtn svg{font-size:24px}}.lightboxContent .lightboxImageWrapper{border-radius:12px;justify-content:center;align-items:center;width:100%;height:90vh;max-height:90vh;display:flex;position:relative}.lightboxContent .lightboxImageWrapper img{object-fit:contain;max-width:100%;max-height:100%}@media (max-width:768px){.lightboxContent .lightboxImageWrapper{height:80vh;max-height:80vh}}