@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-600:oklch(.577 .245 27.325);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-800:oklch(.278 .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.h-fit\!{height:fit-content!important}.w-50\!{width:calc(var(--spacing)*50)!important}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.\!items-start{align-items:flex-start!important}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-\[5px\]{padding:5px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-\[10px\]{padding-top:10px}.pr-\[3px\]{padding-right:3px}.pb-\[10px\]{padding-bottom:10px}.pl-0{padding-left:calc(var(--spacing)*0)}.pl-\[3px\]{padding-left:3px}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#2e264f\]{color:#2e264f}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-800{color:var(--color-gray-800)}.text-red-600{color:var(--color-red-600)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}}body,*{font-family:Plus Jakarta Sans,sans-serif!important}.main{width:100vm;height:100vh}.login{background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.login .form{gap:16px;min-width:400px;max-width:min-content;min-height:60vh;display:grid}.login .logo{max-width:150px;padding-top:20px}.login .form .grid-1,.login .form .grid-2 form{flex-direction:column;justify-content:space-between;height:100%;display:flex}.login .form .grid-2 form button{min-height:50px}.form{box-sizing:border-box;background:#fff;border:1px solid #b1afa4;border-radius:30px;padding:20px;position:relative}.form .heading{color:#000;font-size:30px;font-style:normal;font-weight:700}.form .description{color:#000;width:100%;margin-top:10px;font-size:18px;font-style:normal;font-weight:500}.form .input{margin-top:10px}.form .input label{color:#000;margin-top:10px;font-size:15px;font-weight:500;line-height:20px}.form .input .input-bar{width:100%;margin-top:5px}.form .logo-header{justify-content:flex-start;place-items:center;gap:16px;display:flex}.form .input .input-bar input{border:1px solid var(--Dark-Grey-Color,#b1afa4);border-width:1px;border-radius:13px;width:100%;padding:10px}input::placeholder{color:#b1afa4;font-size:12px;font-weight:500;line-height:20px}.btn{cursor:pointer;width:40%;height:10%;background:var(--Dark-Grey-Color,#b1afa4)!important;font-weight:700!important;font-size:20 px!important;color:#fff!important;border-radius:30px!important}.btn.navigate{padding:10px 20px}.form .submit-btn{display:flex}.form .btn{margin:15px auto}.btn.active{background:var(--Primary-Color,#22203c)!important}.otp-input{justify-content:center;display:flex;gap:7px!important}.otp-input input{border-radius:20px!important}.back{border:1px solid var(--Dark-Grey-Color,#b1afa4)!important;background:var(--White-Color,#fff)!important;color:#000!important;border-width:1px!important;border-radius:40px!important;width:8rem!important;height:3rem!important;margin-bottom:20px!important}.input-bar .stdropdown-tools{position:absolute;top:30%;left:90%}.input-bar .stdropdown-input{position:relative}.attempts{border:1px solid var(--Dark-Grey-Color,#b1afa4);border-radius:30px;width:60vw;margin-top:10px;padding:15px 0 0}.attempts span{margin:0 20px 20px}.attempts .header{border-bottom:1px solid var(--Dark-Grey-Color,#b1afa4);padding:10px}.attempts .data{padding:0 10px}.attempts .data .part:first-child{border-right:1px solid var(--Dark-Grey-Color,#b1afa4)}.part{width:50%;padding:10px}.item,.value{width:50%}.grid-container{border:1px solid var(--Dark-Grey-Color,#b1afa4);background-color:#fff;border-radius:20px;width:max-content;max-width:400px;height:min-content;padding:16px 0}.grid-header{border-bottom:1px solid var(--Dark-Grey-Color,#b1afa4);margin-bottom:8px;padding:0 16px 15px;font-size:18px;font-weight:700}.grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:16px;display:grid}.dot{cursor:pointer;color:#000;background-color:#ebad00;border-radius:15px;justify-content:center;align-items:center;width:38px;height:50px;font-weight:700;display:flex}.dot.reviewed{color:#fff;background-color:#69a2b0}.dot.selected{color:#fff;background-color:#2d2d39}.dot.answered{color:#fff;background-color:#659157}.dot.not-answered,.inactive{color:#fff;background-color:#ff5e5e}.legend{border-top:1px solid var(--Dark-Grey-Color,#b1afa4);grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;padding:16px;display:grid}.legend-item{align-items:center;gap:8px;font-size:12px;display:flex}.legend .dot{border-radius:50%;width:16px;height:16px;display:inline-block}.legend .answered{background-color:#659157}.legend .not-answered{background-color:#ff5e5e}.legend .review-later{background-color:#69a2b0}.legend .selected{background-color:#2d2d39}.legend .unselected{background-color:#d4a017}.quiz-container{text-align:center;box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;padding:0 20px 20px;display:flex;overflow-x:hidden}.quiz-title{color:#000;margin-bottom:10px;font-size:1rem;font-weight:600}.question-image{border-radius:10px;width:100%;max-width:250px;margin-bottom:15px}.quiz-text{box-sizing:border-box;text-align:left;place-self:center;width:100%;margin-bottom:20px;padding-left:20px;font-size:1rem;font-weight:600}.options-container{flex-wrap:wrap;grid-template-columns:repeat(4,1fr);justify-content:center;gap:30px;height:max-content;display:grid}.options-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#22203c;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.option-card{cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #e2e0dc;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;max-width:250px;height:100%;min-height:72px;padding:18px 20px;transition:border-color .2s,box-shadow .2s,transform .15s,background-color .2s;display:flex;box-shadow:0 1px 4px #0000000f}.option-card:hover{border-color:#22203c;transform:translateY(-2px);box-shadow:0 4px 14px #22203c1f}.option-card.selected{background-color:#f0effe;border-color:#22203c;transform:translateY(-2px);box-shadow:0 4px 16px #22203c2e}.option-image{border-radius:10px;width:100%;max-height:200px}.option-text{flex:1;justify-content:flex-start;align-items:center;margin-top:0;font-size:15px;font-weight:500;line-height:1.4;display:flex}.option-text .option-no{border:1px solid #b1afa4;border-radius:30px;width:30px;height:30px;margin-right:20px;padding:1.5%;font-weight:600}@media (width<=600px){.options-container{flex-direction:column;align-items:center}.login .form{max-width:90vw}}.question-container{width:100%;display:flex}.quiz-header{justify-content:space-between;display:flex}.quiz-header .header{color:#000;font-size:25px;font-weight:600}.quiz-header .timer{color:#fff;background-color:#000;border-radius:15px;padding:10px 20px;font-size:15px}.quiz-navigation{border-top:1px solid #ccc;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.quiz-navigation .middle{justify-content:space-between;display:flex}.quiz-navigation button{cursor:pointer;border:none;border-radius:999px;padding:10px 24px;font-size:16px;font-weight:700}.quiz-navigation .back-button{color:#000;background:#fff;border:1px solid #000}.quiz-navigation .back-button.disabled{color:#ccc;border-color:#ccc}.quiz-navigation .save-button.disabled{color:#fff;background-color:#ccc}.quiz-navigation .review-button{color:#fff;background:#69a2b0}.quiz-navigation .save-button{color:#fff;background:#111827}.quiz-navigation .submit-button{color:#fff;background:#000}.quiz-main-container{flex-direction:column;display:flex}.quiz-header{background:#fff;justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex}.quiz-main-content{box-sizing:border-box;flex:1;grid-template-columns:.2fr 1fr;width:100%;padding:0 15px 15px;display:grid;overflow:hidden}.gauge-container{flex-direction:column;align-items:center;width:200px;height:120px;display:flex;position:relative}.gauge{transform:scaleX(-1)}.gauge-background{stroke-width:10px;stroke-linecap:round}.gauge-fill{stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .5s ease-in-out}.gauge-text{color:#4caf50;font-size:24px;font-weight:700;position:absolute;top:40%}.gauge-score{color:#555;margin-top:10px;font-size:16px;font-weight:700}.result-page{padding:30px}.result-page .result-header{flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;display:flex}.result-page .result-header h2{font-size:1.5rem;font-weight:600}.result-card .content{padding:10px}.result-content{grid-template-columns:1fr 1fr;gap:32px;display:grid}.result-content:has(:only-child){grid-template-columns:.5fr;place-content:center}@media (width<=900px){.result-content{gap:32px;grid-template-columns:1fr!important}}.result-content .marks,.result-content .certificate{border:1px solid #ccc;border-radius:30px;padding:20px}.result-container{text-align:center;flex-direction:column;place-items:center;gap:8px;margin:20px auto;display:flex}.stats{justify-content:space-between;width:100%;min-height:100px;margin-bottom:20px;display:flex}.stat{border-radius:10px;flex-direction:column;flex:1;justify-content:center;margin:5px;padding:5px;font-size:.9rem;display:flex;color:#000!important;font-weight:700!important}.stat h2{font-size:1.5rem}.correct{color:#2c7a2c;background:#d4f8d4}.incorrect{color:brown;background:#ffc2c2}.unanswered{color:#a67c00;background:#e7dad8}.time{color:#555;background:#f8f8f8}.performance h3{color:#000;margin-bottom:5px;font-size:1.5rem;font-weight:600}.result-info{color:#555;margin-top:15px;font-size:14px}.progress-chart{width:98%;margin:auto;font-family:Arial,sans-serif}.progress-chart h2{margin-top:20px;font-weight:600}.bar-container{align-items:center;margin-bottom:10px;display:flex}.bar-container .label{color:#000;width:140px;max-width:30%;font-weight:400}.bar{background-color:#d3d3d3;border-radius:15px;flex:1;justify-content:space-between;align-items:center;height:35px;margin-right:10px;display:flex;position:relative}.fill{color:#fff;text-align:left;border-radius:15px;height:100%;padding:5px;font-weight:700;line-height:25px}.strength .fill{background-color:#1a1a40}.improvement .fill{background-color:#d4a017}.study-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:20px;max-height:70%;margin-right:5px;padding:5px;font-size:10px}.result-card{border:1px solid #b1afa4;border-radius:30px;width:100%;height:max-content;font-size:1rem}.result-card .attempt{padding:20px}.result-card .content{border-top:1px solid #ccc;justify-content:space-between;display:flex}.result-card .left-section{padding-right:10px}.result-card .right-section{padding-left:10px}.result-card .left-section,.result-card .right-section{flex-direction:column;gap:10px;width:50%;display:flex}.result-card .left-section{border-right:1px solid #ccc}.result-card .row{justify-content:space-between;align-items:center;display:flex}.result-card .download-btn{color:#fff;cursor:pointer;background-color:#1a1a3d;border:none;border-radius:10px;padding:5px 8px;font-size:12px}.result-card .download-btn:hover{background-color:#0d0d26}.dashboard-header{border-bottom:1px solid #ccc;grid-template-columns:1fr .5fr;justify-content:space-between;align-items:flex-end;margin-top:5px;margin-bottom:10px;margin-left:10px;padding:0 0 15px;display:grid}.dashboard-header .left-section{align-items:center;gap:10px;display:flex}.dashboard-header .logo{width:4rem;height:auto}.dashboard-header .welcome-text{font-size:1rem;font-weight:700}.dashboard-header .right-section{justify-self:end;font-size:.9rem}.sidebar{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.sidebar .main-btn{color:#fff;text-align:center;cursor:pointer;background-color:#1a1a3d;border:none;border-radius:10px;width:200px;padding:10px;font-size:13px;font-weight:700}.sidebar .secondary-btn{cursor:pointer;text-align:center;border:1px solid #ccc;border-radius:10px;width:200px;padding:10px;font-size:13px;font-weight:700}.right-section.logout{display:none}.dashboard-header .secondary-btn,.right-section.logout .secondary-btn{color:#000;text-align:center;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:20px;width:100px;margin-left:10px;padding:12px 10px;font-weight:700}.dashboard-header .secondary-btn:hover{background-color:#f0f0f0}.quiz-section{min-width:400px;max-width:20%}.dashboard-main{display:flex}.dashboard-container{flex-direction:column;height:100vh;padding:20px;display:flex}.dashboard-container .main-content{grid-template-columns:1fr;display:grid}.dashboard-container .content{flex:1}.dashboard-container .quiz-layout{display:grid}@media (width>=1024px){.dashboard-container .main-content{grid-template-columns:.2fr 1fr;gap:15px;display:grid}.sidebar{flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;margin-top:20px;display:flex}}.quiz-form{margin-top:20px}.quiz-form-header{justify-content:space-between;align-items:center;margin-top:-20px;padding:0 16px;font-size:15px;display:flex}.quiz-form-header .left{align-items:center;display:flex}.quiz-form>.content{grid-template-columns:.3fr 1fr;gap:16px;display:grid}.quiz-form h2,.attempt-section h2{margin-bottom:10px;font-size:1.2rem;font-weight:600}.dashboard-container .quiz-form{min-width:400px}.dashboard-container .attempt-section{align-content:flex-start;gap:10px;width:100%;display:grid}.form .btn-group{justify-content:space-around;display:flex}.wrapper{margin-bottom:15px;overflow:hidden}.wrapper .circle{transform-origin:bottom;z-index:1;background-color:#fff;border:50px solid #49bf31;border-bottom:0;border-top-left-radius:190px;border-top-right-radius:190px;width:200px;height:100px;transition:all 1s;position:absolute;bottom:0;left:-50px;transform:rotate(-180deg)}.wrapper .circle-out{background-color:#fff;border:50px solid #61da4980;border-bottom:0;border-top-left-radius:190px;border-top-right-radius:190px;width:200px;height:100px;position:relative}.wrapper .text{z-index:1;color:#49bf31;font-size:2.2rem;font-weight:700;position:absolute;top:70%;left:52%;transform:translate(-50%,-50%)}.text-secondary{margin-top:10px;font-size:1rem;font-weight:500;transform:translate(-50%,-50%)}.progress-circle{max-width:fit-content}.certificate{flex-direction:column;justify-content:center;align-items:center;max-height:max-content;padding:40px 20px 20px;display:flex}.certificate .certificate-image{border-radius:30px;width:100%;max-width:600px}.certificate .download-btn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:30px;margin-top:20px;padding:10px 20px;font-size:16px}.certificate .download-btn:hover{background-color:#333}.button-container{justify-content:center;align-items:center;margin-top:30px;display:flex}.button-container .button{color:#000;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:30px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .3s}.button-container .button:hover{color:#fff;background-color:#000}.quiz-form-header-logo{width:70px}.attempt-section>.previous{display:none}@media (width<=768px){.quiz-ins li{margin-bottom:5px!important}.overlay .encouragement,.dashboard-container .overlay .start-button{margin-top:10px!important}.login .form{min-width:unset;max-width:85%}.dashboard-container .quiz-form{min-width:unset;max-width:100%}.dashboard-header .right-section{display:none}.right-section.logout{text-align:center;flex-direction:column;place-items:center;gap:10px;margin:20px;padding-bottom:10px;display:flex}.attempt-section>.previous{display:block}.question-container{flex-direction:column;align-items:center}.quiz-section{min-width:auto;max-width:100%}.result-content .marks,.result-content .certificate{padding:5px}.progress-chart{width:100%}.bar-container .label{font-size:12px}.dashboard-container{padding:10px}.quiz-form>.content{grid-template-columns:1fr;justify-items:center;padding:10px}.quiz-form-header .right{width:0;display:none}.quiz-form-header .left{justify-content:center;justify-items:center;width:100%}html{font-size:14px}.dashboard-header .secondary-btn{width:100px}.sidebar .main-btn{width:160px;font-size:12px}.dashboard-header{grid-template-columns:1fr;display:grid}}.quiz-form .form .input label{text-align:left;margin-top:20px}.label-2{font-size:12px!important}@media (width<=1024px){.options-container{grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=786px){.result-card .download-btn{padding:3px 5px;font-size:11px}.option-card{max-width:90%}.result-page{padding:10px}.result-page .result-header h2{font-size:13px}.quiz-navigation{gap:10px;padding:5px}.quiz-navigation button{border-radius:20px;padding:5px 10px;font-size:12px}.quiz-navigation .middle{gap:2px!important}.options-container{grid-template-columns:repeat(2,1fr);display:grid}.quiz-main-content{grid-template-columns:1fr;grid-auto-flow:dense;place-items:center;padding:8px;display:grid}.quiz-container{width:100%;max-width:100%;padding:10px}.options-container{box-sizing:border-box;place-self:center;place-items:center;width:100%}.option-card{box-sizing:border-box;width:100%;max-width:100%}.grid-container:first-child{order:2;width:90%}}.dashboard-container .overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dashboard-container .overlay .quiz-ins{text-align:center;background:#fff;border:1px solid #b1afa4;border-radius:31px;width:500px;margin:15px;padding:20px}.dashboard-container .overlay h2{text-align:left;margin-bottom:25px;font-size:20px;font-weight:700}.dashboard-container .overlay ul{text-align:left;padding:0;list-style-type:none}.dashboard-container .overlay li{margin-bottom:10px;font-size:14px;font-weight:450}.dashboard-container .overlay .encouragement{margin-top:25px;font-weight:700}.dashboard-container .overlay .start-button{color:#fff;cursor:pointer;background-color:#1a1a3d;border:none;border-radius:30px;margin-top:25px;padding:8px 50px}.dashboard-container .overlay .start-button:hover{background-color:#000}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-overlay .modal-container{text-align:center;background:#fff;border-radius:16px;width:400px;padding:20px;box-shadow:0 4px 10px #0003}.modal-overlay .modal-title{margin-bottom:10px;font-size:20px;font-weight:700}.modal-overlay .modal-text{color:#555;margin-bottom:20px;font-size:16px}.modal-overlay .modal-buttons{justify-content:center;gap:15px;display:flex}.modal-overlay .cancel-btn{cursor:pointer;background:#fff;border:1px solid #000;border-radius:25px;padding:10px 20px;font-size:16px;font-weight:700;transition:background .2s}.modal-overlay .cancel-btn:hover{background:#f0f0f0}.modal-overlay .submit-btn{color:#fff;background:#22203c;border:none;border-radius:30px;padding:10px 20px;font-size:16px}.search-bar{border:1px solid #ccc;border-radius:10px;margin:10px;padding:10px;width:97%!important}.quiz-header .header img{max-width:60px}.multi-correct-hint{color:#69a2b0;background:#e8f4f8;border-radius:8px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.option-no-selected{color:#fff;background-color:#111827;border-color:#111827!important}.option-check{color:#fff;background-color:#22203c;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-left:12px;font-size:13px;font-weight:700;display:flex}.match-header-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px;padding:0 4px;display:grid}.match-col-label{text-transform:uppercase;letter-spacing:.5px;color:#888;font-size:12px;font-weight:700}.match-container{flex-direction:column;gap:12px;width:100%;display:flex}.match-row{background:#fafafa;border:1px solid #b1afa4;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s,background .2s;display:grid}.match-row-paired{background:#f0f8ff;border-color:#111827}.match-left{align-items:flex-start;gap:8px;font-size:14px;font-weight:500;display:flex}.match-key{color:#111827;min-width:18px;font-weight:700}.match-arrow{color:#b1afa4;padding:0 4px;font-size:18px;font-weight:600}.match-right{align-items:center;display:flex}.match-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color:#555;background:#fff;border:1px solid #b1afa4;border-radius:10px;width:100%;min-width:0;margin-bottom:0;padding:8px 10px;font-size:14px;transition:border-color .2s}.match-select:focus{border-width:2px;border-color:#111827;outline:none}.match-select-filled{color:#111827;border-color:#111827;font-weight:600}.match-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;margin-left:6px;padding:4px 7px;font-size:12px;line-height:1}.match-clear-btn:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.match-legend{text-align:right;margin-top:10px}.match-progress{color:#69a2b0;font-size:12px;font-weight:600}.sequence-hint{color:#888;margin-bottom:12px;font-size:13px}.sequence-container{flex-direction:column;gap:10px;width:100%;display:flex}.sequence-item{background:#fafafa;border:1px solid #b1afa4;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:background .2s,box-shadow .2s;display:flex}.sequence-item:hover{box-shadow:0 2px 8px #00000014}.sequence-rank{color:#fff;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.sequence-text{flex:1;font-size:14px;font-weight:500}.sequence-controls{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.seq-btn{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #b1afa4;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .2s,border-color .2s;display:flex}.seq-btn:hover:not(:disabled){color:#fff;background:#111827;border-color:#111827}.seq-btn:disabled{opacity:.25;cursor:not-allowed}.fill-question-text{line-height:1.8}.fill-blank-inline{color:#111827;border-bottom:2px solid #111827;min-width:80px;margin:0 6px;font-weight:700;display:inline-block}.fill-container{flex-direction:column;gap:8px;width:100%;margin-top:16px;display:flex}.fill-label{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.fill-input{box-sizing:border-box;background:#fafafa;border:1px solid #b1afa4;border-radius:12px;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.fill-input:focus{background:#fff;border-width:2px;border-color:#111827;outline:none;box-shadow:0 2px 8px #0000000f}@media (width<=600px){.match-header-row{display:none}.match-row{grid-template-columns:1fr;gap:8px}.match-arrow{display:none}.match-select{width:100%;padding:10px 12px;font-size:15px}.seq-btn{width:44px;height:44px;font-size:18px}.sequence-controls{flex-direction:row;gap:6px}.fill-input{padding:16px;font-size:18px}.multi-correct-hint{text-align:center;width:100%;font-size:12px}}@media (width>=601px) and (width<=1024px){.match-row{gap:8px}.seq-btn{width:40px;height:40px}}.table-footer{justify-content:space-between;align-items:center;display:flex}.table-container{width:95%}.table-container table{border-collapse:collapse;width:100%;margin-top:10px}.table-container thead tr{color:#fff;background-color:#d39f28}.table-container th,td{text-align:left;border:1px solid #ccc;padding:10px}.table-container{width:100%;max-width:95vw;overflow-x:auto}.table-container table{border-collapse:collapse;width:100%;min-width:800px;margin-top:10px}.table-container>table>tbody>tr>td,.table-container>table>thead>tr>th{border-left:0;border-right:0}.table-container>table>tbody>tr>td:first-child,.table-container>table>thead>tr>th:first-child{border-left:1px solid #ccc!important}.table-container>table>tbody>tr>td:last-child,.table-container>table>thead>tr>th:last-child{border-right:1px solid #ccc!important}.table-container .download-btn{color:#fff;cursor:pointer;background-color:#000;border:none;padding:5px 10px}.table-container .results-info{margin-top:10px;font-size:14px}.table-container .pagination{justify-content:center;align-items:center;gap:8px;margin-top:15px;display:flex}.table-container .page-btn{color:#000;cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:50%;width:40px;height:40px;font-size:16px}.table-container .page-btn.active{color:#fff;background:#1d1b2b;border:none}.table-container .page-btn:disabled{cursor:not-allowed;background:#ccc}@media (width<=480px){.options-container{grid-template-columns:repeat(1,1fr);display:grid}}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.institute-login{width:100%;height:100%;background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh}.institute-login .form{min-height:60vh;display:grid;gap:16px;max-width:min-content;min-width:400px;place-self:center}.institute-login .logo{max-width:150px;padding-top:20px}.institute-login .form .grid-1,.institute-login .form .grid-2 form{display:flex;flex-direction:column;justify-content:space-between;height:100%}.institute-login .form .grid-2 form button{min-height:50px}.institute-login .heading{display:flex;justify-content:space-between}.institute-login .heading button{font-size:medium;cursor:pointer}.institute-login .heading button:hover{font-size:medium;cursor:pointer;text-decoration:underline}.forgot-button{font-size:medium;cursor:pointer;font-weight:700;place-self:center}.forgot-button:hover{text-decoration:underline}.institute-login .input-bar{margin-top:10px}.institute-header .left-section{display:flex;align-items:center;gap:10px}.institute-header .logo{width:4rem;height:auto}.institute-header .welcome-text{font-size:1rem;font-weight:700}.institute-header .right-section{font-size:.9rem;justify-self:end}.institute-content{display:grid;grid-template-columns:.2fr 1fr;gap:10px;padding-top:20px}.institute-layout{padding:20px}@media (max-width: 768px){.institute-dashboard-container{padding:5px!important}.institute-layout{padding:5px}.institute-header{display:flex;flex-direction:column;gap:10px}.institute-header .left-section,.institute-header .right-section{justify-content:flex-start}.institute-content{place-items:center;grid-template-columns:1fr}}.sidebar-container{width:max-content}.sidebar-container .sidebar-menu{list-style:none;padding:0;display:flex;gap:20px;flex-wrap:wrap;flex-direction:column;margin:0}.sidebar-container .sidebar-menu li{padding:10px 8px;border:1px solid #aaa;text-align:left;cursor:pointer;background:#fff;border-radius:10px;font-weight:500;font-size:14px}.sidebar-container .sidebar-menu li.active{background:#1d1b2b;color:#fff;border:none}.sidebar-container .sidebar-menu :not(.active) li:hover{background:#ddd}.institute-header{display:flex;justify-content:space-between;align-items:center}.institute-attempt-section .header h1{font-size:1.2rem;font-weight:600}.institute-dashboard-container{padding:20px;text-align:center}.institute-dashboard-container .dashboard-title{display:flex;justify-content:space-between}.institute-dashboard-container .dashboard-title h1{font-size:1.5rem;margin-bottom:20px;font-weight:600;text-align:left}.school-code{display:inline-block;padding:10px 20px;border-radius:10px;margin-bottom:30px}.school-code span{font-size:14px;padding:10px;border:1px solid #ccc;border-radius:15px;display:block;font-weight:600}.school-code p{font-size:14px;margin-top:5px;color:#555;font-weight:600}.cards-container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.card{background-color:#ebad00;color:#000;padding:30px 20px;border-radius:20px;width:250px;box-shadow:0 2px 8px #00000026;text-align:left}.card h2{font-size:28px;margin:0;font-weight:600}.card p{font-size:16px;font-weight:500;margin-top:10px}.upload-container{margin:auto}.tabs{display:flex;justify-content:center;gap:10px;margin:20px 0;padding:10px;border:1px solid #B1AFA4;border-radius:50px;width:max-content;place-self:center;font-weight:600}.tabs button{padding:20px 40px;border-radius:60px;cursor:pointer}.tabs .active{background-color:#22203c;color:#fff;border-color:#22203c}.form-wrapper{border:1px solid #ddd;border-radius:15px;padding:30px 20px;background-color:#fff;max-width:450px;place-self:center}.form-wrapper h2{margin-bottom:20px;font-weight:700;font-size:1.5rem}.form-wrapper p{font-size:14px;font-weight:500;margin-bottom:20px}.name-fields{display:flex;gap:10px}.name-fields>div{width:100%}.form-wrapper label{padding-bottom:5px;color:#000;font-weight:450;display:inline-block}.video-tabs-container input[type=text],select{width:100%;padding:12px 12px 15px;border-radius:15px;border:1px solid #ccc;margin-bottom:10px;box-sizing:border-box}.video-tabs-container .input-bar{width:100%;border-radius:15px;box-sizing:border-box;margin-bottom:10px}.upload-box{border:1px dashed #bbb;border-radius:10px;padding:30px;margin-bottom:20px;color:#777;position:relative;place-items:center;text-align:center}.video-tabs-container .upload-box input[type=file]{opacity:1;cursor:pointer;margin-bottom:10px;max-width:100%;text-align:center}.video-tabs-container button[type=submit]{background-color:#bcb7ab;border:none;border-radius:25px;padding:12px 30px;color:#fff;font-size:16px;cursor:pointer}.error{color:red;font-size:12px;margin-top:-8px;margin-bottom:10px}.video-tabs-container.user-side{margin-top:20px}.page-title{font-size:20px;font-weight:700;margin-bottom:10px}.tab-bar{display:flex;gap:20px;position:relative;margin-bottom:5px}.tab{cursor:pointer;font-weight:500;padding-bottom:5px;position:relative;color:#000}.tab.active{color:#2e264f}.tab.active:after{content:"";position:absolute;height:6px;background-color:#2e264f;width:100%;left:0;bottom:-8px;border-radius:2px}.tab-separator{border:none;height:1px;background-color:#b1afa4;margin-bottom:20px}.btn-wrapper{display:flex;place-content:center}.register-success{place-self:center}@media (max-width: 786px){.sidebar-container .sidebar-menu{flex-direction:row;max-width:95vw}.institute-dashboard-container .dashboard-title{flex-direction:column;align-items:center}.tabs button{padding:10px 20px}.institute-login .form{min-width:95vw;max-width:95vw}.form-wrapper{max-width:95vw}.institute-login .form .input label{font-size:10px}}.kb-file-upload{margin-bottom:20px}.file-upload-box{border:1px dashed #b6bed1;background-color:#f0f2f7;border-radius:4px;min-height:150px;position:relative;overflow:hidden;padding:15px;display:flex;align-items:center;justify-content:center;color:#8194aa;font-weight:400;font-size:15px}.file-upload-box .file-upload-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.file-link{color:#475f7b;text-decoration:underline;margin-left:3px}.file-link:hover{text-decoration:none}.file-atc-box{display:flex;align-items:center;margin-bottom:15px}.file-image{width:130px;height:85px;background-size:cover;border-radius:5px;margin-right:15px;background-color:#eaecf1;display:flex;align-items:center;justify-content:center;font-size:30px;color:#475f7b;padding:3px}.file-detail{flex:1}.file-detail h6{word-break:break-word;font-size:13px;font-weight:500;margin-bottom:8px}.file-detail p{font-size:12px;color:#8194aa;margin-bottom:8px}.dashboard-wrapper{max-width:600px;margin:40px auto;padding:25px;border:1px solid #e0e0e0;border-radius:10px;background-color:#fefefe;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-heading{font-size:24px;margin-bottom:15px;color:#222}.dashboard-text{font-size:16px;margin-bottom:25px;color:#555}.dashboard-button{background-color:#28a745;color:#fff;padding:12px 20px;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.dashboard-button:hover{background-color:#218838}.activation-details{margin-top:20px;padding:15px;border-top:1px solid #ddd;color:#333;background-color:#f1f1f1}