@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400&display=swap);*{box-sizing:border-box;margin:0;padding:0}.navbar{font-family:Poppins,sans-serif;font-size:17px;line-height:26px;text-transform:uppercase}.active{border-bottom:1px solid #000}.nav-link,footer{font-size:15px!important}footer{font-family:Poppins,sans-serif!important}.footer-links{color:#fff;padding:10px;text-decoration:none}.footer-links:hover{color:#f4476b;text-decoration:none!important}.PNF-class{font-family:Poppins,sans-serif!important}.pnf-btn{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;text-decoration:none;transition:background-color .3s ease}.pnf-btn:hover{color:#fbe5a5!important;text-decoration:none!important}.contactus{color:#f4476b!important;text-decoration:none}.contactus:hover{color:#f85b5b!important;text-decoration:none!important}.register{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center}.dropdownStyle{background:linear-gradient(45deg,#5f5e63,#e4f39a)!important}.dropdownStyle1:hover{background-color:#f5e2e2;color:#f4476b}.icon-user{margin-right:8px}.forgot-btn{background-color:#b15bae!important}.already{color:#652563!important}.dashboard-container{background-image:url(https://workik.com/staticassets/images/Bottom%20Grid.svg);background-position:50%;background-size:cover;border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;min-height:100vh;padding:90px}@media screen and (max-width:768px){.dashboard-container{align-items:center;flex-direction:column;padding:20px}}.focus-section{align-items:center;background:url(https://img.freepik.com/premium-photo/artificial-intelligence-humanoid-head-with-neural-network-thinks-ai-with-digital-brain-is-learning-processing-big-data-analysis-information-technology-background-banner-copy-space_256259-3972.jpg) no-repeat 50%/cover;background-size:cover;display:flex;font-family:Poppins,sans-serif!important;height:92vh;justify-content:flex-start;overflow:hidden;padding:20px;position:relative}.focus-content{word-wrap:break-word;color:#fff;margin-left:20px;max-width:100%;text-align:left;z-index:2}.focus-title{font-size:3rem;font-weight:700;margin-bottom:20px}.focus-title,.typing-effect{overflow:hidden;white-space:nowrap}.typing-effect{animation:typing 3s steps(30) 1s forwards,blink .75s step-end infinite;border-right:4px solid #bd1cf8;display:inline-block}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.highlight{animation:glow 2s infinite alternate;color:#fc99d7}@keyframes glow{0%{text-shadow:0 0 10px #f656bc,0 0 20px #f656bc}to{text-shadow:0 0 20px #f656bc,0 0 30px #f656bc}}.focus-subtitle{animation:fadeIn 2s ease-out 1s forwards;font-size:1.5rem;margin-bottom:20px;opacity:0}.cta-button{background-color:#e7a8f8;border:none;border-radius:30px;color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;padding:14px 25px;transition:transform .3s ease,background-color .3s ease}.cta-button:hover{background-color:#de77fb;transform:scale(1.06)}.animation-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.floating-icon{animation:float 5s ease-in-out infinite;background:#ffffff80;border-radius:50%;height:50px;position:absolute;width:50px}.icon-1{animation-delay:0s;left:10%;top:20%}.icon-2{animation-delay:2s;left:80%;top:50%}.icon-3{animation-delay:4s;left:40%;top:70%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.focus-section:before{background:inherit;content:"";filter:blur(2px);height:90vh;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.focus-title{font-size:2rem;white-space:normal;word-break:break-word}.focus-subtitle{font-size:1.2rem}.typing-effect{animation:none;border-right:none;display:block;white-space:normal}.highlight{display:inline}}.register-photo{background:#f1f7fc;font-family:Poppins,sans-serif!important;padding:20px 0}.register-photo .image-holder{background:url(https://img.freepik.com/premium-photo/man-is-looking-computer-screen-with-word-data-it_874813-1419.jpg);background-size:cover;display:table-cell;width:auto}.register-photo .form-container{box-shadow:1px 1px 5px #00000080;display:table;margin:0 auto;max-width:900px;width:90%}.register-photo form{background-color:#fff;color:#505e6c;display:table-cell;padding:20px 60px;width:400px}@media (max-width:991px){.register-photo form{padding:40px}}.register-photo form h2{font-size:24px;margin-bottom:30px}.register-photo form .form-control{background:#f7f9fc;border:none;border-bottom:1px solid #dfe7f1;border-radius:0;box-shadow:none;color:inherit;height:40px;outline:none;text-indent:6px}.register-photo form .form-check{font-size:13px;line-height:20px}.register-photo form .btn-primary{background:#f4476b;border:none;border-radius:4px;box-shadow:none;margin-top:35px;outline:none!important;padding:11px;text-shadow:none}.register-photo form .btn-primary:active,.register-photo form .btn-primary:hover{background:#eb3b60}.register-photo form .btn-primary:active{transform:translateY(1px)}.register-photo form .already{color:#6f7a85;display:block;font-size:12px;opacity:.9;text-align:center;text-decoration:none}.login-photo{background:#f1f7fc;font-family:Poppins,sans-serif!important;padding:30px 0}.login-photo .image-holder{background:url(https://img.freepik.com/premium-photo/artificial-intelligence-digital-brain-future-tech-4k-hd-background_1193781-13384.jpg);background-size:cover;display:table-cell;width:auto}.login-photo .form-container{box-shadow:1px 1px 5px #00000080;display:table;margin:0 auto;max-width:700px;width:90%}.login-photo form{background-color:#fff;color:#505e6c;display:table-cell;padding:40px;width:350px}.image-center{margin-bottom:20px}@media (max-width:991px){.login-photo form{padding:30px}}.login-photo form h2{font-size:24px;margin-bottom:25px;text-align:center}.login-photo form .form-control{background:#f7f9fc;border:none;border-bottom:1px solid #dfe7f1;border-radius:0;box-shadow:none;color:inherit;height:40px;margin-bottom:20px;outline:none;text-indent:6px}.login-photo form .btn-primary{background:#f4476b;border:none;border-radius:4px;box-shadow:none;color:#fff;font-size:16px;margin-top:20px;outline:none!important;padding:10px;text-shadow:none;width:100%}.login-photo form .btn-primary:active,.login-photo form .btn-primary:hover{background:#eb3b60}.login-photo form .already{color:#6f7a85;display:block;font-size:12px;margin-top:15px;opacity:.9;text-align:center;text-decoration:none}.image-center{display:flex;justify-content:center}.image-center img{height:auto;width:100px}.btn-loading,.btn-loading:hover{background-color:#ccc;cursor:not-allowed}body{background-color:#f9fafb;font-family:Open Sans,sans-serif}.mock-dashboard-container{background-color:#c8c6c680;border:1px solid #4aaa4e;border-radius:5px;box-shadow:0 0 5px 2px #d4d4d4;margin:50px auto;max-width:700px;padding:20px;text-align:center;width:90%}.mock-dashboard-title{color:#af7dad;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:20px}.highlight-int{color:#14b8a6}.mock-dashboard-subtitle{color:#555;font-size:1rem;margin-bottom:30px}.mock-dashboard-form{align-items:center;display:flex;flex-direction:column}.mock-input-label{color:#000;font-size:1rem;margin-bottom:10px;text-shadow:1px 1px 4px #000}.mock-input-field{background-color:#938f8f;border:3px solid #dabbbb;border-radius:40px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:15px;margin-bottom:15px;max-width:640px;padding:10px;width:100%}.mock-textarea{height:50px}.mock-submit-button{background-color:#f4476b;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;max-width:250px;padding:12px 20px;transition:all .3s ease;width:50%}.mock-submit-button-wait{background-color:#e6aeae;cursor:not-allowed}.mock-submit-button:disabled{opacity:.7}.mock-submit-button:hover{background-color:#e03d5b}@media (max-width:768px){.mock-dashboard-title{font-size:1.5rem}.mock-input-field{font-size:14px;padding:8px}.mock-submit-button{font-size:14px;padding:10px}}@media (max-width:480px){.mock-dashboard-container{margin:20px;padding:10px}.mock-dashboard-title{font-size:1.2rem}.mock-input-field{font-size:12px;padding:6px}.mock-submit-button{font-size:12px;padding:8px}}.brief-details-section{background:#f9f9f9;padding:50px 20px}.section-title{font-size:2rem;font-weight:700;margin-bottom:10px}.section-subtitle{color:#666;font-size:1.1rem;margin-bottom:30px}.category-card{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:20px;text-align:center;transition:transform .3s,box-shadow .3s}.category-card:hover{box-shadow:0 6px 20px #0003;transform:translateY(-10px)}.icon-container{align-items:center;background:#007bff;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.category-icon{color:#fff;font-size:2rem}.category-title{font-size:1.2rem;font-weight:600;margin-bottom:10px}.category-description{color:#555;font-size:.95rem}General Styles body{align-items:center;background-color:#f0f2f5;display:flex;font-family:Open Sans,sans-serif;height:100vh;justify-content:center;margin:0}.app-container{background-color:#c8c6c680;border:1px solid #4aaa4e;border-radius:5px;box-shadow:0 0 3px 1px #e5b0b0;color:#f2f2f2;height:auto;margin:50px auto;max-width:700px;padding:20px;width:90%}.quiz-title{font-size:1.8rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-align:center}.quiz-form{align-items:center;display:flex;flex-direction:column}.input-field{background-color:#938f8f;border:3px solid #dabbbb;border-radius:40px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:15px;margin-bottom:15px;max-width:640px;padding:10px;transition:border-color .3s,box-shadow .3s;width:100%}.input-label{color:#000;font-size:1rem;margin-bottom:10px;text-shadow:1px 1px 4px #000}.submit-button{max-width:250px;width:100%}.Game{color:#14b8a6}@media (max-width:768px){.quiz-title{font-size:1.5rem}.input-field{font-size:14px;padding:8px}.submit-button{font-size:14px;padding:10px}}@media (max-width:480px){.app-container{margin:20px;padding:10px}.quiz-title{font-size:1.2rem}.input-field{font-size:12px;padding:6px}.submit-button{font-size:12px;padding:8px}}.quiz-page-qu{background-color:#e9eae5!important;font-family:Poppins,sans-serif!important;height:80vh;margin:0 auto;margin-bottom:30px!important;margin-top:30px!important}.quiz-page-qu h1{color:#1e1b4b;font-size:2.5rem;font-weight:600!important;margin-bottom:20px;text-align:center}.quiz-container-qu{display:flex;gap:0}.question-section-qu{display:inline;flex:2 1}.question-container-qu{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#dad9da;border-radius:10px;box-shadow:0 2px 6px #de93931a;margin-left:150px;margin-right:50px;padding:20px;width:500px}.question-container-qu p{color:#00477d;font-size:1.4rem;font-weight:600;line-height:1.5;margin-bottom:20px}.options-qu label{align-items:center;background-color:#f1f6fb;border:1px solid #03497e;border-radius:5px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .3s}.options-qu label:hover{background-color:#d5eaca}.option-text-qu{margin-left:10px}.option-div-qu{background-color:#fff}.navigation-buttons-qu{display:flex;justify-content:space-between;margin-top:20px}.navigation-buttons-qu button{background-color:#ae7aad!important;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.navigation-buttons-qu button:disabled{background-color:#d5a6d5!important;cursor:not-allowed}.sidebar-qu{background-color:#e6f8dd;border-radius:10px;box-shadow:0 2px 6px #0000001a;flex:1 1;margin-left:0;margin-right:150px;padding:20px;width:450px}.sidebar-qu h2{color:#1e1b4b;font-size:1.5rem;margin-bottom:10px}.question-numbers-qu{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.question-number-qu{background-color:#b1e593;border:2px solid #1e6091;border-radius:5px;color:#fff;cursor:pointer;padding:10px;text-align:center;transition:background-color .3s}.question-number-qu.answered-qu,.question-number-qu:hover{background-color:#ae7aad;color:#fff}.instruction-qu{display:flex;justify-content:space-between;margin-top:10px;padding:10px 0}.status-item-qu{align-items:center;display:flex;gap:5px}.status-indicator-qu{border-radius:50%;display:inline-block;height:16px;width:16px}.not-answered-qu{background-color:#f4476b;border:1px solid #ccc}.answered-qu{background-color:#4ab937;border:1px solid #ccc}.attempted-info-qu{margin-top:20px}.attempted-info-qu p{color:#00477d;font-size:1rem;margin:5px 0}.info-label-qu{color:#1e1b4b;font-weight:700}.quiz-page-qu{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#c1ebe333;border-radius:12px;box-shadow:0 4px 12px #ded2d21a;font-family:Arial,sans-serif;height:auto;margin:80px auto 0;max-width:1250px;padding:20px}.options-qu{display:flex;flex-direction:column;gap:10px}@media (max-width:1024px){.quiz-container-qu{align-items:center;flex-direction:column}.question-container-qu,.sidebar-qu{margin:0 auto;width:100%}.sidebar-qu{margin-top:20px}.question-numbers-qu{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.quiz-container-qu{flex-direction:column}.question-container-qu,.sidebar-qu{margin:0 auto 50px;padding:15px;width:90%}.question-numbers-qu{grid-template-columns:repeat(3,1fr)}.question-container-qu p{font-size:1.2rem}}@media (max-width:576px){.quiz-container-qu{align-items:center;flex-direction:column}.question-container-qu,.sidebar-qu{margin:0 auto 30px;width:100%}.question-numbers-qu{grid-template-columns:repeat(2,1fr)}.question-container-qu p{font-size:1.1rem}.navigation-buttons-qu button{font-size:.9rem;padding:8px 16px}}.result-page{align-items:center;background:#7490f51a;box-shadow:0 4px 30px #cdc7c71a;display:flex;flex-direction:column;font-family:Open Sans,sans-serif;min-height:100vh;padding:20px}.main-heading{font-size:4rem;font-weight:700;margin-bottom:20px}.Quiz{color:#ae7aad;font-weight:700}.Analysis{color:#93e563;font-weight:700}.score-card{align-items:center;background-color:#c1ebe333;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;margin-top:30px;max-width:850px;padding:30px;text-align:center;width:90%}.circular-bar-result{height:150px;margin:auto auto 20px;position:relative;width:150px}.circle-bg-result{fill:none;stroke:#e6e6e6;stroke-width:3.8}.circular-chart-result{height:100%;width:100%}.circle-result{fill:none;stroke-width:2.9;stroke:#4caf50;stroke-linecap:round;transition:stroke-dasharray .5s ease-out}.percentage-result{fill:#333;text-anchor:middle;font-size:.5em;font-weight:700}@keyframes fillAnimation{0%{stroke-dasharray:0 100}to{stroke-dasharray:var(--percentage),100}}.feedback{font-size:18px;font-weight:700}.score-stats{font-size:16px;margin-top:20px;text-align:left}.stat-item{margin:5px 0}.answers-details{font-size:16px;text-align:left}.answer-detail{margin-bottom:20px}.correct-icon{color:green;margin-right:10px}.incorrect-icon{color:red;margin-right:10px}.question-text{font-weight:700}.options-list{margin:10px 0}.option{display:inline-block;padding:5px}.option.selected{background:#f305054d;border-bottom:2px solid;border-color:red;color:#9a0202}.selected-answer{margin-top:10px}.icon{font-size:1.2em}.feedback{color:#555;font-size:1.1rem;font-weight:600;margin-top:10px;text-align:center}.score-stats{border-bottom:1px solid #480577;border-top:1px solid #480577;display:flex;justify-content:space-around;margin-bottom:20px;padding:10px 0;width:100%}.stat-item{color:#333;font-size:1.1rem}.stat-label{color:#555;font-weight:700}.answers-details{margin-top:20px;width:100%}.answer-detail{background-color:#e1e0e080;border-left:5px solid #ccc;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .3s ease-in-out}.answer-detail.correct{border-color:#4caf50}.answer-detail.incorrect{border-color:#f44336}.question-text{align-items:center;display:flex;font-size:1.1rem;margin-bottom:10px}.correct-icon{color:#4caf50;margin-right:8px}.incorrect-icon{color:#f44336;margin-right:8px}.options-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.option{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px;text-align:center;transition:background .3s ease}.selected-answer{color:#00796b;font-size:1rem;font-weight:600;margin-top:5px}.option.correct{background:#d4edda;border-color:#c3e6cb;color:green}.answer-label{color:#333;font-weight:700}.quiz-page{padding:20px}.question{margin-bottom:20px}.question p{font-weight:700}button[type=button]{background-color:#2196f3}Qizz.css

Quizpage.css

.quiz-page{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#fffc;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;margin:40px auto 0;max-width:1000px;padding:20px}.quiz-page h1{color:#241842;font-size:2.5rem;margin-bottom:20px;text-align:center}.quiz-container{display:flex;gap:20px}.question-section{display:flex;flex:2 1;flex-direction:column}.question-container{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:rgba(243,240,255,.693);border-radius:10px;box-shadow:0 2px 6px #0000001a;padding:20px}.question-container p{color:#480577;font-size:1.4rem;font-weight:700;line-height:1.5;margin-bottom:20px}.options{display:flex;flex-direction:column;gap:10px}.options label{align-items:center;background-color:#ffffffd9;border:1px solid #d1c4e9;border-radius:5px;cursor:pointer;display:flex;padding:10px;transition:background-color .3s}.options label:hover{background-color:#e0d0ffe6}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px}.navigation-buttons button{background-color:#6b46c1e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.navigation-buttons button:disabled{background-color:#6b46c180;cursor:not-allowed}.sidebar{background-color:#ffffffd9;border-radius:10px;box-shadow:0 2px 6px #0000001a;flex:1 1;padding:20px}.sidebar h2{color:#241842;font-size:1.5rem;margin-bottom:10px}.question-numbers{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.question-number{background-color:#fff;border:2px solid #d1c4e9;border-radius:5px;cursor:pointer;padding:10px;text-align:center;transition:background-color .3s}.question-number.answered{background-color:#6b46c1b3;color:#fff}.question-number:hover{background-color:#6b46c1d9;color:#fff}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}.filter-buttons{display:flex;gap:10px;justify-content:center;margin:20px 0}.filter-buttons button{background-color:#ae7aad;border:none;border-radius:25px;box-shadow:0 5px 15px #007bff66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:background-color .3s,transform .3s}.filter-buttons button:hover{background-color:#b1e593;box-shadow:0 8px 20px #0056b380;color:#000;transform:translateY(.5px)}.filter-buttons button:active{background-color:#dfe0e0;box-shadow:0 4px 12px #003d8066;transform:translateY(.5px)}.loading-spinner{align-items:center;display:flex;justify-content:center;margin-top:20px}.loading-spinner .fa-spinner{color:#0b0d10;font-size:2rem}@media (max-width:1024px){.result-page{padding:15px}.main-heading{font-size:3rem}.score-card{padding:20px;width:100%}.score-stats{font-size:14px}.filter-buttons{flex-direction:column}.filter-buttons button{margin-bottom:10px;width:100%}.answers-details{font-size:14px}.answer-detail{margin-bottom:15px}.question-text{font-size:1.2rem}.options-list{font-size:14px}}@media (max-width:768px){.result-page{padding:10px}.main-heading{font-size:2.5rem}.score-card{padding:15px;width:100%}.percentage-result{font-size:.4em}.feedback{font-size:16px}.score-stats{font-size:12px}.filter-buttons button{width:100%}.answers-details{font-size:12px}.answer-detail{margin-bottom:10px}.question-text{font-size:1rem}.options-list{font-size:12px}}@media (max-width:480px){.main-heading{font-size:2rem;text-align:center}.score-card{padding:10px}.feedback{font-size:14px}.score-stats{font-size:12px}.filter-buttons button{font-size:14px;padding:8px 16px}.answer-detail{font-size:12px;padding:10px}.question-text{font-size:.9rem}.options-list{font-size:12px}}body{background-color:#f4f6f9;color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.h1Style{color:#2c3e50;font-size:2rem;margin-bottom:20px;text-align:center}.score-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:50px auto;max-width:700px;padding:20px;width:90%}.score-title{color:#2c3e50;font-size:2rem;font-weight:700}.score-form{display:flex;flex-direction:column}.score-label{color:#555;font-size:1.1rem;margin-bottom:10px}.score-input-text,.score-input-textarea{background-color:#cbcaca;border:1px solid #ccc;border-radius:6px;color:#030303;font-size:1rem;margin-bottom:20px;padding:10px;transition:all .3s ease;width:100%}.score-input-textarea{height:200px;resize:vertical}.score-input-text:focus,.score-input-textarea:focus{background-color:#cbcaca;border-color:#3498db;outline:none}.submit-button{background-color:#f4476b;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:20px auto;padding:12px 20px;transition:all .3s ease;width:250px}.submit-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.submit-button:hover:enabled{background-color:#fb2a54}.loading{align-items:center;display:flex;height:80vh;justify-content:center}.spinner{animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.score-container{padding:15px;width:90%}.score-title{font-size:1.5rem}}.response-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:30px auto!important;max-width:700px!important;padding:20px!important;width:90%!important}.response-title{color:#2c3e50;font-size:2rem;font-weight:700}.sectionx{margin-bottom:20px}.section-titlex{color:#2c3e50;font-size:1.5rem}.section-contentx{font-size:1.1rem}.score-green{color:#28a745}.score-yellow{color:#f0ad4e}.score-orange{color:#ff851b}.score-red{color:#dc3545}.section{margin-bottom:20px}.section-title{color:#2c3e50;font-size:1.5rem}.section-content{font-size:1.1rem}.response-button{background-color:#f4476b!important;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .3s ease;width:250px}.response-button:hover{background-color:#fb0738}.circular-bar-essay{height:150px;margin:auto auto 20px;position:relative;width:150px}.circle-bg-essay{fill:none;stroke:#e6e6e6;stroke-width:3.8}.circular-chart-essay{height:100%;width:100%}.circle-essay{fill:none;stroke-width:2.9;stroke:#4caf50;stroke-linecap:round;transition:stroke-dasharray .5s ease-out}.percentage-essay{fill:#333;text-anchor:middle;font-size:.5em;font-weight:700}.response-container{margin:20px;text-align:center}.response-title{font-size:1.5em;margin-bottom:20px}.section-titlex{font-size:1.2em;margin:10px 0}.section-contentx{font-size:1em;font-weight:700}.score-green{color:#4caf50}.score-yellow{color:#ffc107}.score-orange{color:#ff9800}.score-red{color:#f44336}.word-counter{color:green;font-size:14px;margin-top:5px;text-align:right}.word-counter.warning{color:red}.blink-int{animation:blink-animation 1s infinite}@keyframes blink-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.d-flex-int{display:flex}.left-panel-int{flex:2 1}.right-panel-int{display:flex;flex:1 1;justify-content:center;margin-bottom:1rem}.camera-container-int{display:flex;height:auto;justify-content:center;position:relative}.video-int{border:1px solid #24a64d;border-radius:5%!important;height:190px;width:250px}.red-dot-int{animation:blink-animation 1s infinite;background-color:red;border-radius:50%;height:12px;position:absolute;right:10px;top:10px;width:12px}.webcam-video-int{border:1px solid #4aaa4e!important;border-radius:5%!important;height:140px;width:186px}@media (max-width:768px){.d-flex-int{flex-direction:column}.left-panel-int{margin-top:1rem;order:2}.btn-forward-int{margin-top:10px}.right-panel-int{order:1}.camera-container-int video{height:200px;max-width:350px;width:100%}}.question-container-int{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#dad9da;box-shadow:0 2px 6px #de93931a;padding:10px}.container-int{background-color:#e9eae5!important;border:1px solid #4aaa4e;border-radius:5px;font-family:Poppins,sans-serif!important;margin-bottom:15px;margin-top:15px}.container-int h1{color:#1e1b4b;font-size:2.5rem;font-weight:600!important;padding:15px;text-align:center}.navigation-buttons-int{display:flex;justify-content:space-between;margin-top:20px}.btn-forward-int{background-color:#ae7aad!important;border:none!important;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.button-group-int{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.question-panel-int{background-color:#dad9da;border-top:2px solid #ccc;bottom:0;display:flex;flex-wrap:wrap;gap:6%;justify-content:center;padding:10px;position:sticky}.question-number-int{background-color:#e0e0e0;border:none;color:#000;font-size:1rem;height:40px;line-height:40px;transition:all .3s ease;width:40px}.question-number-int:hover{background-color:#ddd}.question-number-int{align-items:center;background-color:#b1e593;border:2px solid #1e6091;border-radius:5px;color:#fff;cursor:pointer;justify-content:center;padding:0;text-align:center;transition:background-color .3s}.answered-int{background-color:#ae7aad;color:#fff}.btn-submit-interview{background:#f4476b;border:none;border-radius:4px;box-shadow:none;color:#fff;font-size:16px;margin-top:20px;outline:none!important;padding:10px;text-shadow:none}.btn-submit-interview:hover{background:#ea2550}.list-group-item-int{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background-color:#dad9da;box-shadow:0 2px 6px #de93931a}
/*# sourceMappingURL=main.04612976.css.map*/