@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;background:#f0f0f0!important;font-family:Ubuntu,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.collapsed{display:none}.SignUpMain{align-items:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center}.SignUpContainer{background-color:#fff;border-radius:10px;box-shadow:0 0 10px 0 #0000001a;display:flex;flex-direction:row;flex-wrap:wrap;margin:14px 0;max-width:880px;width:880px}@media (max-width:700px){.SignUpContainer{margin:14px 16px}}.SignUpImage{border-radius:10px 0 0 10px;width:50%}.SignUpImage img{border-radius:10px 0 0 10px;height:100%;object-fit:cover;width:100%}@media (max-width:700px){.SignUpImage{display:none}}.SignUpForm{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:60px;width:50%}@media (max-width:700px){.SignUpForm{width:100%}}.SignUpInput{border-radius:5px;box-sizing:border-box;margin:4px 0;width:100%}.SignUpInput label{font-size:14px}.SignUpInput input{margin-top:8px}.SignUpInput button,.SignUpInput input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:10px;width:100%}.SignUpInput button{background-color:#4caf50;color:#fff;cursor:pointer;font-size:16px;margin-top:22px}.SignUpInput button:hover{background-color:#45a049}a[title]:hover:after{background-color:#000;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;opacity:1;padding:12px 6px;position:absolute;text-align:center;text-decoration:none;transition:opacity .3s;visibility:hidden;visibility:visible;width:120px;z-index:1}.SideNavbarMain{background-color:#0e1629;box-sizing:border-box;flex-shrink:0;height:100vh;overflow-x:hidden;padding:20px 0;transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.SideNavbar{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;list-style:none;margin:0;padding:0 20px;text-align:left}.SideNavbarLogo img{height:40px;width:40px}.SideNavbarMenu ul{list-style:none;margin:0;padding:0;text-align:center}.SideNavbarMenu ul li{margin-bottom:18px;text-align:center}.NavItemSelected a{color:#5da394!important}.SideNavbarMenu ul li a{color:#5c647b;text-decoration:none}.SideNavbarMenu ul li a span{font-size:26px}.LogoutButton{background:none;border:0;color:#5c647b;cursor:pointer}.LogoutButton:hover{color:#a35d5d!important;transition:all .4s ease-in-out}@media (min-width:620px){a[title]:hover:after{background-color:#000;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;opacity:1;padding:12px 6px;position:absolute;text-align:center;text-decoration:none;transition:opacity .3s;visibility:hidden;visibility:visible;width:120px;z-index:1}.SideNavbarMain{background-color:#0e1629;box-sizing:border-box;flex-shrink:0;height:100vh;overflow-x:hidden;padding:20px 0;transition:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.SideNavbar{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;list-style:none;margin:0;padding:0 20px;text-align:left}.SideNavbarLogo img{height:40px;width:40px}.SideNavbarMenu ul{list-style:none;margin:0;padding:0;text-align:center}.SideNavbarMenu ul li{margin-bottom:18px;text-align:center}.NavItemSelected a{color:#5da394!important}.SideNavbarMenu ul li a{color:#5c647b;text-decoration:none}.SideNavbarMenu ul li a span{font-size:26px}.LogoutButton{background:none;border:0;color:#5c647b;cursor:pointer}.LogoutButton:hover{color:#a35d5d!important;transition:all .4s ease-in-out}.CloseButton{display:none}@media (min-width:620px){.ShowSidebarButton{display:none}}}@media (max-width:620px){.SideNavbarMain{background-color:#0e1629;height:100vh;left:0;overflow-x:hidden;position:fixed;top:0;transition:width .3s ease;width:0;z-index:1000}.ShowSidebarButton{background:none;border:none;cursor:pointer;left:-7px;position:fixed;top:3px;z-index:999}.SideNavbarMain.show{overflow:hidden;width:100px}.LogoutButton{border:0;margin-bottom:40px}.SideNavbar{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:40px;padding:20px}.SideNavbarLogo img{height:40px;width:40px}.SideNavbarMenu ul{list-style:none;margin:0;padding:0;text-align:center}.SideNavbarMenu ul li{margin-bottom:18px;text-align:center}.NavItemSelected a{color:#5da394!important}.SideNavbarMenu ul li a{color:#5c647b;text-decoration:none}.SideNavbarMenu ul li a span{font-size:26px}.CloseButton{color:#2531e4;display:block;margin-right:9px;position:absolute;right:10px;top:10px;z-index:1001}.CloseButton,.LogoutButton{background:none;border:none;cursor:pointer}.LogoutButton{color:#5c647b;margin-bottom:50px}.LogoutButton:hover{color:#a35d5d!important;transition:all .4s ease-in-out}}.modal{background-color:#0006;height:100vh!important;overflow:auto;z-index:1}.modal-content{background-color:#fefefe;margin:-150px auto 15%;position:absolute;width:40%}@media only screen and (max-width:400px){.modal-content{background-color:#fefefe;margin:15% auto;margin-top:300px!important;padding:20px;position:absolute;width:40%}}@media only screen and (min-width:400px) and (max-width:600px){.modal-content{background-color:#fefefe;margin:auto;padding:20px;position:absolute;top:50%;transform:translateY(-30%)!important;width:40%}}@media only screen and (min-width:600px) and (max-width:2400px){.modal-content{background-color:#fefefe;margin:auto;padding:20px;position:absolute;top:50%;transform:translateY(-30%)!important;width:40%}}.close{background-color:#fff!important;background-image:url(/static/media/close.f0af18f2b909bc21a5be.png);background-position:50%;background-size:cover;border-radius:50%;box-shadow:0 0 30px 0 #539a8d80;color:#0000;float:right;font-size:28px;font-weight:700;height:30px;width:30px}.close:focus,.close:hover{cursor:pointer;filter:brightness(90%);text-decoration:none}.candidates-container{box-sizing:border-box;flex-grow:1;font-family:Arial,sans-serif;max-height:100vh;overflow-y:auto;padding:24px 36px}h1{font-size:24px;margin-bottom:20px}input[type=text]{background:#e6e7ec;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:14px 18px;width:100%}.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}button{background:#fff;border:none;cursor:pointer;font-size:14px;margin-bottom:16px;padding:10px 20px}.Active{border-bottom:3px solid #0e1629}.candidates-table{border:1px solid #ddd;border-collapse:collapse;border-radius:12px;width:100%}.create-candidate,.create-candidate1{background-color:#a0a0f7;border-radius:10px}.create-candidate1{margin:0;padding:10 0}.active-status{color:blue}.pagination{margin-top:20px;text-align:center}.pagination button{background-color:#f0f0f0;border:none;cursor:pointer;font-size:14px;padding:5px 10px}.leftdev{height:7px;left:20%;padding-left:0;padding-right:0;top:40%;width:30px}.leftdev,.rightdev{background-color:#539a8d;border-radius:10px;box-sizing:border-box;position:absolute;transform:rotate(45deg);transform-origin:center}.rightdev{height:60%;left:45%;padding-bottom:0;padding-top:0;top:15%;width:7px}.close:hover .rightdev{background-color:#a0a0f7;padding-bottom:-40%;padding-top:25%;transition:all .5s}.circle-right{margin-left:80%}.circle-left,.circle-right{background-color:#0e1629;border-radius:50%;height:7px;width:7px}.circle-left{position:absolute;top:0}.close:hover .leftdev{background-color:#a0a0f7;padding-left:11px;padding-right:19px;transition:all .5s}.close:hover .circle-left{transition:all .5s}.circle-left1,.circle-right1{background-color:#0e1629;border-radius:50%;height:7px;width:7px}.circle-left1{margin-top:0;position:absolute;top:80%}.close:hover .circle-left1{margin-top:-180%;transition:all .5s}.candidates-mob-table{display:none}.Filters-Div{flex-wrap:wrap;justify-content:space-between}.Filters-Div,.filters{align-items:center;display:flex}.filters{gap:16px;margin-bottom:20px}.candidates-filter{background-color:#fff!important;border:1px solid #8e8e8e!important;border-radius:4px!important;box-sizing:border-box!important;color:#8e8e8e!important;font-size:14px!important;margin-bottom:0!important;outline:none!important;padding:12px 10px!important;width:auto!important}.candidates-filter-select{padding-right:32px!important}@media (max-width:1128px){.candidates-table{display:none}.candidates-mob-table{display:flex;flex-direction:column;gap:30px;margin-top:18px}.candidate-laptop{display:none}}@media (max-width:860px){.filters{flex-direction:column;width:100%}.candidates-filter{width:100%!important}.Filters-Div{flex-direction:column}}@media (max-width:568px){.tabs,.tabs-main{flex-direction:column}}.changed,.submit1{background-color:#0e1629!important;border-radius:150px!important;width:100%}.changed{animation:move1 1.5s forwards,move2 1.5s 1.5s infinite forwards}@keyframes move1{to{border-radius:50%!important;border-top:5px solid #0056b3;color:#0000;height:50px;margin-left:40%;width:50px}}@keyframes move2{0%{border-radius:50%!important;border-top:5px solid #0056b3;color:#0000;height:50px;margin-left:40%;width:50px}to{border-radius:50%!important;border-top:5px solid #0056b3;color:#0000;height:50px;margin-left:40%;transform:rotate(1turn);width:50px}}.input-field{width:100%!important}.input-field,.input-field-email{background-color:initial!important;border:0 solid #0056b3!important;border-bottom:2px solid #539a8d!important;border-radius:0!important;outline:none}.input-field-email{width:93%!important}.fieldselect,.select{background-color:initial!important;border:0 solid #0056b3!important;border-bottom:2px solid #539a8d!important;border-radius:0!important;outline:none}.form-group label{font-size:15px}.candidate-mobile-card{border:1px solid #dedede;border-radius:12px;box-sizing:border-box;gap:42px;overflow-x:hidden;padding:26px 20px}.candidate-card-footer button{flex-grow:1}.candidate-card-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.candidate-para{text-wrap:wrap;margin:12px 0}.candidate-card{align-items:center;border:none;border-bottom:1px solid #dedede;border-radius:4px;justify-content:space-between;padding:18px 22px}.candidate-card-header{width:33%}.candidate-card-button{display:flex;flex-direction:row-reverse;gap:12px;width:33%}.candidate-card-status{text-align:center;width:33%}.candidate-name{font-weight:550}.create-desktop{align-items:center;color:#000;display:flex;font-size:14px;justify-content:center;padding:8px 20px;text-decoration:none}.InterviewDetailsPanel{padding:40px 60px 10px}.InterviewList{padding:40px 20px}.Heading{font-size:24px;font-weight:450;margin-bottom:24px}.CurrentRoleText{font-size:14px;font-weight:440;margin:0;padding:0}.filters-main{margin-top:46px}.Filter-Input{background:#fff!important;border:1px solid #c2c2c2!important;box-sizing:border-box;font-size:16px!important;height:40px!important;margin:0!important;padding:0 12px!important;width:100%!important}.Filter-text{font-size:14px;font-weight:400;margin-bottom:12px;margin-top:14px}.Filter-Submit{margin-top:20px;width:100%}.InterviewList{flex-grow:1}@media (max-width:1215px){.InterviewMainFlex{flex-wrap:wrap;padding-inline:16px}.InterviewDetailsPanel{padding:40px 20px 10px;width:100%}}@media (max-width:670px){.InterviewCounter{display:none}.InterviewDetailsPanel{padding:20px 20px 10px}.filters-main{margin-top:22px}}.ResultImg{height:84px;padding:18px 0;width:33%}.img{display:flex;width:30%}.ResultImgDiv{align-items:center;background-color:#c4f2e8;border-radius:20px;justify-content:center}.ResultStats{align-items:center;gap:6px;margin-top:14px;padding:0 32px}.ResultHeading{font-size:16px;font-weight:500;text-align:center}.ResultText{font-size:18px;font-weight:400}.InterviewCard-main{align-items:center;border-bottom:1px solid #c4c4c4;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;padding:12px;width:100%}.InterviewCandidate{flex-wrap:wrap}.InterviewCandidate-Role{color:#656565;margin-left:4px}.Interview-Time{color:#656565;font-size:14px;margin-top:4px}.StartInterview{background:#2a9fff;border:0;border-radius:12px;box-sizing:border-box;color:#fff;margin:0;padding:10px 20px;text-align:center;text-decoration:none;width:120px}@media (max-width:1215px){.InterviewCard-main{align-items:normal;flex-direction:column;gap:10px}.StartInterview{width:100%}}.create-candidate-container{background-color:#f0f5ff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;padding:20px}.create-candidate-container h2{color:#333;margin-bottom:20px}.form-group{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input[type=email],input[type=text],select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:100%}button[type=submit]{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button[type=submit]:hover{background-color:#0056b3}.modal{align-items:center;background-color:#04346f80;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:-150px;max-width:400px;overflow:hidden;padding:20px;position:relative;width:100%}.close{background-color:#187fe6;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:10px;top:10px}*{font-family:Poppins,sans-serif}.interviewer-profile-container{align-items:center;background-color:#fff;display:flex;flex-grow:1;height:100vh;justify-content:center}.profile-details{background-color:#f0f0f0;border:1px solid #cccccc2e;border-radius:10px;box-shadow:0 4px 8px #0000005e;height:60vh;padding:30px 60px 60px}.profile-info{display:flex;flex-direction:column}.profile-info input{background:#0000;border-radius:8px;font-size:18px;padding:20px 30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.input-with-icon{align-items:center;display:flex;flex-direction:row;margin-bottom:22px}.InputIcons{margin-right:4px}.profile-info button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 24px}.profile-info button:hover{background-color:#0056b3}.flex_image{cursor:pointer;height:100px;margin-bottom:30px;position:relative;transition:transform .3s ease;width:100px}.flex_image img{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hover-image{display:none}.flex_image.hovered{transform:rotateY(180deg)}.flex_image.hovered .hover-image{display:block}.input-with-icon input{border:0;border-bottom:1px solid #000;border-radius:0;margin-bottom:0;outline:0;padding-bottom:10px}#email-logo{height:40px!important;transform:translateY(0)!important;width:40px!important}.role-logo{height:30px;transform:translateY(5px);width:30px}.username{height:35px;width:35px}.button{background:#5da394;border-radius:55px;box-shadow:0 5px 10px #0003;cursor:pointer;height:70px;overflow:hidden;transform:translate(10%,50%)!important;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:90%!important}.button.active{height:20px;transform:translate(10%,300%)!important;width:90%!important}.button:before{background:#0e1629;border-radius:55px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all 1s ease-in-out;width:100%}.button.active:before{animation:layer 1s ease-in-out forwards}.button .content{align-items:center;display:flex;height:100%;justify-content:center;transition:all .2s ease;transition-delay:.2s;width:100%}.button.active .content{transform:translateY(60px)}.button .content .button-text,.button .content i{color:#0e1629;font-size:40px;font-weight:500}.button .content .button-text{font-size:28px;margin-left:8px}@media only screen and (max-width:768px){.profile-details{background-color:#fff;border:0 solid #cccccc2e;border-radius:10px;box-shadow:0 0 0 #0000005e;height:60vh;padding:10px}.button{background:#5da394;border-radius:55px;box-shadow:0 5px 10px #0003;cursor:pointer;height:50px;overflow:hidden;transform:translate(5%,50%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:300px}.hover-image{display:block;height:50px!important;position:relative;transform:translate(140%,140%);width:50px!important}.flex_image.hovered{transform:rotateY(0deg)}}.candidate-list-container{width:100%}.candidate-list-heading{margin-bottom:20px}.candidate-table{border:1px solid #ddd;border-collapse:collapse;border-radius:12px;width:100%}.candidate-table tr:hover{background-color:#f2f2f2}.candidate-score-container{word-wrap:break-word;box-sizing:border-box;max-height:100vh;overflow-y:auto;padding:20px;width:100%}.candidate-score-container h1{text-align:center}.submission-container{border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:10px}.question-list{list-style:none;padding:0}.submission-details p{background-color:#37dcbbc1;border-radius:5px;color:#0a0808;float:right;font-size:20px;margin-left:20px;padding:10px}.question-item{border:1px solid #eee;border-radius:5px;margin-bottom:10px;padding:10px}.correct-answer{color:green}.incorrect-answer{color:red}.correctAnswer{color:blue;font-size:large}.NotificationFlex{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;gap:18px;padding:5px;position:absolute;width:20%;z-index:109}.Notification{background-color:#df4747;border-radius:14px;box-sizing:border-box;color:#fff;font-size:7px;padding:0 20px;width:100%}.Notification h1{font-size:15px;font-weight:400;margin:0;padding:14px}.profile-container{align-items:center;display:flex;height:100vh;justify-content:center}.profile-card{background-color:#f0f0f0;border-radius:8px;box-shadow:0 0 10px 0 #000;font-size:20px;max-width:700px;padding:10px 60px!important;padding:0 20px 20px;text-align:center;width:60vh}@media only screen and (max-width:400px){.profile-card{background-color:#fff;border-radius:8px;box-shadow:0 0 0 0 #000;font-size:20px;min-width:400px;padding:0 20px 20px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.upload-resume-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.upload-resume-btn:hover{background-color:#0056b3}.profile-card h2{margin-bottom:10px}.title-logo{height:30px;margin-right:24px;width:30px}.role-logo{transform:translate(-5px,-30px)}.status-logo{transform:translate(-10px,-10px)}.phone-logo,.status-logo{height:20px;margin-top:10px;width:20px}.phone-logo{transform:translate(-10px,5px)!important}.skills-logo{height:20px;margin-top:10px;transform:translate(-10px,25px)!important;width:20px}.email{left:10%!important;width:100%}.role{left:0;width:100%}.candidate-list-container{flex-grow:1;padding-inline:34px;padding-top:12px}.cand-container{box-sizing:border-box;display:flex;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;justify-content:normal!important;padding-inline:22px}.titles{text-align:left;width:100%}.icon{align-items:end;display:flex;flex-direction:column;height:100%!important}.button1{align-items:center;background:#5da394;border-radius:55px;box-shadow:0 5px 10px #0003;cursor:pointer;display:flex;height:52px;justify-content:center;overflow:hidden;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:100%!important}.button1.active{height:20px;margin-bottom:18px!important;transform:translateY(10%)!important;width:100%!important}.button1:before{background:#0e1629;border-radius:55px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all 1s ease-in-out;width:100%}.button1.active:before{animation:layer 1s ease-in-out forwards}.button1 .content{align-items:center;display:flex;height:100%;justify-content:center;transition:all .2s ease;transition-delay:.2s;width:100%}.button1.active .content{transform:translateY(60px)}.button1 .content .button-text,.button1 .content i{color:#0e1629;font-size:20px!important;font-weight:500}.button1 .content .button-text{font-size:28px;margin-left:8px}.button2{align-items:center;background:#5da394;border-radius:55px;box-shadow:0 5px 10px #0003;cursor:pointer;display:flex;height:52px;justify-content:center;margin-top:18px;overflow:hidden;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:100%!important}.button2.active{height:20px;margin-bottom:18px!important;transform:translateY(10%)!important;width:100%!important}.button2:before{background:#0e1629;border-radius:55px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all 1s ease-in-out;width:100%}.button2.active:before{animation:layer 1s ease-in-out forwards}.button2 .content{align-items:center;display:flex;height:100%;justify-content:center;transition:all .2s ease;transition-delay:.2s;width:100%}.button2.active .content{transform:translateY(60px)}.button2 .content .button-text,.button2 .content i{color:#0e1629;font-size:20px!important;font-weight:500}.button2 .content .button-text{font-size:28px;margin-left:8px}.button3{background:#5da394;border-radius:55px;box-shadow:0 5px 10px #0003;box-sizing:border-box;cursor:pointer;height:55px;overflow:hidden;padding:10px 0;transform:translate(45%,10%)!important;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:50%!important}.button3.active{height:20px;transform:translate(10%,300%)!important;width:90%!important}.button3:before{background:#0e1629;border-radius:55px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all 1s ease-in-out;width:100%}.button3.active:before{animation:layer 1s ease-in-out forwards}.button3 .content{align-items:center;display:flex;height:100%;justify-content:center;transition:all .2s ease;transition-delay:.2s;width:100%}.button3.active .content{transform:translateY(60px)}.button3 .content .button-text,.button3 .content i{color:#0e1629;font-size:20px!important;font-weight:500}.button3 .content .button-text{font-size:28px;margin-left:8px}.button4{background:#5da394;border-radius:55px;box-shadow:0 5px 10px #0003;cursor:pointer;height:60px!important;overflow:hidden;transform:translate(45%,10%)!important;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:50%!important}.button4.active{height:20px;transform:translate(10%,300%)!important;width:90%!important}.button4:before{background:#0e1629;border-radius:55px;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all 1s ease-in-out;width:100%}.button4.active:before{animation:layer 1s ease-in-out forwards}@keyframes layer{to{left:0}}.button4 .content{align-items:center;display:flex;height:100%;justify-content:center;transition:all .2s ease;transition-delay:.2s;width:100%}.button4.active .content{transform:translateY(60px)}.button4 .content .button-text,.button4 .content i{color:#0e1629;font-size:20px!important;font-weight:500}.button4 .content .button-text{font-size:28px;margin-left:8px}.content{background-color:initial!important;transform:translateX(-20px) translateY(-20px)}body{background-color:#f0f0f0;font-family:Arial,sans-serif}.container{align-items:center;display:flex;height:100vh!important;justify-content:center;position:relative}.content1{background-color:#fff;border-radius:10px;box-shadow:0 0 20px #0000001a;left:50%;margin-top:320px;padding:40px;position:absolute;transform:translate(-50%,-50%);width:800px}.timer{color:#0056b3;font-size:18px;margin-bottom:20px;text-align:right}.blue-button{background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;margin-top:40px;padding:12px 24px;transition:background-color .3s ease}.blue-button:hover{background-color:#004080}.question{color:#3d0510;font-size:large;font-weight:700;margin-bottom:20px}.question h3{font-size:30px;margin-bottom:10px}.options{font-size:large;list-style:none;padding:0}.options li{font-size:20px;margin-bottom:10px}.options label{color:#0b1750;cursor:pointer;display:block;font-size:large}.options input[type=radio]{display:inline-block;margin-right:10px;vertical-align:middle}.submit-button{background-color:#0056b3;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:12px 24px;transition:background-color .3s ease}.submit-button:hover{background-color:#004080}.score{font-size:18px;margin-top:20px}.success-message{color:green}.error-message{color:red}.candidates{display:flex;flex-direction:column;font-size:large}.checkbox-container{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;font-size:large;margin-bottom:10px;margin-right:20px;padding:10px}.checkbox-container input[type=checkbox]{margin-bottom:5px}.checkbox-container label{font-size:large}.navbar{background-color:#007bff;color:#fff;padding:10px;text-align:center}.content2{box-sizing:border-box;display:flex;gap:32px;justify-content:space-between;max-height:100vh;overflow-y:auto;padding-left:24px;padding-top:30px}.question-generation{flex:1 1;margin-left:40px;margin-right:20px}.question-generation h1{margin-bottom:20px}.question-generation input[type=text]{margin-right:10px;padding:10px}.question-generation .checkbox-container{display:flex;flex-direction:row}.question-generation button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;outline:none;padding:10px 20px}.candidate-selection{flex:1 1}.candidate-selection h2,.roles{margin-bottom:20px}.roles button{background-color:#558aeb;border:none;border-radius:5px;color:#110606;cursor:pointer;font-size:large;margin-right:10px;outline:none;padding:5px 10px}.candidates div{margin-bottom:10px}.candidates label{margin-left:5px}.sendEmail{display:flex}.sendEmail button{background-color:#b20c0c;color:#e5cfcf;margin-top:22px}.success-message{background-color:#4caf50;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;margin-left:30px;margin-right:40px;margin-top:10px;padding:10px;text-align:center}@media (max-width:910px){.content2{flex-direction:column-reverse}.question-generation{margin-left:0}}.feedback-container{border:1px solid #ccc;box-shadow:0 0 10px #0000001a;box-sizing:border-box;margin:20px auto;max-height:calc(100vh - 40px);max-width:800px;overflow-y:auto;padding:20px}.feedback-table{border-collapse:collapse;margin-bottom:20px;width:100%}.feedback-table td,.feedback-table th{border:1px solid #ccc;padding:8px}.feedback-form{display:flex;flex-direction:column}.feedback-form div{margin-bottom:10px}.edit-button,.submit-button{background-color:blue;border:none;color:#fff;cursor:pointer;padding:10px 20px}.edit-button:hover,.submit-button:hover{background-color:#00008b}.candidate-feedback-list-container{padding:20px}.candidate-feedback-list-container h2{text-align:center}.interview-table{border:1px solid #ddd;border-collapse:collapse;border-radius:12px;width:100%}td,th{border-bottom:1px solid #ddd;padding:16px}th{background-color:#fff;text-align:left}.interview-table tr:hover{background-color:#f5f5f5}@media screen and (max-width:600px){.interview-table{overflow-x:auto}}:root{--primary-color:#6eb0ec;--text-dark:#111827;--text-light:#6b7280;--white:#fff;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}img{display:flex;width:100%}a{text-decoration:none;transition:.3s}body{font-family:Raleway,sans-serif}nav{border-bottom:1px solid #6b7280;border-bottom:1px solid var(--text-light);flex-direction:column;gap:2rem 1rem;justify-content:space-between;margin-inline:auto;max-width:1200px;max-width:var(--max-width);padding:1rem}.nav__logo,nav{align-items:center;display:flex}.nav__logo{color:#6eb0ec;color:var(--primary-color);font-size:1.5rem;font-weight:700;gap:.5rem}.nav__logo div{aspect-ratio:1;background-color:#6eb0ec;background-color:var(--primary-color);border-radius:100%;color:#fff;color:var(--white);display:grid;font-size:1.5rem;line-height:1rem;place-content:center;width:40px}.nav__socials{align-items:center;display:flex;gap:1rem;justify-content:center;list-style:none}.nav__socials a{background-color:#efeaee;border-radius:100%;color:#111827;color:var(--text-dark);font-size:1.5rem;padding:5px 7px}.nav__socials a:hover{background-color:#6b7280;background-color:var(--text-light);color:#fff;color:var(--white)}.nav__contact{align-items:center;display:flex;gap:1rem;justify-content:center}.nav__contact__card{align-items:center;display:flex;gap:.5rem}.nav__contact__card span{color:#6eb0ec;color:var(--primary-color);font-size:2rem}.nav__contact__card p{color:#6b7280;color:var(--text-light);font-size:.9rem;font-weight:600;margin-bottom:5px}.nav__contact__card h4{color:#111827;color:var(--text-dark);font-size:1rem;font-weight:700}.header__container{grid-gap:2rem;display:grid;gap:2rem;margin:auto;max-width:1200px;max-width:var(--max-width);padding:2rem 1rem;text-align:center}.header__container h1{color:#111827;color:var(--text-dark);font-size:4rem;font-weight:700;line-height:5rem;margin-bottom:1rem}.header__container h1 span{color:#6eb0ec;color:var(--primary-color)}.footer{background-color:#000;padding:20px 0;text-align:center}.footer__content{color:#efeaee;margin:0 auto;max-width:1200px}.footer__content p{color:#6b7280;margin-bottom:10px}.footer__links{display:flex;justify-content:center;list-style:none;padding:0}.footer__links li{margin:0 10px}.footer__links li a{color:#6b7280;text-decoration:none}.footer__links li a:hover{color:#03a678}.header__container p{font-size:1rem;font-weight:500;line-height:1.75rem;margin-bottom:2rem}.header__container form{align-items:center;background-color:#f6f4f7;border-radius:10px;display:flex;flex-direction:column;gap:1rem 0;justify-content:space-between}.header__container .input__row{align-items:center;display:flex;flex:1 1;gap:1rem;padding:1rem}.header__container .input__group{align-items:center;display:flex;gap:10px}.header__container .input__group span{color:#111827;color:var(--text-dark)}.header__container input{background-color:initial;border:none;font-size:1rem;outline:none;width:100%}.header__container button{background-color:#6eb0ec;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:1rem;outline:none;padding:1rem 2rem;white-space:nowrap;width:100%}@media (min-width:541px){.nav__contact{gap:2rem}.nav__contact__card{gap:1rem}}@media (min-width:769px){nav{flex-direction:row;padding:2rem 1rem}.nav__logo{flex:1 1}.nav__contact{flex:1 1;justify-content:flex-end}.header__container{align-items:center;grid-template-columns:repeat(2,1fr);text-align:left}.header__image{grid-area:1/2/2/3}}@media (min-width:1025px){.header__container form{flex-direction:row}.header__container button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}
/*# sourceMappingURL=main.edb84a31.css.map*/