:root{--primary:#C5EAB2;--primary-light:#EAFCE2;--primary-bright:#B2FF8B;--primary-darker:#89BE6D;--box-bg-color:#F4F3E8;--alert-color:#FD1414}*,:after,:before{margin:0;padding:0}body{font-family:var(--font-inter),sans-serif;color:#000;margin:0;padding:0;width:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{width:0;height:0}.heading-primary{font-family:var(--font-poppins),sans-serif;font-size:48px;font-weight:700;margin-bottom:0}.margin-bottom-medium{margin-bottom:30px}.margin-bottom-big{margin-bottom:50px}p{margin-bottom:0}.row{box-sizing:border-box}.form-control,.form-select{border:none}.form-control:focus,.form-select:focus{box-shadow:none}.textrea.form-control{border-radius:15px}.error-message{margin-top:10px;color:#c00303;text-align:center}.text-right{text-align:right}.custom-modal .modal-dialog{--bs-modal-width:441px}.custom-modal .modal-dialog .modal-content{border-radius:20px}.custom-modal .modal-dialog .modal-content .modal-header{margin-top:10px;border-bottom:0}.custom-modal .modal-dialog .modal-content .modal-body .form{padding:0 30px 15px}.custom-modal .modal-dialog .modal-content .modal-body .form .header{text-align:center;margin-bottom:15px}.custom-modal .modal-dialog .modal-content .modal-body .form .form-label{text-align:left}.custom-modal .modal-dialog .modal-content .modal-body .form input{background-color:var(--primary-light);height:50px;border-radius:50px;padding:20px}.custom-modal .modal-dialog .modal-content .modal-body .form .forgot-password{color:var(--primary-dark);display:inline;text-decoration:underline;cursor:pointer}.custom-modal .modal-dialog .modal-content .modal-body .form .submit-button{margin-top:0;width:100%}.custom-modal .modal-dialog .modal-content .modal-body .form .danger-button{margin-top:0;width:100%;background-color:var(--alert-color);color:#fff}.full-screen .modal-dialog{--bs-modal-width:95%;--bs-modal-height:95%}.full-screen .modal-dialog .modal-content{min-height:90vh;padding:20px}.full-screen .modal-dialog .modal-content .modal-header .heading{position:relative;top:-4px;margin-right:10px}.full-screen .modal-dialog .modal-content .modal-header .btn-close{position:relative;top:-14px}.full-screen .modal-dialog .modal-content .copy-field{width:500px;border-radius:50px;background-color:#fff;border:1px solid #c6c2c2}.full-screen .modal-dialog .modal-content .copy-field input{background-color:rgba(0,0,0,0);padding-top:0;padding-bottom:0}.full-screen .modal-dialog .modal-content .copy-field button{border-radius:50px!important;background-color:var(--primary-darker);color:#fff;height:50px;margin:5px;border:none}.full-screen .modal-dialog .modal-content .group-box-share{align-items:center;justify-content:center}.full-screen .modal-dialog .modal-content .group-box-share .each-group{min-height:225px}.full-screen .modal-dialog .modal-content .group-box-share .each-group .title{font-size:2rem}.full-screen .modal-dialog .modal-content .group-box-share .each-group .names li{font-size:1.8rem}.full-screen .modal-dialog .modal-content .print-button{background-color:#000;border:1px solid #000;width:50px;height:50px;border-radius:200px;position:relative;top:-8px;margin-left:10px}.full-screen .modal-dialog .modal-content .print-button:hover{opacity:.5}.medium-screen .modal-dialog{--bs-modal-width:65%;--bs-modal-height:65%}.medium-screen .modal-dialog .modal-content{padding:20px}.sharable-modal .modal-content{background-color:var(--box-bg-color)}.login-register-modal .already-have-account,.login-register-modal .dont-have-account{margin-top:15px;text-align:center}.login-register-modal .already-have-account .click-here,.login-register-modal .dont-have-account .click-here{text-decoration:underline;color:var(--primary-dark);display:inline-block;cursor:pointer}.absent-students-modal .box,.invite-students-modal .box{padding:50px}.absent-students-modal .box .description,.invite-students-modal .box .description{font-size:30px}.absent-students-modal .box .ready-button,.invite-students-modal .box .ready-button{margin-top:10px;font-size:20px;padding:15px 50px}.absent-students-modal .box-2 .sides,.invite-students-modal .box-2 .sides{display:flex;position:relative;justify-content:center}.absent-students-modal .box-2 .sides .left-side,.invite-students-modal .box-2 .sides .left-side{text-align:center}.absent-students-modal .box-2 .sides .double-side,.invite-students-modal .box-2 .sides .double-side{text-align:center;width:180px;position:relative;top:-15px}@media(max-width:1500px){.absent-students-modal .box-2 .sides .double-side,.invite-students-modal .box-2 .sides .double-side{top:15px}}@media(max-width:991px){.absent-students-modal .box-2 .sides,.invite-students-modal .box-2 .sides{flex-direction:column;align-items:center}.absent-students-modal .box-2 .sides .double-side,.invite-students-modal .box-2 .sides .double-side{top:0;align-items:center}}.absent-students-modal .box-2 .or-text,.invite-students-modal .box-2 .or-text{position:relative;color:#282828;font-weight:500}.absent-students-modal .box-2 .heading,.invite-students-modal .box-2 .heading{font-size:35px;font-weight:500}.absent-students-modal .box-2 .code,.invite-students-modal .box-2 .code{background-color:var(--primary-light);font-size:50px;text-align:center;margin:20px auto auto;font-weight:700}.absent-students-modal .box-2 .waiting-for-students,.invite-students-modal .box-2 .waiting-for-students{margin-top:5px;font-size:20px;color:#0909bd;animation:blink 1.5s infinite;font-weight:500}.absent-students-modal .box-2 .students,.invite-students-modal .box-2 .students{margin-top:10px;background-color:var(--box-bg-color);border-radius:20px;padding:25px;min-height:300px;overflow-y:scroll}.absent-students-modal .box-2 .students .header,.invite-students-modal .box-2 .students .header{display:flex;justify-content:space-between}.absent-students-modal .box-2 .students .header .student-joined,.invite-students-modal .box-2 .students .header .student-joined{display:flex}.absent-students-modal .box-2 .students .header .student-joined .icon,.invite-students-modal .box-2 .students .header .student-joined .icon{width:30px}.absent-students-modal .box-2 .students .header .student-joined .number,.invite-students-modal .box-2 .students .header .student-joined .number{font-size:30px}.absent-students-modal .box-2 .students .body,.invite-students-modal .box-2 .students .body{margin-top:20px;list-style-type:none;padding:0}.absent-students-modal .box-2 .students .body .each-name,.invite-students-modal .box-2 .students .body .each-name{font-size:22px;margin-top:10px}.absent-students-modal .box-2 .students .body .each-name:hover,.invite-students-modal .box-2 .students .body .each-name:hover{cursor:pointer;text-decoration:line-through;opacity:.5}.absent-students-modal .submit-button,.invite-students-modal .submit-button{margin-top:10px;display:block;margin-left:auto}.absent-students-modal .close-button-confirm .btn-close,.invite-students-modal .close-button-confirm .btn-close{background-color:#fff}.absent-students-modal .close-button-confirm .btn-close:after,.invite-students-modal .close-button-confirm .btn-close:after{display:none}.absent-students-modal .close-button-confirm .confirm,.invite-students-modal .close-button-confirm .confirm{color:var(--primary-darker);text-decoration:underline;cursor:pointer}.absent-students-modal .close-button-confirm .dropdown-item,.invite-students-modal .close-button-confirm .dropdown-item{cursor:default}.absent-students-modal .close-button-confirm .dropdown-item:active,.invite-students-modal .close-button-confirm .dropdown-item:active{color:#000;background-color:#f8f9fa}.absent-students-modal .modal-body{padding-top:0}.absent-students-modal .modal-body .each-name{cursor:pointer;text-decoration:none;opacity:1}.absent-students-modal .modal-body .each-name:hover{text-decoration:line-through;opacity:.5}.absent-students-modal .modal-body .each-name.disabled{cursor:pointer;text-decoration:line-through;opacity:.5}.absent-students-modal .modal-body .students{overflow-y:auto;min-height:auto}.absent-students-modal .modal-body .reset-button{border:1px solid red;color:red;border-radius:50px}.feedback-modal .heading{margin-bottom:0}.feedback-modal .form-control,.feedback-modal .form-select{background-color:var(--primary-light);height:50px;border-radius:50px;padding:0 20px}.feedback-modal textarea.form-control{border-radius:20px;resize:none;padding:20px;height:151px}.feedback-modal .form-check .form-check-input{height:10px!important;padding:10px!important;border-radius:2px!important;background-color:#fff!important}.feedback-modal .form-check .form-check-input:checked{background-color:#0d6efd!important}.feedback-modal .form-check .form-check-label{text-align:left;margin-left:10px}.btn-primary{background-color:var(--primary);color:#000;border:none;padding:12px 30px;font-weight:600;border-radius:50px}.btn-primary:active,.btn-primary:hover{opacity:.8;color:#000;transition:all .2s;background-color:var(--primary)}.btn-brighter-primary{background-color:var(--primary-bright);color:#000;border:none;padding:12px 30px;font-weight:600;border-radius:50px}.btn-brighter-primary:hover{opacity:.8;color:#000;transition:all .2s}.btn-brighter-primary[disabled]{background-color:#ececec;opacity:.5}.searchBar{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}#searchQueryInput{width:100%;max-width:600px;background:#f5f5f5;outline:none;border:none;border-radius:50px;padding:17px 30px;font-size:22px}#searchQuerySubmit{width:60px;height:60px;align-items:center;background-color:#daff8c;margin-left:-64px;border:none;border-radius:50%}#searchQuerySubmit:hover{cursor:pointer}.page-numbers,.pagination{display:flex;align-items:center;justify-content:center;gap:18px}.pagination{margin-top:40px}.btn-nav,.btn-page{border-radius:50%;background-color:#fff;cursor:pointer}.btn-nav{background-color:rgba(236,233,228,.5)}.btn-nav,.btn-page{width:50px;height:50px;border:none}.btn-page{font-size:20px;font-weight:600}.btn-page:hover{background-color:#c3f65d;transition:all .2s}.btn-selected{background-color:#daff8c}.label-container{display:block;position:relative;padding-left:45px;margin-bottom:12px;margin-right:20px;cursor:pointer;font-size:22px;white-space:nowrap}.label-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #c9d3cc;border-radius:3px}.label-container input:checked~.checkmark{background-color:#bfdda3}.checkmark:after{content:"";position:absolute;display:none}.label-container input:checked~.checkmark:after{display:block}.label-container .checkmark:after{left:9px;top:2px;width:6px;height:14px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-scrollbar::-webkit-scrollbar{width:10px}.custom-scrollbar::-webkit-scrollbar-track{border:1px solid #ececec;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary);cursor:pointer}.no-visible-scrollbar{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.no-visible-scrollbar::-webkit-scrollbar{width:0;height:0}.group-box,.group-box-share{display:flex;flex-wrap:wrap;margin-top:15px}.group-box .each-group,.group-box-share .each-group{border-radius:10px;background-color:#fff;text-align:center;width:22.5%;box-sizing:border-box;margin:10px;padding:15px;min-height:200px;position:relative;overflow:hidden}@media(max-width:767px){.group-box .each-group,.group-box-share .each-group{width:100%}}.group-box .each-group:before,.group-box-share .each-group:before{content:"";display:block;width:80%;border-top:9px solid #000;border-radius:10px;position:relative;top:-17px;margin:auto}.group-box .each-group:first-child:before,.group-box-share .each-group:first-child:before{border-color:#ff5f5f}.group-box .each-group:nth-child(2):before,.group-box-share .each-group:nth-child(2):before{border-color:#625fff}.group-box .each-group:nth-child(3):before,.group-box-share .each-group:nth-child(3):before{border-color:#5fff6f}.group-box .each-group:nth-child(4):before,.group-box-share .each-group:nth-child(4):before{border-color:#ffbf5f}.group-box .each-group:nth-child(5):before,.group-box-share .each-group:nth-child(5):before{border-color:#03af8d}.group-box .each-group:nth-child(6):before,.group-box-share .each-group:nth-child(6):before{border-color:#bdf}.group-box .each-group:nth-child(7):before,.group-box-share .each-group:nth-child(7):before{border-color:#004b93}.group-box .each-group:nth-child(8):before,.group-box-share .each-group:nth-child(8):before{border-color:#45a3ff}.group-box .each-group:nth-child(9):before,.group-box-share .each-group:nth-child(9):before{border-color:#e2f1ff}.group-box .each-group:nth-child(10):before,.group-box-share .each-group:nth-child(10):before{border-color:#578a57}.group-box .each-group:nth-child(11):before,.group-box-share .each-group:nth-child(11):before{border-color:#6e5ef8}.group-box .each-group:nth-child(12):before,.group-box-share .each-group:nth-child(12):before{border-color:#69093e}.group-box .each-group:nth-child(13):before,.group-box-share .each-group:nth-child(13):before{border-color:#04352e}.group-box .each-group:nth-child(14):before,.group-box-share .each-group:nth-child(14):before{border-color:#083504}.group-box .each-group:nth-child(15):before,.group-box-share .each-group:nth-child(15):before{border-color:#72e268}.group-box .each-group:nth-child(16):before,.group-box-share .each-group:nth-child(16):before{border-color:#ab68e2}.group-box .each-group:nth-child(17):before,.group-box-share .each-group:nth-child(17):before{border-color:#710ac5}.group-box .each-group .title,.group-box-share .each-group .title{margin-top:15px;font-weight:700;font-size:1.3rem}.group-box .each-group .names,.group-box-share .each-group .names{margin-top:20px;list-style-type:none;padding:0}.group-box .each-group .names li,.group-box-share .each-group .names li{margin-top:10px;text-align:left;font-size:1.3rem}.group-box .each-group .names li.draggable-item,.group-box .each-group .names li.draggable-student,.group-box-share .each-group .names li.draggable-item,.group-box-share .each-group .names li.draggable-student{display:flex;justify-content:space-between;padding:3px 10px;border-radius:10px;cursor:move}.group-box .each-group .names li.draggable-item .absent-student-button,.group-box .each-group .names li.draggable-student .absent-student-button,.group-box-share .each-group .names li.draggable-item .absent-student-button,.group-box-share .each-group .names li.draggable-student .absent-student-button{display:block}.group-box .each-group .names li.draggable-item:hover,.group-box .each-group .names li.draggable-student:hover,.group-box-share .each-group .names li.draggable-item:hover,.group-box-share .each-group .names li.draggable-student:hover{background-color:#eee;color:#000;font-weight:700}.group-box .each-group .names li.draggable-item:hover .absent-student-button,.group-box .each-group .names li.draggable-student:hover .absent-student-button,.group-box-share .each-group .names li.draggable-item:hover .absent-student-button,.group-box-share .each-group .names li.draggable-student:hover .absent-student-button{display:block;cursor:pointer}.printable{background-color:var(--box-bg-color);align-content:flex-start;min-height:100vh;padding:20px;margin-top:0;text-align:center}.logo-print,.printable .heading{margin-top:10px}@media print{@page{size:landscape;margin:0}.printable,body,html{width:100vw;height:100vh;overflow:hidden;margin:0;padding:0;background-color:#f4f3e8!important}.each-group,.printable,body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact}.each-group{width:18%!important;margin:10px!important;background-color:#fff!important;min-height:150px!important}.group-box,.group-box-share{display:flex;flex-wrap:wrap;justify-content:left}.footer,.navbar,.no-print,button{display:none!important}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.footer-section{background-color:#fff;padding:60px 0 40px;border-top:1px solid rgba(0,0,0,.1)}@media(max-width:768px){.footer-section{padding:40px 0 30px}}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width:768px){.footer-container{padding:0 15px}}.footer-row{margin:0}.footer-col{margin-bottom:30px;padding:0 15px}@media(max-width:768px){.footer-col{margin-bottom:40px;padding:0 10px}}.footer-title{font-size:1.125rem;font-weight:600;color:#333;margin-bottom:20px;line-height:1.4}.footer-text{color:#333;line-height:1.6;font-size:18px;margin:0}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}@media(max-width:768px){.footer-links li{margin-bottom:10px}}.footer-links li:last-child{margin-bottom:0}.footer-link{font-size:18px;color:#333;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--primary-darker);text-decoration:none}.footer-social-icons{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}@media(max-width:768px){.footer-social-icons{gap:10px;margin-bottom:15px}}.footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#000;border-radius:50%;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.footer-social-icon .real-social-icon{color:#fff}@media(max-width:768px){.footer-social-icon{width:36px;height:36px}}.footer-social-icon:hover{transform:scale(1.05);text-decoration:none;opacity:.8}.footer-social-icon img{width:40px;height:40px;object-fit:contain}.footer-copyright{font-size:.9375rem;color:#333;margin:0;line-height:1.6}@media(max-width:768px){.footer-copyright{font-size:.875rem}}.logo{width:150px}.user-dropdown button{background-color:#fff!important;color:#000!important;padding:0}.user-dropdown button:active{color:#000}.user-dropdown .dropdown-item:active{background-color:#e3e3e3!important;color:#000}.generator-section .header-section{margin-top:50px;margin-bottom:10px;display:flex;justify-content:space-between}.generator-section .header-section .title{font-size:2rem}.generator-section .header-section .invite-students-button{background-color:#000;width:50px;height:50px;border-radius:200px}.generator-section .header-section .invite-students-button .icon{width:35px}.feedback-button{z-index:1000;cursor:pointer;position:fixed;bottom:25px;right:25px;background-color:var(--primary);width:50px;height:50px;border-radius:50px;text-align:center}.feedback-button .icon{width:30px;position:relative;top:10px}.information-section{margin-top:50px;margin-bottom:50px}@media(max-width:767px){.information-section{margin-top:20px;margin-bottom:50px}}.information-section .text-box ul{list-style-type:none;padding-left:0}.information-section .text-box ul li{margin-top:10px;display:flex}.information-section .text-box ul li .green-check{width:25px}.information-section .text-box ul li p{margin-left:5px}.information-section .people-talking{width:100%}.generator-section .sidebar-section .toggle-button{background-color:var(--primary-light);height:50px;display:flex;border-radius:50px}.generator-section .sidebar-section .toggle-button button{height:50px;width:50%;border:none;font-weight:700;background-color:rgba(0,0,0,0)}.generator-section .sidebar-section .toggle-button button.active{background-color:var(--primary);border-radius:50px}.generator-section .sidebar-section .toggle-button{margin-bottom:10px}.generator-section .sidebar-section .custom-form{background-color:var(--box-bg-color);padding:20px;border-radius:10px}.generator-section .sidebar-section .custom-form label{font-weight:700}.generator-section .sidebar-section .custom-form .student-list{cursor:auto;height:200px;overflow-y:scroll;resize:none}.generator-section .sidebar-section .custom-form .student-list.placeholder-text{color:#555}.generator-section .sidebar-section .custom-form .choose-class,.generator-section .sidebar-section .custom-form .group-size,.generator-section .sidebar-section .custom-form .select-attributes,.generator-section .sidebar-section .custom-form .select-sorting-type{height:40px;border-radius:50px}.generator-section .sidebar-section .custom-form .save-button,.generator-section .sidebar-section .custom-form .shuffle-button{width:100%}.generator-section .sidebar-section .custom-form .save-button[disabled],.generator-section .sidebar-section .custom-form .shuffle-button[disabled]{opacity:.5}.generator-section .sidebar-section .custom-form .shuffle-button .shuffle-icon{margin-right:10px;position:relative;top:-1px}.generator-section .sidebar-section .custom-form .save-button{border:none;background-color:rgba(0,0,0,0);color:var(--primary-dark)}.generator-section .sidebar-section .custom-form .save-button .save-icon{margin-right:10px;position:relative;top:-1px}.generator-section .sidebar-section .show-classes .all-classes{max-height:500px;overflow-y:scroll;padding:5px}.generator-section .sidebar-section .show-classes .all-classes .each-class{display:flex;justify-content:space-between;margin-top:10px;background-color:#fff;height:50px;padding:12px 15px;border-radius:5px;cursor:pointer}.generator-section .sidebar-section .show-classes .all-classes .each-class.active{background-color:var(--primary)}.generator-section .sidebar-section .show-classes .all-classes .each-class .title{width:90%}.generator-section .sidebar-section .show-classes .all-classes .each-class .dots{background-color:rgba(0,0,0,0);padding:0}.generator-section .sidebar-section .show-classes .all-classes .each-class .dots .icon{right:-8px;position:relative}.generator-section .sidebar-section .show-classes .all-classes .each-class .dots:after{display:none}.generator-section .sidebar-section .show-classes .all-classes .each-class .delete-class:active,.generator-section .sidebar-section .show-classes .all-classes .each-class .rename-class:active{background-color:#f8f9fa;color:#000}.generator-section .sidebar-section .show-classes .all-classes .each-class .rename-class img{width:20px}.generator-section .sidebar-section .show-classes .all-classes .each-class .delete-class img{width:20px;position:relative;top:-3px}.generator-section .sidebar-section .show-classes .add-class-button{margin-top:10px;color:var(--primary-dark);text-align:center;cursor:pointer}.generator-section .groups-section{background-color:var(--box-bg-color);padding:20px;border-radius:15px;max-height:700px;overflow-y:scroll}@media(max-width:767px){.generator-section .groups-section{margin-top:20px;max-height:auto;overflow-y:scroll}}.generator-section .groups-section .header{display:flex;justify-content:space-between}.generator-section .groups-section .header .left-side{margin-left:15px;display:flex;align-items:baseline}.generator-section .groups-section .header .left-side .title{font-size:1.2rem;font-weight:700}.generator-section .groups-section .header .left-side .options{margin-left:10px;background-color:var(--primary-light);padding:6px;border-radius:50px}.generator-section .groups-section .header .left-side .options .boxes-button,.generator-section .groups-section .header .left-side .options .list-button,.generator-section .groups-section .header .left-side .options .text-button{background-color:rgba(0,0,0,0);border:none;width:40px;height:40px}.generator-section .groups-section .header .left-side .options .boxes-button.active,.generator-section .groups-section .header .left-side .options .list-button.active,.generator-section .groups-section .header .left-side .options .text-button.active{background-color:var(--primary);border-radius:50px}.generator-section .groups-section .header .left-side .absent-student-button{margin-left:10px;background-color:#f8e8e8;padding:12px;border-radius:50px}.generator-section .groups-section .header .left-side .absent-student-button span{color:red;margin-left:5px}.generator-section .groups-section .header .left-side .absent-student-button{cursor:pointer}.generator-section .groups-section .header .right-side .full-screen-button{background-color:rgba(0,0,0,0);border:none;background-color:var(--primary-light);border-radius:50px;border:1px solid var(--primary);width:40px;height:40px;margin-top:6px}.generator-section .groups-section .header .right-side .full-screen-button.disabled{opacity:.3;cursor:default}.generator-section .groups-section .header .right-side .full-screen-button .icon{position:relative;top:-1px}.generator-section .groups-section .absent-students-box{margin-top:20px;display:flex;align-items:center;text-align:center;justify-content:center}.generator-section .groups-section .table-box{margin-top:15px;padding:20px;background-color:#fff;border-radius:10px}.generator-section .groups-section .table-box .each-table{display:flex;margin-top:15px}@media(max-width:767px){.generator-section .groups-section .table-box .each-table{display:block}}.generator-section .groups-section .table-box .each-table .title{margin-right:20px;width:150px;font-size:1.1rem;font-weight:700}.generator-section .groups-section .table-box .each-table table{width:100%;border-radius:20px;background-color:#f4f3e8}.generator-section .groups-section .table-box .each-table table thead th{padding:0 20px;background-color:#fff}.generator-section .groups-section .table-box .each-table table tbody tr{border-bottom:1px solid #dad1d1}.generator-section .groups-section .table-box .each-table table tbody tr td{padding:20px}.generator-section .groups-section .table-box .each-table table tbody tr:last-child{border-bottom:none}.generator-section .groups-section .table-box .each-table table .td-first{width:200px}.generator-section .groups-section .table-box .each-table table .td-forth,.generator-section .groups-section .table-box .each-table table .td-second,.generator-section .groups-section .table-box .each-table table .td-third{width:105px}.generator-section .groups-section .table-box .each-table table .td-forth.active,.generator-section .groups-section .table-box .each-table table .td-second.active,.generator-section .groups-section .table-box .each-table table .td-third.active{background-color:#dfdfdd}.generator-section .groups-section .table-box .each-table table th.td-first{padding-left:16px;padding-right:0}.generator-section .groups-section .table-box .each-table table tr.draggable-table-row:active,.generator-section .groups-section .table-box .each-table table tr.draggable-table-row:hover{cursor:move}.generator-section .groups-section .table-box .each-table table tr.draggable-table-row:active td,.generator-section .groups-section .table-box .each-table table tr.draggable-table-row:hover td{border-radius:15px;background-color:#eee;color:#000;font-weight:700}.generator-section .groups-section .no-data-exists{text-align:center;margin:40px auto}.generator-section .classes-section{background-color:var(--box-bg-color);padding:20px;border-radius:15px;max-height:700px;overflow-y:scroll}@media(max-width:767px){.generator-section .classes-section{margin-top:20px;max-height:auto;overflow-y:scroll}}.generator-section .classes-section .header{display:flex;justify-content:space-between;height:52px;align-items:center}@media(max-width:767px){.generator-section .classes-section .header{display:block}}.generator-section .classes-section .header .left-side{margin-left:15px;display:flex;align-items:baseline}.generator-section .classes-section .header .left-side .title{font-size:1.2rem;font-weight:700}.generator-section .classes-section .header .left-side .options{margin-left:10px;background-color:var(--primary-light);padding:6px;border-radius:50px}.generator-section .classes-section .header .left-side .options .boxes-button,.generator-section .classes-section .header .left-side .options .list-button,.generator-section .classes-section .header .left-side .options .text-button{background-color:rgba(0,0,0,0);border:none;width:40px;height:40px}.generator-section .classes-section .header .left-side .options .boxes-button.active,.generator-section .classes-section .header .left-side .options .list-button.active,.generator-section .classes-section .header .left-side .options .text-button.active{background-color:var(--primary);border-radius:50px}@media(max-width:767px){.generator-section .classes-section .header .right-side{text-align:center;margin-top:15px}}.generator-section .classes-section .header .right-side .edit-attributes-button{background-color:rgba(0,0,0,0);border:none;color:#000;position:relative;top:-5px;margin-right:10px}.generator-section .classes-section .header .right-side .edit-attributes-button .icon{position:relative;top:-1px}.generator-section .classes-section .header .right-side .edit-attributes-button.disabled{opacity:.3;cursor:default}.generator-section .classes-section .header .right-side .delete-students-button{background-color:rgba(0,0,0,0);border:none;color:var(--alert-color);position:relative;top:-5px}.generator-section .classes-section .header .right-side .delete-students-button .icon{position:relative;top:-1px}.generator-section .classes-section .header .right-side .delete-students-button.disabled{opacity:.3;cursor:default}.generator-section .classes-section .classes-box{padding-left:20px;padding-right:20px}@media(max-width:767px){.generator-section .classes-section .classes-box{padding:0;margin-top:20px;width:200%;overflow-x:scroll}}.generator-section .classes-section .classes-box .table-hover thead tr th{background-color:var(--primary);padding-top:15px;padding-bottom:15px}.generator-section .classes-section .classes-box .table-hover thead tr th:first-child{width:70px}.generator-section .classes-section .classes-box .table-hover thead tr .header-checkbox{margin-left:10px}.generator-section .classes-section .classes-box .table-hover tbody tr,.generator-section .classes-section .classes-box .table-hover tbody tr td{border-bottom:none}.generator-section .classes-section .classes-box .table-hover tbody tr td .attr1,.generator-section .classes-section .classes-box .table-hover tbody tr td .attr2,.generator-section .classes-section .classes-box .table-hover tbody tr td .attr3,.generator-section .classes-section .classes-box .table-hover tbody tr td .person-name{background-color:#f4f4f4;height:45px;border:1px solid #f4f4f4}.generator-section .classes-section .classes-box .table-hover tbody tr td .attr1:focus,.generator-section .classes-section .classes-box .table-hover tbody tr td .attr2:focus,.generator-section .classes-section .classes-box .table-hover tbody tr td .attr3:focus,.generator-section .classes-section .classes-box .table-hover tbody tr td .person-name:focus{border:1px solid #90b37e}.generator-section .classes-section .classes-box .table-hover tbody tr td .each-checkbox{margin-left:10px;margin-top:10px}.generator-section .classes-section .classes-box .table-hover tbody tr:hover td{background-color:#e5e5e5;box-shadow:none}.generator-section .classes-section .classes-box .table-hover{margin-bottom:0}.generator-section .classes-section .classes-box .enable-paste-data-section{background-color:#fff;padding:20px}.generator-section .classes-section .classes-box .enable-paste-data-section .content{background-color:var(--primary-light);padding:30px;text-align:center;border-radius:10px}.generator-section .classes-section .classes-box .enable-paste-data-section .content .click-here{cursor:pointer;color:var(--primary-darker);text-decoration:underline}.generator-section .classes-section .classes-box .paste-data-section{background-color:#fff;padding:20px}.generator-section .classes-section .classes-box .paste-data-section .content{border:4px dashed var(--primary-darker);background-color:#fff;padding:15px;text-align:center;border-radius:10px}.generator-section .classes-section .classes-box .paste-data-section .content .click-here{cursor:pointer;color:var(--primary-darker);text-decoration:underline}.generator-section .no-class-selected-section{padding:35px;border-radius:10px;text-align:center}.join-page,.reset-password-page{background-color:var(--box-bg-color);height:100vh;padding-top:100px}@media(max-width:767px){.join-page,.reset-password-page{padding-top:50px}}.join-page .box,.reset-password-page .box{width:400px;border-radius:20px;background-color:#fff;padding:20px;margin:30px auto auto}.join-page .box .each-field,.reset-password-page .box .each-field{margin-top:10px}.join-page .box .each-field .form-control,.reset-password-page .box .each-field .form-control{margin-top:0;background-color:#f7f7f7!important;height:50px;border-radius:50px;padding-left:15px;padding-right:15px}.join-page .box .submit-button,.reset-password-page .box .submit-button{margin-top:15px;width:100%}.join-page .box .success-message,.reset-password-page .box .success-message{padding-top:15px;padding-bottom:15px}.join-page .box .success-message .link,.reset-password-page .box .success-message .link{color:var(--primary-darker)}.features-section{background-color:#f5f5f5}.features-container{padding:60px 20px;max-width:1200px;margin:0 auto}@media(max-width:768px){.features-container{padding:40px 15px}}.features-intro{font-size:1.125rem;color:#333;margin-bottom:30px;line-height:1.6}@media(max-width:768px){.features-intro{font-size:1rem;margin-bottom:25px}}.features-slogan{font-size:1.5rem;font-weight:600;color:var(--primary-darker);margin-bottom:25px;line-height:1.4}@media(max-width:768px){.features-slogan{font-size:1.25rem;margin-bottom:20px}}@media(max-width:576px){.features-slogan{font-size:1.125rem}}.features-description{font-size:1.125rem;color:#333;margin-bottom:50px;line-height:1.6}@media(max-width:768px){.features-description{font-size:1rem;margin-bottom:40px}}.features-sections{margin-bottom:50px}@media(max-width:768px){.features-sections{margin-bottom:40px}}.features-table-container{background-color:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.05)}@media(max-width:768px){.features-table-container{border-radius:6px}}.features-columns-wrapper{margin:0;display:flex;flex-wrap:wrap}.features-column{padding:0;display:flex;flex-direction:column}@media(min-width:768px){.features-column{border-right:1px solid rgba(0,0,0,.1)}.features-column:last-child{border-right:none}}@media(max-width:767px){.features-column{border-bottom:2px solid rgba(0,0,0,.1)}.features-column:last-child{border-bottom:none}}.features-table-column-header{text-align:center}@media(max-width:768px){.features-table-column-header{padding:0}}.features-table-cell{padding:25px 30px;border-bottom:1px solid rgba(0,0,0,.1);height:119px}.features-table-cell:last-child{border-bottom:none}@media(max-width:768px){.features-table-cell{padding:10px 20px;height:auto}}.features-column-title{font-size:1.5rem;padding:30px;font-weight:600;color:#000;text-align:center;background-color:var(--primary-light);margin:10px;border-radius:20px}@media(max-width:768px){.features-column-title{font-size:1.25rem}}.feature-item{margin-bottom:30px}.feature-item:last-child{margin-bottom:0}@media(max-width:768px){.feature-item{margin-bottom:25px}}.feature-title{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:10px}@media(max-width:768px){.feature-title{font-size:1.125rem}}.feature-description{font-size:1rem;color:#333;margin-bottom:10px;line-height:1.5}@media(max-width:768px){.feature-description{font-size:.9375rem}}.feature-link{color:var(--primary-darker);text-decoration:none;font-size:.9375rem;font-weight:500;display:inline-block;transition:color .2s ease}.feature-link:hover{color:var(--primary-bright);text-decoration:underline}.features-cta-button{background-color:var(--primary-darker);border:none;color:#fff;font-size:1.25rem;font-weight:600;padding:15px 40px;border-radius:8px;transition:background-color .3s ease,transform .2s ease;margin-top:20px}.features-cta-button:hover{background-color:var(--primary);color:#000;transform:translateY(-2px)}.features-cta-button:active{transform:translateY(0)}@media(max-width:768px){.features-cta-button{font-size:1.125rem;padding:12px 30px}}@media(max-width:576px){.features-cta-button{font-size:1rem;padding:10px 25px;width:100%;max-width:300px}}.how-it-works-section{background-color:#fff;padding:60px 0}@media(max-width:768px){.how-it-works-section{padding:40px 0}}.how-it-works-container{padding:0 20px;max-width:1200px;margin:0 auto}@media(max-width:768px){.how-it-works-container{padding:0 15px}}.how-it-works-intro{font-size:1.125rem;color:#333;margin-bottom:20px;line-height:1.6}@media(max-width:768px){.how-it-works-intro{font-size:1rem;margin-bottom:15px}}.how-it-works-data-intro{font-size:1.125rem;color:#333;margin-bottom:40px;line-height:1.6}@media(max-width:768px){.how-it-works-data-intro{font-size:1rem;margin-bottom:30px}}@media(max-width:991px){.how-it-works-cards{justify-content:center}}.how-it-works-card-col{margin-bottom:30px}@media(max-width:768px){.how-it-works-card-col{margin-bottom:25px}}.how-it-works-card{background-color:#f5f5f5;padding:30px 20px;border-radius:20px;text-align:left;height:100%;display:flex;flex-direction:column}@media(max-width:768px){.how-it-works-card{padding:25px 15px}}.how-it-works-card-icon{margin-bottom:20px;display:flex}.how-it-works-card-icon img{width:80px;height:80px;object-fit:contain}@media(max-width:768px){.how-it-works-card-icon{margin-bottom:15px}.how-it-works-card-icon img{width:70px;height:70px}}.how-it-works-card-title{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:15px;line-height:1.3;text-align:left}@media(max-width:768px){.how-it-works-card-title{font-size:1.125rem;margin-bottom:12px}}.how-it-works-card-description{font-size:1rem;color:#333;line-height:1.6;margin:0}@media(max-width:768px){.how-it-works-card-description{font-size:.9375rem}}.how-it-works-conclusion{font-size:1.125rem;color:#333;margin-bottom:40px;line-height:1.6}@media(max-width:768px){.how-it-works-conclusion{font-size:1rem;margin-bottom:30px}}.three-ways-section{background-color:#f5f5f5;padding:60px 0}@media(max-width:768px){.three-ways-section{padding:40px 0}}.three-ways-container{padding:0 20px;max-width:1200px;margin:0 auto}@media(max-width:768px){.three-ways-container{padding:0 15px}}.three-ways-intro{font-size:1.125rem;color:#333;margin-bottom:30px;line-height:1.6}@media(max-width:768px){.three-ways-intro{font-size:1rem;margin-bottom:40px}}.three-ways-card-col{margin-bottom:30px}@media(max-width:768px){.three-ways-card-col{margin-bottom:25px}}.three-ways-card{background-color:#fff;padding:30px 20px;border-radius:20px;text-align:left;height:100%;display:flex;flex-direction:column}@media(max-width:768px){.three-ways-card{padding:25px 15px}}.three-ways-card-icon{margin-bottom:20px;display:flex}.three-ways-card-icon img{width:100%;max-width:100%;height:auto;object-fit:contain}@media(max-width:768px){.three-ways-card-icon{margin-bottom:15px}}.three-ways-card-title{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:15px;line-height:1.3;text-align:left}@media(max-width:768px){.three-ways-card-title{font-size:1.125rem;margin-bottom:12px}}.three-ways-card-description{font-size:1rem;color:#333;line-height:1.6;margin:0;flex-grow:1}@media(max-width:768px){.three-ways-card-description{font-size:.9375rem}}.testimonials-section{background-color:#fff;padding:60px 0}@media(max-width:768px){.testimonials-section{padding:40px 0}}.testimonials-container{padding:0 20px;max-width:1200px;margin:0 auto}@media(max-width:768px){.testimonials-container{padding:0 15px}}.testimonials-headline{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:20px;line-height:1.2}@media(max-width:768px){.testimonials-headline{font-size:2rem;margin-bottom:15px}}@media(max-width:576px){.testimonials-headline{font-size:1.75rem}}.testimonials-intro{font-size:1.125rem;color:#333;margin-bottom:50px;line-height:1.6}@media(max-width:768px){.testimonials-intro{font-size:1rem;margin-bottom:40px}}.testimonials-carousel{display:flex;gap:30px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:20px 0;margin-bottom:30px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.testimonials-carousel::-webkit-scrollbar{display:none}@media(max-width:768px){.testimonials-carousel{gap:20px;padding:15px 0;margin-bottom:25px}}.testimonial-card{flex:0 0 32%;min-width:32%;background-color:#f4f3e8;padding:30px 25px;border-radius:12px;position:relative;scroll-snap-align:start;display:flex;flex-direction:column}@media(max-width:991px){.testimonial-card{flex:0 0 48%;min-width:48%}}@media(max-width:768px){.testimonial-card{flex:0 0 100%;min-width:100%;padding:25px 20px}}.testimonial-quote-icon{position:absolute;top:15px;right:20px;width:60px;height:60px;z-index:1}.testimonial-quote-icon img{width:100%;height:100%;object-fit:contain;opacity:.3}@media(max-width:768px){.testimonial-quote-icon{width:50px;height:50px;top:12px;right:15px}}.testimonial-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;position:relative;z-index:2}@media(max-width:768px){.testimonial-header{gap:12px;margin-bottom:12px}}.testimonial-image{flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden}.testimonial-image img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.testimonial-image{width:50px;height:50px}}.testimonial-info{flex:1 1}.testimonial-name{font-size:1.125rem;font-weight:700;color:#000;margin:0 0 5px;line-height:1.2}@media(max-width:768px){.testimonial-name{font-size:1rem}}.testimonial-title{font-size:1rem;color:#000;margin:0;line-height:1.2}@media(max-width:768px){.testimonial-title{font-size:.9375rem}}.testimonial-rating{margin-bottom:20px;position:relative;z-index:2}.testimonial-rating img{height:20px;width:auto;object-fit:contain}@media(max-width:768px){.testimonial-rating{margin-bottom:15px}.testimonial-rating img{height:18px}}.testimonial-text{font-size:1rem;color:#000;line-height:1.6;margin:0;position:relative;z-index:2;flex-grow:1}@media(max-width:768px){.testimonial-text{font-size:.9375rem;line-height:1.5}}.testimonials-navigation{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}@media(max-width:768px){.testimonials-navigation{gap:12px;margin-top:15px}}.testimonials-nav-btn{width:48px;height:48px;border-radius:50%;background-color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease;padding:0}.testimonials-nav-btn:hover{background-color:#333;transform:scale(1.05)}.testimonials-nav-btn:active{transform:scale(.95)}.testimonials-nav-btn:focus{outline:2px solid var(--primary-darker);outline-offset:2px}.testimonials-nav-btn svg{width:24px;height:24px}@media(max-width:768px){.testimonials-nav-btn{width:44px;height:44px}.testimonials-nav-btn svg{width:20px;height:20px}}.about-me-section{background-color:#fff;padding:60px 0}@media(max-width:768px){.about-me-section{padding:40px 0}}.about-me-container{padding:0 20px;max-width:1200px;margin:0 auto}@media(max-width:768px){.about-me-container{padding:0 15px}}.about-me-row{align-items:center}@media(max-width:991px){.about-me-row{flex-direction:column-reverse}}.about-me-text-col{padding-right:40px}@media(max-width:991px){.about-me-text-col{padding-right:0;padding-top:40px}}@media(max-width:768px){.about-me-text-col{padding-top:30px}}.about-me-paragraph{font-size:1.125rem;color:#333;margin-bottom:20px;line-height:1.6}@media(max-width:768px){.about-me-paragraph{font-size:1rem;margin-bottom:18px}}@media(max-width:576px){.about-me-paragraph{font-size:.9375rem;margin-bottom:16px}}.about-me-button-wrapper{margin-top:30px}@media(max-width:768px){.about-me-button-wrapper{margin-top:25px}}.about-me-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.about-me-image{width:100%;height:auto;object-fit:cover;border-radius:8px;max-width:100%}@media(max-width:991px){.about-me-image{max-width:500px;margin:0 auto}}