.login-container{height:100vh;width:100%;background-color:#31445c}.login-inner{width:400px;margin:50px auto;padding:30px;background-color:#0000003a;border-radius:10px;box-shadow:0 0 20px #0003}.register-inner{width:400px}.login-inner-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-repeat:no-repeat;background-position:center;background-size:cover}.logo-container{text-align:center;margin-left:7px;display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.login-inner{width:270px;margin:20px auto;padding:16px}}.login-title{text-align:center;color:#333;font-size:32px;font-weight:600;margin-top:10px;color:#fff}.login-form{display:flex;flex-direction:column}.login-label{margin-top:14px;width:100%;font-weight:500;font-size:1rem;color:#fff}.login-input,.passwordInput{margin-top:6px;background-color:#31445c;padding:14px 12px;color:#fff;border-radius:10px;box-sizing:border-box;font-size:1rem;width:100%;border:none;outline:none}.forget-password-container{font-weight:500;font-size:14px;font-family:Poppins;-webkit-user-select:none;user-select:none;color:#cf149c;text-decoration:underline;cursor:pointer;margin:0}.login-button{margin-top:1rem;background-color:#348ad9;color:#fff;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;transition:background-color .3s ease}.login-button:hover{background-color:#2543ca}.toggle-login-registration-para{display:flex;width:100%;align-items:center;gap:10px;font-size:14px;justify-content:center;color:#fff}.signup-login-buttons{background-color:none!important;color:#cf149c;cursor:pointer;transition:all .3 ease-in-out}.signup-login-buttons:hover{color:#eb44bb}.register-inner-container{display:flex;flex-direction:column;gap:1rem}.register-inner-container .inner{display:flex;gap:1rem}.register-inner-container .passwordInput{padding:14px 10px;margin-bottom:0}.register-inner-container .passwordInput::placeholder{font-size:16px}.register-inner-container .login-input{padding:14px 10px;margin-bottom:0}.register-inner-container .login-input::placeholder{font-size:16px}.password-input-field{display:flex;align-items:center;padding:0 5px 0 0;margin-top:6px;background-color:#31445c;color:#fff;border-radius:10px;box-sizing:border-box}.password-input-field input{background-color:transparent;border:none;box-shadow:none;padding:14px!important;font-size:1rem;padding:0;display:flex;color:#fff}.remember-me-checkbox-container{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;color:#fff}.remember-me-checkbox-container .inner{display:flex;align-items:center;gap:10px;color:#fff}.select-input-registration{color:#000}.input-link-checkboxa{cursor:pointer;padding:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;border:2px solid #cf149c;border-radius:5px;outline:none;position:relative;background-color:transparent}.input-link-checkboxa:before{content:"";width:11px;height:3px;background-color:transparent;font-size:16px;color:transparent;position:absolute;top:6px;left:3px;transform:translate(-50%,-50%);transform:rotate(132deg);border-radius:4px}.input-link-checkboxa:after{content:"";width:8px;height:3px;border-radius:4px;background-color:transparent;font-size:16px;color:transparent;position:absolute;top:8px;left:1px;transform:translate(-50%,-50%);transform:rotate(62deg)}.input-link-checkboxa:checked:before{content:"";color:#cf149c;width:12px;text-align:center;background-color:#fff}.input-link-checkboxa:checked:after{content:"";color:#cf149c;position:absolute;width:7px;text-align:center;background-color:#fff}.input-link-checkboxa:checked{background-color:#cf149c;border-color:#cf149c}.page-404{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.social-icon-logo{width:40px;height:40px;border-radius:20px}.accordion{background-color:#fff;color:#444;cursor:pointer;padding:18px;width:95%;border:none;text-align:left;outline:none;font-size:15px;transition:.4s;border-radius:10px}.accordion.active,.accordion:hover{background-color:#fef1c5}.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.panel{padding:0 18px;display:none;background-color:#fff;overflow:hidden;width:95%;font-family:Poppins;background-color:#eee;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.accordion.active:hover{background-color:#ccc}.accordian-input{margin-top:4px;padding:12px;color:#000;border-radius:10px;box-sizing:border-box;outline:none;width:96%;border:1px solid #ececec;font-size:16px;font-family:Poppins;line-height:24px;font-weight:500}.accordian-container,.accordian-panel-container{display:flex;justify-content:space-between;gap:1rem;align-items:center}.accordian-container-style{background:#eaeaec;padding:1rem;border-radius:8px;margin-bottom:1rem}.powerByText{font-family:Varela Round,sans-serif;font-size:16px;font-weight:400;line-height:35px;text-align:center;display:flex;justify-content:center;align-items:center;width:100%}.mainContent{margin:20px 20px 20px 0}.hideSidebar{display:block}.headerDisplay,.drawerDisplay{display:none}.navbarResponsive{background:#31445c;box-sizing:border-box;max-width:100%;width:100%;height:100vh;color:#000000de;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:#0003 0 8px 10px -5px,#00000024 0 16px 24px 2px,#0000001f 0 6px 30px 5px;overflow-y:auto;display:flex;flex-direction:column;height:100%;flex:1 0 auto;z-index:1200;position:fixed;top:0;outline:0px;left:0;padding:1.5rem;transform:none;transition:transform 225ms cubic-bezier(0,0,.2,1)}.stampImg{width:60px;height:60px}@media (max-width: 992px){.hideSidebar{display:none}.headerDisplay,.drawerDisplay{display:block}.mainContent{margin:4rem 0px 10px 0}.accordion,.panel{width:85%}.accordian-panel-container{gap:8px}.stampImg{width:44px;height:44px}}@media (max-width: 420px){.accordian-panel-container{flex-direction:column}.accordion,.panel{width:75%}.stampImg{width:36px;height:36px}}.customer-tag-back{font-size:14px;font-weight:600;line-height:18px;letter-spacing:.015em;text-align:left;text-transform:uppercase;color:#262a41;font-family:Varela Round,sans-serif}.goback-button{font-size:14px;font-weight:600;line-height:18px;letter-spacing:.015em;text-align:left;cursor:pointer;color:#50586c;font-family:Varela Round,sans-serif}.name-conatiner{margin-top:1rem}.customer-name{font-size:32px;font-weight:700;line-height:50px;text-align:left;color:#262a41}.customerInput{width:30%;min-width:300px}.customer-notes{font-size:24px;font-weight:600;line-height:50px;text-align:left;color:#262a41}.offer-desc{font-size:24px;font-weight:600;text-align:left;color:#262a41}.social-icon-container{margin-top:1rem;display:flex;gap:1rem;align-items:center}.labelInput{color:#262a41;width:96%;font-size:20px;font-weight:600;line-height:30px;margin-bottom:8px;font-family:Poppins}.labelInputPlaybook{color:#262a41;width:90%;font-size:16px;font-weight:600;line-height:24px;margin-bottom:8px;font-family:Poppins}.submitBuuton-container{display:flex;justify-content:end;align-items:center;width:90%}.submitBuuton-container2{display:flex;justify-content:start;align-items:center;width:90%}.modalCancel{position:absolute;right:0;top:0;cursor:pointer}.container1{display:block;position:relative;padding-top:0;padding-bottom:0;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:0px;line-height:20px;text-align:left;color:#4d5e80;font-family:Poppins;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container1 input{position:absolute;left:16px;opacity:0;cursor:pointer}.checkmark{position:absolute;top:4;left:0;height:24px;width:24px;background-color:transparent;border:1px solid #E3BD48;border-radius:50%}.container1:hover input~.checkmark{background-color:#f4f7fe}.container1 input:checked~.checkmark{background-color:#e3bd48}.checkmark:after{content:"";position:absolute;display:none}.container1 input:checked~.checkmark:after{display:block}.container1 .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.checkboxContainer{padding:1rem;height:9rem;border:1px solid rgb(49,68,92);overflow:auto;border-radius:8px;width:40%;margin-bottom:1rem}.playbooksContainer{height:10rem;border:1px solid rgb(49,68,92);overflow:auto;border-radius:8px;width:45%;margin-bottom:1rem;background-color:#fff}.roleType{margin-bottom:8px;padding:4px 1rem;display:flex;gap:1rem;cursor:pointer;align-items:center;font-size:16px;font-weight:600;font-family:Poppins}.roleType:hover{background:#fef1c5}.selectbox{width:50%}.textContainer{width:100%}@media (max-width: 992px){.playbooksContainer{width:90%}.selectbox{width:100%}.textContainer{width:95%}.customer-name{font-size:22px}.customerInput{width:60%;min-width:250px}}@media (max-width: 480px){.buttonWrapper{flex-wrap:wrap;gap:1rem}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999999999}.loader{border:4px solid #f3f3f3;border-top:4px solid #348AD9;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite}.loaderWithText{display:flex;flex-direction:column;gap:1rem}.loadingText{font-family:Poppins;font-weight:500;color:#fff}.loadingText:after{overflow:hidden;display:inline-block;vertical-align:bottom;-webkit-animation:ellipsis steps(4,end) .9s infinite;animation:ellipsis steps(4,end) .9s infinite;content:"…";font-family:Poppins;font-weight:500;color:#fff;width:0px}@keyframes ellipsis{to{width:20px}}@-webkit-keyframes ellipsis{to{width:20px}}.coursewareButtonWrapper{margin-top:1rem;display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:1rem 0px}.coursewareContainer{display:flex;gap:1rem;justify-content:space-between}.corseContent{background:#ebeef3;width:65%;padding:1rem;border-radius:5px}.corseProgress{background:#ebeef3;width:35%;padding:1rem;border-radius:5px;height:fit-content}.iframContainer{position:relative;width:100%;border-radius:10px;overflow:hidden;margin:1rem 0px;padding-top:56.25%}.responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}.VideoiframContainer{position:relative;width:100%;border-radius:10px;overflow:hidden;margin:1rem 0px;padding-top:56.25%}.responsive-video-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}.imageContainer{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem}.progress-bar-wrapper{background:#fff;padding:1rem;border-radius:5px}.progress-details{display:flex;justify-content:space-between;gap:1rem;align-items:center}.progress-bar{margin-top:8px;width:100%;background-color:#e3dbdb;border-radius:50px}.progress-bar-fill{display:block;height:8px;background-color:#31445c;border-radius:50px;transition:width .5s ease-in-out}.progress-feature-post{background:#fff;padding:1rem;border-radius:5px;margin-top:1rem}.progress-feature-Heading{display:flex;align-items:center;gap:8px}.featureList{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;flex-direction:column;margin:8px 0}.featureListItem{display:flex;align-items:center;justify-content:space-between;grid-area:8px;flex-wrap:wrap;width:100%;cursor:pointer}.courseWork{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;flex-direction:column;margin:1rem 0px}.courseWorkItem{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%;cursor:pointer;background:#fff;border-radius:15px}.cardTag{background:#e3bd48;width:50%;max-width:281px;border-radius:15px 0;padding:8px;display:flex;align-items:center;gap:8px}.courseWorkDetail{padding:1rem}.lectureContent{display:flex;flex-direction:column;gap:8px;margin:1rem 0rem}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:10}.spinner{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.coursewareContainer{flex-direction:column-reverse}.corseContent,.corseProgress{width:96%}}@media (max-width: 550px){.cardTag{width:80%}}.progress-container{display:grid;grid-template-columns:repeat(34,1fr);gap:2px;width:100%;height:20px;margin:20px 0;background:#d9d9d9}.segment{background-color:#ddd;height:100%;cursor:pointer;transition:background-color .3s ease}.segment.filled{background-color:#e3bd48}.segment:hover{background-color:#fef1c5}.profile-container{width:100%;background-color:#31445c;border-radius:8px}.profile-inner{margin:auto;padding:30px;background-color:#0000003a;border-radius:10px;box-shadow:0 0 20px #0003}.profile-logo-container{text-align:center;margin-left:7px}.upload-container{text-align:center;padding:20px}.profile-picture{position:relative;width:150px;height:150px;border-radius:50%;background-color:#f0f0f0;margin:auto;display:flex;align-items:center;justify-content:center;border:2px solid #ccc}.image-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}.camera-icon{position:absolute;bottom:5px;right:5px;width:30px;height:30px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #ccc}.camera-icon input{display:none}.camera-icon img{width:20px;height:20px}.remove-btn{position:absolute;bottom:2px;left:5px;width:34px;height:34px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid #ccc}.profile-title{text-align:center;color:#333;font-size:32px;font-weight:600;margin-top:10px;color:#fff}.profile-form{display:flex;flex-direction:column}.input-container{width:50%}.fields-conatiner{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-top:8px}.profile-label{margin-top:14px;width:100%;font-weight:500;font-size:1rem;color:#fff}.profile-input{margin-top:6px;background-color:#31445c;padding:14px 12px;color:#fff;border-radius:10px;box-sizing:border-box;font-size:1rem;width:100%;border:none;outline:none}.profile-button{margin-top:1rem;background-color:#348ad9;color:#fff;padding:10px;border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;transition:background-color .3s ease}.profile-button:hover{background-color:#2543ca}@media (max-width: 768px){.profile-inner{margin:20px auto;padding:16px}.fields-conatiner{flex-direction:column}.input-container{width:100%}}body{margin:0;padding:0;box-sizing:border-box;font-family:Nunito Sans,sans-serif}.swal-button{font-size:14px;font-weight:600;padding:8px 16px;line-height:21px;font-family:Poppins;letter-spacing:.087rem;justify-content:center;text-align:center;display:flex;border:none!important;outline:none!important;border-radius:8px;background-color:#348ad9;color:#fff}.swal-button:hover{border:none!important;background-color:#1663bf!important}.swal-button--cancel:hover{border:none!important;background-color:red!important}