.spinner-container{top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.4588235294);transition:.2s}.spinner,.spinner-container{position:fixed;z-index:10000!important}.spinner{top:50%;left:50%;color:#2874f0}.header-container{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 1.75rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.2);z-index:999;position:sticky;top:0}.header-container .header-mobile-menu-icon{display:none;margin-right:1rem}@media only screen and (max-width:500px){.header-container .header-mobile-menu-icon{display:block}}.header-container .logo-container{display:flex;flex-direction:row;align-items:center;cursor:pointer}.header-container .logo-container .header-logo-image{height:2.25rem;-o-object-fit:contain;object-fit:contain}.header-container .logo-container .header-logo-text{font-size:1rem;font-weight:500;color:#2a2a2a;padding-left:.5rem}.header-container .profile-detail-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;flex:1}.header-container .profile-detail-container .profile-header-email{font-size:1rem;color:#2a2a2a}@media only screen and (max-width:700px){.header-container .profile-detail-container .profile-header-email{display:none}}.header-container .profile-detail-container .profile-img{width:2rem;height:2rem;border-radius:1rem;overflow:hidden;border:1px solid #e3e3e3;cursor:pointer}.header-container .profile-detail-container .dropdown-item{cursor:pointer}.header-container .logged-out-profile-container{display:flex;flex-direction:row;-moz-column-gap:1rem;column-gap:1rem}.header-container .logged-out-profile-container .btn-header-filled{padding:.5rem 1rem;background-color:#2874f0;border-radius:.5rem;color:#fff;transition:.2s}.header-container .logged-out-profile-container .btn-header-filled:hover{cursor:pointer;background-color:#0e5fdc}.header-container .logged-out-profile-container .btn-header-filled:active{background-color:#0049b2}.body-wrapper-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto}.body-outer-conatiner{flex:1;display:flex;flex-direction:row;overflow:auto}.body-outer-conatiner .body-sidebar-container{width:10rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media only screen and (max-width:500px){.body-outer-conatiner .body-sidebar-container{display:none;position:absolute}}.body-outer-conatiner .body-sidebar-container .body-sidebar-container-wrapper{background-color:#fff;border-right:1px solid #e3e3e3;position:fixed;width:10rem;height:100%;z-index:100;overflow:auto}.body-outer-conatiner .body-sidebar-container .body-sidebar-element{font-size:1rem;color:#2a2a2a;margin-top:1rem;padding:.75rem 1rem;cursor:pointer}.body-outer-conatiner .body-sidebar-container .body-sidebar-element:last-child{margin-bottom:1rem}.body-outer-conatiner .body-sidebar-container .body-sidebar-element:hover{background-color:#eee}.body-outer-conatiner .body-sidebar-container .body-sidebar-element:active{background-color:#e0e0e0}.body-outer-conatiner .body-sidebar-container .sidebar-active{border-right:3px solid #3d8bfd;background-color:#f0f4f9}.body-outer-conatiner .body-sidebar-container .logout-btn-container{display:flex;flex-direction:row;-moz-column-gap:.5rem;column-gap:.5rem;align-items:center;cursor:pointer;margin:0 1rem;align-self:flex-start;border:1px solid #dc3545;border-radius:5px;padding:.25rem .75rem;transition:.2s}.body-outer-conatiner .body-sidebar-container .logout-btn-container:hover{background-color:#f8d7da}.body-outer-conatiner .body-sidebar-container .logout-btn-container:active{background-color:#f1aeb5}.body-outer-conatiner .body-sidebar-container .logout-btn-container img{width:1rem;height:1rem;-o-object-fit:contain;object-fit:contain}.body-outer-conatiner .body-sidebar-container .logout-btn-container p{font-size:.9rem;color:#dc3545}@media only screen and (max-width:500px){.body-outer-conatiner .body-sidebar-container-active{display:unset}}@font-face{font-family:Wanted Sans;src:url(/build/fonts/WantedSansVariable-BF65baf13a24667.ec7e011d980e8c12d524ffedf8e7aa04.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:DM Sans;src:url(/build/fonts/DMSans-VariableFont_opsz,wght.b230ddb7eabb4b25e12339f46002f445.ttf) format("truetype");font-weight:100 900;font-style:normal}body,html{height:100%;font-family:Wanted Sans,DM Sans!important;background-color:#f0f4f9}body,html,p{margin:0;padding:0}a{color:#2874f0;text-decoration:none;font-weight:500;transition:.2s}a:hover{color:#0e5fdc}.loader-container{display:none!important}.body-container{flex:1;padding:2rem;display:flex;flex-direction:column;gap:10px}.body-container .certficate-header{display:flex;justify-content:space-between}.body-container .certficate-header .certificate-heading{font-size:1.5rem;font-weight:600;color:#2a2a2a}.body-container .certficate-header .certficate-download-btn{background-color:#2874f0;color:#fff;border:none;border-radius:8px;padding:8px 16px;transition:.2s}.body-container .certficate-header .certficate-download-btn:hover{background-color:#0e5fdc;color:#fff}.body-container .certficate-header .certficate-download-btn:active{background-color:#0049b2;color:#fff}@media only screen and (max-width:579px){.body-container .certficate-header .certficate-download-btn{display:none}}.body-container .certificate-body{height:100%;display:flex;gap:3rem;justify-content:center;align-items:center;flex-direction:column}.body-container .certificate-body .image-certificate{max-height:60vh;filter:blur(3px);-webkit-filter:blur(3px);border-radius:1rem;border:1px solid #707070;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease;position:relative;z-index:1}.body-container .certificate-body .image-certificate:hover{box-shadow:0 12px 24px rgba(0,0,0,.2);transform:scale(1.02);z-index:2}@media only screen and (max-width:1200px){.body-container .certificate-body .image-certificate{width:100%;max-height:-moz-fit-content;max-height:fit-content;height:auto}}.body-container .certificate-body .certificate-share-content-footer{width:-moz-fit-content;width:fit-content;display:flex;gap:1rem}@media only screen and (max-width:879px){.body-container .certificate-body .certificate-share-content-footer{flex-direction:column;width:100%}}.body-container .certificate-body .certificate-share-content-footer .certficate-share-download-btn{background-color:#2874f0;color:#fff;border:1px solid #2874f0;border-radius:8px;padding:8px 16px;cursor:pointer;display:none}@media only screen and (max-width:879px){.body-container .certificate-body .certificate-share-content-footer .certficate-share-download-btn{width:100%}}@media only screen and (max-width:578px){.body-container .certificate-body .certificate-share-content-footer .certficate-share-download-btn{display:block}}.body-container .certificate-body .certificate-share-content-footer .certficate-share-btn{background-color:transparent;color:#2874f0;border:1px solid #2874f0;border-radius:8px;padding:8px 16px;cursor:pointer}@media only screen and (max-width:879px){.body-container .certificate-body .certificate-share-content-footer .certficate-share-btn{width:100%}}.body-container .certificate-body .certificate-share-content-footer .certficate-share-linkedIn-btn{background-color:transparent;color:#2874f0;border:1px solid #2874f0;border-radius:8px;padding:8px 16px;cursor:pointer}@media only screen and (max-width:879px){.body-container .certificate-body .certificate-share-content-footer .certficate-share-linkedIn-btn{width:100%}}.body-container .certificate-body .lock-message-certificate{font-style:italic;color:#dc3545;font-size:18px;font-weight:600;text-align:center}@media only screen and (max-width:728px){.body-container .certificate-body .lock-message-certificate{font-size:14px}}.body-container .certificate-body .locked-certificate-container{display:flex;flex-direction:column;background-color:#fff;border-radius:1rem;justify-content:center;align-items:center;border-top:5px solid #3382fa;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease;position:relative;z-index:1;max-width:500px;padding:2rem}.body-container .certificate-body .locked-certificate-container:hover{box-shadow:0 12px 24px rgba(0,0,0,.2);transform:scale(1.02);z-index:2}.body-container .certificate-body .locked-certificate-container .locked-certificate-logo{background-color:#b4dbfc;padding:1rem;border-radius:999rem;display:flex;justify-content:center;align-items:center}.body-container .certificate-body .locked-certificate-container .locked-certificate-logo svg{width:40px;height:40px;color:#3382fa}.body-container .certificate-body .locked-certificate-container .locked-certificate-title{font-size:1.6rem;font-weight:700;color:#3382fa;margin-bottom:10px;padding-top:1rem;text-align:center}.body-container .certificate-body .locked-certificate-container .locked-certificate-message{font-size:1rem;text-align:center;line-height:1.3rem;color:#707070;padding-bottom:1rem}.body-container .certificate-body .locked-certificate-container .locked-certificate-badge{background-color:#b4dbfc;color:#2874f0;padding:.4rem .6rem;border-radius:999rem;font-weight:500;border:1px solid #3382fa;cursor:pointer}.body-container .certificate-body .certificate-skeleton{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;z-index:999}.body-container .certificate-body .certificate-skeleton .skeleton-image{width:600px;height:340px;border-radius:1rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.2s linear infinite;margin-bottom:1.5rem}@media only screen and (max-width:728px){.body-container .certificate-body .certificate-skeleton .skeleton-image{width:90vw;height:180px}}.body-container .certificate-body .certificate-skeleton .skeleton-footer{width:100%;display:flex;justify-content:center}.body-container .certificate-body .certificate-skeleton .skeleton-footer .skeleton-btn{width:180px;height:40px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.2s linear infinite}.body-container #certificateIframe{opacity:0;position:absolute;z-index:-1}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}