@layer base,theme,layout,utilities;@layer base{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;padding:0;font:inherit;cursor:pointer}img,picture,video,canvas,svg{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}input,textarea,select{font:inherit;width:100%}}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.text-primary{color:var(--primary-color)}.underline{text-decoration:underline}.fw-bolder{font-family:Bold,sans-serif}.question-statistics-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-md)}.question-statistics-cards .card{display:flex;gap:var(--gap-md);align-items:center;padding:var(--padding-md);background-color:#f8f8f8;border-radius:var(--radius-md)}.top-page-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-md)}.top-page-cards .card{display:flex;flex-direction:column;gap:var(--gap-sm);align-items:center;justify-content:center;padding:var(--padding-sm);border-radius:var(--radius-md);border:1px solid var(--primary-color)}.top-page-cards .card h4{color:var(--light-color)}.top-page-cards .card p{color:var(--primary-color);font-weight:600}.question-show-card{padding:var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--primary-color);background:var(--test-summary-bg)}.question-show-card .card-header{display:flex;gap:var(--gap-sm)}.question-show-card .card-header p{font-weight:600}.question-show-card .card-body .right{color:var(--success-color)}.question-show-card .card-body span{font-size:var(--font-size-md);font-weight:600}.question-show-card .card-body p{color:var(--light-color);font-weight:500}.login{width:100%;min-height:100vh;display:flex;justify-content:center}.login-card{display:grid;grid-template-columns:1fr 1fr;width:100%;overflow:hidden;box-shadow:0 24px 64px #0000001f}@media(max-width:768px){.login-card{grid-template-columns:1fr}}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:var(--padding-md) var(--padding-lg);gap:var(--gap-md)}.login-panel--dark{background-color:var(--primary-color);position:relative;overflow:hidden}.login-panel--dark:before{content:"";position:absolute;top:-80px;left:-80px;width:280px;height:280px;border-radius:50%;background:#ffffff0d;pointer-events:none}.login-panel--dark:after{content:"";position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff0a;pointer-events:none}@media(max-width:768px){.login-panel--dark{display:none}}.login-panel--light{background-color:var(--card-bg-color, #ffffff)}.login .panel-brand{display:flex;align-items:center;gap:var(--gap-sm);position:relative;z-index:1}.login .panel-brand__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:.9}.login .panel-brand__name{font-family:bold,sans-serif;font-size:1rem;color:#fff;letter-spacing:.02em}.login .panel-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.login .panel-visual__img{width:100%;opacity:.92}.login-form{width:100%;display:flex;flex-direction:column;gap:var(--gap-md)}.login-form__header{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--gap-sm)}.login-form__eyebrow{font-family:bold,sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary-color)}.login-form__forgot{font-family:regular,sans-serif;font-size:.8rem;color:var(--primary-color);text-decoration:none;text-align:right;margin-top:calc(-1*var(--gap-sm));opacity:.8;transition:opacity .2s}.login-form__forgot:hover{opacity:1}.login-form .title{font-family:bold,sans-serif;font-size:1.75rem;color:var(--title-color);letter-spacing:-.02em}.login-form .description{font-family:regular,sans-serif;font-size:.9rem;color:var(--text-color)}.login-form label{font-family:bold,sans-serif;font-size:.8rem;color:var(--primary-color)}.login-form button{width:100%;justify-content:center;margin-top:var(--gap-sm)}.days-wrapper{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;padding-bottom:6px;width:100%}.day-card-wrapper{flex:0 0 auto;cursor:pointer;width:100%}.hidden-checkbox{display:none}.day-card{width:100%;height:72px;border-radius:12px;padding:10px;text-align:center;transition:all .2s ease;background:#0000;display:flex;flex-direction:column;justify-content:center;align-items:center}.day-card:hover{border-color:var(--primary-color);box-shadow:0 4px 10px #00000014}.day-name{font-size:16px;font-weight:500;width:100%}.day-card.selected{background:#eaedf3;color:var(--primary-color);font-family:Bold;position:relative;width:100%}.day-card.selected:after{content:"";position:absolute;bottom:0;left:50%;width:80%;transform:translate(-50%);height:4px;border-radius:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00319c24}.fixed-group-time{background:#fafafa;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:2rem}.fixed-group-time .fixed-group-time-header .header-titles h3{font-family:Bold;font-size:var(--font-size-lg)}.fixed-group-time .fixed-group-time-header .header-titles span{color:#a9a9a9}.fixed-group-time .fixed-group-time-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media screen and (max-width:700px){.fixed-group-time .fixed-group-time-header{flex-wrap:wrap}}.fixed-group-time .fixed-group-time-header .title{display:flex;gap:1rem;align-items:center}.fixed-group-time .fixed-group-time-header .title .title-text{display:flex;flex-direction:column;gap:.2rem}.fixed-group-time .fixed-group-time-header .title .title-text p{font-weight:600}.fixed-group-time .fixed-group-time-header .title .title-text span{color:#7e7e7e}.fixed-group-time .fixed-group-time-header input[type=radio]{display:none}.fixed-group-time .fixed-group-time-header .radio-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.fixed-group-time .fixed-group-time-header .input-label{cursor:pointer;padding:.8rem 1rem;border-radius:18px;opacity:.5;width:80px;height:50px;text-align:center;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out}.fixed-group-time .fixed-group-time-header .yes{background:#4caf50;color:#fff}.fixed-group-time .fixed-group-time-header .no{background:#f44336;color:#fff}.fixed-group-time .fixed-group-time-header input[type=radio]:checked+.input-label{opacity:1}.fixed-group-time .show-dates{display:flex;flex-direction:column;gap:2rem;width:100%}.fixed-group-time .show-dates .show-dates-header{display:flex;align-items:center;width:100%}.fixed-group-time .show-dates .show-dates-header .date{width:100%;text-align:center;font-weight:600;background-color:#fff;padding:.3rem;border:none;outline:none}.fixed-group-time .show-dates .date-days-times{width:100%;display:flex;gap:1rem;overflow-x:auto}.fixed-group-time .show-dates .date-days-times .day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#0000;position:relative}.fixed-group-time .show-dates .date-days-times .day:after{content:"";position:absolute;top:0;left:-5%;right:-2%;width:1px;height:50px;border-left:1px solid #e9e9e9;pointer-events:none}.fixed-group-time .show-dates .date-days-times .day .day-value{width:100%}.fixed-group-time .show-dates .date-days-times .day .day-label{display:flex;justify-content:center;width:100%;gap:70px;font-family:Bold;font-size:1rem}.fixed-group-time .show-dates .date-days-times .day .day-label .day-value{color:#5e616a}.fixed-group-time .show-dates .date-days-times .day .day-label .day-date-value{color:#acacac;white-space:nowrap}.fixed-group-time .show-dates .date-days-times input{display:none}.fixed-group-time .show-dates .date-days-times label{cursor:pointer;width:100%;text-align:center;padding:.5rem;border-radius:10px}.fixed-group-time .show-dates .date-days-times input[type=checkbox]:checked+label{background:#f6f9ff!important;color:#5071eb!important;border:.8px solid #e4edfd!important}.fixed-group-time .show-dates .date-days-times input[type=checkbox]:checked+label span{color:#5071eb!important}.fixed-group-time .show-dates .date-days-times .time{width:100%;display:flex;align-items:center;justify-content:center}.fixed-group-time .show-dates .date-days-times .add-time-day{background:#f4f7ff;border-radius:20px;opacity:0;transition:all .3s ease-in-out;cursor:pointer}.fixed-group-time .show-dates .date-days-times .time-label{background:#ebebeb66;display:flex;align-items:center;justify-content:center;border-radius:50px;gap:var(--gap-sm)}.fixed-group-time .show-dates .date-days-times .time-label span{font-family:Medium;color:#525252;font-size:1rem}.fixed-group-time .show-dates .date-days-times .delete-time .remove-time-icon{width:0;transition:all .3s ease-in-out;cursor:pointer}.fixed-group-time .show-dates .date-days-times .delete-time:hover{background:#ca23230f}.fixed-group-time .show-dates .date-days-times .delete-time:hover .remove-time-icon{width:100%}.fixed-group-time .show-dates .date-days-times .delete-time:hover .icon-arrow path{fill:#ca2323}.fixed-group-time .show-dates .date-days-times .delete-time:hover span{color:#ca2323}.fixed-group-time .show-dates .date-days-times .time-value{padding:1rem .3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:100%}.fixed-group-time .show-dates .date-days-times .time-value input[disabled]+label{cursor:not-allowed}.fixed-group-time .show-dates-employee{align-items:flex-start;overflow-x:auto}.fixed-group-time .show-dates-employee .date-days-times-employee{gap:unset;overflow:unset;width:50rem}.fixed-group-time .show-dates-employee .date-days-times-employee .day-employee{border:.8px solid #ebebeb;padding:var(--gap-sm);position:unset}.fixed-group-time .show-dates-employee .date-days-times-employee .day-employee:hover .add-time-day{opacity:1}.duration-form .divider-vertical{background-color:#9ca3af33;width:2px;height:18vh}.duration-form .duration-form-time .form-time{background-color:#fff;padding:2rem 5rem}@media screen and (max-width:800px){.duration-form .duration-form-time .form-time{padding:2rem}}.duration-form .duration-form-time .form-time{border-radius:20px;margin-block:2rem}.teacher-group-schdule{width:100%}.teacher-group-schdule .fixed-group-time{background-color:#fff}.teacher-group-schdule .fixed-group-time .date-days-times-wrapper{width:100%;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--primary-color) #f1f1f1}.teacher-group-schdule .fixed-group-time .date-days-times-wrapper::-webkit-scrollbar{height:.375rem}.teacher-group-schdule .fixed-group-time .date-days-times-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.625rem}.teacher-group-schdule .fixed-group-time .date-days-times-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:.625rem}.teacher-group-schdule .fixed-group-time .date-days-times-wrapper::-webkit-scrollbar-thumb:hover{background:#16338a}.teacher-group-schdule .fixed-group-time .date-days-times{display:flex;gap:var(--gap-md);width:50rem;min-width:100%}.teacher-group-schdule .fixed-group-time .day{flex-shrink:0;min-width:160px}.teacher-group-schdule .group-schdule-wrapper{width:100%;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--primary-color) #f1f1f1}.teacher-group-schdule .group-schdule-wrapper::-webkit-scrollbar{height:.375rem}.teacher-group-schdule .group-schdule-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.625rem}.teacher-group-schdule .group-schdule-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:.625rem}.teacher-group-schdule .group-schdule-wrapper::-webkit-scrollbar-thumb:hover{background:#16338a}.teacher-group-schdule .group-schdule{display:flex;align-items:center;gap:var(--gap-md);width:50rem;min-width:100%;padding:.5rem 0}.teacher-group-schdule .group-schdule-item{display:flex;flex-direction:column;align-items:start;gap:var(--gap-xs);width:202px;flex-shrink:0;background:#f9faff;padding:var(--padding-sm);border-radius:8px;border-right:4px solid #c5c9d5;transition:all .3s ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-group-schdule .group-schdule-item p{color:#222;font-family:Medium;font-size:var(--font-size-md);white-space:nowrap}.teacher-group-schdule .group-schdule-item .students-number{display:flex;align-items:center;gap:var(--gap-xs);color:#82858d}.teacher-group-schdule .group-schdule-item .students-number svg path{fill:#82858d}.teacher-group-schdule .group-schdule-item.active{border-right-color:#1f41bbcc;border-radius:5px}.teacher-group-schdule .group-schdule-item.active p,.teacher-group-schdule .group-schdule-item.active .students-number{color:var(--primary-color)}.teacher-group-schdule .group-schdule-item.active .students-number svg path{fill:var(--primary-color)}.teacher-group-schdule .fixed-group-time-teacher{background-color:#fdfdfd}.payment-method{display:flex;flex-direction:column}.payment-method .input{background-color:#fff!important}.payment-method .payment-method-monthly{background-color:#fafafa;border-radius:var(--space-md);padding:var(--space-md);margin-top:var(--space-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md)}.payment-method .payment-method-monthly .number-of-days{grid-column:span 2}@media(max-width:768px){.payment-method .payment-method-monthly{grid-template-columns:1fr}.payment-method .payment-method-monthly .number-of-days{grid-column:span 1}}.payment-method .payment-method-payments-installment{padding:var(--space-sm) var(--space-md);background-color:#f8f8f8;border-radius:var(--space-md)}.payment-method .payment-method-payments-installment .payment-installment-tabs .radio-wrapper{width:100%}.payment-method .payment-method-payments-installment .payment-installment-tabs .radio-wrapper input[type=radio]{display:none}.payment-method .payment-method-payments-installment .payment-installment-tabs .radio-wrapper .input-label{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid #d9dbe9;border-radius:var(--space-md);cursor:pointer;color:#9ca3af;background-color:#fff;width:100%;text-align:center;font-family:Regular,sans-serif;transition:all .3s ease}.payment-method .payment-method-payments-installment .payment-installment-tabs .radio-wrapper input[type=radio]:checked+.input-label{color:var(--primary-color);font-family:Medium,sans-serif;border:none;background-color:var(--primary-color-opacity-10)}.payment-method .payment-method-payments-installment .payment-installment-tabs .radio-wrapper input[type=radio]:checked+.input-label svg path{fill:var(--primary-color)}.payment-method .payment-method-payments-installment .payment-installment-content .payments-value-types{display:grid;grid-template-columns:8fr 55fr;gap:var(--space-xs);align-items:center}.payment-method .payment-method-payments-installment .payment-installment-content .value-types{background-color:#f4f6f8;display:flex;width:fit-content;gap:var(--space-sm);padding:var(--space-xs);border-radius:50px}.payment-method .payment-method-payments-installment .payment-installment-content .value-types .radio-wrapper input[type=radio]{display:none}.payment-method .payment-method-payments-installment .payment-installment-content .value-types .radio-wrapper .input-label{font-family:Regular,sans-serif;transition:all .3s ease;text-align:center;padding:var(--space-sm) var(--space-md);border-radius:50px;width:100%;white-space:nowrap}.payment-method .payment-method-payments-installment .payment-installment-content .value-types .radio-wrapper input[type=radio]:checked+.input-label{color:var(--primary-color);font-family:Medium,sans-serif;border:none;background-color:#fff;width:100%}.payment-method .payment-method-payments-installment .payment-number-values .payment-after-each-number{display:flex;align-items:center;justify-content:center;border-radius:50px;width:25px;height:25px;padding:var(--space-xs);text-align:center;border:1px solid #d9dbe9;color:#9ca3af}.payment-method .payment-payments-tabs .radio-wrapper{width:100%}.payment-method .payment-payments-tabs .radio-wrapper input[type=radio]{display:none}.payment-method .payment-payments-tabs .radio-wrapper .input-label{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid #d9dbe9;border-radius:var(--space-md);cursor:pointer;color:#9ca3af;background-color:#fff;width:100%;text-align:center;font-family:Regular,sans-serif;transition:all .3s ease}.payment-method .payment-payments-tabs .radio-wrapper input[type=radio]:checked+.input-label{color:var(--black-color);font-family:Bold,sans-serif;background-color:#f8f8f8}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}@media screen and (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-6{grid-column:span 6/span 6}.md\:col-span-7{grid-column:span 7/span 7}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-10{grid-column:span 10/span 10}.md\:col-span-11{grid-column:span 11/span 11}.md\:col-span-12{grid-column:span 12/span 12}}@media screen and (min-width:1200px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}}.show-student-profile .current-group{display:flex;flex-direction:column;gap:var(--gap-xs);background:#fff;padding:1rem;border-radius:1.25rem}.show-student-profile .group-header h2{font-size:1rem;font-weight:600}.show-student-profile .group-body-wrapper{width:100%;overflow-x:auto;scroll-behavior:smooth;padding:.75rem 0;scrollbar-width:thin;scrollbar-color:#1f41bb #f1f1f1}.show-student-profile .group-body-wrapper::-webkit-scrollbar{height:.375rem}.show-student-profile .group-body-wrapper::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.show-student-profile .group-body-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.show-student-profile .group-body-wrapper::-webkit-scrollbar-thumb:hover{background:#b0b5c0}.show-student-profile .group-body{display:flex;gap:var(--gap-md, 1rem);width:50rem}.show-student-profile .group-card{background:#fff;border:1px solid #f1f1f1;border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.625rem;min-width:32rem;flex-shrink:0}.show-student-profile .card-header{display:flex;justify-content:space-between;align-items:center}.show-student-profile .card-header h4{font-size:.875rem;font-weight:700;color:#3f3f3f}.show-student-profile .student-card-group{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--gap-sm)}.show-student-profile .student-card-group .title{display:flex;align-items:center;gap:var(--gap-xs);color:var(--primary-color);font-size:var(--font-size-md)}.show-student-profile .student-card-group .group-time{color:#2442acb2;font-size:var(--font-size-md)}.show-student-profile .student-presence-absence{display:flex;gap:var(--gap-md);align-items:center}.show-student-profile .student-presence-absence .card-static{width:100%;padding:var(--padding-sm);border-radius:10px}.show-student-profile .student-presence-absence .card-static h5{color:#647c96;font-size:1rem;font-weight:500}.show-student-profile .student-presence-absence .card-static span{color:var(--primary-color);font-size:1.3rem;font-family:Bold,sans-serif}.show-student-profile .student-presence-absence .presence{background-color:#e9f9ee4d}.show-student-profile .student-presence-absence .absence{background-color:#fff3f3}.show-student-profile .card-body{display:flex;gap:var(--gap-md);background-color:#f9faff;padding:var(--padding-md) var(--padding-xs);border-radius:10px;align-items:center}.show-student-profile .info-box{background:#fff;border:1px solid #f1f1f1;border-radius:10px;padding:.5rem;width:100%}.show-student-profile .students-box{text-align:start}.show-student-profile .students-box h5{font-size:.75rem;color:#b1b6c6}.show-student-profile .students-box span{font-size:1.2rem;color:var(--primary-color);font-family:Bold,sans-serif}.show-student-profile .financial-summary{display:flex;flex-direction:column;gap:14px;background:#fff;padding:16px;border-radius:24px;border:1px solid #ededed}.show-student-profile .financial-summary__header{display:flex;align-items:center;gap:4px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,0);border-image:repeating-linear-gradient(to right,#f2f2f7 0,#f2f2f7 10px,transparent 10px,transparent 20px) 1}.show-student-profile .financial-summary__header h2{font-size:14px;font-weight:600;color:#000}.show-student-profile .financial-summary__body{display:flex;flex-direction:column;gap:12px}.show-student-profile .financial-summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:14px;background:#1f41bb08;transition:.2s}.show-student-profile .financial-summary-row:hover{background:#1f41bb14}.show-student-profile .key{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#616161}.show-student-profile .value{font-size:14px;font-weight:600;color:#727272}.show-student-profile .lesson-schedule{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:1rem;border-radius:1.25rem}.show-student-profile .schedule-header{display:flex;align-items:center;gap:.5rem}.show-student-profile .schedule-header h2{font-size:1rem;font-weight:600;color:#1a1a1a}.show-student-profile .schedule-header h2 span{color:#7a7a7a;font-weight:500}.show-student-profile .schedule-body-wrapper{overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;padding:.75rem 0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);transition:scrollbar-color .3s}.show-student-profile .schedule-body-wrapper:hover{scrollbar-color:#1f41bb rgba(0,0,0,0)}.show-student-profile .schedule-body-wrapper::-webkit-scrollbar{height:0}.show-student-profile .schedule-body-wrapper:hover::-webkit-scrollbar{height:.375rem}.show-student-profile .schedule-body-wrapper::-webkit-scrollbar-track{background:#0000;border-radius:.625rem}.show-student-profile .schedule-body-wrapper::-webkit-scrollbar-thumb{background:#1f41bb;border-radius:.625rem}.show-student-profile .schedule-body-wrapper::-webkit-scrollbar-thumb:hover{background:#16338a}.show-student-profile .schedule-body{display:flex;flex-wrap:nowrap;gap:1rem;width:50rem;min-width:100%}.show-student-profile .lesson-card{min-width:15rem;padding:1rem;border-radius:.875rem;background:#f6f8ff;border-left:3px solid #1f41bb;display:flex;flex-direction:column;gap:.25rem;transition:background .25s;cursor:pointer}.show-student-profile .lesson-card h4{font-size:.875rem;font-weight:600;color:#1f41bb}.show-student-profile .lesson-card p{font-size:.875rem;color:#353b43;display:flex;align-items:center;gap:var(--space-xs);font-weight:500}.show-student-profile .lesson-card:hover{background:#edf0ff}@media(max-width:768px){.show-student-profile .lesson-card{min-width:11.25rem}}[dir=rtl] .show-student-profile .lesson-card{border-right:3px solid #1f41bb;border-left:none}.show-student-profile .student-profile{display:flex;align-items:center;gap:20px;padding:16px}.show-student-profile .student-profile__image{width:95px;height:95px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 0 10px #00000014}.show-student-profile .student-profile__image img{width:100%;height:100%;object-fit:cover}.show-student-profile .student-profile__content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px}.show-student-profile .student-profile__info{display:flex;flex-direction:column;gap:6px}.show-student-profile .student-profile .student-name{font-size:18px;font-weight:700;color:#1a1a1a}.show-student-profile .student-profile .student-position{font-size:14px;font-weight:600;color:#1f41bb}.show-student-profile .student-profile .student-contact{display:flex;gap:16px;margin-top:6px;flex-wrap:wrap}.show-student-profile .student-profile .student-contact .contact-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.show-student-profile .student-profile__action button{padding:10px 18px;border-radius:12px;border:none;background:#1f41bb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.show-student-profile .student-profile__action button:hover{background:#18349a}.show-student-profile .bottom-grids{padding:30px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media(max-width:768px){.show-student-profile .bottom-grids{grid-template-columns:1fr}}@media(max-width:768px){.student-profile{flex-direction:column;align-items:center}.student-profile__content{flex-direction:column;align-items:flex-start;width:100%}.student-profile__action,.student-profile__action button{width:100%}}.show-student-profile .student-statics{display:flex;flex-direction:column;gap:16px;background:#fff;padding:16px;border-radius:20px}.show-student-profile .student-statics__header h2{font-size:16px;font-weight:600}.show-student-profile .student-statics__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.show-student-profile .stat-card{display:flex;justify-content:space-between;border-radius:16px;overflow:hidden}.show-student-profile .stat-info{display:flex;flex-direction:column;gap:10px;padding:14px}.show-student-profile .stat-info h3{font-size:14px;color:#727272;white-space:nowrap}.show-student-profile .stat-info p{font-size:22px;font-weight:700}.show-student-profile .stat-img{max-width:100px;object-fit:contain}.student-report{overflow:hidden}.student-report .student-report-header{display:flex;align-items:center;gap:1rem;justify-content:space-between;border:1px solid rgba(0,49,156,.0784313725);border-radius:20px;padding:1rem;position:relative;overflow:hidden}.student-report .student-report-header:before{content:"";position:absolute;top:0;left:50px;width:190px;height:156px;border-radius:50%;background-color:#1f41bb1a;filter:blur(80px)}.student-report .student-report-header .header-title{display:flex;align-items:center;gap:1rem}.student-report .student-report-header .header-title .title{color:var(--primary-color);font-size:"Bold",sans-serif;font-size:var(--font-size-lg)}.student-report .student-report-header .header-title p{color:var(--text-color);font-family:Regular,sans-serif;font-size:var(--font-size-md)}.student-report .student-report-body .student-report-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.student-report .student-report-body .student-report-tabs{grid-template-columns:1fr}}.student-report .student-report-body .student-report-tabs .tab{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--space-md);text-align:center;color:#5d5d5d;border:1px solid #d1ddea;border-radius:10px;font-family:Medium,sans-serif;transition:all .3s ease}.student-report .student-report-body .student-report-tabs .tab:hover{background-color:var(--primary-color-opacity-10);color:var(--primary-color);transform:translateY(-5px)}.student-report .student-report-body .student-report-tabs .active-tab{background-color:var(--primary-color-opacity-10);color:var(--primary-color);font-family:Bold,sans-serif;border:none;transform:translateY(-5px)}.student-report .student-report-body .student-report-tabs .active-tab svg path{fill:var(--primary-color)}.student-report .student-report-body .student-report-table-header{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm);margin-block:var(--space-md)}@media(max-width:768px){.student-report .student-report-body .student-report-table-header{grid-template-columns:1fr}}.student-report .student-report-body .student-report-table-header .export{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}.student-report .student-report-body .student-report-table-header .export .filter{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--space-sm) var(--space-md);border:1px solid #d1ddea;border-radius:10px;font-family:Medium,sans-serif;width:100%;color:#8b929b;transition:all .3s ease}.student-report .student-report-body .student-report-table-header .export .filter:hover{background-color:var(--primary-color-opacity-10);color:var(--primary-color);transform:translateY(-5px)}.student-report .student-report-body .student-report-table-header .total-paid{display:flex;align-items:center;justify-content:start;gap:var(--gap-sm);padding:var(--space-md) var(--space-md);border-radius:10px;background-color:#fafafa}.student-report .student-report-body .student-report-table-header .total-paid span{color:#8a8a8a}.student-report .student-report-body .student-report-table-header .total-paid p{color:var(--primary-color);font-family:Bold,sans-serif}@layer utilities{.w-1{width:1%}.w-2{width:2%}.w-3{width:3%}.w-4{width:4%}.w-5{width:5%}.w-6{width:6%}.w-7{width:7%}.w-8{width:8%}.w-9{width:9%}.w-10{width:10%}.w-11{width:11%}.w-12{width:12%}.w-13{width:13%}.w-14{width:14%}.w-15{width:15%}.w-16{width:16%}.w-17{width:17%}.w-18{width:18%}.w-19{width:19%}.w-20{width:20%}.w-21{width:21%}.w-22{width:22%}.w-23{width:23%}.w-24{width:24%}.w-25{width:25%}.w-26{width:26%}.w-27{width:27%}.w-28{width:28%}.w-29{width:29%}.w-30{width:30%}.w-31{width:31%}.w-32{width:32%}.w-33{width:33%}.w-34{width:34%}.w-35{width:35%}.w-36{width:36%}.w-37{width:37%}.w-38{width:38%}.w-39{width:39%}.w-40{width:40%}.w-41{width:41%}.w-42{width:42%}.w-43{width:43%}.w-44{width:44%}.w-45{width:45%}.w-46{width:46%}.w-47{width:47%}.w-48{width:48%}.w-49{width:49%}.w-50{width:50%}.w-51{width:51%}.w-52{width:52%}.w-53{width:53%}.w-54{width:54%}.w-55{width:55%}.w-56{width:56%}.w-57{width:57%}.w-58{width:58%}.w-59{width:59%}.w-60{width:60%}.w-61{width:61%}.w-62{width:62%}.w-63{width:63%}.w-64{width:64%}.w-65{width:65%}.w-66{width:66%}.w-67{width:67%}.w-68{width:68%}.w-69{width:69%}.w-70{width:70%}.w-71{width:71%}.w-72{width:72%}.w-73{width:73%}.w-74{width:74%}.w-75{width:75%}.w-76{width:76%}.w-77{width:77%}.w-78{width:78%}.w-79{width:79%}.w-80{width:80%}.w-81{width:81%}.w-82{width:82%}.w-83{width:83%}.w-84{width:84%}.w-85{width:85%}.w-86{width:86%}.w-87{width:87%}.w-88{width:88%}.w-89{width:89%}.w-90{width:90%}.w-91{width:91%}.w-92{width:92%}.w-93{width:93%}.w-94{width:94%}.w-95{width:95%}.w-96{width:96%}.w-97{width:97%}.w-98{width:98%}.w-99{width:99%}.w-100{width:100%}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.max-w-full{max-width:100%}}@layer utilities{:root{--margin-none: 0px;--margin-xs: 8px;--margin-sm: 10px;--margin-md: 16px;--margin-lg: 24px;--margin-xl: 32px}.mt-none{margin-top:0}.mb-none{margin-bottom:0}.ms-none{margin-inline-start:0px}.me-none{margin-inline-end:0px}.mx-none{margin-inline:0px}.my-none{margin-block:0px}.mt-xs{margin-top:8px}.mb-xs{margin-bottom:8px}.ms-xs{margin-inline-start:8px}.me-xs{margin-inline-end:8px}.mx-xs{margin-inline:8px}.my-xs{margin-block:8px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.ms-sm{margin-inline-start:10px}.me-sm{margin-inline-end:10px}.mx-sm{margin-inline:10px}.my-sm{margin-block:10px}.mt-md{margin-top:16px}.mb-md{margin-bottom:16px}.ms-md{margin-inline-start:16px}.me-md{margin-inline-end:16px}.mx-md{margin-inline:16px}.my-md{margin-block:16px}.mt-lg{margin-top:24px}.mb-lg{margin-bottom:24px}.ms-lg{margin-inline-start:24px}.me-lg{margin-inline-end:24px}.mx-lg{margin-inline:24px}.my-lg{margin-block:24px}.mt-xl{margin-top:32px}.mb-xl{margin-bottom:32px}.ms-xl{margin-inline-start:32px}.me-xl{margin-inline-end:32px}.mx-xl{margin-inline:32px}.my-xl{margin-block:32px}}@layer utilities{:root{--padding-none: 0px;--padding-xs: 8px;--padding-sm: 10px;--padding-md: 16px;--padding-lg: 24px;--padding-xl: 32px}.pt-none{padding-top:0}.pb-none{padding-bottom:0}.ps-none{padding-inline-start:0px}.pe-none{padding-inline-end:0px}.px-none{padding-inline:0px}.py-none{padding-block:0px}.pt-xs{padding-top:8px}.pb-xs{padding-bottom:8px}.ps-xs{padding-inline-start:8px}.pe-xs{padding-inline-end:8px}.px-xs{padding-inline:8px}.py-xs{padding-block:8px}.pt-sm{padding-top:10px}.pb-sm{padding-bottom:10px}.ps-sm{padding-inline-start:10px}.pe-sm{padding-inline-end:10px}.px-sm{padding-inline:10px}.py-sm{padding-block:10px}.pt-md{padding-top:16px}.pb-md{padding-bottom:16px}.ps-md{padding-inline-start:16px}.pe-md{padding-inline-end:16px}.px-md{padding-inline:16px}.py-md{padding-block:16px}.pt-lg{padding-top:24px}.pb-lg{padding-bottom:24px}.ps-lg{padding-inline-start:24px}.pe-lg{padding-inline-end:24px}.px-lg{padding-inline:24px}.py-lg{padding-block:24px}.pt-xl{padding-top:32px}.pb-xl{padding-bottom:32px}.ps-xl{padding-inline-start:32px}.pe-xl{padding-inline-end:32px}.px-xl{padding-inline:32px}.py-xl{padding-block:32px}}@layer utilities{:root{--radius-xs: 8px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}.radius-xs{border-radius:8px}.radius-sm{border-radius:10px}.radius-md{border-radius:16px}.radius-lg{border-radius:24px}.radius-xl{border-radius:32px}}@layer utilities{:root{--gap-xs: 4px;--gap-sm: 10px;--gap-md: 16px;--gap-lg: 24px;--gap-xl: 32px}.gap-xs{gap:4px}.gap-sm{gap:10px}.gap-md{gap:16px}.gap-lg{gap:24px}.gap-xl{gap:32px}}@layer utilities{:root{--space-xs: 8px;--space-sm: 10px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px}}@layer utilities{:root{--font-size-xs: 10px;--font-size-sm: 10px;--font-size-md: 16px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-2xl: 40px;--font-size-3xl: 48px}.font-size-xs,.font-size-sm{font-size:10px}.font-size-md{font-size:16px}.font-size-lg{font-size:24px}.font-size-xl{font-size:32px}.font-size-2xl{font-size:40px}.font-size-3xl{font-size:48px}}@layer utilities{:root{--transition-sm: .3s;--transition-md: .6s;--transition-lg: .9s}}.hidden{display:none}.non-visible{visibility:hidden}.cursor-pointer{cursor:pointer}.h-100{height:100%}.divider{width:100%;height:3px;background-color:#f9f9f9;border-radius:var(--radius-md)}.list-trigger{cursor:pointer}.price,.stage,.number{font-weight:700}.student_number{padding:var(--padding-sm)!important;border-radius:var(--radius-sm);border:1px solid var(--primary-color);color:var(--primary-color);font-weight:700;display:flex;align-items:center;width:5rem;gap:var(--gap-sm);background-color:#1f41bb0a}.gray{color:#546881}.number{color:var(--primary-color)}.border{border:1px solid #f0f1f4;border-radius:var(--radius-sm);padding:.4rem;cursor:pointer}.optional-text{color:#909dad}.plus-icon{display:flex;align-items:center;justify-content:center;background-color:#1f41bb;border:1px solid #1f41bb;color:#fff;font-size:1.3rem;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:.7s ease-in-out}.plus-icon:hover{background-color:#fff;color:#1f41bb}.remove-icon{display:flex;align-items:center;justify-content:center;background-color:#850523;border:1px solid #850523;color:#fff;font-size:1.1rem;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:.7s ease-in-out}.remove-icon:hover{background-color:#fff;color:#850523}.dialog{border:none;padding:20px 60px;border-radius:16px;text-align:center;margin:auto}.dialog h4{font-weight:700;color:#212529;white-space:pre-line;text-align:center}.dialog p{color:#757575}.dialog .dialog-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog .dialog-close-btn{display:block;margin:10px auto;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor:pointer;outline:none}.dialog[open]::backdrop{animation:backdrop-fade-in .7s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader-dialog{border:none;background:#0000;margin:auto;padding:0;overflow:visible;position:fixed;inset:0;width:fit-content;height:fit-content;border-radius:20px}.loader-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a143c73;animation:backdrop-in .4s ease forwards}.loader-dialog[open]{animation:dialog-in .4s cubic-bezier(.34,1.56,.64,1)}.loader-dialog .loader-container{padding:44px 60px;background:#1f41bb14;border:1px solid rgba(31,65,187,.25);border-radius:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 0 1px #ffffff0f inset,0 32px 72px #0a14504d,0 0 60px var(--primary-glow)}.loader-dialog .loader-container .loader{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;width:114px;height:114px}.loader-dialog .loader-container .loader__orbit{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(31,65,187,.35);animation:spin 3.2s linear infinite}.loader-dialog .loader-container .loader__orbit .loader__letter{position:absolute;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;animation:counter-spin 3.2s linear infinite}.loader-dialog .loader-container .loader__orbit .loader__letter--en{background:var(--primary-color);top:-14px;left:calc(50% - 14px);box-shadow:0 0 14px var(--primary-glow)}.loader-dialog .loader-container .loader__orbit .loader__letter--zh{background:var(--primary-light);bottom:-14px;left:calc(50% - 14px);box-shadow:0 0 14px var(--primary-glow)}.loader-dialog .loader-container .loader__orbit .loader__letter--ar{background:var(--primary-dark);left:-14px;top:calc(50% - 14px);box-shadow:0 0 14px var(--primary-glow)}.loader-dialog .loader-container .loader__orbit .loader__letter--ja{background:var(--primary-color);right:-14px;top:calc(50% - 14px);box-shadow:0 0 14px var(--primary-glow)}.loader-dialog .loader-container .loader__book{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--primary-color);animation:pulse 2.2s ease-in-out infinite}.loader-dialog .loader-container .loader__book svg{width:50px;height:50px;filter:drop-shadow(0 0 10px var(--primary-glow))}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counter-spin{to{transform:rotate(-360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.delete-dialog{padding:1.5rem;text-align:center}.delete-dialog .dialog-title{font-family:bold,sans-serif;font-size:1.5rem;margin-top:1rem}.delete-dialog p{font-family:regular,sans-serif;font-size:1rem;color:#717171;margin-bottom:var(--space-sm)}.delete-dialog .btn-third{border:1px solid #000}.input-wrapper{display:flex;flex-direction:column;position:relative;gap:var(--gap-xs)}.input-wrapper .input-label{font-family:medium,sans-serif;font-size:.9rem;color:var(--text-color-2);text-align:start}.input-wrapper .input{padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));background-color:var(--input-bg);border-radius:var(--radius-xs);border:1px solid var(--stroke-color);transition:all var(--transition-sm) ease-in-out;width:100%;font-size:.9rem;font-family:regular,sans-serif}.input-wrapper .input:focus,.input-wrapper .input:focus-visible{border-color:var(--primary-color-opacity-50);outline:none}.input-wrapper .input::placeholder{color:var(--placeholder-input);font-family:regular,serif;font-size:.8rem}.input-wrapper .error-text{font-family:regular,sans-serif;font-size:.8rem;color:var(--danger-color);margin-top:var(--space-sm);text-align:start}.input-wrapper-icon .input-icon{position:absolute;top:calc(45/var(--base-height)*100vh)}body:lang(en) .input-wrapper-icon .input-icon{right:10px}body:lang(ar) .input-wrapper-icon .input-icon{left:10px}.input-search{position:relative}@media(max-width:768px){.input-search{margin:1rem 0}}.input-search img{position:absolute;top:50%;left:9px;transform:translateY(-50%)}.input-search .icon-remove{position:absolute;top:50%;right:9px;transform:translateY(-50%);cursor:pointer}.input-search .input{padding:var(--space-sm);padding-inline:2rem;background-color:#0000;border:1px solid #dde2ed;border-radius:var(--radius-sm);transition:all var(--transition-sm) ease-in-out;width:100%}.input-search .input::placeholder{color:var(--placeholder-input);font-family:regular,serif;font-size:.8rem}.input-search .input:focus{outline:none}.input-image-user{display:flex;flex-direction:column;align-items:start;gap:var(--space-md)}.input-image-user input[type=file]{display:none}.input-image-user .preview-img,.input-image-user .input-label .image img{width:calc(100/var(--base-height)*100vh);height:calc(100/var(--base-height)*100vh);border-radius:50%}.input-image-user .actions{display:flex;align-items:center;gap:var(--space-sm)}.input-image-user .actions .btn svg{width:25px;height:25px}.input-image-user p{font-family:regular,sans-serif;font-size:var(--sm-size);color:#576b74;margin-top:var(--space-md)}.input-select{display:grid;position:relative}.input-select .p-select-label,.input-select .p-multiselect-label{display:flex;align-items:center;padding:.8rem;background-color:var(--input-bg);transition:all var(--transition-sm) ease-in-out;color:var(--placeholder-input)!important;font-family:regular,serif;font-size:.9rem}.input-select .p-select-dropdown,.input-select .p-multiselect-dropdown{padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));background-color:var(--input-bg);border:1px solid var(--stroke-color);transition:all var(--transition-sm) ease-in-out}.input-select .p-select-dropdown:lang(en),.input-select .p-multiselect-dropdown:lang(en){right:-.4rem!important;position:absolute!important;font-size:7rem!important;top:1.3px!important}.p-select{border:1px solid var(--stroke-color)!important;border-radius:var(--radius-sm)!important;width:100%}.p-multiselect{border:1px solid var(--stroke-color)!important}.p-select-dropdown,.p-multiselect-dropdown{border-radius:var(--radius-sm) 0 0 var(--radius-sm)!important}.hide-label-custom-select .flex{display:none}.radio-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.radio-wrapper label{font-family:regular,sans-serif;font-size:var(--sm-size);margin-bottom:0}.radio-wrapper input{appearance:none;-webkit-appearance:none;cursor:pointer;width:15px;height:15px;border:2px solid var(--line-color);border-radius:50%;background-color:var(--white-color);position:relative;transition:all .2s ease}.radio-wrapper input:checked{border-color:var(--white-color);background-color:var(--white-color);border:4px solid var(--primary-color)}.radio-wrapper input:hover{border-color:var(--primary-color)}.input-checkbox-wrapper{margin-bottom:var(--space-sm);display:flex;align-items:center;gap:10px}.input-checkbox-wrapper label{color:var(--black-color);font-size:var(--font-size-md);font-weight:700;line-height:20px;width:100%}.input-checkbox-wrapper input{width:20px;height:20px;accent-color:var(--primary-color);border-radius:10px}.p-editor .p-editor-content .ql-editor{font-family:regular,sans-serif}.p-editor .p-editor-content .ql-editor *{text-align:start}.switch{position:relative;display:inline-flex;align-items:center;height:20px}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:var(--primary-color)}.switch input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}.switch input:checked+.slider:before{transform:translate(21px)}.switch .slider{position:absolute;cursor:pointer;width:45px;inset:0;background-color:#ccc;transition:.4s}.switch .slider.round{border-radius:27px}.switch .slider.round:before{border-radius:50%}.switch .slider-label{margin-inline-start:50px}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:2px;background-color:#fff;transition:.4s}.content .tabs-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-block:2rem;padding:0 1rem}@media screen and (max-width:768px){.content .tabs-content{flex-wrap:wrap}}.content .tabs-content button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#b2bbc61a;border-radius:10px;color:#546881;padding:.8rem;font-size:.8rem;width:100%}.content .tabs-content .active{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#1f41bb14;color:var(--primary-color);border-radius:10px;padding:.8rem;font-weight:700;font-size:.8rem;width:100%}.content .tabs-content .active svg,.content .tabs-content .active path{fill:var(--primary-color)}.test-summary .card{border-radius:var(--radius-md);border:2px solid var(--test-summary-card-border);background:var(--test-summary-bg);padding:var(--padding-md)}.test-summary .card .card-header{display:flex;align-items:center;justify-content:space-between}.test-summary .card .card-header .card-body-header{display:flex;align-items:center;gap:var(--space-sm)}.test-summary .card .card-header .card-body-header .card-icon{display:flex;width:30px;height:30px;justify-content:center;align-items:center;border-radius:var(--radius-sm);background:var(--test-summary-icon-bg)}.test-summary .card .card-header .card-body-header .card-title{color:var(--dark-color);font-size:var(--font-size-md);font-weight:500}.test-summary .card .card-header .update{display:flex;align-items:center;gap:var(--space-xs);color:var(--primary-color);cursor:pointer;text-decoration:underline}.test-summary .card .card-header .update svg,.test-summary .card .card-header .update path{fill:var(--primary-color)!important}.test-summary .card .mark{display:flex;align-items:center;font-size:var(--font-size-md);font-weight:500}.test-summary .card .mark .text{color:#546881}.test-summary .card .mark .number{color:var(--primary-color)}.opinion-card{width:100%;padding:var(--padding-md);border:1px solid rgba(31,65,187,.1);border-radius:var(--radius-md)}.opinion-card .card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.opinion-card .card-header .right-side{display:flex;align-items:center;gap:var(--gap-sm)}.opinion-card .card-header .right-side p{color:var(--primary-color);font-weight:500;font-size:var(--font-size-md)}.opinion-card .card-header .left-section{display:flex;align-items:center;gap:var(--gap-sm)}.opinion-card .card-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);margin-top:var(--margin-md)}.opinion-card .card-body .item{display:flex;align-items:center;gap:var(--gap-sm)}.opinion-card .card-body .item span{color:#47586e;font-weight:500;font-size:var(--font-size-md)}.diploma-details{display:flex;align-items:start;gap:var(--gap-md);margin-block:var(--margin-md);width:100%}.diploma-details img{width:200px;height:100px;object-fit:cover;border-radius:var(--radius-sm)}.diploma-details .info{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--gap-md);align-items:start;justify-content:start}.diploma-details .info .item{display:flex;gap:var(--gap-sm);flex-wrap:wrap;width:100%}.diploma-details .info .title{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.diploma-details .info .title span{color:var(--light-color);font-family:Bold,sans-serif}.diploma .divider{background-color:#f8f9fd;border-radius:50rem;width:100%;height:10px;margin-block:var(--margin-md)}.diploma .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list{display:flex;align-items:center;justify-content:space-around}.diploma .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab{padding:0;width:30%}.diploma .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab-active{color:var(--primary-color);border-color:var(--primary-color)}.diploma-content-form{width:100%}.diploma-content-form .paths{width:100%;border-radius:var(--radius-md);background:#fbfbfb;padding:var(--padding-md) var(--padding-lg)}.diploma-content-form .paths .p-tabpanels{padding:var(--padding-md) var(--padding-lg);border-radius:var(--radius-xs)}.diploma-content-form .paths .w-full,.diploma-content-form .paths .w-full .input-wrapper{width:100%}.diploma-content-form .paths .bg-white{background-color:#fff;padding:var(--padding-md) var(--padding-lg);border-radius:var(--radius-xs)}.diploma-content-form .paths .chip{color:var(--primary-color);padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-md);background-color:var(--primary-color-opacity-10);width:fit-content}@media screen and (max-width:768px){.question-form .media{flex-wrap:wrap}}.question-form .Justify_question{padding:.2rem;flex-shrink:0;border-radius:15px;border:1px solid #ededed;background:#fcfcfc}.question-form .Justify_question .p-tabs{width:100%}.question-form .Justify_question .p-tablist-tab-list{background:#0000!important}.question-form .Justify_question .p-tablist-tab-list .p-tab-active{background:#0000!important;color:var(--black-color)!important}.question-form .Justify_question .p-tablist-tab-list .p-tablist-active-bar{background:var(--primary-color)!important}.question-form .Justify_question .p-tabpanels{background:#0000!important}.question-form .Justify_question textarea{display:flex;height:100px;padding:10px 16px;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0;border-radius:var(--reduis-1, 15px);background:#f8f9fd;outline:none;border:none}.question-form .add-question{color:var(--primary-color);font-size:var(--sim-sm-size)}.question-form .btn-cancel{color:var(--danger-color);text-decoration:underline}.question-card{background:#fbfbfb;padding:1.4rem;border-radius:20px}.question-card .card-header{display:flex;align-items:center;justify-content:space-between}.question-card .card-header p{color:#1d242d;font-size:var(--font-size-md);font-weight:600}.question-card .card-body{margin-top:1rem;display:flex;gap:var(--gap-sm)}@media screen and (max-width:768px){.question-card .card-body{flex-wrap:wrap}}.question-card .card-body .image{width:20rem;height:16rem;border-radius:10px;overflow:hidden}@media screen and (max-width:768px){.question-card .card-body .image{width:100%}}.question-card .card-body .image img{width:100%;height:100%;object-fit:cover}.question-card .card-body .content{display:grid;gap:var(--gap-sm);grid-template-columns:repeat(2,1fr)}@media screen and (max-width:768px){.question-card .card-body .content{grid-template-columns:1fr}}.question-card .card-body .content>:first-child,.question-card .card-body .content>:last-child{grid-column:1/-1}.question-card .card-body .content .item{display:flex;align-items:center;gap:var(--gap-sm)}.question-card .card-body .content .item p{color:#1d242d;font-size:var(--font-size-md);font-weight:600}.question-card .card-body .content .item span{color:#546881;font-size:var(--font-size-md);font-weight:500}.question-card .card-body .content .item .right{color:#35cc1e}.question-card .card-body .content .attachments{display:flex;flex-direction:column;gap:var(--gap-sm)}.question-card .card-body .content .attachments .images{width:10rem;display:flex;gap:var(--gap-sm)}.question-card .card-body .content .attachments .images img{width:100%;height:100%;object-fit:contain}.exam-card{border-radius:13px;border:2px solid var(--primary-color-opacity-10);background:var(--white-color);width:100%;padding:var(--space-sm)}.exam-card .exam-title{display:flex;align-items:center;gap:var(--gap-sm);font-size:16px;font-style:normal;font-weight:500;line-height:normal;font-family:bold,sans-serif}.exam-card .exam-body{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.exam-card .exam-body .exam-data{display:flex;align-items:center;gap:var(--gap-sm)}.exam-card .exam-body .exam-data .exam-data-title{color:#546881}.exam-card .exam-body .exam-data .exam-date-value{color:var(--primary-color);font-family:bold,sans-serif}html[dir=ltr] .exam-body svg{rotate:180deg}.main-loader{display:flex;align-items:center;justify-content:center;height:80vh}.pencil{display:block;width:25em;height:25em}.pencil__body1,.pencil__body2,.pencil__body3,.pencil__eraser,.pencil__eraser-skew,.pencil__point,.pencil__rotate,.pencil__stroke{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.pencil__body1,.pencil__body2,.pencil__body3{transform:rotate(-90deg)}.pencil__body1{animation-name:pencilBody1}.pencil__body2{animation-name:pencilBody2}.pencil__body3{animation-name:pencilBody3}.pencil__eraser{animation-name:pencilEraser;transform:rotate(-90deg) translate(49px)}.pencil__eraser-skew{animation-name:pencilEraserSkew;animation-timing-function:ease-in-out}.pencil__point{animation-name:pencilPoint;transform:rotate(-90deg) translate(49px,-30px)}.pencil__rotate{animation-name:pencilRotate}.pencil__stroke{animation-name:pencilStroke;transform:translate(100px,100px) rotate(-113deg)}@keyframes pencilBody1{0%,to{stroke-dashoffset:351.86;transform:rotate(-90deg)}50%{stroke-dashoffset:150.8;transform:rotate(-225deg)}}@keyframes pencilBody2{0%,to{stroke-dashoffset:406.84;transform:rotate(-90deg)}50%{stroke-dashoffset:174.36;transform:rotate(-225deg)}}@keyframes pencilBody3{0%,to{stroke-dashoffset:296.88;transform:rotate(-90deg)}50%{stroke-dashoffset:127.23;transform:rotate(-225deg)}}@keyframes pencilEraser{0%,to{transform:rotate(-45deg) translate(49px)}50%{transform:rotate(0) translate(49px)}}@keyframes pencilEraserSkew{0%,32.5%,67.5%,to{transform:skew(0)}35%,65%{transform:skew(-4deg)}37.5%,62.5%{transform:skew(8deg)}40%,45%,50%,55%,60%{transform:skew(-15deg)}42.5%,47.5%,52.5%,57.5%{transform:skew(15deg)}}@keyframes pencilPoint{0%,to{transform:rotate(-90deg) translate(49px,-30px)}50%{transform:rotate(-225deg) translate(49px,-30px)}}@keyframes pencilRotate{0%{transform:translate(100px,100px) rotate(0)}to{transform:translate(100px,100px) rotate(720deg)}}@keyframes pencilStroke{0%{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(-113deg)}50%{stroke-dashoffset:164.93;transform:translate(100px,100px) rotate(-113deg)}75%,to{stroke-dashoffset:439.82;transform:translate(100px,100px) rotate(112deg)}}.btn{display:block;color:var(--primary-color);border-radius:.5rem;padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md)) calc(25/var(--base-height)*100vh);font-family:bold,sans-serif;font-size:.8rem;transition:var(--transition-sm)}.button-wrapper{display:flex;justify-content:flex-end;gap:var(--gap-sm)}.btn-primary.btn-icon svg path{stroke:var(--white-color);opacity:1}.btn-primary:hover.btn-icon svg path{stroke:var(--primary-color);opacity:1}.btn-primary{background-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--white-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:.7s ease-in-out;font-family:regular,sans-serif;cursor:pointer;text-transform:capitalize;padding:var(--space-xs) var(--space-lg);font-size:.9rem}.btn-primary:disabled{background-color:#0000;cursor:not-allowed;color:var(--primary-color);transition:.7s ease-in-out}.btn-primary svg path{transition:.7s ease-in-out}.btn-primary:hover{background-color:#0000;color:var(--primary-color);transition:.7s ease-in-out}.btn-primary.btn-show{padding-top:8px;padding-bottom:8px;width:100%!important}.btn-third{background-color:var(--third-color);color:var(--white-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:.7s ease-in-out;font-family:regular,sans-serif;cursor:pointer}.btn-secondary{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--space-sm);background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color);transition:.7s ease-in-out;cursor:pointer;text-transform:capitalize;white-space:nowrap}.btn-secondary svg path{transition:.7s ease-in-out}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white-color);transition:.7s ease-in-out}.btn-secondary:hover .lock{color:var(--white-color)!important;transition:.7s ease-in-out}.btn-secondary:hover svg path{transition:.7s ease-in-out;fill:var(--white-color)}.btn-secondary.non_hover:hover{background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary.non_hover:hover svg path{fill:none}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary:disabled:hover{background-color:var(--white-color);border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:disabled:hover svg path{fill:none}.btn-secondary.btn-gray{border:1px solid #dde2ed;color:#3d4c5e}.btn-secondary.btn-gray:hover{background-color:#0b1741;color:#fff}.btn-secondary.btn-sort{border:none;background-color:#f0f1f4;color:#3d4c5e;font-family:medium,sans-serif;font-weight:200;padding-top:8px}.btn-secondary.btn-sort:hover{background-color:#0b1741;color:#fff}.btn-add{background-color:var(--button-color);border:1px solid var(--button-color);color:var(--white-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:.7s ease-in-out;cursor:pointer;text-transform:capitalize;white-space:nowrap}.btn-add:disabled{background-color:#0000;cursor:not-allowed;color:var(--button-color);transition:.7s ease-in-out}.btn-add svg path{transition:.7s ease-in-out}.btn-add:hover{background-color:#0000;transition:.7s ease-in-out;border:1px solid var(--button-color);color:var(--button-color);text-transform:capitalize}.btn-danger{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid #ef3826;color:#ef3826;transition:.7s ease-in-out;cursor:pointer;text-transform:capitalize;padding:var(--space-sm);border-radius:var(--radius-sm)}.btn-danger svg path{transition:.7s ease-in-out}.btn-danger:hover{background-color:#ef3826;color:var(--white-color);transition:.7s ease-in-out}.btn-danger:hover svg path{transition:.7s ease-in-out;fill:#ef3826}.btn-danger{display:flex;align-items:center;gap:var(--space-sm);background-color:var(--danger-color);color:var(--white-color);font-family:regular,serif;font-size:.9rem;border:1px solid var(--danger-color)}.btn-danger svg path{fill:var(--white-color)}.btn-danger:hover{background-color:#fff;color:var(--danger-color)}.btn-danger:hover svg path{fill:var(--danger-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:1100px){.table-responsive table tbody tr:nth-child(2n){background-color:var(--primary-color-opacity-1)}}.table-responsive table.main-table{width:100%;min-width:500px}.table-responsive table.main-table thead{font-size:.8rem;background-color:#1f41bb0d;color:#00319c;font-family:Medium,sans-serif}.table-responsive table.main-table thead tr th{padding:var(--space-md);text-align:start;font-size:.8rem}.table-responsive table.main-table thead tr th:first-child{border-start-start-radius:50px;border-end-start-radius:50px}.table-responsive table.main-table thead tr th:last-child{border-start-end-radius:50px;border-end-end-radius:50px}.table-responsive table.main-table tbody{font-family:medium,sans-serif}.table-responsive table.main-table tbody tr{font-size:1rem}.table-responsive table.main-table tbody tr:nth-child(2n){background-color:#fbfbfb}.table-responsive table.main-table tbody tr{border-block-start:1px solid #f3f3f3;transition:all .3s ease}.table-responsive table.main-table tbody tr:hover{background-color:var(--primary-color-opacity-10)}.table-responsive table.main-table tbody tr td{padding:var(--space-lg) var(--space-md);font-size:.9rem;font-family:Medium,sans-serif;color:#5d5e6b;line-height:1.8;word-break:break-word;overflow-wrap:break-word}.table-responsive table.main-table tbody tr td img{width:30px;height:30px;border-radius:50%}.table-responsive table.main-table tbody tr td:last-of-type{display:flex;justify-content:start}.list-trigger{background-color:var(--table-header-bg);width:30px;height:30px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.p-popover:after,.p-popover:before{display:none}.p-popover .p-popover-content{padding:0}.list-body{background-color:#fff;font-family:medium,sans-serif;border-radius:var(--radius-sm)}.list-body .p-popover .p-popover-content{padding:0}.list-body .list-item{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-sm);margin-top:var(--space-sm);transition:ease-in-out all var(--transition-sm);cursor:pointer;padding:0 var(--space-sm)}.list-body .list-item button{display:flex;align-items:center;gap:8px;width:100%}.list-body .list-item:hover{color:var(--primary-color)}.list-body .list-item:hover svg:not(.list-danger){filter:brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(1123%) hue-rotate(209deg) brightness(112%) contrast(107%)}.list-body .list-item.list-danger{color:var(--danger-color)}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin:var(--space-md) 0}@media(max-width:768px){.pagination-wrapper{flex-direction:column;align-items:start}}.pagination-wrapper .show-results,.pagination-wrapper .count-per-page{font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4)}@media(max-width:768px){.pagination-wrapper .show-results,.pagination-wrapper .count-per-page{font-size:.9rem}}.pagination-wrapper .pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.pagination-wrapper .pagination .pagination-item{font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer}.pagination-wrapper .pagination .pagination-item.active{color:var(--text-pagination);background-color:var(--pagination-color)}.pagination-wrapper .pagination .count-per-page-select{padding:var(--space-sm) var(--space-md);background-color:var(--pagination-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4)}.pagination-wrapper .count-per-page{display:flex;align-items:center;gap:var(--space-sm)}.pagination-wrapper .pagination-btn{display:flex;align-items:center;gap:var(--space-sm);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);padding:var(--space-sm) var(--space-md);color:var(--text-pagination);background-color:var(--pagination-color);border-radius:var(--radius-sm);cursor:pointer}@media(max-width:768px){.pagination-wrapper .pagination-btn{font-size:.8rem}}.p-popover-content{padding:0!important}.per-page{display:flex;align-items:center;gap:var(--space-sm);flex-direction:column}.per-page span{padding:var(--space-sm) var(--space-lg);font-family:Tajawal-regular,sans-serif;font-size:var(--md-size);color:var(--text-color-4);cursor:pointer}.per-page span:hover{color:var(--text-pagination);background-color:var(--pagination-color)}.header-title{display:flex;align-items:center;gap:var(--gap-sm)}.header-title .icon{background-color:var(--primary-color-opacity-10);color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-family:medium,serif}.header-title .icon svg path{fill:var(--primary-color)}.header-title .title{color:var(--title-color);font-family:bold,serif}.multi-image-uploader .image-gallery{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.multi-image-uploader .image-gallery .image-item{position:relative;width:calc(85/var(--base-height)*100vh);height:calc(70/var(--base-height)*100vh);border-radius:var(--radius-sm);overflow:hidden;padding:var(--space-md);display:flex;align-items:center;justify-content:center;background-color:#fafafa}.multi-image-uploader .image-gallery .image-item img{width:100%;height:100%;object-fit:contain}.multi-image-uploader .image-gallery .image-item .remove-btn{position:absolute;top:0;right:0;background-color:#fff;color:var(--danger-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.input-image{display:flex;flex-direction:column;gap:var(--gap-xs)}.input-image .input-label{font-family:medium,sans-serif;font-size:.9rem;color:var(--primary-color);margin-bottom:var(--space-xs)/2;display:block;cursor:pointer}.input-image .input-label-images{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;background-color:var(--input-bg);border-radius:var(--radius-sm);padding:clamp(var(--space-lg),40/var(--base-width)*100vw,var(--space-3xl));border:1px solid rgba(178,187,198,.2);transition:all var(--transition-sm) ease-in-out;width:100%}.input-image .input-label-images span{font-family:regular,sans-serif;color:#576b74;font-size:.8rem}.input-image .input-label-images span small{margin-top:var(--space-sm);display:block;color:var(--text-color-2)}.input-image .image{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);width:200px;height:120px;overflow:hidden}.input-image .image img{width:100%}.input-image input[type=file]{display:none}.icon{background-color:var(--bg-icon);border-radius:9999px;padding:var(--padding-sm)}.tabs{display:flex;flex-direction:column;transition:all .3s ease-in-out}.tabs .tabs-header{width:100%;display:flex;justify-content:space-around;gap:40px;margin-top:10px;font-size:20px;font-weight:500;border-bottom:1px solid #f1f1f1;margin-bottom:20px;transition:all .3s ease-in-out}.tabs .tabs-header .tabs-title{color:#47586e;cursor:pointer;padding:10px;transition:all .3s ease-in-out;font-size:18px;font-family:medium,sans-serif}.tabs .tabs-header .active-tab{color:var(--primary-color);position:relative;border-bottom:1px solid var(--primary-color);transition:all .3s ease-in-out}.tabs .tabs-header .active-tab:after{content:"";position:absolute;width:10px;height:10px;top:100%;left:50%;transform:translate(-50%);border-style:solid;border-width:0px 1px 1px 0px;border-color:rgba(0,0,0,0) var(--primary-color) var(--primary-color) rgba(0,0,0,0);rotate:45deg;transition:all .3s ease-in-out}.tabs .tabs-header .active-tab:after{content:"";position:absolute;width:9px;height:9px;top:100%;left:50%;transform:translate(-50%);background-color:#fff;border-style:solid;rotate:45deg;transition:all .3s ease-in-out}.data-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg)}.data-empty h2{font-family:regular,sans-serif;font-size:var(--lg-size)}.data-empty p{font-family:regular,sans-serif;font-size:var(--sm-size);color:var(--text-color-2);text-align:center;width:30%}@media(max-width:768px){.data-empty p{width:100%}}[tooltip]{position:relative}[tooltip]:before,[tooltip]:after{text-transform:none;font-size:.9em;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}[tooltip]:before{content:"";border:5px solid rgba(0,0,0,0);z-index:1001}[tooltip]:after{content:attr(tooltip);font-family:regular,sans-serif;text-align:center;font-size:.7rem;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em #00000059;background:#333;color:#fff;z-index:1000}[tooltip]:hover:before,[tooltip]:hover:after{display:block}[tooltip=""]:before,[tooltip=""]:after{display:none!important}[tooltip]:not([flow]):before,[tooltip][flow^=up]:before{bottom:100%;border-bottom-width:0;border-top-color:#333}[tooltip]:not([flow]):after,[tooltip][flow^=up]:after{bottom:calc(100% + 5px)}[tooltip]:not([flow]):before,[tooltip]:not([flow]):after,[tooltip][flow^=up]:before,[tooltip][flow^=up]:after{left:50%;transform:translate(-50%,-.5em)}[tooltip][flow^=down]:before{top:100%;border-top-width:0;border-bottom-color:#333}[tooltip][flow^=down]:after{top:calc(100% + 5px)}[tooltip][flow^=down]:before,[tooltip][flow^=down]:after{left:50%;transform:translate(-50%,.5em)}[tooltip][flow^=left]:before{top:50%;border-right-width:0;border-left-color:#333;left:calc(0em - 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=left]:after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)}[tooltip][flow^=right]:before{top:50%;border-left-width:0;border-right-color:#333;right:calc(0em - 5px);transform:translate(.5em,-50%)}[tooltip][flow^=right]:after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)}@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%)}}@keyframes tooltips-horz{to{opacity:.9;transform:translateY(-50%)}}[tooltip]:not([flow]):hover:before,[tooltip]:not([flow]):hover:after,[tooltip][flow^=up]:hover:before,[tooltip][flow^=up]:hover:after,[tooltip][flow^=down]:hover:before,[tooltip][flow^=down]:hover:after{animation:tooltips-vert .3s ease-out forwards}[tooltip][flow^=left]:hover:before,[tooltip][flow^=left]:hover:after,[tooltip][flow^=right]:hover:before,[tooltip][flow^=right]:hover:after{animation:tooltips-horz .3s ease-out forwards}.header{padding:var(--space-sm) var(--space-md);background:var(--white-color);border-radius:var(--radius-md);border-bottom:1px dashed var(--border-color);margin-bottom:var(--margin-lg)}@media(max-width:768px){.header{padding:var(--space-md) 0}}@media(max-width:768px){.header .full_screen{display:none}}.header .language svg{width:2rem}.header .nav{display:flex;align-items:center;justify-content:space-between;width:100%}.header .nav .menu{display:flex;align-items:center;gap:.5rem}.header .nav .menu .header-link{display:flex;align-items:center;gap:var(--gap-sm)}.header .nav .menu .header-link h1{font-family:bold,sans-serif;font-size:1.5rem}@media(max-width:768px){.header .nav .menu .header-link h1{font-size:1rem}}.header .nav .menu .header-link p{font-size:1.3rem;margin-bottom:0}.header .nav .setting{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header .nav .setting .icon{padding:.5rem;background-color:var(--main-bg);border-radius:50%}@media(max-width:768px){.header .nav .setting .quick-search{display:none}}.header .nav .setting .quick-search-mobile{display:none}.header .nav .setting .lang,.header .nav .setting .user{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.header .nav .setting .lang img,.header .nav .setting .user img{display:block;width:35px;height:35px;border-radius:50rem}.header .nav .setting .lang.dropdown-trigger,.header .nav .setting .user.dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:medium,sans-serif;font-size:.8rem}.header .nav .setting .lang.dropdown-trigger .dropdown-menu,.header .nav .setting .user.dropdown-trigger .dropdown-menu{position:absolute;right:var(--space-sm);top:calc(var(--xl-size) + var(--space-sm));background-color:#fff;border-radius:var(--radius-xs);box-shadow:0 4px 8px #0000001a;z-index:1000;min-width:150px}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li,.header .nav .setting .user.dropdown-trigger .dropdown-menu li{cursor:pointer;padding:var(--space-md);border-radius:var(--radius-xs);display:flex;align-items:center;gap:var(--gap-sm);color:#546881;transition:all .2s ease-in-out}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li:not(:last-child),.header .nav .setting .user.dropdown-trigger .dropdown-menu li:not(:last-child){border-bottom:1px solid #f2f2f3}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li:hover,.header .nav .setting .user.dropdown-trigger .dropdown-menu li:hover{background-color:#f2f2f3}.header .nav .setting .lang.dropdown-trigger .dropdown-menu li:hover svg path,.header .nav .setting .user.dropdown-trigger .dropdown-menu li:hover svg path{fill:var(--primary-color)}.sidebar{position:sticky;overflow-x:hidden;top:0;transition:width var(--transition-lg) ease-in-out;background-color:var(--white-color)}.sidebar .sidebar-item-not-accordion{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);transition:all var(--transition-lg) ease-in-out;border-radius:var(--radius-sm);margin-block:.8rem;background-color:#0000;color:#64748b;font-size:.8rem;font-family:Bold,sans-serif}.sidebar .sidebar-item-not-accordion:hover{background-color:var(--primary-color);color:#fff;transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-item-not-accordion:hover svg{transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-item-not-accordion.router-link-active{background-color:#f1f5f9;color:var(--primary-color);transition:all var(--transition-lg) ease-in-out;width:100%;margin:0 var(--space-md)}.sidebar .sidebar-item-not-accordion.router-link-active svg{transition:all var(--transition-lg) ease-in-out;filter:unset}.sidebar .sidebar-item-not-accordion.router-link-active:after{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);top:-1rem;right:.4rem;position:absolute;z-index:999999999}.sidebar .sidebar-item-not-accordion.router-link-active:before{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);bottom:-1rem;right:.4rem;position:absolute;z-index:999999999;transform:rotate(270deg)}@media(max-width:1100px){.sidebar.open{transform:translate(0)}.sidebar.open~.wrapper{filter:blur(8px);pointer-events:none}.sidebar.open~.navigation{display:none}.sidebar.close{transform:translate(-10%)}}.sidebar .closing-btn{display:block;color:#ca0909;text-align:end;padding-inline:1rem;font-size:1.5rem;transition:.4s all;font-family:Bold,sans-serif}.sidebar .closing-btn:hover{color:#9e0606;transform:translateY(-3px)}@media(min-width:1100px){.sidebar .closing-btn{display:none}}.sidebar .section-title{color:#fff}.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--white-color)}.sidebar .p-accordion.p-component{overflow-y:auto;max-height:85vh;padding:0 var(--space-sm)}@media(max-width:1100px){.sidebar .p-accordion.p-component{padding-bottom:2rem}}.sidebar.open{width:280px;height:100vh}@media(max-width:1100px){.sidebar.open{position:fixed;z-index:9999;overflow-x:hidden}}.sidebar.open .logo{padding:var(--padding-md) 0;border-bottom:1px solid var(--stroke-color)}.sidebar.open .logo img{width:80px;height:80px;object-fit:cover}.sidebar.open .sidebar-items-sm{display:none}.sidebar.close{width:90px}.sidebar.close .logo img{width:3rem}.sidebar.close p,.sidebar.close span{display:none}.sidebar.close .sidebar-item-not-accordion,.sidebar.close .sidebar-item{justify-content:center}.sidebar.close .p-accordionheader{padding:0}.sidebar.close .p-accordionheader span{display:none}.sidebar .logo{display:flex;align-items:center;justify-content:center}.sidebar .logo img{width:100%;object-fit:cover}.sidebar .sidebar-items{padding:var(--space-md) 0;font-size:1rem}.sidebar .sidebar-items .p-accordionpanel{border-width:0!important;border-color:#0000!important}.sidebar .sidebar-items .sidebar-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-xs);transition:all var(--transition-lg) ease-in-out;border-radius:var(--radius-sm);background-color:#0000}.sidebar .sidebar-items .sidebar-item:hover{background-color:var(--primary-color);color:#fff;transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-items .sidebar-item:hover svg{transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-items .sidebar-item.router-link-active{background-color:#f1f5f9;color:var(--primary-color);transition:all var(--transition-lg) ease-in-out;width:96%;margin:0 var(--space-md)}.sidebar .sidebar-items .sidebar-item.router-link-active svg{transition:all var(--transition-lg) ease-in-out;filter:unset}.sidebar .sidebar-items .sidebar-item.router-link-active:after{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);top:-1rem;right:.4rem;position:absolute;z-index:999999999}.sidebar .sidebar-items .sidebar-item.router-link-active:before{content:url(../../images/active_top_right.svg);width:var(--md-size);height:var(--md-size);bottom:-1rem;right:.4rem;position:absolute;z-index:999999999;transform:rotate(270deg)}.sidebar .sidebar-items .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{background:#0000!important;color:var(--primary-color)!important}.sidebar .sidebar-items .title-accordion{display:flex;align-items:center;font-family:medium,sans-serif;color:var(--white-color);font-size:.9rem;padding:0 calc(var(--space-xs)/2);margin:var(--space-xs) 0}.sidebar .sidebar-items .p-accordionheader{padding-inline:0;font-family:bold,sans-serif;font-size:.9rem;background-color:#0000}.sidebar .sidebar-items .p-accordionheader span{font-size:.8rem}.sidebar .sidebar-items .p-accordionheader .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader{background:#0000!important;color:var(--primary-color)!important}.sidebar .sidebar-items .p-accordioncontent{max-height:500px;overflow-y:auto;width:100%}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar{width:7px}.sidebar .sidebar-items .p-accordioncontent .children-accordion .title{display:flex;align-items:center;gap:var(--space-xs);margin:var(--space-xs) 0;font-size:.8rem;color:var(--primary-color);font-family:Bold,sans-serif}.sidebar .sidebar-items .p-accordioncontent .children-accordion .items{padding:0 var(--space-sm)}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.sidebar .sidebar-items .p-accordioncontent::-webkit-scrollbar-thumb:hover{background:#fff}.sidebar .sidebar-items .p-accordioncontent-content{padding:0;background-color:#0000}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item{font-size:.8rem}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item span{width:100%;display:flex;justify-content:space-between}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item span .count{display:flex;align-items:center;justify-content:center;background-color:var(--white-color);width:35px;color:var(--primary-color);border-radius:5px}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item.router-link-active{width:100%;margin:0}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item.router-link-active span .count{color:#fff;background-color:var(--primary-color);transition:all var(--transition-lg) ease-in-out}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item:after{content:unset}.sidebar .sidebar-items .p-accordioncontent-content .sidebar-item:before{content:unset}.sidebar .sidebar-items-sm{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.sidebar .sidebar-items-sm .items-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sidebar .sidebar-items-sm .items-wrapper a{padding:10px}.sidebar .sidebar-item,.sidebar .items-wrapper a{position:relative;font-family:medium,sans-serif;font-size:.8rem;color:var(--light-color)}.sidebar .sidebar-item:hover:before,.sidebar .sidebar-item.router-link-active:before,.sidebar .items-wrapper a:hover:before,.sidebar .items-wrapper a.router-link-active:before{display:block}html[dir=rtl] .sidebar .sidebar-item:before,html[dir=rtl] .sidebar .items-wrapper a:before{left:unset;right:-24px;border-radius:4px 0 0 4px}.mobile-overlay{position:fixed;top:0;left:0;z-index:1000;width:250px;height:100vh;transform:translate(0);transition:transform .3s ease-in-out}.mobile-overlay.open{transform:translate(0)}.close-icon{position:absolute;top:10px;right:10px;cursor:pointer;z-index:1001}.close-icon svg{width:25px;height:25px}.sidebar.close .p-accordion.p-component{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);transition:all var(--transition-lg) ease-in-out;border-radius:var(--radius-sm);margin-block:.8rem;background-color:#0000;color:#64748b;font-size:.8rem;font-family:Bold,sans-serif}.sidebar.close .p-accordionheader-toggle-icon{display:none}.border-none{width:7rem;color:#748aa1}.border-none .p-datepicker-input{border:unset!important;color:#31394d!important}body{background-color:var(--background-color);font-family:regular,sans-serif;overflow-x:hidden}@media(max-width:768px){body:has(.sidebar.open){overflow-y:hidden}}body::-webkit-scrollbar{width:7px;height:7px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}body::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:#b0b5c0}.scroll-style::-webkit-scrollbar{height:7px}.scroll-style::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.scroll-style::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.scroll-style::-webkit-scrollbar-thumb:hover{background:#3855a9}main{background-color:var(--background-color)}.wrapper{background-color:var(--background-color);width:100%;margin:0 var(--space-md) var(--space-md) var(--space-md);border-radius:var(--radius-md)}@media(max-width:1100px){.wrapper{margin:var(--space-sm)}}.wrapper .main-content{padding:var(--space-md);background-color:var(--white-color);border-radius:var(--radius-sm);min-height:calc(100vh - 110px);margin-bottom:2rem}@media(max-width:1100px){.wrapper .main-content{padding:0;padding-bottom:6rem}}.wrapper .main-content .head_title{color:var(--dark-color);font-size:var(--md-size);font-family:medium,sans-serif}.wrapper .main-content .line{width:100%;height:2px;border:2px solid var(--border-color)}.wrapper .main-content .line_separate_section{width:100%;height:1px;border:1px solid var(--white-color);margin:var(--space-sm) 0}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{inset:0;position:absolute}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.course-card-grid{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid #dde2ed;border-radius:16px;padding:.6rem;height:100%;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.course-card-grid:hover{border-color:#c5cfe3;box-shadow:0 6px 24px #5468811a;transform:translateY(-3px)}.course-card-grid .img-container{position:relative;width:100%;border-radius:12px;overflow:hidden;background-color:#f0f4fb}.course-card-grid .img-container .course-image{display:block;width:100%;height:130px;object-fit:cover;border-radius:12px;background-color:var(--button-color);transition:transform .35s ease}.course-card-grid:hover .course-card-grid .img-container .course-image{transform:scale(1.03)}.course-card-grid .img-container .state{position:absolute;inset-inline-end:8px;top:8px;z-index:2;display:flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;font-size:11px;font-family:regular,serif;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background-color:#00000026}.course-card-grid .img-container .state.state--free{background-color:#16825a33}.course-card-grid .img-container .state.state--paid{background-color:#0000002e}.course-card-grid .img-container .favorite{position:absolute;inset-inline-start:8px;top:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:.5px solid hsla(0,0%,100%,.3);background-color:#0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.course-card-grid .img-container .favorite svg{width:15px;height:15px}.course-card-grid .img-container .favorite svg path{fill:#fff}.course-card-grid .img-container .favorite .active_heart path{fill:#e84040}.course-card-grid .course-body{padding:0 2px}.course-card-grid .course-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;color:var(--third-color);font-size:1rem;font-weight:600;margin-top:8px;margin-bottom:3px}.course-card-grid .course-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;color:var(--light-color);font-size:13px;margin-bottom:6px}.course-card-grid hr{border:none;border-top:1px solid #dde2ed;margin:4px 0;opacity:.7}.course-card-grid .course-info{display:flex;align-items:start;flex-direction:column}.course-card-grid .course-info .course-data{display:flex;align-items:center;gap:6px;padding-top:7px}.course-card-grid .course-info .course-data p{color:#546881;font-size:.78rem;line-height:1.3}.course-card-grid .course-info .course-data .data-icon{flex-shrink:0;width:24px;height:24px;border-radius:6px;background:#f0f4fb;display:flex;align-items:center;justify-content:center}.course-card-grid .course-actions{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #dde2ed}.course-card-grid .course-actions .btn-show{flex:1;display:flex;align-items:center;justify-content:center;height:38px;border-radius:10px;background-color:var(--button-color);color:#fff;font-size:13px;text-decoration:none}.course-card-grid .course-actions .btn-show:hover{opacity:.9}.course-card-grid .course-actions .drop-wrap>*{width:38px;height:38px;border-radius:10px;background-color:#f0f4fb;border:1px solid #dde2ed;display:flex;align-items:center;justify-content:center}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.main-table{width:100%;border-collapse:collapse;font-family:regular,serif}.main-table thead .table-header th{padding:10px;background-color:#f3f4f6;color:#32393c}.main-table thead .table-header th .head-id-container{display:flex;align-items:center;justify-content:center}.main-table tbody .course-data .body-id-container{display:flex;align-items:center;justify-content:center;transform:translate(20px)}.main-table tbody .course-data td{padding:12px;text-align:center;font-weight:500}.main-table tbody .course-data .data{color:#546881;font-family:light}.main-table .icon{width:40px;display:inline;margin-right:5px;transform:translateY(5px)}.main-table .span{display:inline}.main-table .card-option{background-color:#f4f9fd;height:40px;width:40px;padding:10px;border-radius:10px;margin-left:auto;margin-right:auto}.main-table .text-color-1{font-family:medium;color:var(--third-color)}.main-table .text-color-2{font-family:medium;color:var(--primary-color)}.main-table input{width:25px}.cards-container{row-gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.options{display:flex;gap:10px;border:1px solid #d9d9d9;padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));border-radius:10px}.options hr{border:1px solid #d9d9d9}.options .option{cursor:pointer}.options .option-mode-white path{fill:#adadad;stroke:#fff;stroke-width:.5px}.options .option-mode path{fill:#1f41bb;stroke:#fff;stroke-width:.5px}.search{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}@media screen and (max-width:800px){.search{flex-direction:column;align-items:stretch}}.search .input-search-container{position:relative;display:flex}.search .input-search-container img{position:absolute;top:50%;transform:translateY(-50%);padding-inline-start:10px;padding-inline-end:5px}.search .input-search-container input{padding-inline-start:40px;max-width:400px;width:350px}.search .buttons{display:flex;align-items:center;gap:var(--space-sm)}.search .buttons span{font-size:.8rem}.search .buttons button{font-weight:400}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.details_course .slider-container{position:relative;overflow:hidden}.details_course .slider-container .slider{position:relative;width:100%;height:180px}.details_course .slider-container .slider img{width:100%;height:100%;object-fit:contain}.details_course .slider-container .slider .slide{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;font-weight:700;background-size:cover;background-position:center;transition:opacity .5s ease-in-out;opacity:0;z-index:0;border-radius:20px}.details_course .slider-container .slider .slide.active{opacity:1;z-index:1}.details_course .dots{position:absolute;bottom:3rem;width:100%;text-align:center;z-index:999}.details_course .dots .dot{display:inline-block;width:27px;height:7px;margin:0 5px;background:#ccc;border-radius:25%;cursor:pointer;transition:.3s}.details_course .dots .dot.active{background:#fff;width:20px}.details_course .text{font-weight:700;font-size:18px;line-height:150%;text-align:center}.details_course .button_course{border-bottom:2px solid #f0f1f4;width:23rem;padding:1rem;gap:1rem}.details_course .button_course .button_course_container{gap:1rem}.details_course .button_course .button_course_container .button_course_title{width:160px;height:45px;display:flex;justify-content:center;align-items:center;gap:.5rem;border-radius:10px;background-color:#e9ecf8;color:#1f41bb;font-weight:500;font-size:14px;line-height:150%;letter-spacing:-2%;text-align:right;transition:all .3s}.details_course .course-card{grid-column:span 2;padding-right:10px}.details_course .course-card .header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.details_course .course-card .header-container .tab-icon{padding:8px;width:35px;height:35px;border:1px solid var(--stroke-color);border-radius:10px}.details_course .course-card .header-container .card-title{padding:10px;font-family:medium}.details_course .course-card .hr{border:1px solid #f3f5fa}.details_course .course-card .course-details-header{display:flex;justify-content:space-between;padding-top:13px}.details_course .course-card .course-details-header .buttons{display:flex;align-items:center;gap:10px}.details_course .course-card .course-details-header .buttons button{padding-top:6px;padding-bottom:6px}.details_course .course-card .course-details-header .course-details-title{display:flex;gap:10px;font-family:medium}.details_course .course-card .coursecard:not(:first-child){margin-top:40px}.details_course .paragraph_course{display:flex;align-items:center;gap:.5rem}.details_course .paragraph_course .paragraph_course_title{display:flex;gap:.5rem}.details_course .paragraph_course .paragraph_course_title .title{font-weight:600;font-size:14px;text-align:start}.details_course .paragraph_course .paragraph_course_title .text{font-weight:500;word-break:break-all;font-size:14px;text-align:start;color:#546881}.label-container{display:flex;gap:10px;justify-content:end}.tabs-header{width:fit-content}.tabs-header .tab-title{color:#000;font-weight:500;font-size:14px;padding:0;margin:0;margin-right:1rem}.tabs-header .custom-tab[aria-selected=true]{border-color:#5071eb}.sepecholaztion{margin-top:11px}.video-container,.image-container{background-color:var(--bg-icon);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding-top:30px;padding-bottom:30px;cursor:pointer}.video-container p,.image-container p{color:var(--light-color)}.add-course .p-tabpanels{background:#0000!important;padding:var(--padding-md) 0 0!important}.add-course .tabs-header .tab-title{margin-right:unset;margin-left:unset;margin-inline-end:var(--space-md)}.description{resize:none;background-color:var(--bg-icon);border:none;outline:none;border-radius:10px;padding:10px;margin-top:5px}.edit-dialog{width:50%;border-radius:0}.edit-dialog .dialog-header{color:#1d242d;padding:15px;font-weight:600;font-size:18px}.edit-dialog hr{margin:0;border:1px solid #f5f5f5}.edit-dialog .input-dialog{padding:10px}.edit-dialog .input-dialog label{color:#000;font-weight:500}.edit-dialog .numbers-container{display:flex;gap:10px}@media(max-width:1300px){.edit-dialog .numbers-container{flex-wrap:wrap}}.edit-dialog .numbers-container .degree-dialog{padding:10px}.edit-dialog .numbers-container .input-dialog-number{width:50%}@media(max-width:1300px){.edit-dialog .numbers-container .input-dialog-number{width:100%}}.edit-dialog .edit-dialog-buttons{padding:10px;display:flex;gap:10px;align-items:center;justify-content:center}.edit-dialog .edit-dialog-buttons button{width:50%}.edit-dialog .edit-dialog-buttons .btn-add{padding-top:10px;padding-bottom:10px}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.tab{width:100%;display:flex}.tab .head{width:100%;display:flex;justify-content:center;gap:15px}.tab .head .head-title{width:40%;color:#000;padding:14px;border-color:none;font-weight:400;font-family:regular,sans-serif}.tab .head .custom-tab[aria-selected=true]{color:var(--primary-color);border-color:none;border:none}.tab .head .custom-tab[aria-selected=false]{color:#47586e}.p-tablist-active-bar{display:none!important}.course-card-container{display:flex;align-items:start;gap:16px;margin-top:10px;background:#fff;border-radius:16px;border:.5px solid #e8ecf4;box-shadow:0 1px 6px #1f41bb12;padding:14px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;cursor:pointer}@media screen and (max-width:900px){.course-card-container{flex-direction:column}}.course-card-container:hover{box-shadow:0 4px 16px #1f41bb1f;border-color:#c4cfee}.course-card-container.dragging{opacity:.5;transform:scale(.97);box-shadow:0 2px 10px #0000001a;cursor:grabbing}.course-card-container.drag-over{border:1.5px dashed #1f41bb;background:#1f41bb0a}.course-card-container .img-container{flex-shrink:0;display:block;text-decoration:none}.course-card-container .img-container img{width:110px;height:138px;border-radius:12px;object-fit:cover;border:.5px solid #d3dcf7;background-color:#eef1fc;display:block;transition:transform .2s ease}@media screen and (max-width:900px){.course-card-container .img-container img{width:100%;height:40%}}.course-card-container .img-container img:hover{transform:scale(1.03)}.course-card-container .container{flex:1;min-width:0}.course-card-container .container .info-header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.course-card-container .container .info-header-container .tab-icon{flex-shrink:0;width:34px;height:34px;border:.5px solid #e0e5f2;border-radius:10px;background:#f7f8fc;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease;cursor:pointer}.course-card-container .container .info-header-container .tab-icon:hover{background:#eef1fc;border-color:#c4cfee}.course-card-container .container .info-header-container .info-header{display:flex;align-items:center;gap:10px;min-width:0}.course-card-container .container .info-header-container .info-header .card-index{display:flex;align-items:center;gap:5px;flex-shrink:0;background-color:#eef1fc;border:.5px solid #d3dcf7;border-radius:20px 0 0 20px;padding:4px 12px 4px 10px;color:#1f41bb;font-size:13px;font-family:medium;font-weight:500}.course-card-container .container .info-header-container .info-header .card-index p{margin:0;line-height:1}.course-card-container .container .info-header-container .info-header .card-title{font-family:medium;font-size:14px;font-weight:500;color:#1d242d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-container .container .info-header-container .info-header .card-title p{margin:0}.course-card-container .container .card-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.card-info-container{width:100%}.card-info-container .card-head-container{display:flex;justify-content:start;margin-bottom:10px;gap:20px;width:100%;margin-top:10px;flex-wrap:wrap}.card-info-container .card-head-container .head-item{display:flex;align-items:center;flex-wrap:wrap;gap:5px;border:1px solid var(--primary-color-opacity-10);border-radius:20px;padding:var(--space-xs) var(--space-md);margin-bottom:10px}.card-info-container .card-head-container .head-item .title,.card-info-container .card-head-container .head-item span{color:var(--primary-color);font-size:.8rem}.card-info-container .details-container{gap:5px;display:flex;align-items:start;gap:1.5rem;flex-wrap:wrap}@font-face{font-family:light;src:url(/assets/alfont_com_Somar-Light-DBbAdn1X.otf) format("truetype")}@font-face{font-family:regular;src:url(/assets/alfont_com_Somar-Regular-BkgulGNg.otf) format("truetype")}@font-face{font-family:medium;src:url(/assets/alfont_com_Somar-Medium-Dj8WMkYz.otf) format("truetype")}@font-face{font-family:bold;src:url(/assets/alfont_com_Somar-Bold-C3bD5Y2Z.otf) format("truetype")}.info{display:flex;gap:5px;align-items:center;font-size:.9rem;justify-content:start}.info .info-title{color:#546881;font-family:regular}.info .info-subtitle{color:#1d242d;font-family:regular;display:flex;gap:3px}.info .info-icon{width:16px}.lesson-card-details{display:flex}.lesson-card-details img{width:120px;height:120px;margin-inline-end:1rem}.lesson-card-details .lesson-content-details .lesson-title{font-size:1.1rem;font-weight:600;color:var(--dark-color);margin-bottom:.5rem}.lesson-card-details .lesson-content-details .features-lesson{display:flex;align-items:center;flex-wrap:wrap}.lesson-card-details .lesson-content-details .features-lesson li{display:flex;align-items:center;width:50%;margin-bottom:.5rem;gap:.5rem}.lesson-card-details .lesson-content-details .features-lesson li .feature-title{font-size:1rem;font-weight:600;color:var(--dark-color)}.lesson-card-details .lesson-content-details .features-lesson li .feature-text{font-size:1rem;font-weight:600;color:var(--light-color)}.lesson-card-grid{display:block;text-decoration:none;background:#fff;border-radius:16px;border:.5px solid #e8ecf4;box-shadow:0 1px 6px #1f41bb12;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.lesson-card-grid:hover{box-shadow:0 4px 16px #1f41bb21;border-color:#c4cfee;transform:translateY(-2px)}.lesson-card-grid .image-container-lesson{position:relative;padding:8px 8px 0}.lesson-card-grid .image-container-lesson img{width:100%;height:150px;object-fit:cover;border-radius:12px;display:block;background-color:#eef1fc}.lesson-card-grid .image-container-lesson .image-overlay{position:absolute;bottom:0;left:8px;right:8px;padding:28px 12px 10px;border-radius:0 0 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%)}.lesson-card-grid .image-container-lesson .lesson-title-card{margin:0;font-size:14px;font-weight:600;color:#fff;font-family:medium;line-height:1.4;text-align:start;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-grid .features-lesson{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 14px}.lesson-card-grid .chip{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:500;border:.5px solid rgba(0,0,0,0);line-height:1}.lesson-card-grid .chip .chip-icon{width:13px;height:13px;flex-shrink:0}.lesson-card-grid .chip .chip-price{font-weight:600;margin-inline-start:2px}.lesson-card-grid .chip--blue{background:#f0f6ff;border-color:#d3e5fc;color:#185fa5}.lesson-card-grid .chip--green{background:#f0fbf5;border-color:#c0e8ce;color:#0f6e56}.lesson-card-grid .chip--amber{background:#fff8f0;border-color:#f5d8b0;color:#854f0b}.lesson-card-grid .chip--indigo{background:#eef1fc;border-color:#d3dcf7;color:#1f41bb}.lesson-card-grid .chip--gray{background:#f7f8fc;border-color:#e0e5f2;color:#3d4f6e}.p-multiselect:not(.p-disabled).p-focus{border-color:var(--primary-color)!important}.p-chip{background-color:var(--primary-color-opacity-10)!important;color:var(--primary-color)!important;border-radius:var(--radius-lg)!important}.p-chip-remove-icon{color:var(--primary-color)!important}.input-wrapper .p-datepicker .p-datepicker-input{padding:clamp(var(--space-sm),15/var(--base-height)*100vh,var(--space-md));background-color:var(--input-bg);border-radius:var(--radius-xs);border:1px solid var(--stroke-color);transition:all var(--transition-sm) ease-in-out;width:100%;font-size:.9rem;font-family:regular,sans-serif}.input-select .p-select-dropdown,.input-select .p-multiselect-dropdown{border-start-end-radius:unset!important;border-end-end-radius:unset!important;border-radius:var(--radius-xs) 0 0 var(--radius-xs)!important}.input-select .p-select-label,.input-select .p-multiselect-label{border-radius:0 var(--radius-xs) var(--radius-xs) 0!important}.p-checkbox-checked .p-checkbox-box{border-color:var(--primary-color)!important;background-color:var(--primary-color)!important}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.empty .title{font-size:1.3rem;font-family:medium,serif;color:var(--black-color);margin-bottom:var(--space-md)}.empty .text{color:var(--light-color);font-size:.9rem;width:70%;margin-top:var(--space-xs);margin-bottom:var(--space-xs);font-family:regular,serif;height:unset;text-align:center}.empty .btn{margin-top:1rem;width:90%}.live-sessions-container{padding:16px;border-radius:20px;background-color:#fbfbfb;width:100%;height:513px;overflow-y:scroll}.live-sessions-container .live-sessions-header{background-color:#eef2ff;padding:16px;text-align:right;font-weight:600;font-size:16px;border-radius:20px;color:#1f41bb}.live-sessions-container .live-sessions-header .live-cards{display:flex;flex-direction:column;gap:10px;width:100%}.live-session-card{display:flex;flex-direction:column;align-items:end;gap:10px;background-color:#fff;border-radius:20px;padding:8px 16px;box-shadow:5px 0 #1f41bb;margin-top:16px}.live-session-card.course-progress-card{display:flex;flex-direction:row;align-items:center}.live-session-card.course-progress-card .knob{width:90px}.live-session-card .course-progress-content{display:flex;flex-direction:column;width:100%}.live-session-card .live-title{font-weight:500;font-size:16px;color:#000;text-align:right}.live-session-card .live-details{display:flex;flex-direction:column;gap:17px;width:100%}.live-session-card .live-details.course-progress-details{display:flex;align-items:center;flex-direction:row;width:100%;justify-content:end}@media(max-width:1200px){.live-session-card .live-details.course-progress-details{flex-direction:column}}.live-session-card .live-details .live-subtitle{display:flex;gap:6px;color:#546881;justify-content:end}@media(max-width:768px){.live-session-card .live-details .live-subtitle{flex-direction:column}}.live-session-card .live-details .live-date-time{display:flex;justify-content:space-between;width:100%;color:#546881}@media(max-width:768px){.live-session-card .live-details .live-date-time{flex-direction:column}}.live-session-card .live-details .live-date-time .live-date{display:flex;align-items:center;gap:6px}.teacher-course-data{width:100%;border:1px solid #dde2ed;border-radius:10px;padding:16px;display:flex;justify-content:space-between}.teacher-course-data .course-details{display:flex;flex-direction:column;gap:20px;align-items:end}.teacher-course-data .course-details .course-title{font-weight:500;font-size:24px}.teacher-course-data .course-details .course-date{display:flex;flex-direction:column;gap:16px;align-items:end;color:#546881}.teacher-course-data .course-details .course-date .data-conatiner{display:flex;align-items:center;gap:3px}.course-statistics{width:100%;border:1px solid #dde2ed;border-radius:10px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.course-statistics .statistics-box{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffc1070d;border-radius:20px;gap:16px;padding:20px}.course-statistics .statistics-box .statistics-details{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.course-statistics .statistics-box .statistics-details .statsitcis-title{font-weight:500;font-size:16px;color:#546881}.course-statistics .statistics-box .statistics-details .statsitcis-number{color:#1d242d;font-weight:600;font-size:24px}.course-chart{height:100%;width:100%;border:1px solid #dde2ed;border-radius:10px;padding:16px}.course-chart .course-chart-data{height:100%!important}.student-details-conatiner{padding:42px 24px 0;display:flex;flex-direction:column;gap:24px}.student-details-conatiner .add-student-rate{padding:10px;width:100%}.student-details-conatiner .add-student-rate button{width:20%}.student-header-container{background-color:#f8f9fd;padding:16px;display:flex;justify-content:flex-end;gap:20px;align-items:center;position:relative;overflow:hidden;border-radius:20px}.student-header-container .student-data{display:flex;flex-direction:column;align-items:flex-end;text-align:start;gap:16px}.student-header-container .student-data .student-name{font-weight:500;font-size:16px;color:#000}.student-header-container .student-data .student-id{color:#546881;font-weight:500;font-size:18px}.student-header-container .circle-bg .circle1{position:absolute;top:0;left:0}.student-header-container .circle-bg .circle2{position:absolute;top:0;left:120px}.student-header-container .circle-bg .circle3{position:absolute;bottom:0;left:100px}.student-header-container .circle-bg .circle4{position:absolute;bottom:-5px;left:70px}.student-progress-container{display:flex;justify-content:space-between;padding:16px;align-items:center;border-radius:15px;border:1px solid #dde2ed}.student-progress-container .progress-text{font-weight:700;font-size:16px}.student-progress-container .progress-text span{color:#1f41bb}.student-progress-container .course-progress-bar{background-color:#1f41bb1a!important;width:50%}.student-progress-container .course-progress-bar .p-progressbar-value{background-color:#1f41bb!important}.student-exams-container{display:flex;flex-direction:column;gap:14px}.student-exams-container .exam-header{display:flex;justify-content:space-between;align-items:center}.student-exams-container .exam-header .last-exam{font-size:16px;font-weight:500}.student-exams-container .exam-header .show-all-exams{text-decoration:underline;font-size:16px;font-weight:500;color:#546881;cursor:pointer}.student-exams-container .exam-details{padding:16px;border-radius:15px;border:1px solid #dde2ed;display:flex;flex-direction:column;gap:24px;align-items:end}.student-exams-container .exam-details .exam-date{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-exams-container .exam-details .exam-name-container{display:flex;align-items:center;gap:44px}.student-exams-container .exam-details .exam-name-container .exam-name{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-exams-container .exam-details .exam-name-container .exam-rate{color:#e23535;background-color:#ffd7d980;padding:15px 20px;border-radius:15px}.student-exams-container .exams-table{width:100%}.student-rate-container{display:flex;flex-direction:column;gap:14px}.student-rate-container .rate-header{display:flex;justify-content:space-between;align-items:center}.student-rate-container .rate-header .last-rate{font-size:16px;font-weight:500}.student-rate-container .rate-header .show-all-rates{text-decoration:underline;font-size:16px;font-weight:500;color:#546881;cursor:pointer}.student-rate-container .rate-details-container{display:flex;flex-direction:column;padding:16px;border-radius:15px;border:1px solid #dde2ed;gap:24px}.student-rate-container .rate-details-container .rate-details{display:flex;justify-content:flex-end;gap:24px;align-items:center}.student-rate-container .rate-details-container .rate-details .rate-date{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-rate-container .rate-details-container .rate-details .rate-name-container{display:flex;align-items:center;gap:44px}.student-rate-container .rate-details-container .rate-details .rate-name-container .rate-name{display:flex;align-items:center;gap:10px;color:#546881;font-size:14px;font-weight:500}.student-rate-container .rate-details-container .rate-details .rate-name-container .exam-rate{color:#e23535;background-color:#ffd7d980;padding:15px 20px;border-radius:15px}.student-rate-container .rate-details-container hr{border:none;background-color:#dde2ed;height:1px}.student-rate-container .rate-details-container .total-student-rates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;justify-content:end;direction:rtl}.student-rate-container .rate-details-container .total-student-rates .rate-box{display:flex;align-items:center;gap:10px;justify-content:space-between}@media(max-width:768px){.student-rate-container .rate-details-container .total-student-rates .rate-box{flex-direction:column-reverse}}.student-rate-container .rate-details-container .total-student-rates .rate-box .rate-date{display:flex;align-items:center;gap:10px}.student-rate-container .rate-details-container .total-student-rates .rate-box .rate-date .rate-number{background-color:#1f41bb1a;border:1px solid rgba(31,65,187,.6980392157);color:#1f41bb;padding:4px;border-radius:50%;font-size:12px;font-weight:500;width:fit-content;height:30px;width:30px;text-align:center}.student-exams-table,.student-exams-table table{width:100%}.student-exams-table table .table-header{text-align:center;background-color:#f5f6f7;border-top-left-radius:4px;border-top-right-radius:4px}.student-exams-table table .table-header td{color:#32393c;font-size:12px;font-weight:600;padding:12px}.student-exams-table table .table-body{text-align:center;background-color:#c5d8ec1a}.student-exams-table table .table-body td{padding:20px 0;color:#546881;font-size:14px;font-weight:500}.rating-dialog-container{display:flex;flex-direction:column;gap:32px}.rating-dialog-container .input-wrapper{margin-top:20px!important}.rating-dialog-container .input-wrapper label{text-align:right}.rating-dialog-container .input-wrapper .select-wrapper{border:none;background:#9ab0ff1c;padding:8px;border-radius:15px;cursor:pointer}.rating-dialog-container .input-wrapper .select-wrapper:active,.rating-dialog-container .input-wrapper .select-wrapper:focus{border:none;outline:none}.rating-dialog-container .line-header hr{border:none;height:1px;background-color:#dde2ed}.rating-dialog-container .rating-box{display:flex;flex-direction:column;margin-left:auto;text-align:right}.rating-dialog-container .rating-box .rating-data{display:flex;align-items:center;gap:10px;justify-content:end}.rating-dialog-container .rating-box .rating-data .rating-name{color:#000;font-size:16px;font-weight:400}.rating-dialog-container .rating-box .rating-data .rating-number{background-color:#1f41bb1a;padding:5px;border:1px solid rgba(31,65,187,.6980392157);color:#1f41bb;border-radius:50%;font-size:12px;font-weight:500;width:30px;height:30px;text-align:center}.rating-dialog-container .rating-box .rating-question{text-align:right;color:#546881;font-size:14px;font-weight:400;margin-top:6px}.rating-dialog-container .rating-box .rate-select-continer{display:flex;align-items:center;justify-content:center;gap:29px;margin-top:20px}.rating-dialog-container .rating-box .rate-select-continer .rate-select{display:flex;flex-direction:column}.rating-dialog-container .rating-box .rate-select-continer .rate-select label{font-weight:400;font-size:14px;background-color:#9ab0ff1a;border-radius:50%;text-align:center;padding:10px;cursor:pointer;width:40px}.rating-dialog-container .rating-box .rate-select-continer .rate-select label.active{border:1px solid blue}.rating-dialog-container .rating-box .rate-select-continer .rate-select input{display:none}.rating-dialog-container .rating-notes p{text-align:right;font-size:16px;font-weight:500;color:#151a20}.rating-dialog-container .rating-notes .notes{width:100%!important;height:300px;text-align:right;background-color:#f8f9fd;border-radius:15px;padding:10px 16px;border:none;resize:none}.rating-dialog-container .rating-notes .notes:focus{border:none;outline:none}.rating-dialog-container .save-rating,.rating-dialog-container .save-rating button{width:100%}.teacher-dashborad-container{background-color:#fff;display:grid;grid-template-columns:repeat(8,1fr);gap:20px}@media(max-width:768px){.teacher-dashborad-container{grid-template-columns:repeat(1,1fr)}}.teacher-dashborad-container .teacher-sidebar{grid-column:3 span;display:flex;flex-direction:column;align-items:end;gap:24px}.teacher-dashborad-container .teacher-home{grid-column:5 span;display:flex;flex-direction:column;gap:24px}:root{--primary-color: #1f41bb;--black-color: #000;--primary-color-opacity-10: rgba(30, 58, 142, .1);--third-color: #0b1741;--primary-color-opacity-50: rgba(30, 58, 142, .5);--primary-hover: rgba(233, 236, 248, .5);--secondary-color: #ffffff;--dark-color: #090b0e;--light-color: #909dad;--white-color: #ffffff;--stroke-color: #f0f1f4;--border-color: #f9f9f9;--danger-color: #e23535;--warning-color: #ffc107;--success-color: #35cc1e;--auth-side-bar: #f4f5f7;--button-color: #0b1741;--background-color: rgba(248, 249, 253, 1);--placeholder-input: #a3adbb;--base-width: 1440;--base-height: 1024;--bg-icon: #f8f9fd;--test-summary-bg: #fbfbfb;--test-summary-card-border: rgba(31, 65, 187, .1);--test-summary-icon-bg: rgba(31, 65, 187, .1);--primary-light: #4f6ad4;--primary-dark: #162e85;--primary-glow: rgba(31, 65, 187, .45);--table-bg: #f1f5f9;--info-color: #6226ef;--text-color: rgba(163, 173, 187, 1);--title-color: rgba(16, 24, 40, 1);--text-color-2: #282828;--text-color-3: #939393;--text-color-4: #78828e;--text-color-5: #3a4856;--text-pagination: #0a0e1a;--pagination-color: #e5f2fe;--input-bg: rgba(248, 249, 253, 1);--main-bg: #efefef;--table-header-bg: #f8f8ff;--table-row-bg: #ffffff;--line-color: rgba(241, 243, 246, 1);--line-color-2: #eeeeee}.flex{display:flex}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-col{flex-direction:column}.flex-row{flex-direction:row!important}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-5{flex:5}.flex-6{flex:6}.flex-7{flex:7}.flex-8{flex:8}.flex-9{flex:9}.flex-10{flex:10}.flex-11{flex:11}.flex-12{flex:12}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-auto{flex:auto}.flex-initial{flex:initial}.flex-none{flex:none}.show-teacher-profile .teacher-profile{display:flex;align-items:center;gap:20px;padding:16px}.show-teacher-profile .teacher-profile__image{width:95px;height:95px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 0 10px #00000014}.show-teacher-profile .teacher-profile__image img{width:100%;height:100%;object-fit:cover}.show-teacher-profile .teacher-profile__content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:20px}.show-teacher-profile .teacher-profile__info{display:flex;flex-direction:column;gap:6px}.show-teacher-profile .teacher-profile .teacher-name{font-size:18px;font-weight:700;color:#1a1a1a}.show-teacher-profile .teacher-profile .teacher-position{font-size:14px;font-weight:600;color:#1f41bb}.show-teacher-profile .teacher-profile .teacher-contact{display:flex;gap:16px;margin-top:6px;flex-wrap:wrap}.show-teacher-profile .teacher-profile .teacher-contact .contact-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.show-teacher-profile .teacher-profile__action button{padding:10px 18px;border-radius:12px;border:none;background:#1f41bb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.3s}.show-teacher-profile .teacher-profile__action button:hover{background:#18349a}.show-teacher-profile .bottom-grids{padding:30px;display:grid;gap:24px;grid-template-columns:2fr 1fr}@media(max-width:768px){.show-teacher-profile .bottom-grids{grid-template-columns:1fr}}@media(max-width:768px){.teacher-profile{flex-direction:column;align-items:center}.teacher-profile__content{flex-direction:column;align-items:flex-start;width:100%}.teacher-profile__action,.teacher-profile__action button{width:100%}}.show-teacher-profile .lesson-schedule{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:1rem;border-radius:1.25rem}.show-teacher-profile .schedule-header{display:flex;align-items:center;gap:.5rem}.show-teacher-profile .schedule-header h2{font-size:1rem;font-weight:600;color:#1a1a1a}.show-teacher-profile .schedule-header h2 span{color:#7a7a7a;font-weight:500}.show-teacher-profile .schedule-body-wrapper{overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;padding:.75rem 0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);transition:scrollbar-color .3s}.show-teacher-profile .schedule-body-wrapper:hover{scrollbar-color:#1f41bb rgba(0,0,0,0)}.show-teacher-profile .schedule-body-wrapper::-webkit-scrollbar{height:0}.show-teacher-profile .schedule-body-wrapper:hover::-webkit-scrollbar{height:.375rem}.show-teacher-profile .schedule-body-wrapper::-webkit-scrollbar-track{background:#0000;border-radius:.625rem}.show-teacher-profile .schedule-body-wrapper::-webkit-scrollbar-thumb{background:#1f41bb;border-radius:.625rem}.show-teacher-profile .schedule-body-wrapper::-webkit-scrollbar-thumb:hover{background:#16338a}.show-teacher-profile .schedule-body{display:flex;flex-wrap:nowrap;gap:1rem;width:50rem;min-width:100%}.show-teacher-profile .lesson-card{min-width:15rem;padding:1rem;border-radius:.875rem;background:#f6f8ff;border-left:3px solid #1f41bb;display:flex;flex-direction:column;gap:.25rem;transition:background .25s;cursor:pointer}.show-teacher-profile .lesson-card h4{font-size:.875rem;font-weight:600;color:#1f41bb}.show-teacher-profile .lesson-card p{font-size:.875rem;color:#353b43;font-weight:500}.show-teacher-profile .lesson-card:hover{background:#edf0ff}@media(max-width:768px){.show-teacher-profile .lesson-card{min-width:11.25rem}}[dir=rtl] .show-teacher-profile .lesson-card{border-right:3px solid #1f41bb;border-left:none}.show-teacher-profile .teacher-statics{display:flex;flex-direction:column;gap:16px;background:#fff;padding:16px;border-radius:20px}.show-teacher-profile .teacher-statics__header h2{font-size:16px;font-weight:600}.show-teacher-profile .teacher-statics__body{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.show-teacher-profile .stat-card{display:flex;justify-content:space-between;border-radius:16px;overflow:hidden}.show-teacher-profile .stat-info{display:flex;flex-direction:column;gap:10px;padding:14px}.show-teacher-profile .stat-info h3{font-size:14px;color:#727272;white-space:nowrap}.show-teacher-profile .stat-info p{font-size:22px;font-weight:700}.show-teacher-profile .stat-img{max-width:100px;object-fit:contain}.show-teacher-profile .current-group{display:flex;flex-direction:column;gap:var(--gap-xs);background:#fff;padding:1rem;border-radius:1.25rem}.show-teacher-profile .group-header h2{font-size:1rem;font-weight:600}.show-teacher-profile .group-body-wrapper{width:100%;overflow-x:auto;scroll-behavior:smooth;padding:.75rem 0;scrollbar-width:thin;scrollbar-color:#1f41bb #f1f1f1}.show-teacher-profile .group-body-wrapper::-webkit-scrollbar{height:.375rem}.show-teacher-profile .group-body-wrapper::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.show-teacher-profile .group-body-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.show-teacher-profile .group-body-wrapper::-webkit-scrollbar-thumb:hover{background:#b0b5c0}.show-teacher-profile .group-body{display:flex;gap:var(--gap-md, 1rem);width:50rem}.show-teacher-profile .group-card{background:#fff;border:1px solid #f1f1f1;border-radius:1rem;padding:.75rem;display:flex;flex-direction:column;gap:.625rem;min-width:18rem;flex-shrink:0}.show-teacher-profile .card-header{display:flex;justify-content:space-between;align-items:center}.show-teacher-profile .card-header h4{font-size:.875rem;font-weight:700;color:#3f3f3f}.show-teacher-profile .status{font-size:.8125rem;font-weight:600;padding:.25rem .625rem;border-radius:.375rem;white-space:nowrap}.show-teacher-profile .card-body{display:flex;gap:.625rem}.show-teacher-profile .info-box{background:#fbfbfb;border:1px solid #f1f1f1;border-radius:.625rem;padding:.5rem}.show-teacher-profile .students-box{text-align:start}.show-teacher-profile .students-box h5{font-size:.75rem;color:#b1b6c6}.show-teacher-profile .students-box span{font-size:1.3rem;font-weight:700;color:#1f41bb}.show-teacher-profile .progress-text h5{font-size:.75rem;color:#b1b6c6}.show-teacher-profile .progress-box{flex:1;display:flex;justify-content:space-between;align-items:center}.show-teacher-profile .hours{display:flex;align-items:center;gap:.25rem}.show-teacher-profile .done{font-size:1.25rem;font-weight:700;color:#1f41bb}.show-teacher-profile .total{font-size:.75rem;opacity:.5;color:#1f41bb}.show-teacher-profile .percentage{font-size:1.25rem;font-weight:800;color:#1f41bb;opacity:.4}.show-teacher-profile .financial-summary{display:flex;flex-direction:column;gap:14px;background:#fff;padding:16px;border-radius:24px;border:1px solid #ededed}.show-teacher-profile .financial-summary__header{display:flex;align-items:center;gap:4px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,0);border-image:repeating-linear-gradient(to right,#f2f2f7 0,#f2f2f7 10px,transparent 10px,transparent 20px) 1}.show-teacher-profile .financial-summary__header h2{font-size:14px;font-weight:600;color:#000}.show-teacher-profile .financial-summary__body{display:flex;flex-direction:column;gap:12px}.show-teacher-profile .financial-summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:14px;background:#1f41bb08;transition:.2s}.show-teacher-profile .financial-summary-row:hover{background:#1f41bb14}.show-teacher-profile .key{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#616161}.show-teacher-profile .value{font-size:14px;font-weight:600;color:#727272}.performance-summary{overflow:hidden}.performance-summary .performance-summary-header{display:flex;align-items:center;gap:1rem;justify-content:space-between;border:1px solid rgba(0,49,156,.0784313725);border-radius:20px;padding:1rem;position:relative;overflow:hidden}.performance-summary .performance-summary-header:before{content:"";position:absolute;top:0;left:50px;width:190px;height:156px;border-radius:50%;background-color:#1f41bb1a;filter:blur(80px)}.performance-summary .performance-summary-header .header-title{display:flex;align-items:center;gap:1rem}.performance-summary .performance-summary-header .header-title .title{color:var(--primary-color);font-size:"Bold",sans-serif;font-size:var(--font-size-lg)}.performance-summary .performance-summary-header .header-title p{color:var(--text-color);font-family:Regular,sans-serif;font-size:var(--font-size-md)}.performance-summary .performance-summary-body .performance-summary-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.performance-summary .performance-summary-body .performance-summary-tabs{grid-template-columns:1fr}}.performance-summary .performance-summary-body .performance-summary-tabs .tab{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--space-md);text-align:center;color:#5d5d5d;border:1px solid #d1ddea;border-radius:10px;font-family:Medium,sans-serif;transition:all .3s ease}.performance-summary .performance-summary-body .performance-summary-tabs .tab:hover{background-color:var(--primary-color-opacity-10);color:var(--primary-color);transform:translateY(-5px)}.performance-summary .performance-summary-body .performance-summary-tabs .active-tab{background-color:var(--primary-color-opacity-10);color:var(--primary-color);font-family:Bold,sans-serif;border:none;transform:translateY(-5px)}.performance-summary .performance-summary-body .performance-summary-tabs .active-tab svg path{fill:var(--primary-color)}.performance-summary .performance-summary-body .performance-summary-table-header{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm);margin-block:var(--space-md)}@media(max-width:768px){.performance-summary .performance-summary-body .performance-summary-table-header{grid-template-columns:1fr}}.performance-summary .performance-summary-body .performance-summary-table-header .export{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}.performance-summary .performance-summary-body .performance-summary-table-header .export .filter{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--space-sm) var(--space-md);border:1px solid #d1ddea;border-radius:10px;font-family:Medium,sans-serif;width:100%;color:#8b929b;transition:all .3s ease}.performance-summary .performance-summary-body .performance-summary-table-header .export .filter:hover{background-color:var(--primary-color-opacity-10);color:var(--primary-color);transform:translateY(-5px)}.performance-summary .performance-summary-body .performance-summary-table-header .total-paid{display:flex;align-items:center;justify-content:start;gap:var(--gap-sm);padding:var(--space-md) var(--space-md);border-radius:10px;background-color:#fafafa}.performance-summary .performance-summary-body .performance-summary-table-header .total-paid span{color:#8a8a8a}.performance-summary .performance-summary-body .performance-summary-table-header .total-paid p{color:var(--primary-color);font-family:Bold,sans-serif}.teacher-courses .loading-icon{grid-column:span 5;width:100%;margin-left:auto;margin-right:auto}.teacher-course-details{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(5,1fr);gap:var(--gap-lg)}@media screen and (max-width:768px){.teacher-course-details{display:block}}.teacher-course-details .course-details-data{grid-column:span 8/span 8;grid-row:span 5/span 5;grid-column-start:5;grid-row-start:1}.teacher-course-details .groups-sidebar{grid-column:span 4/span 4;grid-row:span 5/span 5;grid-column-start:1;grid-row-start:1}.teacher-course-details .groups-sidebar .groups-side-container{overflow:auto;height:100vh}.teacher-course-details .groups-sidebar .groups-side-container::-webkit-scrollbar{width:5px}.teacher-course-details .groups-sidebar .groups-side-container::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.teacher-course-details .groups-sidebar .groups-side-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}.teacher-course-details .groups-sidebar .groups-side-container{padding:0 var(--padding-sm)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card{border:1px solid #dde2ed;border-radius:var(--radius-md)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm);padding:var(--padding-md);border-bottom:1px solid #dde2ed}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .titles{display:flex;flex-direction:column;gap:var(--gap-sm)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .titles p{font-size:var(--font-size-md);font-family:Bold,sans-serif}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .titles .dates{display:flex;align-items:center;gap:var(--gap-sm);color:#546881;font-size:.8rem}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-header .total-number{display:flex;align-items:center;gap:var(--gap-xs);color:var(--primary-color)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body{display:flex;flex-direction:column}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor{display:flex;align-items:center;padding:var(--padding-sm);justify-content:space-between;gap:var(--gap-sm);border-bottom:1px dashed #dde2ed}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor:last-child{border-bottom:none}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data{width:100%;display:flex;align-items:center;gap:var(--gap-sm)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data img{width:40px;height:40px;border-radius:var(--radius-xl)}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data .info{display:flex;flex-direction:column;justify-content:end;align-items:start;gap:0}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data .info p{color:#3d4c5e;font-family:Bold,sans-serif}.teacher-course-details .groups-sidebar .groups-side-container .group-side-card .card-body .group-instructor .data .info span{color:#909dad}.teacher-course-details .course-details-data .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list{padding:.3rem;background-color:#f8f9fd;display:flex;align-items:center;justify-content:space-around;border-radius:var(--radius-sm)}.teacher-course-details .course-details-data .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab{padding:var(--padding-sm);border:none;width:50%}.teacher-course-details .course-details-data .card .p-tabs .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab-active{color:var(--primary-color);border:none;border-color:none;background-color:#fff;width:50%;border-radius:var(--radius-sm)}.teacher-course-details .course-details-data .live-data-cards{display:flex;align-items:center;flex-direction:column;gap:var(--gap-md);width:100%}.teacher-course-details .course-details-data .live-data-cards .card{width:100%;border:1px solid #dde2ed;border-radius:var(--radius-sm);padding:var(--padding-sm)}.teacher-course-details .course-details-data .live-data-cards .card .card-title{display:flex;align-items:center;gap:var(--gap-sm)}.teacher-course-details .course-details-data .live-data-cards .card .card-title span{color:var(--black-color);font-family:Medium,sans-serif}.teacher-course-details .course-details-data .live-data-cards .card .card-body .items{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:1rem}.teacher-course-details .course-details-data .live-data-cards .card .card-body .items .item{display:flex;align-items:center;gap:var(--gap-sm)}.status{border-radius:10px;font-family:Bold,sans-serif;text-align:center}.success{color:var(--success-color)}.refund{color:red}.pending{color:#f0ad4e}.failed,.cancelled{color:red}.accept{background-color:#28a745;color:#fff;padding:5px 10px}.reject{background-color:red;color:#fff;margin-inline:1rem;padding:5px 10px}.cancel{background-color:#6b0808;color:#fff;margin-inline:1rem;padding:5px 10px}.rotate-ltr-180{display:inline-block}[dir=ltr] .rotate-ltr-180{transform:rotate(180deg)}.p-card-body{padding:0!important}.p-tab-active{color:var(--primary-color)!important;border-color:var(--primary-color)!important}.p-toggleswitch-checked .p-toggleswitch-slider{background-color:var(--primary-color)!important}.status{font-family:Bold,sans-serif;text-align:center;white-space:nowrap;border-radius:50px;padding:var(--space-sm) var(--space-md)}.p-datepicker-day-selected{background-color:var(--primary-color)!important}.p-inputtext{border-radius:var(--radius-xs)!important}.p-inputtext:focus{border-color:var(--primary-color)!important}.p-datepicker-day-selected-range,.p-select-option-selected{background-color:var(--primary-color-opacity-10)!important;color:var(--primary-color)!important}.ql-tooltip{z-index:55555555555555560000}textarea{resize:vertical}.p-datepicker-panel{direction:ltr!important}.p-datepicker-panel .p-datepicker-header:lang(en){direction:ltr!important}.p-datepicker-panel .p-datepicker-header:lang(ar){direction:rtl!important}