.modalsBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.shareCertificateModal{background:var(--Base-White,#fff);border-radius:16px;width:90%;max-width:400px;padding:24px;box-shadow:0 20px 24px -4px rgba(10,13,18,.08),0 8px 8px -4px rgba(10,13,18,.03),0 3px 3px -1.5px rgba(10,13,18,.04)}.shareCertificateModal .shareModalHeader{text-align:center;margin-bottom:20px}.shareCertificateModal .shareModalHeader .title{color:var(--Gray-900,#181d27);font-size:16px;font-weight:600;line-height:150%}.shareCertificateModal .shareModalHeader .desc{color:var(--Gray-600,#535862);font-size:14px;font-weight:400;line-height:142.857%}.shareCertificateModal .shareModalBody{margin-bottom:24px}.shareCertificateModal .shareModalBody .title{color:var(--Gray-700,#414651);font-size:14px;font-weight:500;line-height:142.857%}.shareCertificateModal .shareModalBody .shareContainer{gap:4px;display:flex}.shareCertificateModal .shareModalBody .shareContainer .linkBox{border:1px solid var(--Gray-300,#d5d7da);background:var(--Base-White,#fff);color:var(--Gray-900,#181d27);text-overflow:ellipsis;white-space:nowrap;direction:ltr;border-radius:8px;flex-grow:1;padding:10px 14px;font-size:16px;font-weight:400;line-height:24px;overflow:hidden;box-shadow:0 1px 2px rgba(10,13,18,.05)}.shareCertificateModal .shareModalBody .shareContainer .linkBox:focus{outline:none}.shareCertificateModal .shareModalBody .copyBttn{color:#a4a7ae;min-width:45px;padding:10px;font-size:20px}.shareCertificateModal .shareModalFooter{gap:16px;margin-top:24px;display:flex}.shareCertificateModal .shareModalFooter button{border:1px solid var(--Gray-300,#d5d7da);background:var(--Base-White,#fff);height:44px;color:var(--Gray-700,#414651);border-radius:8px;flex:1;font-family:Graphik Arabic;font-size:16px;font-style:normal;font-weight:600;line-height:24px;box-shadow:inset 0 0 0 1px rgba(10,13,18,.18),inset 0 -2px rgba(10,13,18,.05),0 1px 2px rgba(10,13,18,.05)}.shareCertificateModal .shareModalFooter button.dark{background:var(--Primary-DarkBlue,#0b1956);color:var(--Base-White,#fff)}
.ticketModal{background:var(--White,#fff);direction:rtl;border-radius:12px;width:90vw;max-width:448px;height:-moz-fit-content;height:fit-content;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.ticketModal .ticketTopBar{background:var(--Primary-Blue,#0870f3);width:100%;height:8px;position:absolute;top:0;left:0}.ticketModal .closeButton{z-index:10;align-items:center;gap:3px;display:flex;position:absolute;top:16px;left:16px;background:var(--White,#fff)!important;border:1px solid var(--Gray-200,#e9eaeb)!important;border-radius:99px!important;min-width:64px!important;height:23px!important;padding:0 10px!important}.ticketModal .closeButton .closeText{color:var(--Gray-700,#414651);font-size:14px;font-weight:400;line-height:22px;font-family:var(--font-sans-active)}.ticketModal .closeButton .closeIcon{width:16px;height:16px;color:var(--Gray-700,#414651)}.ticketModal .closeButton:hover{background:var(--Gray-50,#fafafa)!important}.ticketModal .ticketHeader{text-align:center;padding:49px 24px 8px}.ticketModal .ticketHeader .ticketTitle{color:var(--Gray-900,#181d27);font-size:20px;font-weight:600;line-height:28px;font-family:var(--font-sans-active);margin:0 0 8px}.ticketModal .ticketHeader .ticketSubtitle{color:var(--Gray-900,#181d27);font-size:14px;font-weight:500;line-height:20px;font-family:var(--font-sans-active);margin:0 0 8px}.ticketModal .ticketHeader .ticketInstructor{color:var(--Gray-600,#535862);font-size:14px;font-weight:400;line-height:20px;font-family:var(--font-sans-active);margin:0}.ticketModal .ticketContent{flex-direction:column;align-items:center;gap:16px;padding:0 24px 24px;display:flex}.ticketModal .ticketContent .statusBadge{color:#008236;font-size:12px;font-weight:500;line-height:16px;font-family:var(--font-sans-active);background:#dcfce7;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;display:flex}.ticketModal .ticketContent .statusBadge .statusDot{width:10px;height:10px;position:relative}.ticketModal .ticketContent .statusBadge .statusDot .statusDotInner{background:#00c950;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;position:absolute;box-shadow:0 0 0 5px rgba(5,223,114,0)}.ticketModal .ticketContent .qrCodeContainer{justify-content:center;width:100%;padding:16px 0;display:flex}.ticketModal .ticketContent .qrCodeContainer .qrCodeWrapper{background:var(--Gray-50,#fafafa);border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:100%;padding:16px;display:flex}.ticketModal .ticketContent .qrCodeContainer .qrCodeWrapper .qrCode{object-fit:contain;width:100%;height:100%}.ticketModal .ticketContent .qrCodeContainer .qrCodeWrapper .qrCodePlaceholder{background:#000;grid-template-rows:repeat(16,1fr);grid-template-columns:repeat(16,1fr);gap:2px;width:158px;height:158px;padding:8px;display:grid}.ticketModal .ticketContent .qrCodeContainer .qrCodeWrapper .qrCodePlaceholder .qrCodeGrid{grid-template-rows:repeat(16,1fr);grid-template-columns:repeat(16,1fr);gap:1px;width:100%;height:100%;display:grid}.ticketModal .ticketContent .qrCodeContainer .qrCodeWrapper .qrCodePlaceholder .qrCodeGrid .qrCodeCell{background:#fff;border-radius:1px}.ticketModal .ticketContent .qrCodeContainer .qrCodeWrapper .qrCodePlaceholder .qrCodeGrid .qrCodeCell:nth-child(odd){background:#000}.ticketModal .ticketContent .ticketInstructions{width:100%;color:var(--Gray-600,#535862);text-align:center;font-size:12px;font-weight:500;line-height:16px;font-family:var(--font-sans-active);margin:0}.ticketModal .ticketFooter{background:rgba(245,245,245,.3);flex-direction:column;gap:12px;padding:24px;display:flex}.ticketModal .ticketFooter .footerItem{align-items:flex-start;gap:12px;display:flex}.ticketModal .ticketFooter .footerItem .footerIcon{background:rgba(8,112,243,.1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ticketModal .ticketFooter .footerItem .footerIcon svg{width:16px;height:16px;color:var(--Primary-Blue,#0870f3)}.ticketModal .ticketFooter .footerItem .footerContent{flex-direction:column;flex:1;gap:4px;display:flex}.ticketModal .ticketFooter .footerItem .footerContent .footerLabel{color:var(--Gray-700,#414651);font-size:10px;font-weight:400;line-height:15px;font-family:var(--font-sans-active);margin:0}.ticketModal .ticketFooter .footerItem .footerContent .footerValue{color:var(--Gray-900,#181d27);font-size:14px;font-weight:500;line-height:20px;font-family:var(--font-sans-active);margin:0}.ticketModal .ticketFooter .footerItem .footerContent .mapLink{color:var(--Primary-Blue,#0870f3);font-size:12px;font-weight:400;line-height:16px;font-family:var(--font-sans-active);align-items:center;gap:4px;margin-top:4px;text-decoration:none;transition:opacity .2s;display:flex}.ticketModal .ticketFooter .footerItem .footerContent .mapLink .linkIcon{width:12px;height:12px}.ticketModal .ticketFooter .footerItem .footerContent .mapLink:hover{opacity:.8;text-decoration:underline}[dir=ltr] .ticketModal{direction:ltr}[dir=ltr] .ticketModal .closeButton{left:auto;right:16px}@keyframes pulse{0%,to{box-shadow:0 0 rgba(5,223,114,.7)}50%{box-shadow:0 0 0 10px rgba(5,223,114,0)}}
.ratingModal{background:var(--White,#fff);direction:rtl;border-radius:12px;width:90vw;max-width:450px;height:-moz-fit-content;height:fit-content;max-height:90vh;padding:32px;position:relative;overflow:hidden;box-shadow:0 6px 17.5px rgba(0,0,0,.1)}.ratingModal .closeButton{z-index:10;opacity:.7;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:16px;left:16px;background:var(--White,#fff)!important;border:none!important;border-radius:4px!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}.ratingModal .closeButton:hover{opacity:1;background:var(--Gray-50,#fafafa)!important}.ratingModal .closeButton .closeText{display:none}.ratingModal .closeButton .closeIcon{color:var(--Gray-900,#181d27);font-size:28px}.ratingModal .ratingContent{flex-direction:column;gap:19px;width:100%;display:flex}.ratingModal .ratingContent .ratingHeader{flex-direction:column;gap:8px;display:flex}.ratingModal .ratingContent .ratingHeader .ratingTitle{color:var(--primary-darkblue,#0b1956);font-size:24px;font-weight:600;line-height:36px;font-family:var(--font-sans-active);text-align:right;margin:0}.ratingModal .ratingContent .ratingHeader .ratingSubtitle{color:var(--Gray-600,#535862);font-size:14px;font-weight:400;line-height:21px;font-family:var(--font-sans-active);text-align:right;margin:0}.ratingModal .ratingContent .ratingSection{flex-direction:column;gap:6px;display:flex}.ratingModal .ratingContent .ratingSection .ratingLabel{color:var(--primary-darkblue,#0b1956);font-size:14px;font-weight:500;line-height:21px;font-family:var(--font-sans-active);margin:0}.ratingModal .ratingContent .ratingSection .starsContainer{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.ratingModal .ratingContent .ratingSection .starsContainer .MuiRating-root{gap:8px;display:flex}.ratingModal .ratingContent .ratingSection .starsContainer .starIcon{color:#ffc466;width:32px;height:32px}.ratingModal .ratingContent .ratingSection .starsContainer .starIcon.empty{color:var(--Gray-300,#d5d7da)}.ratingModal .ratingContent .ratingActions{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:0;display:flex}.ratingModal .ratingContent .ratingActions .cancelButton{height:36px;font-size:14px;font-weight:400;line-height:20px;font-family:var(--font-sans-active);text-transform:none;border-radius:8px;flex:1;padding:9px 17px;border:1px solid var(--Gray-300,#d5d7da)!important;background:var(--White,#fff)!important;color:var(--Gray-900,#181d27)!important}.ratingModal .ratingContent .ratingActions .cancelButton:hover{background:var(--Gray-50,#fafafa)!important}.ratingModal .ratingContent .ratingActions .submitButton{height:36px;font-size:14px;font-weight:400;line-height:20px;font-family:var(--font-sans-active);text-transform:none;opacity:1;border-radius:8px;flex:1;padding:8px 16px;background:var(--primary-darkblue,#0b1956)!important;color:var(--White,#fff)!important}.ratingModal .ratingContent .ratingActions .submitButton:disabled{opacity:.5;background:var(--primary-darkblue,#0b1956)!important}.ratingModal .ratingContent .ratingActions .submitButton:hover:not(:disabled){opacity:.9}[dir=ltr] .ratingModal{direction:ltr}[dir=ltr] .ratingModal .closeButton{left:auto;right:16px}[dir=ltr] .ratingModal .ratingContent .ratingHeader{align-items:flex-start}[dir=ltr] .ratingModal .ratingContent .ratingHeader .ratingTitle,[dir=ltr] .ratingModal .ratingContent .ratingHeader .ratingSubtitle{text-align:left}[dir=ltr] .ratingModal .ratingContent .ratingSection{align-items:flex-start}