.mt{margin-top:20px}.mt-05{margin-top:5px}.mt-1{margin-top:10px}.mt-15{margin-top:15px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mt-5{margin-top:50px}.mt-6{margin-top:60px}.mt-7{margin-top:70px}.mt-8{margin-top:80px}.mt-9{margin-top:90px}.mt-10{margin-top:100px}.mr{margin-right:20px}.mr-05{margin-right:5px}.mr-1{margin-right:10px}.mr-15{margin-right:15px}.mr-2{margin-right:20px}.mr-3{margin-right:30px}.mr-4{margin-right:40px}.mr-5{margin-right:50px}.mr-6{margin-right:60px}.mr-7{margin-right:70px}.mr-8{margin-right:80px}.mr-9{margin-right:90px}.mr-10{margin-right:100px}.mb{margin-bottom:20px}.mb-05{margin-bottom:5px}.mb-1{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.mb-5{margin-bottom:50px}.mb-6{margin-bottom:60px}.mb-7{margin-bottom:70px}.mb-8{margin-bottom:80px}.mb-9{margin-bottom:90px}.mb-10{margin-bottom:100px}.ml{margin-left:20px}.ml-05{margin-left:5px}.ml-1{margin-left:10px}.ml-15{margin-left:15px}.ml-2{margin-left:20px}.ml-3{margin-left:30px}.ml-4{margin-left:40px}.ml-5{margin-left:50px}.ml-6{margin-left:60px}.ml-7{margin-left:70px}.ml-8{margin-left:80px}.ml-9{margin-left:90px}.ml-10{margin-left:100px}.pt{padding-top:20px}.pt-05{padding-top:5px}.pt-1{padding-top:10px}.pt-15{padding-top:15px}.pt-2{padding-top:20px}.pt-3{padding-top:30px}.pt-4{padding-top:40px}.pt-5{padding-top:50px}.pt-6{padding-top:60px}.pt-7{padding-top:70px}.pt-8{padding-top:80px}.pt-9{padding-top:90px}.pt-10{padding-top:100px}.pr{padding-right:20px}.pr-05{padding-right:5px}.pr-1{padding-right:10px}.pr-15{padding-right:15px}.pr-2{padding-right:20px}.pr-3{padding-right:30px}.pr-4{padding-right:40px}.pr-5{padding-right:50px}.pr-6{padding-right:60px}.pr-7{padding-right:70px}.pr-8{padding-right:80px}.pr-9{padding-right:90px}.pr-10{padding-right:100px}.pb{padding-bottom:20px}.pb-05{padding-bottom:5px}.pb-1{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-2{padding-bottom:20px}.pb-3{padding-bottom:30px}.pb-4{padding-bottom:40px}.pb-5{padding-bottom:50px}.pb-6{padding-bottom:60px}.pb-7{padding-bottom:70px}.pb-8{padding-bottom:80px}.pb-9{padding-bottom:90px}.pb-10{padding-bottom:100px}.pl{padding-left:20px}.pl-05{padding-left:5px}.pl-1{padding-left:10px}.pl-15{padding-left:15px}.pl-2{padding-left:20px}.pl-3{padding-left:30px}.pl-4{padding-left:40px}.pl-5{padding-left:50px}.pl-6{padding-left:60px}.pl-7{padding-left:70px}.pl-8{padding-left:80px}.pl-9{padding-left:90px}.pl-10{padding-left:100px}h1{font-size:3.2rem;line-height:4.2rem}h1,h2{color:var(--black);font-family:Poppins;font-style:normal;font-weight:500}h2{font-size:1.6rem;line-height:2.4rem}h3{color:var(--black);font-family:Poppins;font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem}h4{font-size:.87rem;line-height:1.4rem}h4,p{color:var(--black);font-family:Poppins;font-style:normal;font-weight:400}p{font-size:.8rem;line-height:1.2rem}.body-sub-text{font-family:Poppins}.body-sub-text,.sub-text{color:var(--black);font-size:.6rem;font-style:normal;font-weight:400;line-height:1rem}h1.sarabun{font-size:3.2rem;line-height:4.1rem}h1.sarabun,h2.sarabun{color:var(--black);font-family:Sarabun;font-weight:500}h2.sarabun{font-size:1.6rem;font-style:normal;line-height:2rem}h3.sarabun{font-size:1rem;font-weight:500;line-height:1.5rem}h3.sarabun,h4.sarabun{color:var(--black);font-family:Sarabun;font-style:normal}h4.sarabun{font-size:.87rem;font-weight:400;line-height:1.2rem}p.sarabun{font-size:.8rem;line-height:1rem}.body-sub-text.sarabun,p.sarabun{color:var(--black);font-family:Sarabun;font-style:normal;font-weight:400}.body-sub-text.sarabun,.sub-text.sarabun{font-size:.6rem;line-height:.8rem}.sub-text.sarabun{color:var(--black);font-family:Sarabun;font-style:normal;font-weight:400}.text-field input{background:#fff;border:1px solid var(--secondary);border-radius:8px;box-sizing:border-box;font-weight:400;outline:none;padding:15px 10px 15px 20px;transition:all .3s ease;width:100%}.text-field input:focus{background:var(--bc);border:1px solid var(--dark-gray)}.text-field input::-webkit-input-placeholder{color:var(--gray);font-weight:400}.text-field input:-ms-input-placeholder{color:var(--gray);font-weight:400}.text-field input::placeholder{color:var(--gray);font-weight:400}.text-field input.secondary{border:1px solid var(--secondary)}.text-field input.blue{border:1px solid var(--primary)}.text-field input.default{border-radius:8px}.text-field input.rounded{border-radius:25px}.text-field input:disabled{background:var(--white-smoke);border-color:var(--light-gray)!important;cursor:not-allowed}.text-field label{-webkit-padding-start:5px;display:inline-block;font-size:10px;font-weight:400;padding-bottom:5px;padding-inline-start:5px}.text-field input.fuchsia{border:1px solid var(--fuchsia)}.text-field input.fuchsia::-webkit-input-placeholder{color:var(--fuchsia)}.text-field input.fuchsia:-ms-input-placeholder{color:var(--fuchsia)}.text-field input.fuchsia::placeholder{color:var(--fuchsia)}.text-field .fuchsia{color:var(--fuchsia)}.text-field input:disabled{border:1px solid var(--dark-gray)}.text-field .error{-webkit-padding-start:5px;color:var(--fuchsia);font-size:12px;font-weight:300;margin:5px 0 0;padding-inline-start:5px}.dots-loader{display:flex;gap:5px;justify-content:center}.dots-loader span{-webkit-animation:scaleDot1 1.2s ease infinite;animation:scaleDot1 1.2s ease infinite;background-color:var(--primary);border-radius:50%;display:inline-block;height:10px;width:10px}.dots-loader span:nth-child(2){-webkit-animation:scaleDot2 1.2s ease infinite;animation:scaleDot2 1.2s ease infinite}.dots-loader span:nth-child(3){-webkit-animation:scaleDot3 1.2s ease infinite;animation:scaleDot3 1.2s ease infinite}@-webkit-keyframes scaleDot1{0%,33%,to{-webkit-transform:scale(1);transform:scale(1)}16%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes scaleDot1{0%,33%,to{-webkit-transform:scale(1);transform:scale(1)}16%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes scaleDot2{0%,33%,66%,to{-webkit-transform:scale(1);transform:scale(1)}49%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes scaleDot2{0%,33%,66%,to{-webkit-transform:scale(1);transform:scale(1)}49%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@-webkit-keyframes scaleDot3{0%,66%,to{-webkit-transform:scale(1);transform:scale(1)}82%{-webkit-transform:scale(1.4);transform:scale(1.4)}}@keyframes scaleDot3{0%,66%,to{-webkit-transform:scale(1);transform:scale(1)}82%{-webkit-transform:scale(1.4);transform:scale(1.4)}}.section-loader{padding:0 50px}.overlay-loader{max-height:100vh;top:0;z-index:100}.overlay-loader .dots-loader{top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.overlay-loader{background:hsla(0,0%,100%,.5);height:100%;left:0;position:absolute;width:100%}.overlay-loader .dots-loader{left:50%;position:absolute}.circle-loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:2.5px solid var(--primary);border-bottom:2.5px solid transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:24px;width:24px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.button{border:none;border-radius:25px;cursor:pointer;display:inline-block;padding:15px 30px;position:relative;white-space:nowrap}.button,.button.primary{background:var(--primary);width:100%}.button.primary{color:#fff}.button.fuchsia{background:var(--fuchsia);color:#fff}.button.black{background:var(--black);color:#fff}.button.white{background:var(--white);border:1px solid var(--primary);color:var(--primary)}.button.white-fuchsia{background:var(--white);border:1px solid var(--fuchsia);color:var(--fuchsia)}.button.dark_gray{background:var(--dark-gray);color:#fff}.button.light_gray{background:var(--light-gray);color:#fff}.button.light_blue{background:var(--light-blue);color:#fff}.button.gray_blue{background:var(--gray-blue);color:#fff}.button.mustard{background:var(--mustard);color:#fff}.button.green{background:var(--green);color:#fff}.button:disabled{cursor:not-allowed}.button:not(.loading):disabled{background:var(--dark-gray);color:var(--light-gray)}.button.loading{min-height:45px}.button.small{padding:10px 15px}.button.medium{padding:15px 30px}.button.large{padding:20px 35px}.button.loading:before{-webkit-animation:dropEffect 1s ease infinite;animation:dropEffect 1s ease infinite;background-color:var(--primary);border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@-webkit-keyframes dropEffect{0%{opacity:.7;-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}to{opacity:0;-webkit-transform:scaleX(1.1) scaleY(1.35);transform:scaleX(1.1) scaleY(1.35)}}@keyframes dropEffect{0%{opacity:.7;-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}to{opacity:0;-webkit-transform:scaleX(1.1) scaleY(1.35);transform:scaleX(1.1) scaleY(1.35)}}@media screen and (max-width:768px){.button{padding:10px 15px}}.nav-container{box-shadow:0 8px 24px rgba(0,0,0,.05)}.nav-container nav{align-items:center;display:flex;height:80px;justify-content:space-between}.nav-container nav .nav-items ul{align-items:center;display:flex;gap:20px;margin:0;padding:0}.nav-container nav .nav-items ul li{list-style-type:none}.nav-container nav .nav-items ul li a{color:var(--dark-gray);text-decoration:none}.nav-container nav .name-container{z-index:10}.nav-container nav .name-container img{border-radius:100%;height:40px;width:40px}.nav-container nav .name-container .image{align-items:center;cursor:pointer;display:flex;gap:7px;position:relative}.nav-container nav .name-container .image>i{color:var(--dark-gray);font-size:10px;transition:all .3s ease}.nav-container nav .name-container .image .options-menu .options-menu-header{align-items:center;border-bottom:1px solid var(--shade-04);display:flex;font-size:13px;gap:15px;line-height:20px;padding:20px}.nav-container nav .name-container .image .options-menu .options-menu-header .name{color:var(--dark-gray)}@media screen and (min-width:992px){.nav-container .burger-icon{display:none}.nav-container .nav-items{display:block}}@media screen and (max-width:992px){.nav-container .burger-icon{display:block;position:fixed;right:40px;top:15px}.nav-container .nav-items{display:none;position:relative}.nav-container .nav-items.expanded{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-name:nav;animation-name:nav;background-color:var(--bc);border-bottom-left-radius:30px;border-bottom-right-radius:30px;display:block;left:50%;padding:0 0 30px;position:absolute;top:80px;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;z-index:10}.nav-container .nav-items.expanded ul{flex-direction:column;gap:0;justify-content:center}.nav-container .nav-items.expanded ul li:last-child{padding-top:15px}}@media screen and (max-width:600px){.nav-container .burger-icon{right:15px}}@-webkit-keyframes nav{0%{opacity:0;text-align:center;top:60px}to{opacity:100%;top:80px}}@keyframes nav{0%{opacity:0;text-align:center;top:60px}to{opacity:100%;top:80px}}.options-menu{-webkit-animation:showOptionsMenuAnimation .3s ease-in-out forwards;animation:showOptionsMenuAnimation .3s ease-in-out forwards;background-color:var(--white);border:1px solid var(--shade-03);border-radius:8px;min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% - 10px);visibility:hidden}.options-menu ul{list-style:none;margin:0;padding:0}.options-menu ul li{align-items:center;color:var(--black-02);cursor:pointer;display:flex;font-size:15px;gap:10px;line-height:50px;padding:0 15px;transition:all .3s ease}.options-menu ul li i{color:var(--dark-purple);font-size:14px;margin-right:10px;position:relative;top:1.5px}.options-menu ul li:hover{background-color:var(--bc)}@-webkit-keyframes showOptionsMenuAnimation{0%{opacity:0;top:calc(100% - 10px);visibility:hidden}to{opacity:1;top:calc(100% + 10px);visibility:visible}}@keyframes showOptionsMenuAnimation{0%{opacity:0;top:calc(100% - 10px);visibility:hidden}to{opacity:1;top:calc(100% + 10px);visibility:visible}}.button-base{cursor:pointer}.global-avatar{background-position:50%;background-size:cover;border-radius:50%;display:inline-block}.auth-container{padding-bottom:40px}.auth-container .image-slider-container .carousel{padding:0 0 40px}.auth-container .image-slider-container .carousel h4{color:var(--dark-gray)}.auth-container .image-slider-container .carousel .image-slider-body{text-align:left}.auth-container .image-slider-container .carousel .image-slider-body h4{margin:0}.auth-container .image-slider-container .carousel .control-dots li{background:var(--light-blue);box-shadow:none;height:8px;margin:0 5px;opacity:1;transition:all .3s ease;width:8px}.auth-container .image-slider-container .carousel .control-dots .selected{background:var(--primary);border-radius:10px;width:16px}@media screen and (max-width:992px){.image-slider-container{display:none}}.carousel.carousel-slider .control-arrow,.carousel .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel.carousel-slider .control-arrow:before,.carousel .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.social-button{align-items:center;background:var(--bc);border:none;border-radius:41px;cursor:pointer;display:inline-block;display:flex;height:45px;justify-content:center;padding:0;transition:all .3s ease;width:150px}.social-button img{height:20px;margin-right:20px;width:20px}.social-button h4{font-weight:400;padding-top:2px}.social-button:hover{background:var(--white-smoke)}.form-container h4{margin:40px 0}.form-container h4 a{font-weight:600}.form-container{max-width:320px}.form-container .auth-title{color:var(--primary);margin-top:0}.form-container h4{color:var(--dark-gray)}.form-container .social-buttons-container{margin-top:40px;text-align:center}.form-container .social-buttons-container h4{color:var(--dark-gray)}.form-container .social-buttons-container .social-buttons{display:flex;justify-content:space-between}.form-container .terms-container{align-items:center;display:flex;justify-content:space-around}.form-container .terms-container h4{flex:5 1;font-weight:300}.form-container .terms-container input{flex:1 1}.form-container h4{font-weight:400}.form-container h4 a{color:var(--primary);font-weight:500;text-decoration:none}.form-container .signup-button{margin-top:30px}.form-container .signup-button h4{margin:0}.form-container .privacy-policy{color:var(--dark-gray);margin:20px 0}.form-container .privacy-policy h4{font-weight:400;margin:10px 0}.password-recovery-container{padding-top:20px}.password-recovery-container .auth-title{color:var(--primary);margin-top:0}.password-recovery-container .form-container{margin-bottom:50px;margin-top:70px;max-width:320px}.password-recovery-container .form-container .text-field{margin-bottom:60px}.password-recovery-container .form-container .text-field p{color:var(--fuchsia)}.password-recovery-container .form-container h4{font-weight:300;margin-top:30px;text-align:center}.password-recovery-container .form-container h4 a{color:var(--primary);font-weight:500;text-decoration:none}.Verification-container h4 span{color:var(--black)}.Verification-container{max-width:380px}.Verification-container .title{color:var(--primary);margin-top:0}.Verification-container h3{font-weight:400}.Verification-container h3 .email{color:var(--primary)}.Verification-container h4{color:var(--dark-gray)}.Verification-container h4 .link{color:var(--primary);cursor:pointer;font-weight:500;text-decoration:none}.Verification-container #button{margin-top:60px}.Verification-container .inputs{flex-wrap:wrap;margin-top:40px}.Verification-container .inputs .verification-container{height:90px;width:100%}.Verification-container .inputs .character{border:1px solid var(--light-gray);border-radius:18px;color:var(--black);font-size:48px;line-height:90px;margin-left:15px;max-width:78px}.Verification-container .inputs .character:first-child{margin-left:0}.Verification-container .inputs .character--inactive{background-color:var(--white)}.Verification-container .inputs .character--selected{border:1px solid var(--dark-gray)}.Verification-container .inputs .character.code-error{border:1px solid var(--fuchsia)}.Verification-container .code-error h4{color:var(--fuchsia)}@media(max-width:425px){.character{line-height:70px}}.timeline-main-container{align-items:center;display:flex}.timeline-main-container .back-container{display:flex}.timeline-main-container .back-container h4 a{color:var(--dark-gray);cursor:pointer;text-decoration:none}.timeline-main-container .back-container .icon{margin-right:5px;margin-top:22px}.timeline-main-container h4{color:var(--dark-gray);font-weight:400}.timeline-main-container .timeline-container{background-color:var(--light-gray);border-radius:18px;flex:2 1;height:7px;margin:50px 60px}.timeline-main-container .timeline-container .timeline-progress{background-color:var(--primary);border-radius:18px;height:100%;max-width:100%;width:0}.timeline-main-container .timeline-container .timeline-items{display:flex;justify-content:space-around;margin-top:-15px}.timeline-main-container .timeline-container .timeline-items .timeline-item{position:relative}.timeline-main-container .timeline-container .timeline-items .timeline-item:before{background-color:var(--light-gray);border:2px solid var(--white);border-radius:100%;content:"";display:block;height:20px;width:20px}.timeline-main-container .timeline-container .timeline-items .timeline-item.active:before{background-color:var(--primary)}.timeline-main-container .timeline-container .timeline-items .timeline-item.active .timeline-content{background-color:var(--primary);color:var(--light-gray)}.timeline-main-container .timeline-container .timeline-items .timeline-item.active .timeline-content:before{background-color:var(--primary)}@media screen and (max-width:767px){.timeline-main-container{margin-top:50px}.timeline-main-container .back-container,.timeline-main-container .timeline-container,.timeline-main-container h4{display:none}}.onboarding-container .onboarding-card{align-items:center;display:flex;justify-content:center}.card-container{background:#fff;border-radius:24px;box-shadow:0 8px 40px 5px rgba(0,0,0,.08);margin-bottom:50px;padding:30px 30px 10px}.card-container h2{color:var(--primary)}.card-container .button-container{margin-top:30px}.card-container h3{margin-bottom:0;margin-top:20px;text-align:center}.card-container h3 a{color:var(--primary);text-decoration:none}.simple-checkbox{display:inline-block}.simple-checkbox label{background:#fff;border:1px solid var(--primary);border-radius:30px;cursor:pointer;display:inline-block;height:20px;position:relative;transition:all .3s ease;width:20px}.simple-checkbox label i{color:#fff;font-size:9px;left:50%;margin-top:1.5px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:-webkit-transform .5s cubic-bezier(.26,2,.46,.71);transition:transform .5s cubic-bezier(.26,2,.46,.71);transition:transform .5s cubic-bezier(.26,2,.46,.71),-webkit-transform .5s cubic-bezier(.26,2,.46,.71)}.simple-checkbox input:checked~label{background:var(--primary)}.simple-checkbox input:checked~label i{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.disabled{background-color:var(--bc);cursor:not-allowed}.disabled label{background:var(--bc);border:1px solid var(--black)}.dark .simple-checkbox label{background:#343b49;border-color:#3a4252}.modal{background:rgba(0,0,0,.3);height:100%;left:0;position:fixed;top:0;width:100%;z-index:15}.modal .modal-main{background:#fff;border-radius:28px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;max-height:800px;min-width:300px;overflow:scroll;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .4s ease}.modal .modal-main .modal-header-container{display:flex;flex-direction:row-reverse}.modal .modal-main .modal-header-container .close-icon-container{position:relative;right:20px;top:20px}.modal .modal-main .modal-header-container .close-icon-container .close-icon{background-color:var(--light-gray);border-radius:100%;cursor:pointer;padding:3px}.modal .modal-main .modal-body-container{margin:0 40px 40px}.modal .modal-main .modal-body-container h4{color:var(--dark-gray)}.modal .modal-main .modal-body-container .modal-image-container .modal-image{background-color:var(--light-blue);border-radius:100%;padding:30px}.modal .full-height{height:100%}@media screen and (max-width:580px){.modal-main{width:100%!important}.modal-main .modal-header-container .close-icon-container{top:54px!important}.modal-body-container{margin:0 20px 30px!important}.modal-body-container h2{font-size:23px}}.confirmation-modal{text-align:center}.confirmation-modal h3{margin:30px 0}.coupon-container{align-items:center;background-color:var(--primary);border-radius:9px;display:flex;gap:12px;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.coupon-container .tag{height:18px;width:18px}.coupon-container h4{color:var(--white)!important;margin:0}.coupon-container .close-icon{cursor:pointer}.post-text-field .post-input{border:none;border-radius:8px;box-sizing:border-box;font-family:Poppins;font-style:normal;font-weight:400;outline:none;padding:15px;resize:none;transition:all .3s ease;width:100%}.post-text-field .gray{background-color:var(--bc)}.post-text-field .round{border-radius:20px}.post-text-field .primary{background-color:var(--white)!important;color:var(--primary)}.post-text-field.error .post-input{border:1px solid var(--fuchsia)}.post-text-field.error p{color:var(--fuchsia)}.react-select__control{border-radius:50px!important}.react-select__control.react-select__control--is-focused{background:var(--bc);border:1px solid var(--dark-gray)}.react-select__control{border-color:var(--light-gray)!important}.react-select__indicator-separator{display:none}.react-select__menu{border-radius:10px!important}.react-select__value-container{padding:10px 20px!important}.react-select__indicator{padding-right:20px!important}.react-select__indicator.react-select__clear-indicator{padding-right:0!important}.select-placeholder-text{color:var(--gray);font-size:12px}p{margin:0}.react-select__control .fuchsia{border-color:var(--fuchsia)!important}input.fuchsia{border:1px solid var(--fuchsia)}input.fuchsia::-webkit-input-placeholder{color:var(--fuchsia)}input.fuchsia:-ms-input-placeholder{color:var(--fuchsia)}input.fuchsia::placeholder{color:var(--fuchsia)}.error,.fuchsia{color:var(--fuchsia)}.error{-webkit-padding-start:5px;font-size:12px;font-weight:300;margin:5px 0 0;padding-inline-start:5px}.react-select__menu-portal{z-index:99999!important}.meta{display:flex;margin:10px}.meta span{display:block}.meta span p{color:var(--gray-blue)}.meta span p,.meta span span{font-size:13px;font-weight:500}.meta span span{color:var(--dark-gray)}.meta .icon{color:var(--gray-blue);display:inline-block;height:30px;margin-top:2px;width:35px}.card{background:var(--bc);border:1px solid var(--bc);border-radius:10px;position:relative;transition:all .3s ease}.card .wrapper{display:flex;padding:20px 20px 0}.card .wrapper .avatar img{background-position:50%;background-size:cover;border-radius:50%;height:88px;margin-right:20px;margin-top:8px;overflow:hidden;width:88px}.card .wrapper .details .userinfo strong{display:block;font-size:15px;font-weight:500}.card .wrapper .details .userinfo .address{color:var(--dark-gray);display:block;font-size:13px;margin:10px 0}.card .wrapper .details .userinfo .rating{display:block}.card .wrapper .details .userinfo .rating>div{display:flex;gap:3px}.card .wrapper .details .userinfo .rating>div svg{width:13px}.card .wrapper .details .price{background:var(--light-blue);border-radius:20px;color:var(--primary);font-weight:600;margin:16px;padding:10px 20px;position:absolute;right:10px;top:10px}.card .wrapper .details .metadeta{display:flex;margin:0 -10px}.card .link-container{border-radius:0 0 10px 10px;border-top:1px solid var(--light-gray);padding-top:13px;text-align:center;transition:all .3s ease}.card .link-container:hover{background-color:#f1f1f1}.card:hover{cursor:pointer}.card:hover,.selected-card{border:1px solid var(--primary)}.disable-teacher-card .card,.one-teacher .card:not(.selected-card){border:1px solid var(--bc)!important;cursor:not-allowed;opacity:.5}@media screen and (max-width:1199px){.card .wrapper{align-items:center;flex-direction:column;gap:10px}.card .wrapper .details .userinfo{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width:600px){.metadeta{flex-direction:column}}.main-container .left-panel-container{display:flex;flex-direction:column;justify-content:space-between;max-width:545px!important;min-height:calc(100vh - 220px)!important}.main-container .left-panel-container .calendar-card{padding:20px 75px}.main-container .left-panel-container .calendar-card .calendar-container{overflow:auto}.main-container .left-panel-container .calendar-card .calendar-container .overlay-loader{top:10%}.main-container .left-panel-container .calendar-container{align-items:center;position:relative;text-align:center}.main-container .left-panel-container .calendar-container .overlay-info{background:hsla(0,0%,100%,.5);height:200px;left:0;position:absolute;top:105px;width:100%}.main-container .left-panel-container .calendar-container .overlay-info h3{color:var(--dark-gray);position:absolute;top:50%}.main-container .left-panel-container .available-times{gap:10px;padding:30px 0}.main-container .left-panel-container .react-calendar{background:#fff;line-height:1.125em;max-width:100%;min-width:365px}.main-container .left-panel-container .react-calendar abbr{text-decoration:none}.main-container .left-panel-container .react-calendar button{border-radius:100%;padding:16px}.main-container .left-panel-container .react-calendar .react-calendar__navigation__arrow{background-color:var(--bc);border-radius:100%;transition:all .4s ease}.main-container .left-panel-container .react-calendar .react-calendar__navigation__arrow:hover{background-color:var(--primary)!important;border-radius:100%;color:var(--white)}.main-container .left-panel-container .react-calendar .react-calendar__century-view__decades__decade,.main-container .left-panel-container .react-calendar .react-calendar__decade-view__years__year,.main-container .left-panel-container .react-calendar .react-calendar__year-view__months__month{border-radius:16%}.main-container .left-panel-container .react-calendar .react-calendar__navigation__label:focus .react-calendar__navigation__label:hover{background:var(--bc)!important}.main-container .left-panel-container .react-calendar .react-calendar__navigation__label{border-radius:10px;transition:all .3s ease}.main-container .right-panel-container{border-left:1px solid var(--light-gray);max-height:100%;overflow:auto}.main-container .right-panel-container .teachers{padding:20px 75px}.main-container .right-panel-container .cards-container-header{display:flex;justify-content:space-between;margin-bottom:0}.main-container .right-panel-container .cards-container-header h3{font-weight:600;margin-top:6px}.main-container .right-panel-container .cards-container-header .filter-icon{background-color:var(--bc);border-radius:10px;cursor:pointer;height:25px;line-height:28px;padding:8px;text-align:center;transition:all .3s ease;width:25px}.main-container .right-panel-container .cards-container-header .filter-icon svg{height:16px;width:16px}.main-container .right-panel-container .cards-container-header .filter-icon:hover{background-color:var(--light-gray)}.main-container .right-panel-container .cards-container{overflow:auto;position:relative;width:100%}.confirmation,.skip-container{display:none}@media screen and (max-width:992px){.main-container{min-height:calc(100vh - 220px)!important}.main-container .left-panel-container.show{display:none}.main-container .right-panel-container.hide{border:none}.main-container .right-panel-container.hide .teachers{padding:20px 35px}.main-container .left-panel-container.hide{display:block}.main-container .right-panel-container.show{display:none}.main-container.hide{display:none;min-height:100%!important}.confirmation.show{display:block}}@media screen and (max-width:768px){h3 .skip{display:none;height:100%!important}.skip-container{display:block;text-align:center}.skip-container h3 a{color:var(--primary);text-decoration:none}.skip-container .back-container{display:block}}@media screen and (max-width:500px){.calendar-card{padding:20px 10px!important}}.confirmation-time-slot{background-color:var(--bc);border-radius:50px;color:var(--gray-blue);display:flex;flex-direction:row;font-size:15px;font-weight:400;justify-content:space-between;line-height:28px;margin-top:10px;padding:15px 25px 12px;text-align:center}.confirmation-time-slot .selected{background-color:var(--primary);cursor:pointer;transition:all .3s ease}.confirmation-time-slot .actions{display:flex;gap:15px}.confirmation-time-slot .actions .icon-container{background-color:var(--white);border-radius:50%;color:var(--gray-blue);display:inline-block;height:30px;width:30px}.confirmation-time-slot .actions .icon-container svg{position:relative;top:2px;width:15px}.confirmation-time-slot .icon-container:hover{cursor:pointer;transition:all .3s ease}@media screen and (max-width:768px){.confirmation-time-slot{padding:7px 10px}}.confirm-schedule-container{padding:30px 50px}.confirm-schedule-container .confirm-schedule-header div{align-items:center;display:flex;justify-content:space-between}.confirm-schedule-container .confirm-schedule-header div span{background-color:var(--bc);border-radius:10px;color:var(--dark-gray);font-size:.8rem;padding:5px 10px}.confirm-schedule-container .confirm-schedule-header div span:hover{background-color:var(--light-gray);color:var(--black);transition:all .2s ease}@media screen and (max-width:1200px){.confirm-schedule-container{padding:30px 20px}}@media screen and (max-width:992px){.confirm-schedule-container .confirm-schedule-header .change-teacher-button{display:none}}.teacher-profile{padding:0 60px}.teacher-profile header{margin-bottom:80px;position:relative;text-align:center}.teacher-profile header h3{color:var(--black);font-size:19px;margin:0}.teacher-profile header .back{align-items:center;background-color:var(--bc);border-radius:5px;cursor:pointer;display:flex;height:25px;justify-content:center;left:0;padding:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;width:25px}.teacher-profile header .back:hover{background-color:var(--light-gray)}.teacher-profile-details{background-color:var(--bc);border-radius:10px;display:block;padding-bottom:10px;position:relative}.teacher-profile-details .avatar{background-position:50%;background-size:cover;border-radius:50%;height:100px;margin:0 auto -30px;overflow:hidden;position:relative;top:-50px;width:100px}.teacher-profile-details .avatar img{height:100%;overflow:hidden;width:100%}.teacher-profile-details .price{background:var(--light-blue);border-radius:20px;color:var(--primary);font-weight:600;margin:16px;padding:10px 20px;position:absolute;right:10px;top:10px}.teacher-profile-details .wrapper{align-items:center;display:block;padding:0 20px}.teacher-profile-details .wrapper .userinfo{text-align:center}.teacher-profile-details .wrapper .userinfo h3{font-size:18px;margin:0}.teacher-profile-details .wrapper .userinfo p{color:var(--dark-gray);font-size:15px;margin:10px 0}.teacher-profile-details .wrapper .userinfo .icon{border:none;color:var(--gold)}.teacher-profile-details .wrapper .metaData-container{display:flex;justify-content:center;padding:5px 0}.teacher-profile-details .wrapper .metaData-container .metaData{padding:5px}.profile-card-body h3{color:var(--black);font-size:18px;margin-bottom:5px;text-align:left}.profile-card-body .about .about-body{background-color:var(--bc);border-radius:10px;padding:20px}.profile-card-body .about .about-body p{font-size:14px;line-height:23px}.profile-card-body .background .background-body{background-color:var(--bc);border-radius:10px;font-size:16px;padding:15px 20px}.profile-card-body .background .background-body p{font-size:14px;line-height:23px}.profile-card-body .background .background-body svg{color:var(--gray-blue)}.profile-card-body .background .education-container,.profile-card-body .background .university-container{align-items:center;display:flex;gap:10px;height:35px}.profile-card-body .teacher-courses .courses{display:flex;gap:7px}.profile-card-body .teacher-courses .courses span{border-radius:10px;font-size:12px;font-weight:500;margin-top:15px;padding:5px 10px}.mustard{background-color:#fff2d0;color:var(--mustard)}.fuchsiaa{background-color:#f4a8b6;color:var(--fuchsia)}.primary{background-color:#a6ade8;color:var(--primary)}@media screen and (max-width:600px){.metaData-container{align-items:center;flex-direction:column}}.time-slot span{background-color:var(--bc);border-radius:50px;color:var(--gray-blue);cursor:pointer;font-size:14px;font-weight:400;line-height:28px;padding:18px 15px;transition:all .4s ease;width:100%}.time-slot span:not(.denied):hover{background-color:var(--light-gray)}.time-slot .selected{background-color:var(--primary)!important;color:var(--white)!important;cursor:pointer;transition:all .3s ease}.time-slot .denied:not(.selected){cursor:not-allowed}@media screen and (max-width:768px){.time-slot span{padding:10px 13px}}.simple-checkbox{align-items:center;display:flex;gap:10px}.simple-checkbox input{display:none}.simple-checkbox label.icon{background:#fff;border:1px solid var(--primary);border-radius:3px;display:inline-block;height:20px;position:relative;transition:all .3s ease;width:20px}.simple-checkbox label.icon i{color:#fff;font-size:12px;left:50%;margin-top:1.5px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:-webkit-transform .5s cubic-bezier(.26,2,.46,.71);transition:transform .5s cubic-bezier(.26,2,.46,.71);transition:transform .5s cubic-bezier(.26,2,.46,.71),-webkit-transform .5s cubic-bezier(.26,2,.46,.71)}.simple-checkbox .label{display:inline-block;position:relative;transition:all .3s ease}.simple-checkbox input:checked~label.icon{background:var(--primary);border-color:var(--primary)}.simple-checkbox input:checked~label.icon i{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.toggle-container .switch{display:inline-block;height:26px;position:relative;width:50px}.toggle-container .switch input{display:none}.toggle-container .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-container .slider:before{background-color:#fff!important;bottom:4px;content:"";height:18px;left:6px;position:absolute;transition:.4s;width:18px}.toggle-container input:checked+.slider{background-color:var(--primary)}.toggle-container input:checked+.slider:before{-webkit-transform:translateX(20px);transform:translateX(20px)}.toggle-container .slider.round{border-radius:34px}.toggle-container .slider.round:before{border-radius:50%}.admin-open-calendar{align-items:center;display:flex;justify-content:space-between;margin:10px 0 20px}.admin-open-calendar h3{margin:0}.confirmation-button{display:none}@media screen and (max-width:992px){.confirmation-button{display:flex;flex-direction:column;gap:10px}}@media screen and (max-width:600px){.available-times .time-slots{display:block}}select{-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:thin solid var(--light-gray);border-radius:25px;box-sizing:border-box;display:inline-block;font:inherit;line-height:1.5em;margin:0;padding:.65em 3.5em .65em 1em;width:100%}select.dropdown{background-image:linear-gradient(45deg,transparent 50%,var(--light-gray) 50%),linear-gradient(135deg,var(--light-gray) 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(1.2em + 2px),calc(100% - 15px) calc(1.2em + 2px),calc(100% - 2.5em) -.5em}select.dropdown,select.dropdown:focus{background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 3.5em}select.dropdown:focus{background-image:linear-gradient(45deg,var(--primary) 50%,transparent 50%),linear-gradient(135deg,transparent 50%,var(--primary) 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 15px) 1.2em,calc(100% - 20px) 1.2em,calc(100% - 2.5em) -.5em;border-color:var(--primary);outline:0}.schedule-modal-container .button-container div>button{align-items:center;display:flex;gap:5px;justify-content:center}.schedule-modal-container .button-container .qrcode-container h3{margin-bottom:10px}.schedule-modal-container .button-container .qrcode-container img{border-radius:12px;height:50%;width:50%}.plan-container{align-items:center;background:#fff;border-radius:24px;box-shadow:0 8px 40px 5px rgba(0,0,0,.08);display:flex;flex-direction:column;margin-bottom:30px}.plan-container .plan-title{color:var(--primary);margin:25px 0}.plan-container h3{font-weight:400}.plan-container .button-container{margin:10px 0 35px;width:70%}.plans-container{align-items:center}.plans-container .skip-container h3{margin:0;text-align:center}.plans-container .skip-container h3 a{color:var(--primary);text-decoration:none}@media screen and (min-width:768px){.back-container{display:none}}.courses-card-container{background:#fff;border-radius:24px;box-shadow:0 8px 40px 5px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:center;width:100%}.courses-card-container .header-container{margin:40px 10% 0}.courses-card-container .header-container h2{color:var(--primary)}.courses-card-container .body-container{display:flex;justify-content:space-around;margin:20px 30px}.courses-card-container .body-container .course{align-items:center;display:flex;flex-direction:column}.courses-card-container .body-container .course .course-logo{cursor:pointer}.courses-card-container .body-container .course .course-logo img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.6;transition:all .3s ease}.courses-card-container .body-container .course .course-title h2{color:var(--dark-gray)}.courses-card-container .body-container .course.active .course-logo img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.courses-card-container .body-container .course.active .course-title h2{color:var(--primary)}.courses-card-container .footer-container{margin:0 30% 40px}@media screen and (max-width:768px){.courses-card-container{margin:10px 0}.courses-card-container .body-container{justify-content:start;overflow:scroll}.courses-card-container .body-container .course{padding:0 30px}}.dashboard-navbar-container{background-color:#fff;border:1px solid #dfe2e5;left:0;position:fixed;top:0;width:100%;z-index:10}.dashboard-navbar-container nav{align-items:center;display:flex;height:80px;justify-content:space-between}.dashboard-navbar-container nav .nav-items ul{align-items:center;display:flex;gap:20px;margin:0;padding:0}.dashboard-navbar-container nav .nav-items ul li{list-style-type:none}.dashboard-navbar-container nav .nav-items ul li a{color:var(--dark-gray);text-decoration:none}.dashboard-navbar-container nav .logo-container{display:flex;gap:120px;justify-content:space-between}.dashboard-navbar-container nav .logo-container .right-container{align-items:center;display:flex;gap:15px;margin-left:35%}.dashboard-navbar-container nav .logo-container .right-container .burger-icon{display:none}.dashboard-navbar-container nav .logo-container .search{align-items:center;display:flex;gap:20px}.dashboard-navbar-container nav .logo-container .search h3{color:var(--dark-gray)}.dashboard-navbar-container nav .name-container{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-evenly;margin-right:40px;position:relative}.dashboard-navbar-container nav .name-container .icon{border-radius:100%;box-shadow:0 8px 24px rgba(0,0,0,.05);cursor:pointer;height:20px;padding:12px;width:20px}.dashboard-navbar-container nav .name-container .icon:hover{background-color:var(--bc);color:var(--white);transition:.3s ease-in-out}.dashboard-navbar-container nav .name-container img{border-radius:100%;height:40px;width:40px}.dashboard-navbar-container nav .name-container .notification{position:relative}.dashboard-navbar-container nav .name-container .image{align-items:center;cursor:pointer;display:flex;gap:7px;position:relative}.dashboard-navbar-container nav .name-container .image>i{color:var(--dark-gray);font-size:10px;transition:all .3s ease}.dashboard-navbar-container nav .name-container .image .options-menu .options-menu-header{align-items:center;border-bottom:1px solid var(--shade-04);display:flex;font-size:13px;gap:15px;line-height:20px;padding:20px}.dashboard-navbar-container nav .name-container .image .options-menu .options-menu-header .name{color:var(--dark-gray)}@media screen and (max-width:992px){.dashboard-navbar-container nav .logo-container{display:flex;gap:30px}.dashboard-navbar-container nav .logo-container .right-container{margin-left:20%}.dashboard-navbar-container nav .name-container h3{display:none}}.notification-card{background-color:var(--white);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:10px}.notification-card .top-container{align-items:center;display:flex;justify-content:space-between}.notification-card .bottom-container p{color:var(--dark-gray)}.notification-container{-webkit-animation:showNotifications .3s ease-in-out forwards;animation:showNotifications .3s ease-in-out forwards;background-color:var(--bc);border:1px solid var(--shade-03);border-radius:17px;color:var(--dark-gray);display:flex;flex-direction:column;gap:10px;max-height:364px;opacity:0;overflow-y:auto;padding:10px;position:absolute;right:0;top:calc(100% - 10px);visibility:hidden;width:300px;z-index:10}.notification-container .see-more{color:var(--primary);text-align:center}.notification-container .see-more p{color:var(--primary);margin:0}@-webkit-keyframes showNotifications{0%{opacity:0;top:calc(100% - 10px);visibility:hidden}to{opacity:1;top:calc(100% + 10px);visibility:visible}}@keyframes showNotifications{0%{opacity:0;top:calc(100% - 10px);visibility:hidden}to{opacity:1;top:calc(100% + 10px);visibility:visible}}.notification-button-container span{align-items:center;background-color:var(--primary);border-radius:100%;bottom:40px;display:flex;height:20px;justify-content:center;left:30px;position:absolute;width:20px}.notification-button-container span p{color:var(--white)}@media screen and (max-width:450px){.notification-container{left:-85%;-webkit-transform:translate(-50%);transform:translate(-50%)}}.dashboard-sidebar-container{align-items:center;background-color:#fff;border:1px solid #dfe2e5;border-top:none;display:flex;flex-direction:column;height:calc(100vh - 142px);justify-content:space-between;left:0;margin-top:82px;max-width:200px;padding:30px;position:-webkit-sticky;position:sticky;top:82px;transition:all .4s ease;width:15vw;z-index:10}.dashboard-sidebar-container h3{color:var(--white);margin:0}.dashboard-sidebar-container .top-container{display:flex;flex-direction:column;gap:20px}.dashboard-sidebar-container .top-container .dashboard-button-container{align-items:center;background-color:var(--primary);border-radius:30px;color:var(--white);display:flex;gap:20px;padding:15px 20px}.dashboard-sidebar-container .collapse-container .collapse-button{align-items:center;display:flex;gap:20px;margin-bottom:30px}.dashboard-sidebar-container .collapse-container .collapse-button h3{color:var(--gray-blue);font-size:1em;font-weight:400}.dashboard-sidebar-container.collapse{width:40px}.dashboard-sidebar-container.collapse h3{display:none}.dashboard-sidebar-container.collapse .collapse-container .collapse-button .arrow-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .3s ease}.dashboard-container{display:flex}.dashboard-container .body-container{flex:6 1;padding-top:82px}@media screen and (max-width:768px){.dashboard-container .sidebar-container{display:none}}.tab-bar-container{border-bottom:1px solid var(--light-gray);display:flex;gap:30px;height:25px;padding:23px 0 10px 25px}.tab-bar-container h3{margin:0}.tab-bar-container .tab-container{padding:5px}.tab-bar-container .tab-container a{text-decoration:none}.tab-bar-container .tab-container h3{color:var(--gray-blue)}.tab-bar-container .tab-container:hover{border-bottom:.5px solid var(--gray);color:var(--gray);padding:5px;transition:all .3s ease}.tab-bar-container .tab-container.selected{border-bottom:3px solid var(--primary)}.tab-bar-container .tab-container.selected h3{color:var(--primary)}.student-course-card-container h4{line-height:1.3!important}.student-course-card-container .student-course-card{background-color:var(--fuchsia);border-radius:24px;color:var(--white);display:flex;flex-direction:column;height:80px;padding:25px;width:100%}.student-course-card-container .student-course-card .top-container{display:flex;flex-direction:column;gap:10px}.student-course-card-container .student-course-card .top-container div{display:flex;flex-direction:column;justify-content:space-between}.student-course-card-container .student-course-card .top-container div p{color:var(--fuchsia);font-size:10px;margin:0}.student-course-card-container .student-course-card .top-container h3{color:var(--white);font-size:23px;font-weight:400;margin:0}.student-course-card-container .student-course-card .top-container h4{color:var(--white);font-weight:300;margin:0}.student-course-card-container .student-course-card .disabled-top-container{gap:0}.student-course-card-container .student-course-card .bottom-container{display:flex;justify-content:space-between}.student-course-card-container .student-course-card .bottom-container h4{color:var(--white)}.student-course-card-container .fuchsia{background-color:var(--fuchsia)}.student-course-card-container .mustard{background-color:var(--mustard)}.student-course-card-container .primary{background-color:var(--primary)}.student-course-card-container .disabled{background-color:var(--light-gray);cursor:not-allowed}.todo-container{align-items:center;background-color:var(--bc);border-radius:8px;display:flex;justify-content:space-between;padding:20px}.todo-container .todo-body p{color:var(--dark-gray);font-size:1em;margin:0}.todo-container .todo-body .rejection-message{color:var(--fuchsia);font-size:.7em;margin-top:5px}.todo-container .todo-button{align-items:center;display:flex;gap:20px}.todo-container .todo-button input{display:none}.todo-container .todo-button .span{background:var(--fuchsia);border-radius:8px;padding:5px 7px}.todo-container .todo-button .span p{color:var(--white)}.todo-container .todo-button .remove-icon{border-radius:100%;cursor:pointer;padding:10px}.todo-container .todo-button .remove-icon:hover{background-color:var(--light-gray);transition:all .3s ease}@media screen and (max-width:580px){.todo-body p{font-size:.8rem!important}.todo-button{gap:10px!important}}.upcoming-session-container{background-color:var(--primary);border-radius:20px;color:var(--white);display:flex;justify-content:space-between;min-width:340px;padding:30px 20px 30px 30px}.upcoming-session-container h3{color:var(--white);font-size:23px;font-weight:400;margin:0}.upcoming-session-container h4{color:var(--white);font-weight:300;margin:0}.upcoming-session-container .left-container,.upcoming-session-container .right-container{display:flex;flex-direction:column;gap:15px}.upcoming-session-container .button-container{align-items:start;display:flex}.disabled{background-color:var(--light-gray)}@media screen and (max-width:768px){.upcoming-session-container{align-items:center;flex-direction:inherit;min-width:0}.upcoming-session-container .date,.upcoming-session-container .title{display:none}}.class-layout-container{display:flex}.class-layout-container .body-container{border-right:1px solid var(--light-gray);flex:4 1;padding:20px 45px 45px 20px}.class-layout-container .classes-sidebar-container{flex:3 1;max-height:60vh;padding:0 15px 15px}@media screen and (max-width:992px){.class-layout-container .classes-sidebar-container{display:none}}.student-classes-container .sidebar-sessions-container{margin-left:20px}.student-classes-container .sidebar-sessions-container h2{font-size:1.6em;font-weight:400}.student-classes-container .sidebar-sessions-container .sidebar-session-container{display:flex;flex-direction:column;gap:15px;height:calc(100vh - 142px)}.student-classes-container .todos-main-container h2{font-size:1.5em;font-weight:400;margin:5px 0 15px}.student-classes-container .todos-main-container .todos-container{display:flex;flex-direction:column;gap:15px;margin-bottom:50px}.student-classes-container .next-session-container{display:none;margin-bottom:50px}.student-classes-container .next-session-container h2{font-size:1.6em;font-weight:400;margin:0 0 15px}.student-classes-container .classes-container h2{font-size:1.5em;font-weight:400;margin:0 0 15px}@media screen and (max-width:992px){.student-classes-container .sidebar-sessions-container{display:none}.student-classes-container .next-session-container{display:block}}.cash-payment-container{padding:15px}.cash-payment-container h2{font-weight:400;margin:0;padding-bottom:15px}.cash-payment-container .upload-image-comntainer{text-align:center}.cash-payment-container .upload-image-comntainer input{display:none}.cash-payment-container .upload-image-comntainer img{height:250px;width:auto}.cash-payment-container .uploads-container{display:flex;flex-direction:column;margin-top:25px}.cash-payment-container .uploads-container .new-uploads-container{display:flex;flex-direction:column;gap:20px}.cash-payment-container .uploads-container .new-uploads-container .image-container{align-items:center;background-color:var(--bc);border-radius:8px;display:flex;justify-content:space-between;padding:10px 20px}.cash-payment-container .uploads-container .new-uploads-container .image-container .right-container{display:flex;gap:10px}.cash-payment-container .uploads-container .new-uploads-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;color:var(--white);cursor:pointer;height:20px;padding:10px;width:20px}.cash-payment-container .uploads-container .new-uploads-container .image-container img{border-radius:8px;height:66px;width:66px}.cash-payment-container .uploads-container .images-container{display:flex;flex-direction:column;gap:20px}.cash-payment-container .uploads-container .images-container .image-container{align-items:center;background-color:var(--bc);border-radius:8px;display:flex;justify-content:space-between;padding:10px 20px}.cash-payment-container .uploads-container .images-container .image-container .right-container{display:flex;gap:10px}.cash-payment-container .uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;color:var(--white);cursor:pointer;height:20px;padding:10px;width:20px}.cash-payment-container .uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.cash-payment-container .button-container h3{color:var(--primary);cursor:pointer;margin:0 0 10px}.cash-container{text-align:center}.rating-modal-container{padding:20px}.rating-modal-container h2{font-weight:400;margin:0}.rating-modal-container .class-id{color:var(--primary)}.rating-modal-container .header-container,.rating-modal-container .icons-container{display:flex;justify-content:space-between}.rating-modal-container .icons-container .icon{align-items:center;cursor:pointer;display:flex;flex-direction:column}.rating-modal-container .icons-container .icon img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.6;transition:all .3s ease}.rating-modal-container .icons-container .icon .icon-title{opacity:0}.rating-modal-container .icons-container .active img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.rating-modal-container .icons-container .active .icon-title{color:var(--primary);opacity:100%}.rating-modal-container .text-field-container .post-text-field .post-input{padding:10px}.rate-session-container .session-info{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.rate-session-container .session-info h3{margin:0}.teacher-course-card-container .teacher-course-card{background-color:var(--primary);border-radius:16px;color:var(--white);display:flex;flex-direction:column;justify-content:space-between;margin-top:20px;min-height:125px;padding:10px 10px 10px 15px;width:100%}.teacher-course-card-container .teacher-course-card .teacher-course-card-top{align-items:center;display:flex;justify-content:space-between}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .top-container{align-items:center;display:flex;gap:10px;justify-content:space-between}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .top-container span{background:hsla(0,0%,100%,.3);border-radius:8px;padding:5px 6px}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .top-container span p{color:var(--white)}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .top-container .access{background:var(--fuchsia);border-radius:8px;padding:2px 3px}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .top-container .access p{color:var(--white)}.teacher-course-card-container .teacher-course-card .teacher-course-card-top h4{color:var(--white);margin:0}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container{align-items:center;display:flex}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .hide-tooltip{position:relative}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .show-tooltip .tooltip{visibility:visible}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .tooltip{background-color:var(--white);border-radius:16px;color:var(--dark-gray);display:flex;flex-direction:column;position:absolute;text-align:center;visibility:hidden;z-index:1}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .tooltip .edit{align-items:center;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:5px 30px 3px 12px}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .tooltip .edit p{color:var(--dark-gray)}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .tooltip .edit:hover{background-color:var(--light-gray);transition:all .3s ease}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .tooltip .delete{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;flex-direction:row;gap:5px;padding:3px 15px 5px 12px}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .tooltip .delete p{color:var(--dark-gray)}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .tooltip .delete:hover{background-color:var(--light-gray);transition:all .3s ease}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container span{background-color:var(--primary);border-radius:24px;color:var(--white);padding:5px 12px}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container span.mustard{background-color:var(--mustard)}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container span.fuchsia{background-color:var(--fuchsia)}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container span.green{background-color:var(--green);opacity:80%}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .options-icon{border-radius:24px;color:var(--white);cursor:pointer;padding:5px}.teacher-course-card-container .teacher-course-card .teacher-course-card-top .options-container .options-icon:hover{background-color:var(--gray-blue);transition:all .3s ease}.teacher-course-card-container .teacher-course-card .teacher-course-card-bottom{align-items:end;display:flex;justify-content:space-between}.teacher-course-card-container .teacher-course-card .teacher-course-card-bottom p{color:var(--white);font-size:11px;margin:0}.teacher-course-card-container .fuchsia{background-color:var(--fuchsia)}.teacher-course-card-container .mustard{background-color:var(--mustard)}.teacher-course-card-container .primary{background-color:var(--primary)}.admin-classes-container .cards-container .cards{padding:0 20px 30px}.admin-dashboard-container{display:flex;overflow-x:hidden}.admin-dashboard-container .body-container{height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding-top:82px;position:relative;width:100%}.admin-tab-bar-container{border-bottom:1px solid var(--light-gray);display:flex;gap:30px;height:25px;padding:23px 0 10px 25px}.admin-tab-bar-container h3{margin:0}.admin-tab-bar-container .tab-container{padding:5px}.admin-tab-bar-container .tab-container a{text-decoration:none}.admin-tab-bar-container .tab-container h3{color:var(--gray-blue)}.admin-tab-bar-container .tab-container:hover{border-bottom:.5px solid var(--gray);color:var(--gray);padding:5px;transition:all .3s ease}.admin-tab-bar-container .tab-container.selected{border-bottom:3px solid var(--primary)}.admin-tab-bar-container .tab-container.selected h3{color:var(--primary)}.search-modal{-webkit-animation:showSearchModal .3s ease forwards;animation:showSearchModal .3s ease forwards;background-color:rgba(0,0,0,.3);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:100}.search-modal .modal-container{-webkit-animation:slideSearchModalContainer .3s ease forwards;animation:slideSearchModalContainer .3s ease forwards;background:var(--white);border-radius:8px;height:-webkit-max-content;height:max-content;margin-top:50px;max-width:90vw;overflow:hidden;width:500px}.search-modal .modal-container .search-input{position:relative}.search-modal .modal-container .search-input i{color:var(--gray);left:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search-modal .modal-container .search-input input{border:none;font-size:15px;height:50px;outline:none;padding-left:50px;width:100%}.search-modal .modal-container .search-content{border-top:1px solid var(--shade-04);padding:10px}.search-modal .modal-container .search-content .loader{display:flex;flex-direction:column;gap:10px}.search-modal .modal-container .search-content .previous-searches h3{color:var(--dark-gray);font-size:12px;font-weight:500;margin:5px 0}.search-modal .modal-container .search-content .previous-searches ul{list-style:none;margin:0;padding:0}.search-modal .modal-container .search-content .previous-searches ul li{color:var(--dark-gray);cursor:pointer;line-height:50px;padding:0;position:relative}.search-modal .modal-container .search-content .previous-searches ul li i{-webkit-padding-end:5px;color:var(--gray);padding-inline-end:5px;padding-left:10px;position:relative;top:2px}.search-modal .modal-container .search-content .previous-searches ul .active{background-color:var(--primary);border-radius:8px;color:var(--white)}.search-modal .modal-container .search-content .previous-searches ul .active i{color:var(--white)}.search-modal .modal-container .search-content .previous-searches ul .active .icon-enter{padding:0;position:absolute;right:10px;top:calc(50% + 2px);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search-modal .modal-container .search-content .search-results ul{list-style:none;margin:0;padding:0}.search-modal .modal-container .search-content .search-results ul li{cursor:pointer;position:relative}.search-modal .modal-container .search-content .search-results ul .active{background-color:var(--primary);border-radius:8px}.search-modal .modal-container .search-content .search-results ul .active .icon-enter{color:var(--white);padding:0;position:absolute;right:10px;top:calc(50% + 2px);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search-modal .modal-container .search-content .no-results{color:var(--dark-gray);padding:30px 0;text-align:center}.search-modal .modal-container .helper-bar{align-items:center;background-color:var(--soft-light-gray);border-radius:8px;color:var(--gray);display:flex;font-size:13px;height:50px;justify-content:space-between;margin-top:10px;padding:0 10px}.search-modal .modal-container .helper-bar .actions{align-items:center;display:flex;gap:10px}.search-modal .modal-container .helper-bar .actions i{-webkit-padding-end:3px;padding-inline-end:3px;position:relative;top:2px}.search-modal .modal-container .helper-bar .quick-open span{background:#fff;border:1px solid var(--shade-05);border-radius:5px;color:var(--dark-gray);padding:5px}@-webkit-keyframes showSearchModal{to{opacity:1;visibility:visible}}@keyframes showSearchModal{to{opacity:1;visibility:visible}}@-webkit-keyframes slideSearchModalContainer{to{margin-top:100px}}@keyframes slideSearchModalContainer{to{margin-top:100px}}.student-search-card{align-items:center;display:flex;gap:10px;height:70px;padding:0 10px}.active .student-search-card .typography{color:#fff}.typography{color:var(--black);font-size:14px;font-weight:300;margin:0}.typography.danger{color:var(--red)}.typography.black{color:var(--black)}.typography.primary{color:var(--primary)}.filters-container{align-items:center;display:flex;justify-content:space-between}.filters-container .left-filters-container{align-items:center;display:flex;gap:7.5px;margin:30px 0 10px 20px}.filters-container .left-filters-container .filter-container{border:1px solid var(--secondary);border-radius:24px;padding:5px 10px}.filters-container .left-filters-container .filter-container p{color:var(--secondary)}.filters-container .left-filters-container .filter-container.selected{border:1px solid var(--black)}.filters-container .left-filters-container .filter-container.selected p{color:var(--black)}.filters-container .left-filters-container .filter-container:hover{border:1px solid var(--primary);transition:all .3s ease}.filters-container .left-filters-container .filter-container:hover p{color:var(--primary)}.filters-container .left-filters-container .search-filter-container{align-items:center;display:flex;gap:10px}.filters-container .left-filters-container .search-filter-container .text-field div{display:none}.filters-container .left-filters-container .search-filter-container .text-field input{padding:7px 10px 7px 20px}.filters-container .filters-dropdown{margin-right:10px}.clickup-task-container{align-items:center;display:flex;gap:13.5px;justify-content:center}.clickup-task-container .circle{align-items:center;background-color:var(--primary);border:1px solid var(--light-gray);border-radius:100%;display:flex;height:16px;justify-content:center;width:16px}.clickup-task-container .circle .icon{height:13px;width:10px}.clickup-task-container .simple-circle{align-items:center;border:1px solid var(--gray-blue);border-radius:100%;display:flex;height:16px;justify-content:center;width:16px}.clickup-task-container .height-container{display:flex}.clickup-task-container .height-container .color-column{border-radius:8px;width:4px}.clickup-task-container .height-container .task-container{background-color:var(--white);border-radius:8px;display:flex;height:auto!important;padding:14px 12px 15px 26px;width:230px}.clickup-task-container .height-container .task-container p{align-self:center;color:var(--dark-gray);font-size:14;font-weight:300;justify-self:center;letter-spacing:-.2800000012px;line-height:24px;width:269px}.admin-todo-container .calendar .calendar-header{align-items:center;display:flex;justify-content:space-around}.admin-todo-container .calendar .calendar-header h2{font-weight:450}.personal-info-back-button-container{align-items:center;display:flex;gap:32px;padding:16.5px 20px 16.5px 28px;width:100%}.personal-info-back-button-container .icon{height:25px;width:12px}.personal-info-back-button-container .personal-info-name-container h3{color:var(--dark-gray);font-size:22px;font-weight:400;letter-spacing:-.2800000012px;margin:0;text-align:left}.personal-info-data-container{display:flex;flex-direction:column;gap:3px}.personal-info-data-container p{font-size:15px;font-weight:400;letter-spacing:0;margin:0;text-align:left}.personal-info-data-container .title p{color:var(--dark-gray)}.personal-info-data-container .text p{color:var(--gray-blue)}.personal-info-data-score-container{display:flex;flex-direction:column;gap:3px}.personal-info-data-score-container p{font-size:15px;font-weight:400;letter-spacing:0;margin:0;text-align:left}.personal-info-data-score-container .title p{color:var(--dark-gray)}.personal-info-data-score-container .scores-container{display:flex;flex-direction:column;gap:3px}.personal-info-data-score-container .scores-container p{color:var(--gray-blue)}.personal-info-profile-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.personal-info-profile-container img{border-radius:100%;height:130px;width:130px}.personal-info-profile-container h2{font-size:24px;font-weight:500;letter-spacing:-.2800000012px;line-height:36px;margin:0}.personal-info-profile-container .icons{display:flex;gap:24px}.personal-info-profile-container .icons img{height:40px;width:40px}.chip-label{align-items:center;background:hsla(0,0%,90%,.3);border-radius:7px;color:var(--dark-gray);font-size:10px;font-weight:500;justify-content:center;padding:4px 10px;white-space:nowrap}.chip-label.mustard{background-color:#fff2d0;color:var(--mustard)}.chip-label.fuchsia{background-color:#f4a8b6;color:var(--fuchsia)}.chip-label.primary{background-color:#a6ade8;color:var(--primary)}.chip-label.blue{background-color:var(--soft-light-blue);color:var(--primary)}.chip-label.success{background-color:var(--light-green);color:var(--green)}.chip-label.secondary{background-color:var(--primary-blue);color:var(--white)}.personal-info-tab-bar-container{border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-around;padding:17px 0 0}.personal-info-tab-bar-container h3{font-weight:400;margin:0}.personal-info-tab-bar-container .tab-container a{text-decoration:none}.personal-info-tab-bar-container .tab-container h3{color:var(--gray-blue);margin:0;padding-bottom:13px}.personal-info-tab-bar-container .tab-container:hover h3{color:var(--black);transition:all .3s ease}.personal-info-tab-bar-container .tab-container.selected{align-items:center;display:flex;flex-direction:column}.personal-info-tab-bar-container .tab-container.selected h3{color:var(--primary);margin:0;padding-bottom:13px}.personal-info-tab-bar-container .tab-container.selected .border-bottom{border-bottom:4px solid var(--primary);border-radius:7px;width:50%}.personal-info-page-container .personal-info-left-container .profile{align-content:center;border-bottom:1px solid var(--light-gray);display:flex;height:367px;justify-content:center}.students-container .table{overflow-x:auto;overflow-y:hidden}.test-date-filter-container{display:flex;gap:10px}.dashboard-table{display:table;position:relative;width:100%}.dashboard-table .table-row{clear:both;display:table-row;width:100%}.dashboard-table .table-row .table-col{display:table-cell;font-size:14px;outline:none;padding:10px;vertical-align:middle}.dashboard-table .table-head .table-col{color:#707372;cursor:pointer;font-size:15px;transition:all .3s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}.dashboard-table .table-head .table-col i.icon-chevron-down{font-size:11px;margin-left:4px;position:relative;top:2px}.dashboard-table .table-head .table-col i.icon-chevron-down.flip{display:inline-block;top:-2px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dashboard-table .table-head .table-col i.icon-info{font-size:14px;margin-left:4px;position:relative;top:2px}.dashboard-table .table-head :hover{color:#333}.dashboard-table .table-row-data .table-col{border-top:1px solid var(--light-gray);padding:20px 10px}.dashboard-table .loading{background:hsla(0,0%,100%,.5);height:100%;left:0;position:absolute;text-align:center;top:50px;width:100%;z-index:10}.dashboard-table .profile{align-items:center;display:flex}.dashboard-table .profile .image{border-radius:50%;height:40px;margin-right:15px;overflow:hidden;width:40px}.dashboard-table .profile .image img{width:100%}.dashboard-table .cols-visibility{background:var(--white);border-radius:8px;opacity:0;padding:40px 55px;position:absolute;right:60px;top:0;transition:all .3s ease;visibility:hidden;z-index:75}.dashboard-table .cols-visibility h2{font-size:18px;font-weight:600;line-height:22px;margin:0 0 30px}.dashboard-table .cols-visibility ul{list-style:none;margin:0;padding:0}.dashboard-table .cols-visibility ul li{line-height:45px}.dashboard-table .cols-visibility.show{opacity:1;visibility:visible}.statistics-container{background-color:var(--bc);border-radius:24px;display:flex;gap:15px;height:100px;padding:15px;width:100%}.statistics-container .left-container{align-items:center;display:flex;justify-content:center}.statistics-container .right-container{align-items:left;display:flex;flex-direction:column;justify-content:space-around;margin-bottom:14px}.statistics-container .right-container .upper-container .numbers-container{align-items:baseline;display:flex;gap:5px}.statistics-container .right-container .upper-container .numbers-container h2{font-size:23px;margin:0;position:relative}.statistics-container .right-container .upper-container .numbers-container h4{bottom:2px;position:relative}.statistics-container .right-container .bottom-container p{color:var(--gray-blue);margin-top:-10px}.statistics-cards-container{overflow-x:auto}.students-filters-container{align-items:center;flex-wrap:wrap}.listing-table{display:table;position:relative;width:100%}.listing-table .table-row{clear:both;display:table-row;width:100%}.listing-table .table-row .table-col{display:table-cell;font-size:14px;outline:none;padding:10px 0 10px 25px;vertical-align:middle}.listing-table .table-head{background-color:var(--bc)}.listing-table .table-head .table-col{border-bottom:1px solid var(--light-gray);border-top:1px solid var(--light-gray);cursor:pointer;font-size:15px;transition:all .3s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}.listing-table .table-head .table-col i.icon-chevron-down{font-size:11px;margin-left:4px;position:relative;top:2px}.listing-table .table-head .table-col i.icon-chevron-down.flip{display:inline-block;top:-2px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.listing-table .table-head .table-col i.icon-info{font-size:14px;margin-left:4px;position:relative;top:2px}.listing-table .table-head :hover{color:#333}.listing-table .table-row-data .table-col{border-bottom:1px solid var(--light-gray);border-top:none;padding:10px 0 10px 25px}.listing-table .loading{background:hsla(0,0%,100%,.5);height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:10}.listing-table .loading span{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.listing-table .profile{align-items:center;display:flex}.listing-table .profile .image{border-radius:50%;height:40px;margin-right:15px;overflow:hidden;width:40px}.listing-table .profile .image img{width:100%}.listing-table .cols-visibility{background:var(--white);border-radius:8px;opacity:0;padding:40px 55px;position:absolute;right:60px;top:0;transition:all .3s ease;visibility:hidden;z-index:75}.listing-table .cols-visibility h2{font-size:18px;font-weight:600;line-height:22px;margin:0 0 30px}.listing-table .cols-visibility ul{list-style:none;margin:0;padding:0}.listing-table .cols-visibility ul li{line-height:45px}.listing-table .cols-visibility.show{opacity:1;visibility:visible}.columns-overlay{background-color:rgba(0,0,0,.2);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:70}.columns-overlay.show{opacity:1;visibility:visible}.financial-card-container{background-color:var(--bc);border-radius:16px;display:flex;gap:18px;height:60px;padding:15px;width:100%}.financial-card-container .left-container{align-items:center;display:flex;justify-content:center}.financial-card-container .right-container{align-items:left;display:flex;flex-direction:column;gap:7px;justify-content:center;margin-top:7px}.financial-card-container .right-container .upper-container h3{color:var(--primary);margin:0}.financial-card-container .right-container .bottom-container p{color:var(--gray-blue);color:var(--dark-gray);font-size:10px;font-weight:600;margin:-5px 8px 8px 0}.negative{background-color:var(--light-fuchsia)}.payment-status-container .financial-cards-container{padding:15px 25px 20px}.payment-status-container .financial-cards-container h3{color:var(--new-dark-gray);font-weight:400}.payment-status-container .financial-cards-container .financial-cards{display:flex;gap:10px}.payment-status-container .course-cards-container{padding:0 25px 15px}.payment-status-container .course-cards-container h3{color:var(--new-dark-gray);font-weight:400}.payment-status-container .course-cards-container .course-cards{display:flex;gap:30px;overflow-x:auto;width:625px}.payment-status-container .payment-status-table-container{margin-top:15px}.payment-status-container .payment-status-table-container .table-header{align-items:center;display:flex;justify-content:space-between;margin-right:15px}.payment-status-container .payment-status-table-container .table-header h3{color:var(--new-dark-gray);font-weight:400;padding-left:25px}.payment-status-container .payment-status-table-container .table-header .header-right-container{align-items:center;display:flex;gap:10px}.payment-status-container .payment-status-table-container .table-header .header-right-container .activity-toggle-container{align-items:center;background-color:var(--bc);border-radius:24px;display:flex;gap:5px;padding:5px 6px}.payment-status-container .payment-status-table-container .sub-text{color:var(--dark-gray);font-weight:600}.payment-status-container .payment-status-table-container .review-button{background-color:var(--primary);border-radius:20px;padding:3px 0;text-align:center}.payment-status-container .payment-status-table-container .review-button p{color:var(--white);font-size:10px;font-weight:600}.payment-status-container .payment-status-table-container .varified-review{background-color:var(--green)}.course-statistics-container{background-color:var(--new-light-gray);border-radius:29px;display:flex;height:230px;width:164px}.course-statistics-container .right-container .upperside-design{z-index:-1000}.course-statistics-container .left-container{display:flex;flex-direction:column;justify-content:space-between;max-width:55%;min-width:55%}.course-statistics-container .left-container .text{padding:12px 0 0 19px}.course-statistics-container .left-container .text h3{color:var(--white);font-size:22px;margin-bottom:18px}.course-statistics-container .left-container .text h3.selected{color:var(--white)}.course-statistics-container .left-container .text .spans-container{display:flex;flex-direction:column;gap:15px;width:128px}.course-statistics-container .left-container .text .spans-container span p{background-color:var(--white);border-radius:39px;color:var(--new-dark-gray);display:inline-block;font-size:17px;padding:8px;text-align:center;white-space:nowrap}.course-statistics-container .left-container .text .spans-container span p.selected{background-color:var(--white);color:var(--primary)}.course-statistics-container .left-container .text .spans-container .course-button-span .course-button{align-items:center;background-color:var(--white-smoke);border-radius:39px;display:flex;gap:8px}.course-statistics-container .left-container .text .spans-container .course-button-span .course-button p{background-color:var(--primary);color:var(--white);display:inline-block;font-size:14px;padding:6px;text-align:center;white-space:nowrap}.course-statistics-container .left-container .text .spans-container .course-button-span .course-button p.selected{background-color:var(--white);color:var(--primary)}.course-statistics-container .left-container .text .spans-container .course-button-span .course-button.selected{background-color:var(--white-smoke);border-radius:39px}.course-statistics-container .left-container .text h4{color:var(--mustard);font-size:10px;margin:0 0 0 2px;width:150px}.course-statistics-container .left-container .bottomside-design{align-items:end;display:flex;justify-content:left;max-height:100%;max-width:100%;overflow:hidden}.course-statistics-container.selected{background-color:var(--primary)}.create-payment-container .payment-buttons-container{display:flex;gap:15px;justify-content:center;padding:15px 0 30px}.create-payment-container .payment-buttons-container span{background-color:var(--bc);border-radius:10px;color:var(--dark-gray);font-size:1rem;padding:5px 10px}.create-payment-container .payment-buttons-container .selected,.create-payment-container .payment-buttons-container .span:hover{background-color:var(--light-gray);color:var(--black);transition:all .2s ease}.create-payment-container .dropdown-container p{font-size:10px;font-weight:500;margin:0 0 0 10px}.notes-container .course-cards-container{padding:15px 25px}.notes-container .course-cards-container h3{color:var(--new-dark-gray);font-weight:400}.notes-container .course-cards-container .course-cards{display:flex;gap:30px;overflow-x:auto;width:625px}.notes-container .buttons-container{display:flex;flex-direction:row;padding:15px 0 0 25px}.notes-container .buttons-container span{background-color:var(--bc);border-radius:10px;color:var(--dark-gray);font-size:1rem;padding:5px 10px}.notes-container .buttons-container .selected,.notes-container .buttons-container .span:hover{background-color:var(--light-gray);color:var(--black);transition:all .2s ease}.notes-container .notes-table-container{margin-top:33px}.notes-container .notes-table-container h3{color:var(--new-dark-gray);font-weight:400;padding-left:25px}.calendar-container .calendar-card{padding:0 50px}.calendar-container .calendar-card h2{font-weight:400}.calendar-container .calendar-card h3{color:var(--fuchsia);font-size:15px;font-weight:400;margin:20px 0}.calendar-container .calendar-card .admin-open-calendar{align-items:center;display:flex;justify-content:space-between;margin:10px 0 20px}.calendar-container .calendar-card .admin-open-calendar h3{color:var(--black);margin:0}@media screen and (max-width:500px){.calendar-card .calendar-container{overflow:auto}.calendar-card .calendar-container .react-calendar{min-width:353px}.calendar-card h2{font-size:17px;margin:0}.calendar-card h3{margin:0}}.sessions-recordings-container .course-cards-container{padding:15px 25px}.sessions-recordings-container .course-cards-container h3{color:var(--new-dark-gray);font-weight:400}.sessions-recordings-container .course-cards-container .course-cards{display:flex;gap:30px;overflow-x:auto;width:625px}.sessions-recordings-container .sessions-buttons-container{display:flex;flex-direction:row;gap:15px;padding:15px 0 0 25px}.sessions-recordings-container .sessions-buttons-container span{background-color:var(--bc);border-radius:10px;color:var(--dark-gray);font-size:1rem;padding:5px 10px}.sessions-recordings-container .sessions-buttons-container .selected,.sessions-recordings-container .sessions-buttons-container .span:hover{background-color:var(--light-gray);color:var(--black);transition:all .2s ease}.sessions-recordings-container .sessions-recordings-table-container{margin-top:33px}.sessions-recordings-container .sessions-recordings-table-container h3{color:var(--new-dark-gray);font-weight:400;padding-left:25px}.sessions-recordings-container .sessions-recordings-table-container .sub-text{color:var(--dark-gray);font-weight:600}.sessions-recordings-container .sessions-recordings-table-container .change-button-container{display:flex;gap:5px}.line-chart{align-items:start;background-color:var(--bc);border-radius:20px;display:flex;flex-direction:column;padding:10px 0}.line-chart .chart-title-container{align-items:center;display:flex;flex-direction:column;margin-left:25px}.line-chart .chart-title-container .chart-title{color:var(--primary)!important;font-weight:500;margin:0}.line-chart .chart-title-container .chart-sub-title{color:var(--new-light-gray);margin:0}.pratice-test-card-container{background-color:var(--white);border-radius:24px}.pratice-test-card-container .top-container{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:20px 30px}.pratice-test-card-container .top-container .left-container{align-items:center;display:flex;gap:20px}.pratice-test-card-container .top-container .left-container .document-icon{background-color:var(--primary);border-radius:100%;color:var(--white);padding:6px 7px 4px}.pratice-test-card-container .top-container .left-container h2{color:var(--dark-gray);margin:0}.pratice-test-card-container .top-container .right-container{align-items:center;display:flex;gap:10px}.pratice-test-card-container .top-container .right-container .marks-container{display:flex;gap:5px}.pratice-test-card-container .top-container .right-container .hide-tooltip{position:relative}.pratice-test-card-container .top-container .right-container .show-tooltip .tooltiptext{visibility:visible}.pratice-test-card-container .top-container .right-container .tooltiptext{background-color:var(--white);border-radius:16px;color:var(--dark-gray);display:flex;flex-direction:column;position:absolute;text-align:center;visibility:hidden;z-index:1}.pratice-test-card-container .top-container .right-container .tooltiptext .edit{align-items:center;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:5px 15px 3px 12px}.pratice-test-card-container .top-container .right-container .tooltiptext .edit:hover{background-color:var(--light-gray);transition:all .3s ease}.pratice-test-card-container .top-container .right-container .tooltiptext .delete{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:3px 15px 5px 12px}.pratice-test-card-container .top-container .right-container .tooltiptext .delete:hover{background-color:var(--light-gray);transition:all .3s ease}.pratice-test-card-container .top-container .right-container span{background-color:var(--primary);border-radius:24px;color:var(--white);padding:5px 12px}.pratice-test-card-container .top-container .right-container span.mustard{background-color:var(--mustard)}.pratice-test-card-container .top-container .right-container span.fuchsia{background-color:var(--fuchsia)}.pratice-test-card-container .top-container .right-container span.green{background-color:var(--green);opacity:80%}.pratice-test-card-container .top-container .right-container .icon{border-radius:24px;color:var(--dark-gray);cursor:pointer;padding:5px}.pratice-test-card-container .top-container .right-container .icon:hover{background-color:var(--light-gray);transition:all .3s ease}.pratice-test-card-container .bottom-container{align-items:center;display:flex;justify-content:space-between;padding:20px 30px}.pratice-test-card-container .bottom-container .date-container h3{margin:0}.pratice-test-card-container .bottom-container .button-container{border:1px solid var(--light-gray);border-radius:24px;color:var(--dark-gray);flex-grow:0;flex-shrink:0;padding:10px 20px}.pratice-test-card-container .bottom-container .button-container h3{color:var(--dark-gray);margin:0}.pratice-test-card-container .bottom-container .button-container:hover{background-color:var(--primary);transition:.3s ease}.pratice-test-card-container .bottom-container .button-container:hover h3{color:var(--white)}.pratice-test-card-container .assignment-body-container{border-bottom:1px solid var(--light-gray);color:var(--dark-gray);padding:20px}.pratice-test-card-container .link-container{border-bottom:1px solid var(--light-gray);padding:20px}.pratice-test-card-container .link-container .link{background-color:var(--bc);border-radius:24px;padding:20px}.pratice-test-card-container .link-container .link a{color:var(--primary);text-decoration:none}.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container{padding:20px}.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container .header-container{align-items:start;display:flex;justify-content:space-between}.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container .header-container h3{margin:0}.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container{display:flex;gap:10px}.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container .file-icon,.pratice-test-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.pratice-test-card-container .teacher-block-uploads-container .student-uploads-container{border-top:1px solid var(--light-gray);padding:20px}.pratice-test-card-container .teacher-block-uploads-container .student-uploads-container h3{margin:0}.pratice-test-card-container .teacher-block-uploads-container .student-uploads-container .images-container{display:flex;gap:10px}.pratice-test-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.pratice-test-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.pratice-test-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container .file-icon,.pratice-test-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.pratice-test-card-container .uploads-container{align-items:start;justify-content:space-between}.pratice-test-card-container .uploads-container .teacher-uploads-container{border-bottom:1px solid var(--light-gray);padding:20px}.pratice-test-card-container .uploads-container .teacher-uploads-container h3{margin:0}.pratice-test-card-container .uploads-container .teacher-uploads-container .images-container{display:flex;gap:10px}.pratice-test-card-container .uploads-container .teacher-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.pratice-test-card-container .uploads-container .teacher-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.pratice-test-card-container .uploads-container .teacher-uploads-container .images-container .image-container .file-icon,.pratice-test-card-container .uploads-container .teacher-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.pratice-test-card-container .uploads-container .student-uploads-container{border-top:1px solid var(--light-gray);padding:20px}.pratice-test-card-container .uploads-container .student-uploads-container h3{margin:0}.pratice-test-card-container .uploads-container .student-uploads-container .images-container{display:flex;gap:10px}.pratice-test-card-container .uploads-container .student-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.pratice-test-card-container .uploads-container .student-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.pratice-test-card-container .uploads-container .student-uploads-container .images-container .image-container .file-icon,.pratice-test-card-container .uploads-container .student-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.pratice-test-card-container .uploads-container .aleardy-submitted-container{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:20px}.pratice-test-card-container .uploads-container .new-uploads-container{padding:20px}.pratice-test-card-container .uploads-container .new-uploads-container .top{align-items:center;display:flex;justify-content:space-between}.pratice-test-card-container .uploads-container .new-uploads-container .top h3{margin:0}.pratice-test-card-container .uploads-container .new-uploads-container .images-container{display:flex;gap:10px}.pratice-test-card-container .uploads-container .new-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.pratice-test-card-container .uploads-container .new-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.pratice-test-card-container .uploads-container .new-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.pratice-test-card-container .uploads-container .button-container{align-items:center;display:flex;gap:15px}.pratice-test-card-container .uploads-container .button-container input{display:none}.pratice-test-card-container .submit-container{padding:20px}@media screen and (max-width:500px){.pratice-test-card-container{padding:5px 0}.pratice-test-card-container h3{font-size:13px}.pratice-test-card-container .top-container{padding:20px 15px}.pratice-test-card-container .top-container .left-container{gap:10px}.pratice-test-card-container .top-container .left-container h2{font-size:14px}.pratice-test-card-container .top-container span{font-size:12px;padding:3px 5px!important}.pratice-test-card-container .bottom-container{padding:20px 15px 6px}.pratice-test-card-container .bottom-container .date-container h3{font-size:13px!important}.pratice-test-card-container .bottom-container .button-container{padding:5px}.pratice-test-card-container .link-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.statistics-test-container{background-color:var(--bc);border-radius:20px;display:flex;flex-direction:column;gap:8px;min-width:200px;padding:13px 18px}.statistics-test-container .upper-container{display:flex;flex-wrap:nowrap;justify-content:space-between}.statistics-test-container .upper-container .right p{color:var(--dark-gray);font-weight:400}.statistics-test-container .upper-container .right .selected{color:var(--white)}.statistics-test-container .upper-container .left p{color:var(--dark-gray);font-weight:400}.statistics-test-container .upper-container .left .selected{color:var(--white)}.statistics-test-container .bottom-container h3{color:var(--dark-gray);font-weight:400;margin:0;padding-left:0!important}.statistics-test-container .bottom-container .selected{color:var(--white)!important}.statistics-test-container .bottom-container .marks-container{color:var(--white);display:flex;font-size:.8em;gap:5px}.statistics-test-container.selected{background-color:var(--primary)}.progress-diagram-container .progress-diagram-top .course-cards-container{padding:15px 25px}.progress-diagram-container .progress-diagram-top .course-cards-container h3{color:var(--new-dark-gray);font-weight:400}.progress-diagram-container .progress-diagram-top .course-cards-container .course-cards{display:flex;gap:30px;overflow-x:auto;width:625px}.progress-diagram-container .progress-diagram-bottom{align-items:start;display:flex;gap:40px;padding:0 25px}.progress-diagram-container .progress-diagram-bottom .test-result-cards-container{width:100%}.progress-diagram-container .progress-diagram-bottom .test-result-cards-container h3{color:var(--new-dark-gray);font-weight:400}.progress-diagram-container .progress-diagram-bottom .test-result-cards-container .test-result-cards{display:flex;flex-direction:column;gap:5px;margin-top:30px;max-height:325px;overflow:hidden;overflow-y:auto}.progress-diagram-container .progress-diagram-bottom .test-chart-container{width:100%}.progress-diagram-container .progress-diagram-bottom .test-chart-container h3{color:var(--new-dark-gray);font-weight:400}.progress-diagram-container .progress-diagram-bottom .test-chart-container .chart{margin-top:30px}.attendance-records-container .course-cards-container{padding:15px 25px}.attendance-records-container .course-cards-container h3{color:var(--new-dark-gray);font-weight:400}.attendance-records-container .course-cards-container .course-cards{display:flex;gap:30px;overflow-x:auto;width:625px}.attendance-records-container .info-cards-container{background-color:var(--bc);border-radius:14px;display:flex;justify-content:space-around;padding:15px}.attendance-records-container .attendance-records-table-container{margin-top:33px}.attendance-records-container .attendance-records-table-container h3{color:var(--new-dark-gray);font-weight:400;margin-bottom:20px;padding-left:25px}.attendance-records-container .attendance-records-table-container .sub-text{color:var(--dark-gray);font-weight:600}.attendance-records-container .attendance-records-table-container .title.sub-text{white-space:nowrap}.simple-statistics-container{border-color:#000;display:flex;gap:16px}.simple-statistics-container .left-container img{height:40px;width:40px}.simple-statistics-container .middle-container{display:flex}.simple-statistics-container .middle-container h2{font-weight:400;margin:0}.simple-statistics-container .right-container{align-items:center;display:flex}.simple-statistics-container .right-container h3{font-size:14px;font-weight:300;letter-spacing:-.2800000012px;line-height:21px;margin:0;text-align:left}.homework-records-container .course-cards-container{padding:15px 25px}.homework-records-container .course-cards-container h3{color:var(--new-dark-gray);font-weight:400}.homework-records-container .course-cards-container .course-cards{display:flex;gap:30px;overflow-x:auto;width:625px}.homework-records-container .info-cards-container{background-color:var(--bc);border-radius:14px;display:flex;gap:10px;justify-content:space-around;padding:15px}.homework-records-container .homework-records-table-container{margin-top:33px}.homework-records-container .homework-records-table-container h3{color:var(--new-dark-gray);font-weight:400;margin-bottom:20px;padding-left:25px}.homework-records-container .homework-records-table-container .sub-text{color:var(--dark-gray);font-weight:600}.homework-records-container .homework-records-table-container .title.sub-text{white-space:nowrap}.course-activity-layout-container .cards-container,.course-activity-layout-container .courses-tab-bar-container{margin:25px}.white-tab-bar-container{background-color:var(--bc);border-radius:20px;display:flex;justify-content:space-between;padding:4px 5px;width:100%}.white-tab-bar-container h3{margin:0}.white-tab-bar-container .tab-container{align-items:center;border-radius:42px;display:flex;height:29px;justify-content:center;padding:0 25px}.white-tab-bar-container .tab-container h3{color:var(--gray-blue);font-size:10px;font-weight:500;padding:0 15px}.white-tab-bar-container .tab-container:hover{background-color:var(--white-smoke);transition:all .3s ease}.white-tab-bar-container .tab-container:hover h3{color:var(--black)}.white-tab-bar-container .tab-container.selected{background-color:var(--white);transition:all .3s ease}.white-tab-bar-container .tab-container.selected h3{color:var(--black)}.admin-calendar-container{overflow:auto}.calender-appointment,.calender-appointment .calender-appointment-data{display:flex;flex-direction:column;justify-content:space-between}.calender-appointment .calender-appointment-data{margin-bottom:3px}.calender-appointment .calender-appointment-data p{color:var(--white);display:inline-block;overflow:hidden;text-overflow:ellipsis}.MuiModal-root .Layout-popover{display:none}.sessions-count-container{border:1px solid var(--secondary);border-radius:24px;padding:6px 10px}.sessions-count-container p{margin:0}.appointment-container{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#ec516e;border:1px solid #fff;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;font-weight:400;height:100%;letter-spacing:.03333em;line-height:1.66;overflow:hidden;position:absolute;width:100%}.appointment-container .appointment-wrapper{align-items:center;display:flex;justify-content:space-between;padding:20px}.appointment-container .appointment-wrapper .appointment-data{color:#fff;display:-ms-flexbox;overflow:hidden;padding:1px 4px 4px 6px;text-overflow:ellipsis;white-space:nowrap}.old{background-color:var(--mustard)}.blocked{background-color:var(--light-gray)}.students-container .stats-container{overflow-x:auto}.students-container .table .payment-button-container{width:50%}.leads-statistics-container{background-color:var(--bc);border-radius:24px;display:flex;gap:15px;height:100px;max-width:240px;padding:15px;width:100%}.leads-statistics-container .left-container{align-items:center;display:flex;justify-content:center}.leads-statistics-container .right-container{align-items:left;display:flex;flex-direction:column;justify-content:space-around;margin-bottom:14px}.leads-statistics-container .right-container .upper-container .numbers-container{align-items:baseline;display:flex;gap:5px}.leads-statistics-container .right-container .upper-container .numbers-container h2{font-size:20px;margin:0;position:relative}.leads-statistics-container .right-container .upper-container .numbers-container h4{bottom:2px;font-size:12px;position:relative}.leads-statistics-container .right-container .bottom-container p{color:var(--gray-blue);margin-top:-10px}.leads-statistics-container.selected{border:1px solid var(--primary)}.lead-statistics-cards-container{display:flex;gap:38px;margin:0 61px 0 40px}.leads-filters-container{align-items:center}.lead-status-container{display:flex;flex-direction:column;gap:25px}.lead-status-container h2{margin:0}.lead-status-container .lead-status{display:flex;justify-content:space-between}.payment-header{margin:0 10px;text-align:center}.payment-header h2{margin:0}.payment-details{text-align:center}.payment-options{display:flex;flex-direction:column;gap:10px}.payment-options .payment-box{align-items:center;border:1px solid var(--light-gray);border-radius:30px;display:flex;flex-direction:row;gap:15px;justify-content:space-around;padding:10px 20px}.payment-options .payment-box h4{color:var(--gray-blue);flex:2 1;line-height:21px;margin:0}.payment-summary-container{border:1px solid var(--light-gray);border-radius:15px;padding:30px}.payment-summary-container,.payment-summary-container .top-container{display:flex;flex-direction:column;gap:20px}.payment-summary-container .top-container .course-cost{display:flex;justify-content:space-between}.payment-summary-container .top-container .course-cost h4{margin:0}.payment-summary-container .top-container .course-cost .title{color:var(--dark-gray)}.payment-summary-container .top-container .sub-total{display:flex;justify-content:space-between}.payment-summary-container .top-container .sub-total h4{margin:0}.payment-summary-container .top-container .sub-total .title{color:var(--dark-gray)}.payment-summary-container .promo-code-container{border-bottom:1px solid var(--light-gray);border-top:1px solid var(--light-gray);padding:20px 0}.payment-summary-container .promo-code-container .code-button{background-color:var(--primary);border-radius:3px;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.payment-summary-container .promo-code-container .code-button p{color:var(--white);font-weight:500}.payment-summary-container .promo-code-container .coupon{align-items:center;display:flex;justify-content:space-between}.payment-summary-container .promo-code-container .code-input-container{align-items:center;border:1px solid var(--light-gray);border-radius:4px;display:flex;justify-content:space-between;padding:5px 15px}.payment-summary-container .promo-code-container .code-input-container .apply-container{align-items:center;display:flex;gap:5px}.payment-summary-container .promo-code-container .code-input-container .apply-container p{color:var(--primary);margin:0}.payment-summary-container .promo-code-container .code-input-container .apply-container :hover{font-weight:500}.payment-summary-container .promo-code-container .invalid-code{padding-top:5px}.payment-summary-container .promo-code-container .invalid-code p{color:var(--fuchsia);margin:0}.payment-summary-container .bottom-container .total{display:flex;justify-content:space-between}.payment-summary-container .bottom-container .total h4{margin:0}.payment-summary-container .bottom-container .total .title{color:var(--dark-gray)}.disabled img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.6}.credit-card-container .credit-card-header{text-align:center}.credit-card-container .credit-card-header h4{margin:0}.credit-card-container .credit-card-inputs .card-number{align-items:end;display:flex}.credit-card-container .credit-card-inputs .card-number .card-input{flex:1 1}.credit-card-container .credit-card-inputs .card-number .card-image svg{margin:0 0 15px 10px}.credit-card-container .credit-card-inputs .cvc-expiry{display:flex;gap:10px;justify-content:space-between}.credit-card-container .credit-card-inputs .cvc-expiry .cvc,.credit-card-container .credit-card-inputs .cvc-expiry .expiry-date{width:100%}.personal-info-layout-container{display:flex}.personal-info-layout-container .body-container{flex:6 1;padding-top:82px}.personal-info-page-container{display:flex}.personal-info-page-container .personal-info-left-container{border-right:1px solid var(--light-gray);flex:3 1;width:100%}.personal-info-page-container .personal-info-left-container .back-button{border-bottom:1px solid var(--light-gray)}.personal-info-page-container .personal-info-left-container .lead-buttons-container{display:flex;flex-direction:row-reverse;gap:15px;margin:15px 15px 0 0}.personal-info-page-container .personal-info-left-container .lead-profile{align-content:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:center}.personal-info-page-container .personal-info-left-container .details{display:flex;gap:41px;padding:40px 55px}.personal-info-page-container .personal-info-left-container .details .left{display:flex;flex-direction:column;gap:41px;width:100%}.personal-info-page-container .personal-info-left-container .details .left .courses-taken{display:flex;gap:3px}.personal-info-page-container .personal-info-left-container .details .right{display:flex;flex-direction:column;gap:41px;width:100%}.personal-info-page-container .right-container{flex:4 1}.cash-transaction-validation-container{display:flex;flex-direction:column;gap:14px;padding:32px 0 0}.cash-transaction-validation-container .title h2{font-size:24px;font-weight:500;line-height:36px;margin:0}.cash-transaction-validation-container .submission-date p{font-size:12px;font-weight:400;line-height:18px}.cash-transaction-validation-container .cash-transaction-switch-card{align-items:center;background-color:var(--bc);border-radius:9px;display:flex;height:68px;justify-content:space-between;padding:0 14px}.cash-transaction-validation-container .cash-transaction-switch-card .left{display:flex;gap:10px}.cash-transaction-validation-container .cash-transaction-switch-card .left img{border-radius:8px;height:40px;width:40px}.cash-transaction-validation-container .cash-transaction-switch-card .right{align-items:center;display:flex;gap:31px}.cash-transaction-validation-container .cash-transaction-switch-card .right .buttons{align-items:center;display:flex;gap:10px}.cash-transaction-validation-container .cash-transaction-switch-card .right .selected{background-color:var(--primary)}.cash-transaction-validation-container .cash-transaction-switch-card .right .selected .icon{color:var(--white)}.cash-transaction-validation-container .cash-transaction-switch-card .right .not-selected{background-color:var(--light-gray)}.cash-transaction-validation-container .cash-transaction-switch-card .right .not-selected .icon{color:var(--dark-gray)}.cash-transaction-validation-container .cash-transaction-switch-card .right .icon-cricle{align-items:center;border-radius:100%;display:flex;height:40px;justify-content:center;width:40px}.cash-transaction-validation-container .cash-transaction-switch-card .right .icon-cricle .icon{font-size:22px}.cash-transaction-validation-container .rejection-reason{transition:all .3 ease-in}.cash-transaction-validation-container .rejection-reason h3{font-weight:500;margin:10px 5px}.notes-container .header{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.notes-container .header h3{color:var(--new-dark-gray);font-weight:400;padding-left:25px}.notes-container .header .log-button{padding-right:25px}.notes-container .notes-table-container{margin-top:20px}.notes-container .notes-table-container .sub-text{color:var(--dark-gray);font-weight:600}.notes-container .notes-table-container .title.sub-text{white-space:nowrap}.notes-container .notes-table-container .comment{max-width:100px}.new-call-log-container{display:flex;gap:20px;margin-top:30px}.new-call-log-container .text-container{width:100%}.new-call-log-container .text-container h3{margin:0 0 10px}.new-call-log-container .calendar-container{display:flex;flex-direction:column;justify-content:space-between;width:100%}.update-call-log-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.update-call-log-container .update-log-buttons-container{align-items:center;display:flex;gap:20px;justify-content:space-between}.admin-todo-container{display:flex;height:calc(100vh - 140px);width:100%}.admin-todo-container h2{font-size:24px;font-weight:400;letter-spacing:-.2800000012px;line-height:36px;text-align:left}.admin-todo-container .tasks-container{align-items:center;background-color:var(--bc);border-radius:24px;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 355px);min-width:287px;overflow-y:auto;padding:32px 16px}.admin-todo-container .todos{display:flex;flex:2 1;gap:45px;padding:28px 65px 43px 24px;width:100%}.admin-todo-container .todos h2{font-size:24px;font-weight:450;padding:0 0 10px 15px}.admin-todo-container .todos .finished-todos,.admin-todo-container .todos .tasks-todos{flex:1 1;width:100%}.admin-todo-container .calendar{border-left:1px solid var(--light-gray);flex:1.1 1;padding-top:32px;position:relative}.admin-todo-container .calendar h2{font-weight:450}.admin-todo-container .calendar .calendar-background{left:0;position:absolute;top:150px;width:100%}.admin-todo-container .calendar .calendar-background .line{background:var(--light-gray);height:1px;margin-bottom:30px}.admin-todo-container .calendar .calendar-background .line p{color:var(--dark-gray);padding:7.5px 10px}.admin-todo-container .calendar .calendar-cards{padding:0 30px 0 40px;position:relative;z-index:20px}.admin-todo-container .calendar .appointment-wrapper{align-items:center;background-color:var(--light-primary);display:flex;justify-content:space-between;padding:20px}.admin-todo-container .calendar .appointment-wrapper .appointment-data{color:#fff;display:-ms-flexbox;overflow:hidden;padding:1px 4px 4px 6px;text-overflow:ellipsis;white-space:nowrap}.teacher-classes-container .filters-container .search-filter-container{align-items:center;display:flex;gap:10px}.teacher-classes-container .filters-container .search-filter-container .text-field div{display:none}.teacher-classes-container .filters-container .search-filter-container .text-field input{padding:7px 10px 7px 20px}.teacher-classes-container .cards-container .cards{padding:0 20px 30px}.teacher-statistics-cards-container{display:flex;gap:48px;margin:0 20px}.classses-filters-container{align-items:center;display:flex;justify-content:space-between}.classses-filters-container .left-filters-container{display:flex;gap:7.5px;margin:30px 0 30px 40px}.classses-filters-container .left-filters-container .filter-container{border:1px solid var(--secondary);border-radius:24px;padding:5px 10px}.classses-filters-container .left-filters-container .filter-container p{color:var(--secondary)}.classses-filters-container .left-filters-container .filter-container.selected{border:1px solid var(--black)}.classses-filters-container .left-filters-container .filter-container.selected p{color:var(--black)}.classses-filters-container .left-filters-container .filter-container:hover{border:1px solid var(--primary);transition:all .3s ease}.classses-filters-container .left-filters-container .filter-container:hover p{color:var(--primary)}.classses-filters-container .left-filters-container .search-filter-container{align-items:center;display:flex;gap:10px}.classses-filters-container .left-filters-container .search-filter-container .text-field div{display:none}.classses-filters-container .left-filters-container .search-filter-container .text-field input{padding:7px 10px 7px 20px}.classses-filters-container .filters-dropdown{margin-right:10px}.teacher-calendar-container .teacher-stat-container{padding:20px 0}.calendar-filters-container{display:flex;gap:7.5px;margin:0 30px 0 0}.calendar-filters-container .filter-container{border:1px solid var(--secondary);border-radius:24px;padding:5px 10px}.calendar-filters-container .filter-container p{color:var(--secondary)}.calendar-filters-container .filter-container.selected{border:1px solid var(--black)}.calendar-filters-container .filter-container.selected p{color:var(--black)}.calendar-filters-container .filter-container:hover{border:1px solid var(--primary);transition:all .3s ease}.calendar-filters-container .filter-container:hover p{color:var(--primary)}.students-filters-container .search-filter-container{align-items:center;display:flex;gap:10px}.students-filters-container .search-filter-container .text-field div{display:none}.students-filters-container .search-filter-container .text-field input{padding:7px 10px 7px 20px}.assignment-card-container .top-container{margin-right:0!important}.assignment-card-container .top-container .right-container span p{color:var(--white)}.assignment-card-container .teacher-block-uploads-container .grading-container{border-bottom:1px solid var(--light-gray);padding:10px 0}.assignment-card-container .teacher-block-uploads-container .grading-container .header{align-items:center;display:flex;justify-content:space-between}@media screen and (max-width:500px){.assignment-card-container{padding:5px 0}.assignment-card-container h3{font-size:13px}.assignment-card-container .top-container{padding:20px 15px}.assignment-card-container .top-container .left-container{gap:10px}.assignment-card-container .top-container .left-container h2{font-size:14px}.assignment-card-container .top-container span{font-size:12px;padding:3px 5px!important}.assignment-card-container .bottom-container{padding:20px 15px 6px}.assignment-card-container .bottom-container .date-container h3{font-size:13px!important}.assignment-card-container .bottom-container .button-container{padding:5px}}.switch{display:inline-block;height:15px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:var(--light-gray);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--dark-gray);bottom:-5px;content:"";height:26px;left:-1px;width:26px}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{background-color:var(--primary);-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.teacher-give-mark-container{padding-bottom:10px;text-align:left}.teacher-give-mark-container h2{font-size:1.6em;font-weight:400;margin:0}.teacher-give-mark-container .text-fields-container{display:flex;gap:20px;justify-content:space-between}.teacher-give-mark-container .text-fields-container .mark-container,.teacher-give-mark-container .text-fields-container .original-mark-container{width:100%}.statistics-cards-container{display:flex;gap:48px;margin:0 40px}.students-filters-container{display:flex;gap:7.5px;margin:30px 0 30px 40px}.students-filters-container .filter-container{border:1px solid var(--secondary);border-radius:24px;padding:5px 10px}.students-filters-container .filter-container p{color:var(--secondary)}.students-filters-container .filter-container.selected{border:1px solid var(--black)}.students-filters-container .filter-container.selected p{color:var(--black)}.students-filters-container .filter-container:hover{border:1px solid var(--primary);transition:all .3s ease}.students-filters-container .filter-container:hover p{color:var(--primary)}.create-post-container{background-color:var(--white);border-radius:26px}.create-post-container .create-post-top{display:flex;padding:5px 25px}.create-post-container .create-post-top .create-post-image-container{display:flex;flex:1 1;flex-grow:0;justify-content:center;margin-top:20px}.create-post-container .create-post-top .create-post-image-container img{border-radius:100%;height:40px;width:40px}.create-post-container .create-post-top .create-post-body-container{flex:8 1}.create-post-container .create-post-top .create-post-body-container h3{margin-left:20px;margin-top:27px}.create-post-container .create-post-top .create-post-body-container .input-container{padding:15px 10px 15px 20px}.create-post-container .create-post-top .create-post-body-container .uploads-container{align-items:start;border-top:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:10px}.create-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container h3{margin:0}.create-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container{display:flex;gap:10px}.create-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.create-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.create-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.create-post-container .create-post-bottom{border-top:2px solid var(--bc);display:flex;justify-content:space-between;padding:25px 35px 25px 40px}.create-post-container .create-post-bottom input{display:none}.create-post-container .create-post-bottom .create-post-bottom-attachment{align-items:center;display:flex;gap:10px;width:175px}.create-post-container .create-post-bottom .create-post-bottom-attachment .icon{border-radius:100%;height:25px;padding:10px;width:25px}.create-post-container .create-post-bottom .create-post-bottom-attachment .icon:hover{background-color:var(--light-gray);color:var(--primary);transition:.3s ease-in-out}.create-post-container .create-post-bottom .create-post-bottom-button{align-items:center;display:flex;gap:10px;position:relative}.create-post-container .create-post-bottom .create-post-bottom-button .icon{border-radius:100%;height:25px;padding:10px;width:25px}.create-post-container .create-post-bottom .create-post-bottom-button .icon:hover{background-color:var(--light-gray);color:var(--primary);transition:.3s ease-in-out}.create-post-container .create-post-bottom .create-post-bottom-button .emojis-container{position:absolute;right:140px;top:40px;z-index:1}@media screen and (max-width:500px){.create-post-bottom{justify-self:start;padding:12px 15px 15px!important}}.post-container{background-color:var(--white);border-radius:24px;color:var(--dark-gray)}.post-container .post-header{border-bottom:1px solid var(--light-gray);display:flex;gap:20px;justify-content:space-between;padding:20px 30px}.post-container .post-header .exit-icon{padding:10px 5px}.post-container .post-header .post-header-left{align-items:center;display:flex;gap:20px}.post-container .post-header .post-header-left img{border-radius:100%;height:40px;width:40px}.post-container .post-header .post-header-left .name-container{display:flex;flex-direction:column;gap:10px}.post-container .post-header .post-header-left .name-container .post-header-title h4{margin:0}.post-container .post-header .post-header-left .name-container .post-header-time h5{font-weight:400;margin:0}.post-container .post-header .post-header-right,.post-container .post-header .post-header-right .hide-tooltip{position:relative}.post-container .post-header .post-header-right .show-tooltip .tooltiptext{visibility:visible}.post-container .post-header .post-header-right .tooltiptext{background-color:var(--white);border-radius:16px;color:var(--dark-gray);display:flex;flex-direction:column;position:absolute;right:12px;text-align:center;top:20px;visibility:hidden;z-index:1}.post-container .post-header .post-header-right .tooltiptext .edit{align-items:center;background-color:var(--bc);border-top-left-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:5px 15px 3px 12px}.post-container .post-header .post-header-right .tooltiptext .edit:hover{background-color:var(--light-gray);transition:all .3s ease}.post-container .post-header .post-header-right .tooltiptext .delete{align-items:center;background-color:var(--bc);border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:3px 15px 5px 12px}.post-container .post-header .post-header-right .tooltiptext .delete:hover{background-color:var(--light-gray);transition:all .3s ease}.post-container .post-header .post-header-right span{background-color:var(--primary);border-radius:24px;color:var(--white);padding:5px 12px}.post-container .post-header .post-header-right span.mustard{background-color:var(--mustard)}.post-container .post-header .post-header-right span.fuchsia{background-color:var(--fuchsia)}.post-container .post-header .post-header-right span.green{background-color:var(--green);opacity:80%}.post-container .post-header .post-header-right .icon{border-radius:24px;color:var(--dark-gray);cursor:pointer;padding:5px}.post-container .post-header .post-header-right .icon:hover{background-color:var(--light-gray);transition:all .3s ease}.post-container .post-body .post-text{margin:20px 20px 20px 75px}.post-container .post-body .post-text h4{margin:0}.post-container .post-body .post-link{align-items:center;display:flex;justify-content:space-between;margin:20px 75px}.post-container .post-body .post-link h4{margin:0}.post-container .post-body .post-content{border-bottom:1px solid var(--light-gray);margin:0}.post-container .post-bottom{display:flex;gap:10px;padding:20px 30px}.post-container .post-bottom .bottom-image img{border-radius:100%;height:40px;width:40px}.post-container .post-bottom .post-text-input{align-items:center;background-color:var(--bc);border-radius:12px;display:flex;justify-content:space-between;padding:0 20px;width:100%}.post-container .post-bottom .post-text-input .input-container{flex:1 1;width:100%}.post-container .post-bottom .post-text-input .icon-container .icon{border-radius:100%;height:15px;padding:10px;width:15px}.post-container .post-bottom .post-text-input .icon-container .icon:hover{background-color:var(--light-gray);color:var(--primary);transition:.3s ease-in-out}.edit-post-container{background-color:var(--white);border-radius:26px}.edit-post-container .create-post-top{display:flex;padding:0 0 0 70px}.edit-post-container .create-post-top .create-post-body-container{flex:8 1}.edit-post-container .create-post-top .create-post-body-container h3{margin-left:20px;margin-top:27px}.edit-post-container .create-post-top .create-post-body-container .uploads-container{align-items:start;border-top:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:10px}.edit-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container h3{margin:0}.edit-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container{display:flex;gap:10px}.edit-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.edit-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.edit-post-container .create-post-top .create-post-body-container .uploads-container .student-files-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.edit-post-container .create-post-bottom{border-top:2px solid var(--bc);display:flex;justify-content:space-between;padding:30px 35px 25px 40px}.edit-post-container .create-post-bottom input{display:none}.edit-post-container .create-post-bottom .create-post-bottom-attachment{align-items:center;display:flex;gap:10px;width:175px}.edit-post-container .create-post-bottom .create-post-bottom-attachment .icon{border-radius:100%;height:25px;padding:10px;width:25px}.edit-post-container .create-post-bottom .create-post-bottom-attachment .icon:hover{background-color:var(--light-gray);color:var(--primary);transition:.3s ease-in-out}.edit-post-container .create-post-bottom .create-post-bottom-button{align-items:center;display:flex;gap:10px;position:relative;width:175px}.edit-post-container .create-post-bottom .create-post-bottom-button .icon{border-radius:100%;height:25px;padding:10px;width:25px}.edit-post-container .create-post-bottom .create-post-bottom-button .icon:hover{background-color:var(--light-gray);color:var(--primary);transition:.3s ease-in-out}.edit-post-container .create-post-bottom .create-post-bottom-button .emojis-container{left:30px;position:absolute;top:40px;z-index:1}.event-container{background-color:var(--white);border:1px solid var(--light-gray);border-radius:26px;color:var(--dark-gray);display:flex;flex-direction:column;gap:10px;justify-content:space-between;margin:25px;padding:20px 25px}.event-container .event-top{align-items:center;display:flex}.event-container .event-bottom{align-items:start;display:flex;justify-content:space-between}.event-container .event-bottom .event-body{flex:3 1}.event-container .event-bottom .event-button{flex:2 1;flex-grow:0;margin-left:20px;width:100%}.post-message-container{display:flex;padding:7.5px}.post-message-container .message-image{display:flex;justify-content:center;margin-right:5px;margin-top:5px}.post-message-container .message-image img{border-radius:100%;height:40px;width:40px}.post-message-container .message-container{background-color:var(--bc);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:10px 25px 15px 20px;width:100%}.post-message-container .message-container p{color:var(--dark-gray)}.post-message-container .message-container .message-header{display:flex;gap:10px;justify-content:space-between;position:relative}.post-message-container .message-container .message-header .message-name h4{margin:0}.post-message-container .message-container .message-header .right-container{display:flex;gap:10px;overflow:hidden}.post-message-container .message-container .message-header .right-container .message-time h5{font-weight:400;margin:0}.post-message-container .message-container .message-header .right-container .options-container .hide-tooltip{position:relative}.post-message-container .message-container .message-header .right-container .options-container .show-tooltip .tooltiptext{visibility:visible}.post-message-container .message-container .message-header .right-container .options-container .tooltiptext{background-color:var(--white);border-radius:16px;color:var(--dark-gray);display:flex;flex-direction:column;position:absolute;right:12px;text-align:center;top:20px;visibility:hidden;z-index:1}.post-message-container .message-container .message-header .right-container .options-container .tooltiptext .delete{align-items:center;border-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:3px 15px 5px 12px}.post-message-container .message-container .message-header .right-container .options-container .tooltiptext .delete:hover{background-color:var(--light-gray);transition:all .3s ease}.post-message-container .message-container .message-header .right-container .options-container span{background-color:var(--primary);border-radius:24px;color:var(--white);padding:5px 12px}.post-message-container .message-container .message-header .right-container .options-container span.mustard{background-color:var(--mustard)}.post-message-container .message-container .message-header .right-container .options-container span.fuchsia{background-color:var(--fuchsia)}.post-message-container .message-container .message-header .right-container .options-container span.green{background-color:var(--green);opacity:80%}.post-message-container .message-container .message-header .right-container .options-container .icon{border-radius:24px;color:var(--dark-gray);cursor:pointer;padding:5px}.post-message-container .message-container .message-header .right-container .options-container .icon:hover{background-color:var(--light-gray);transition:all .3s ease}.upcoming-event-container{background-color:var(--bc);border-radius:26px;display:flex;flex-direction:column;gap:40px;justify-content:space-between;padding:20px 25px}.upcoming-event-container .upcoming-event-top{align-items:center;display:flex}.upcoming-event-container .upcoming-event-top .title{flex:3 1}.upcoming-event-container .upcoming-event-top .title h3{font-weight:400}.upcoming-event-container .upcoming-event-top .button-container{flex-grow:0;flex-shrink:0}.upcoming-event-container .upcoming-event-bottom{align-items:center;display:flex;justify-content:space-between}.upcoming-event-container .upcoming-event-bottom p{color:var(--gray-blue)}.course-layout-container{background-color:var(--bc);display:flex}.course-layout-container .body-container{flex:4 1;height:100%;min-height:calc(100vh - 250px);padding:35px}.course-layout-container .course-sidebar-container{background-color:var(--white);border-left:1px solid var(--light-gray);flex:2.1 1;padding:30px}@media screen and (max-width:900px){.course-sidebar-container{display:none}}.back-bar-container{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;gap:25px;padding:10px 0 10px 15px}.back-bar-container .icon{border:1px solid var(--light-gray);border-radius:100%;cursor:pointer;padding:7px 10px}.back-bar-container .icon:hover{background-color:var(--bc);color:var(--primary);transition:all .3s ease}.back-bar-container h2{color:var(--dark-gray);font-size:1.5em;margin:0}.course-tab-bar-container{border-bottom:1px solid var(--light-gray);display:flex;gap:15px;padding:13px 0 13px 25px}.course-tab-bar-container h3{margin:0}.course-tab-bar-container .tab-container{padding:5px}.course-tab-bar-container .tab-container h3{color:var(--gray-blue);font-weight:400}.course-tab-bar-container .tab-container:hover{color:var(--gray);padding:5px;transition:all .3s ease}.course-tab-bar-container .tab-container.selected h3{color:var(--primary)}@media screen and (max-width:500px){.course-tab-bar-container{background-color:var(--white);bottom:0;justify-content:center;overflow:auto;padding:13px 0;position:fixed;width:100vw;z-index:10}.course-tab-bar-container .tab-container h3{font-size:12px!important}}.sidebar-events-container .sidebar-event-container{display:flex;flex-direction:column;gap:15px}.sidebar-events-container .sidebar-event-container h2{font-size:22px;margin-top:0}.sidebar-events-container .sidebar-event-container img{max-width:370px}.class-body-container{gap:30px}.class-body-container .post-comments{border-bottom:1px solid var(--light-gray);display:flex;flex-direction:column-reverse;max-height:300px;overflow:hidden;overflow:scroll;padding:15px 10px}.class-body-container .attachments-container{border-top:1px solid var(--light-gray);display:flex;flex-direction:column;gap:10px;padding:15px 10px 10px}.class-body-container .attachments-container h3{margin-top:0!important;margin:5px 0 10px 20px}.class-body-container .attachments-container .images-container{display:flex;margin-left:20px}.class-body-container .attachments-container .images-container .image-container{display:flex;flex-direction:row-reverse}.class-body-container .attachments-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.class-body-container .attachments-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.class-body-container .attachments-container .images-container .image-container .file-icon img{background-color:var(--primary);border-radius:8px;border-radius:100%;height:66px;padding:5px;width:66px}.editor-container-hidden{display:none}.assignment-card-container{background-color:var(--white);border-radius:24px}.assignment-card-container .top-container{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:20px 30px}.assignment-card-container .top-container .left-container{align-items:center;display:flex;gap:20px}.assignment-card-container .top-container .left-container .document-icon{background-color:var(--primary);border-radius:100%;color:var(--white);padding:6px 7px 4px}.assignment-card-container .top-container .left-container h2{color:var(--dark-gray);font-size:1.4em;margin:0}.assignment-card-container .top-container .right-container{align-items:center;display:flex;gap:10px}.assignment-card-container .top-container .right-container .hide-tooltip{position:relative}.assignment-card-container .top-container .right-container .show-tooltip .tooltiptext{visibility:visible}.assignment-card-container .top-container .right-container .tooltiptext{background-color:var(--white);border-radius:16px;color:var(--dark-gray);display:flex;flex-direction:column;position:absolute;text-align:center;visibility:hidden;z-index:1}.assignment-card-container .top-container .right-container .tooltiptext .edit{align-items:center;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:5px 15px 3px 12px}.assignment-card-container .top-container .right-container .tooltiptext .edit:hover{background-color:var(--light-gray);transition:all .3s ease}.assignment-card-container .top-container .right-container .tooltiptext .delete{align-items:center;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;flex-direction:row;gap:5px;justify-content:start;padding:3px 15px 5px 12px}.assignment-card-container .top-container .right-container .tooltiptext .delete:hover{background-color:var(--light-gray);transition:all .3s ease}.assignment-card-container .top-container .right-container span{background-color:var(--primary);border-radius:24px;color:var(--white);padding:5px 12px}.assignment-card-container .top-container .right-container span.mustard{background-color:var(--mustard)}.assignment-card-container .top-container .right-container span.fuchsia{background-color:var(--fuchsia)}.assignment-card-container .top-container .right-container span.green{background-color:var(--green);opacity:80%}.assignment-card-container .top-container .right-container .icon{border-radius:24px;color:var(--dark-gray);cursor:pointer;padding:5px}.assignment-card-container .top-container .right-container .icon:hover{background-color:var(--light-gray);transition:all .3s ease}.assignment-card-container .bottom-container{align-items:center;display:flex;justify-content:space-between;padding:20px 30px}.assignment-card-container .bottom-container .date-container h3{color:var(--black);font-weight:400;margin:0}.assignment-card-container .bottom-container .button-container{border:1px solid var(--light-gray);border-radius:24px;color:var(--dark-gray);flex-grow:0;flex-shrink:0;padding:10px 7px}.assignment-card-container .bottom-container .button-container h3{color:var(--dark-gray);margin:0}.assignment-card-container .bottom-container .button-container:hover{background-color:var(--primary);transition:.3s ease}.assignment-card-container .bottom-container .button-container:hover h3{color:var(--white)}.assignment-card-container .assignment-body-container{border-bottom:1px solid var(--light-gray);color:var(--dark-gray);padding:20px}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container{padding:20px}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .header-container{align-items:start;display:flex;justify-content:space-between}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .header-container h3{margin:0}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .header-container .button-container{align-items:center;display:flex;gap:10px}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container{display:flex;gap:10px}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container .file-icon,.assignment-card-container .teacher-block-uploads-container .teacher-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.assignment-card-container .teacher-block-uploads-container .student-uploads-container{border-top:1px solid var(--light-gray);padding:20px}.assignment-card-container .teacher-block-uploads-container .student-uploads-container h3{margin:0}.assignment-card-container .teacher-block-uploads-container .student-uploads-container .images-container{display:flex;gap:10px}.assignment-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.assignment-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.assignment-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container .file-icon,.assignment-card-container .teacher-block-uploads-container .student-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.assignment-card-container .uploads-container{align-items:start;justify-content:space-between}.assignment-card-container .uploads-container .teacher-uploads-container{padding:20px}.assignment-card-container .uploads-container .teacher-uploads-container h3{margin:0}.assignment-card-container .uploads-container .teacher-uploads-container .images-container{display:flex;gap:10px}.assignment-card-container .uploads-container .teacher-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.assignment-card-container .uploads-container .teacher-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.assignment-card-container .uploads-container .teacher-uploads-container .images-container .image-container .file-icon,.assignment-card-container .uploads-container .teacher-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.assignment-card-container .uploads-container .student-uploads-container{border-top:1px solid var(--light-gray);padding:20px}.assignment-card-container .uploads-container .student-uploads-container h3{margin:0}.assignment-card-container .uploads-container .student-uploads-container .images-container{display:flex;gap:10px}.assignment-card-container .uploads-container .student-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.assignment-card-container .uploads-container .student-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.assignment-card-container .uploads-container .student-uploads-container .images-container .image-container .file-icon,.assignment-card-container .uploads-container .student-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.assignment-card-container .uploads-container .aleardy-submitted-container{align-items:center;border-top:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:20px}.assignment-card-container .uploads-container .new-uploads-container{border-top:1px solid var(--light-gray);padding:20px}.assignment-card-container .uploads-container .new-uploads-container .top{align-items:center;display:flex;justify-content:space-between}.assignment-card-container .uploads-container .new-uploads-container .top h3{margin:0}.assignment-card-container .uploads-container .new-uploads-container .images-container{display:flex;gap:10px}.assignment-card-container .uploads-container .new-uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.assignment-card-container .uploads-container .new-uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.assignment-card-container .uploads-container .new-uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.assignment-card-container .uploads-container .button-container{align-items:center;display:flex;gap:15px}.assignment-card-container .uploads-container .button-container input{display:none}.assignment-card-container .submit-container{padding:20px}.assignment-event{background-color:var(--bc);border-radius:26px;display:flex;flex-direction:column;gap:20px;padding:30px}.assignment-event .event-title h3{margin:0}.new-assignment-container{text-align:left}.new-assignment-container .text-fields-container{align-items:center}.new-assignment-container .text-fields-container .graded-switch{align-items:center;display:flex;flex-direction:column;gap:15px}.new-assignment-container .text-fields-container .graded-switch p{font-size:10px}.give-mark-container{padding:0 20px;text-align:left}.give-mark-container h2{font-size:1.6em;font-weight:400;margin:0}.give-mark-container .text-fields-container{display:flex;gap:20px;justify-content:space-between}.give-mark-container .text-fields-container .mark-container,.give-mark-container .text-fields-container .original-mark-container{width:100%}.sidebar-events-container{display:flex;flex-direction:column;gap:50px}.class-body-container,.class-body-container .assignments-container{display:flex;flex-direction:column;gap:20px}.new-assignment-container .title h2{margin:0}.new-assignment-container .text-fields-container{display:flex;gap:20px;margin-bottom:30px}.new-assignment-container .text-fields-container .date-container,.new-assignment-container .text-fields-container .mark-container{width:100%}.new-assignment-container .editor-container .tox{background-color:var(--bc);border:none;border-radius:24px}.new-assignment-container .editor-container .tox-editor-container,.new-assignment-container .editor-container .tox-tinymce{background-color:var(--bc)}.new-assignment-container .button-container{align-items:flex-start;display:flex;justify-content:space-between}.new-assignment-container .button-container p{text-align:left}.new-assignment-container .button-container div{align-items:flex-start;display:flex;gap:15px}.new-assignment-container .button-container div input{display:none}.new-assignment-container .uploads-container{align-items:start;display:flex;justify-content:space-between}.new-assignment-container .uploads-container .images-container{display:flex;gap:10px}.new-assignment-container .uploads-container .images-container .image-container{display:flex;flex-direction:row-reverse;margin-top:20px}.new-assignment-container .uploads-container .images-container .image-container .icon{background-color:var(--fuchsia);border-radius:100%;bottom:7px;color:var(--white);cursor:pointer;height:8px;padding:5px;position:relative;right:5px;width:8px}.new-assignment-container .uploads-container .images-container .image-container img{border-radius:8px;height:66px;width:66px}.reuse-assignemnt-container{margin:0 40px}.reuse-assignemnt-container .search-container{margin-bottom:30px}.reuse-assignemnt-container .folders-container{background-color:var(--bc);border-radius:24px;padding:10px 30px 10px 50px}.reuse-assignemnt-container .folders-container .folder-container{align-items:flex-start;display:flex;flex-direction:column;overflow-y:scroll}.reuse-assignemnt-container .folders-container .folder-container .folder-details{align-items:center;display:flex;gap:10px}.reuse-assignemnt-container .folders-container .folder-container .folder-details .folder-icon{color:var(--primary)}.reuse-assignemnt-container .folders-container .folder-container .assignments-container{display:flex;flex-direction:column;gap:10px;justify-content:space-around;margin-left:20px}.reuse-assignemnt-container .folders-container .folder-container .assignments-container h3{margin:0}.reuse-assignemnt-container .folders-container .folder-container .assignments-container .assignment{align-items:center;display:flex;gap:20px}.reuse-assignemnt-container .folders-container .folder-container .assignments-container .assignment a{color:var(--primary)}.session-tab-page-container{padding-top:50px}.session-tab-page-container .navigation-bar{align-items:center;justify-content:space-between}.session-tab-page-container .navigation-bar .navigation-tabs{display:flex;gap:7px}.session-tab-page-container .navigation-bar .navigation-tabs .selected{border-color:var(--primary)}.session-tab-page-container .navigation-bar .navigation-tabs .selected p{color:var(--primary)}.session-tab-page-container .navigation-bar .navigation-tabs span{align-items:center;border:1px solid var(--light-gray);border-radius:30px;display:flex;height:21px;justify-content:center;padding:7px 20px;width:71px}.session-tab-page-container .navigation-bar .navigation-tabs span p{color:var(--light-gray);font-size:14px;font-weight:400;line-height:21px}.session-tab-page-container .navigation-bar .plan-details{background:var(--light-primary);border-radius:30px;padding:3px 20px}.session-tab-page-container .navigation-bar .plan-details p{color:var(--primary)}.sessions-sidebar-events-container{display:flex;flex-direction:column}.sessions-sidebar-events-container .extra-session-container{background-color:var(--bc);border-radius:24px;display:flex;flex-direction:column;gap:10px;margin-top:40px;padding:20px}.student-recording-card-container{background-color:var(--white);border-radius:24px;width:100%}.student-recording-card-container .recording-top-container{border-bottom:2px solid var(--light-gray);display:flex;gap:20px;justify-content:space-between;padding:20px 60px 24px 40px}.student-recording-card-container .recording-top-container .img-title-container{align-items:center;display:flex;gap:25px;justify-content:center}.student-recording-card-container .recording-top-container .img-title-container img{height:40px;width:40px}.student-recording-card-container .recording-top-container .img-title-container h2{color:var(--dark-gray);font-weight:500;margin:0;white-space:nowrap}.student-recording-card-container .recording-top-container .not-active-span{background-color:var(--dark-gray)}.student-recording-card-container .recording-top-container .active-span{background-color:var(--primary)}.student-recording-card-container .recording-top-container span{align-items:center;border-radius:30px;display:flex;justify-content:center;padding:10px}.student-recording-card-container .recording-top-container span h3{color:var(--white);font-weight:400;margin:0}.student-recording-card-container .recording-bottom-container{display:flex;gap:20px;justify-content:space-between;padding:16px 60px 16px 40px}.student-recording-card-container .recording-bottom-container .active-status-span{background-color:var(--apple-green)}.student-recording-card-container .recording-bottom-container .not-active-status-span{background-color:var(--light-blue)}.student-recording-card-container .recording-bottom-container .active-attendance-status{background-color:var(--apple-green)}.student-recording-card-container .recording-bottom-container .not-active-attendance-status{background-color:var(--light-fuchsia)}.student-recording-card-container .recording-bottom-container h3{color:var(--dark-gray);font-weight:400;margin:0}.student-recording-card-container .recording-bottom-container .right-container{align-items:center;display:flex;gap:10px}.student-recording-card-container .recording-bottom-container .right-container .session-status{border-radius:25px;padding:4px 8px}.student-recording-card-container .recording-bottom-container .right-container .session-status .active-status-body{color:var(--dark-green)}.student-recording-card-container .recording-bottom-container .right-container .session-status .not-active-status-body{color:var(--primary)}.student-recording-card-container .recording-bottom-container .right-container .session-status h4{font-weight:300;margin:0}.student-recording-card-container .recording-bottom-container .right-container .attendance-status{border-radius:25px;padding:4px 8px}.student-recording-card-container .recording-bottom-container .right-container .attendance-status .active-attendance-status-body{color:var(--dark-green)}.student-recording-card-container .recording-bottom-container .right-container .attendance-status .not-active-attendance-status-body{color:var(--fuchsia)}.student-recording-card-container .recording-bottom-container .right-container .attendance-status h4{font-weight:300;margin:0}.student-recording-card-container .recording-bottom-container .right-container .problem{align-items:center;background-color:var(--light-fuchsia);border-radius:25px;display:flex;gap:5px;padding:4px 8px}.student-recording-card-container .recording-bottom-container .right-container .problem h4{color:var(--fuchsia);font-weight:300;margin:0}.student-recording-card-container .recording-bottom-container .right-container .edit{align-items:center;background-color:var(--light-primary);border-radius:25px;display:flex;gap:5px;padding:7px}.student-recording-card-container .recording-bottom-container .right-container .remove{align-items:center;background-color:var(--light-fuchsia);border-radius:25px;display:flex;gap:5px;padding:7px}@media screen and (max-width:500px){.student-recording-card-container .recording-top-container{padding:15px}.student-recording-card-container .recording-top-container .img-title-container h2{font-size:16px!important}.student-recording-card-container .recording-top-container span{padding:0 5px!important}.student-recording-card-container .recording-top-container span h3{margin:0}.student-recording-card-container .recording-bottom-container{padding:14px 18px 14px 17px}}.session-tab-page-container{display:flex;flex-direction:column;gap:24px;margin-top:-50px}.session-tab-page-container .navigation-bar{display:flex;gap:7px}.session-tab-page-container .navigation-bar .selected{border-color:var(--primary)}.session-tab-page-container .navigation-bar .selected p{color:var(--primary)}.session-tab-page-container .navigation-bar span{align-items:center;border:1px solid var(--light-gray);border-radius:30px;display:flex;height:21px;justify-content:center;padding:7px 20px;width:71px}.session-tab-page-container .navigation-bar span p{color:var(--light-gray);font-size:14px;font-weight:400;line-height:21px}.student-reschedule-session-card-container{background-color:var(--white);border-radius:24px;width:100%}.student-reschedule-session-card-container .recording-top-container{border-bottom:2px solid var(--light-gray);display:flex;gap:20px;justify-content:space-between;padding:20px 60px 24px 40px}.student-reschedule-session-card-container .recording-top-container .img-title-container{align-items:center;display:flex;gap:25px;justify-content:center}.student-reschedule-session-card-container .recording-top-container .img-title-container img{height:40px;width:40px}.student-reschedule-session-card-container .recording-top-container .img-title-container h2{color:var(--dark-gray);font-weight:500;margin:0;white-space:nowrap}.student-reschedule-session-card-container .recording-top-container .span-buttons-container{align-items:center;display:flex;gap:10px}.student-reschedule-session-card-container .recording-top-container .span-buttons-container .not-active-span{background-color:var(--dark-gray);cursor:not-allowed}.student-reschedule-session-card-container .recording-top-container .span-buttons-container .active-span{background-color:var(--primary);cursor:pointer}.student-reschedule-session-card-container .recording-top-container .span-buttons-container span{align-items:center;border-radius:30px;display:flex;justify-content:center;padding:10px}.student-reschedule-session-card-container .recording-top-container .span-buttons-container span h3{color:var(--white);font-size:16px;font-weight:400;line-height:24px;margin:0}.student-reschedule-session-card-container .recording-bottom-container{align-items:center;display:flex;justify-content:space-between;padding:16px 60px 16px 40px}.student-reschedule-session-card-container .recording-bottom-container h3{color:var(--dark-gray);font-weight:400;margin:0}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container{align-items:center;display:flex;gap:10px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container h4{margin:0}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container{align-items:center;display:flex;gap:10px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .active-status-span{background-color:var(--apple-green)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .not-active-status-span{background-color:var(--light-blue)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .session-status{border-radius:25px;padding:4px 8px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .session-status .active-status-body{color:var(--dark-green)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .session-status .not-active-status-body{color:var(--primary)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .session-status h4{font-weight:300;margin:0}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .attendance-status{border-radius:25px;padding:4px 8px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .attendance-status .active-attendance-status-body{color:var(--dark-green)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .attendance-status .not-active-attendance-status-body{color:var(--fuchsia)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .attendance-status h4{font-weight:300;margin:0}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .problem{align-items:center;background-color:var(--light-fuchsia);border-radius:25px;display:flex;gap:5px;padding:4px 8px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .problem h4{color:var(--fuchsia);font-weight:300;margin:0}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .edit{align-items:center;background-color:var(--light-primary);border-radius:25px;display:flex;gap:5px;padding:7px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .right-container .remove{align-items:center;background-color:var(--light-fuchsia);border-radius:25px;display:flex;gap:5px;padding:7px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .attendance-status{background-color:var(--light-primary);border-radius:25px;padding:4px 8px}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .attendance-status .attendance-status-body{color:var(--primary)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .attendance-status .active-attendance-status-body{color:var(--dark-green)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .attendance-status .not-active-attendance-status-body{color:var(--fuchsia)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .attendance-status h4{font-weight:300;margin:0}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .active-attendance-status{background-color:var(--apple-green)}.student-reschedule-session-card-container .recording-bottom-container .recording-bottom-right-container .not-active-attendance-status{background-color:var(--light-fuchsia)}@media screen and (max-width:500px){.student-reschedule-session-card-container .recording-top-container{padding:15px}.student-reschedule-session-card-container .recording-top-container .img-title-container h2{font-size:16px!important}.student-reschedule-session-card-container .recording-top-container .span-buttons-container{align-items:start;display:flex;flex-direction:column-reverse}.student-reschedule-session-card-container .recording-top-container .span-buttons-container span{padding:5px}.student-reschedule-session-card-container .recording-bottom-container{padding:14px 42px 14px 17px}}.manual-confirmation-modal{text-align:center}.manual-confirmation-modal h2{margin:30px 0}.manual-confirmation-modal .buttons{display:flex;gap:10px;margin-top:50px}.admin-sessions-stats{background-color:var(--bc);border-radius:20px;display:flex;flex-direction:column;gap:15px;justify-content:space-around;padding:20px}.session-stat{word-wrap:break-word;align-items:center;background-color:var(--white);border-radius:10px;display:flex;justify-content:space-evenly;padding:20px 25px}.session-stat .session-icon{margin-left:30px}.session-stat .session-title{max-width:123px}.session-stat h2,.session-stat h4{margin:0}.session-duration-container{display:flex;flex-direction:column;gap:20px}.session-duration-container .session-duration-input h2{margin:0 0 10px}.session-problem-container .session-problem-info{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:25px}.session-problem-container .problem-section .problem-section-header{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between}.session-problem-container .problem-section .problem-section-body{border-bottom:1px solid var(--light-gray);display:flex;flex-direction:column;padding:20px 0}.session-problem-container .problem-section .problem-section-body h3{margin:10px 0}.session-problem-container .problem-section .problem-section-body span{background-color:var(--light-primary);border-radius:24px}.session-problem-container .problem-section .problem-section-body span h3{color:var(--primary);margin:0;padding:8px}.session-problem-container .problem-section .problem-section-body .problem-note-container{background-color:var(--light-gray);border-radius:24px;padding:13px}.info-card{align-items:center;background-color:var(--bc);border-radius:10px;display:flex;gap:10px;justify-content:space-evenly;padding:10px 0}.info-card .info-card-title{max-width:123px}.info-card .info-card-icon{margin-left:30px}.info-card h3,.info-card h4{margin:0}.rate-session-container{display:flex;flex-direction:column;gap:20px}.rate-session-container .rate-session-input h3{margin:0 0 4px}.rate-session-container .icons-container{display:flex;justify-content:space-between;margin-top:10px}.rate-session-container .icons-container h3{margin:10px 0 0}.rate-session-container .icons-container .icon{align-items:center;cursor:pointer;display:flex;flex-direction:column}.rate-session-container .icons-container .icon img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.6;transition:all .3s ease}.rate-session-container .icons-container .icon .icon-title{opacity:0}.rate-session-container .icons-container .active img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}.rate-session-container .icons-container .active .icon-title{color:var(--primary);opacity:100%}.calendar-container .calendar-container{align-items:center;position:relative;text-align:center}.calendar-container .available-times{gap:10px;padding:30px 0}.calendar-container .react-calendar{background:#fff;line-height:1.125em;max-width:100%}.calendar-container .react-calendar abbr{text-decoration:none}.calendar-container .react-calendar button{border-radius:100%;padding:16px}.calendar-container .react-calendar .react-calendar__navigation__arrow{background-color:var(--bc);border-radius:100%;transition:all .4s ease}.calendar-container .react-calendar .react-calendar__navigation__arrow:hover{background-color:var(--primary)!important;border-radius:100%;color:var(--white)}.calendar-container .react-calendar .react-calendar__century-view__decades__decade,.calendar-container .react-calendar .react-calendar__decade-view__years__year,.calendar-container .react-calendar .react-calendar__year-view__months__month{border-radius:16%}.calendar-container .react-calendar .react-calendar__navigation__label:focus .react-calendar__navigation__label:hover{background:var(--bc)!important}.calendar-container .react-calendar .react-calendar__navigation__label{border-radius:10px;transition:all .3s ease}.buttons-container{display:flex;flex-direction:column;gap:15px}.buttons-container button{font-size:16px}.buttons-container h3{margin-top:0}.display-block{display:block}.display-none{display:none}.buttons-container{width:100%}.schedule-modal-container{text-align:center}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;gap:10px;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation__arrow{background-color:var(--bc)}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;border:2px solid #fff!important;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center;transition:all .3s ease}.react-calendar__tile:disabled{background-color:var(--white)}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{color:var(--primary);transition:all .3s ease}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:var(--light-gray);color:var(--black)}.react-calendar__tile--hasActive{background:var(--primary);transition:all .3s ease}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:var(--light-gray);color:var(--primary)}.react-calendar__tile--active{background:var(--primary)!important;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:var(--primary);color:#fff;transition:all .3s ease}.react-calendar__tile.selected-date:not(.react-calendar__tile--active){background:rgba(99,113,224,.16);color:var(--primary)}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.thumb-vertical{background-color:var(--dark-gray);border-radius:inherit;border-radius:50px;cursor:pointer;display:block;height:274px;left:-2px;opacity:.7;-webkit-transform:translateY(0);transform:translateY(0);width:10px!important}.students-container,.thumb-vertical{position:relative}.students-container .arrow-icon{cursor:pointer}.students-container .top-container{align-items:center;display:flex;justify-content:space-between;margin-right:61px}.students-container .pagination{align-items:center;border-top:1px solid var(--light-gray);display:flex;gap:20px;justify-content:center;padding:10px 0}.students-container .pagination i{align-items:center;background-color:var(--white);border:1px solid var(--gray);border-radius:50%;color:var(--dark-gray);cursor:pointer;display:flex;font-size:11px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.students-container .pagination i:hover{background-color:var(--shade-02)}.students-container .pagination .disabled{cursor:not-allowed;opacity:.5}.top-bar{justify-content:space-between}.name-col,.top-bar{align-items:center;display:flex}.name-col{gap:10px}.class-filter-container h2{margin:0}.teachers-statistics-cards-container{display:flex;gap:38px;margin:0 61px 0 40px;overflow-x:auto}.leads-filters-container{display:flex;gap:7.5px;margin:30px 0 30px 40px}.leads-filters-container .filter-container{border:1px solid var(--secondary);border-radius:24px;padding:5px 10px}.leads-filters-container .filter-container p{color:var(--secondary)}.leads-filters-container .filter-container.selected{border:1px solid var(--black)}.leads-filters-container .filter-container.selected p{color:var(--black)}.leads-filters-container .filter-container:hover{border:1px solid var(--primary);transition:all .3s ease}.leads-filters-container .filter-container:hover p{color:var(--primary)}.new-teacher-container form .right-container .image-container input{display:none}.new-teacher-container form .middle-container{width:100%}.new-teacher-container form .middle-container h3{margin:0 0 16px}.new-teacher-container form{display:flex;gap:30px}.new-teacher-container form .right-container{width:100%}.new-teacher-container form .right-container h3{margin:0 0 22px}.new-teacher-container form .right-container .image-container{display:flex;justify-content:center;position:relative}.new-teacher-container form .right-container .image-container img{background-position:50%;background-size:cover;border-radius:50%;height:88px;margin-right:20px;margin-top:8px;overflow:hidden;width:88px}.new-teacher-container form .right-container .image-container span{background-color:var(--light-gray);border-radius:50%;padding:4px 7px;position:absolute;right:calc(50% - 35px);top:70px}.new-teacher-container form .left-container{width:100%}.new-teacher-container form .left-container h3{margin:0 0 16px}.new-teacher-container form .left-container .education-container{margin-top:29px}.new-teacher-container form .left-container .education-container .courses-container .courses{align-items:center;display:flex;gap:10px}.new-teacher-container form .left-container .education-container .courses-container .checkbox{align-items:center;display:flex}.attendance-container{display:flex;flex-direction:column;gap:25px}.attendance-container h2{margin:0}.attendance-container .attendance-option{display:flex;justify-content:space-between}.page{padding:20px 0}.page h1,.page h2,.page h3,.page h4,.page h5,.page h6{font-weight:400;margin:0 0 18px}.page .h1,.page h1{font-size:36px}.page .h2,.page h2{font-size:30px}.page p{font-size:16px;margin:0 0 20px}.page .container{margin:0 130px}body{font-family:Poppins,Sarabun,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:17px;margin:0}.shine{-webkit-animation:shine 1.2s linear infinite;animation:shine 1.2s linear infinite;background:var(--shade-03);background:linear-gradient(110deg,var(--shade-03) 8%,var(--shade-05) 18%,var(--shade-03) 33%);background-size:200% 100%;border-radius:8px;font-size:0!important;min-height:30px;min-width:70px}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-rtl{direction:rtl}.text-ltr{direction:ltr}.fs{float:start}.fe{float:end}.fl{float:left}.fr{float:right}.fn{float:none}.clear{clear:both}:root{--primary:#6371e0;--primary-blue:#3e69a2;--blue:#315470;--fuchsia:#ec516e;--light-fuchsia:#fbaebc;--black:#262e3b;--white:#fff;--dark-gray:#696c71;--light-gray:#dfe2e5;--light-blue:#e1f4fe;--gray-blue:#97accc;--mustard:#f8cd5b;--secondary:#dfe2e5;--bc:#f7f7f7;--gold:#dfb300;--gray:#9ea2a2;--white-smoke:#f1f1f1;--green:#8be063;--dark-blue:#3f50d9;--new-light-gray:#a8a8a8;--new-dark-gray:#838383;--new-light-blue:#7da1c4;--light-yellow:#fff7db;--light-green:#f0fffa;--apple-green:#dcf6d0;--dark-green:#67ce67;--light-red:#fdeeee;--soft-light-blue:#7da1c433;--shade-01:#fafafc;--shade-02:#f1f1f1;--shade-03:#dfe2e5;--shade-04:#e5e5e5;--shade-05:#efefef;--bright-green:#8be0634d;--light-primary:#6371e04d}.date-picker label{box-sizing:border-box;color:#3f4954;font-size:10px;font-weight:500;margin:20px 0 5px 10px}.date-picker input{border:1px solid var(--light-gray);border-radius:25px;color:var(--black);font-size:12px;height:2.5rem;padding:23px 0 23px 20px;transition:all .3s ease}.date-picker input:focus{background:var(--bc);border:1px solid var(--dark-gray);box-shadow:none;padding:23px 0 23px 20px}.date-picker input::-webkit-input-placeholder{font-size:.9rem;font-weight:400}.date-picker input:-ms-input-placeholder{font-size:.9rem;font-weight:400}.date-picker input::placeholder{font-size:.9rem;font-weight:400}.date-picker>div div+div{-webkit-padding-start:5px;align-self:start;color:var(--fuchsia);font-size:12px;font-weight:300;margin:5px 0 0;padding-inline-start:5px}.phone-input label{align-self:start;box-sizing:border-box;color:#3f4954;font-size:10px;font-weight:500;margin:20px 0 5px 10px}.phone-input label abbr{display:none}.phone-input>div{align-items:center;border:1px solid var(--light-gray)!important;border-radius:25px;box-shadow:none;display:flex;height:auto;padding:2px 9px}.phone-input>div div,.phone-input>div input{color:var(--black);font-size:12px;transition:all .3s ease}.phone-input>div input{height:2.5rem}.phone-input>div input::-webkit-input-placeholder{font-size:.9rem;font-weight:400}.phone-input>div input:-ms-input-placeholder{font-size:.9rem;font-weight:400}.phone-input>div input::placeholder{font-size:.9rem;font-weight:400}.phone-input.error>div{border:1px solid var(--fuchsia);box-shadow:0 0 0 1px var(--fuchsia)}.phone-input.error input{color:var(--fuchsia)}@font-face{font-family:delfina;font-style:normal;font-weight:400;src:url(/static/media/delfina.1714021b0bf50a5c3b48.eot);src:url(/static/media/delfina.1714021b0bf50a5c3b48.eot?#iefix) format("embedded-opentype"),url(/static/media/delfina.d3cdcc422c04bfb0d4df.woff) format("woff"),url(/static/media/delfina.f69b2babccb813aa77f4.ttf) format("truetype"),url(/static/media/delfina.b91ffb3ced5b19e769e8.svg#delfina) format("svg")}[data-icon]:before{content:attr(data-icon)}[class*=" icon-"]:before,[class^=icon-]:before,[data-icon]:before{-webkit-font-feature-settings:normal!important;font-feature-settings:normal!important;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:delfina!important;font-style:normal!important;font-variant:normal!important;font-weight:400!important;line-height:1;text-transform:none!important}.icon-bell:before{content:"a"}.icon-bell-o:before{content:"b"}.icon-check:before{content:"c"}.icon-check-circle:before{content:"d"}.icon-chevron-down:before{content:"e"}.icon-chevron-left:before{content:"f"}.icon-chevron-right:before{content:"g"}.icon-chevron-up:before{content:"h"}.icon-clipboard:before{content:"i"}.icon-clock:before{content:"j"}.icon-collapse:before{content:"k"}.icon-flag:before{content:"l"}.icon-graph:before{content:"m"}.icon-grid:before{content:"n"}.icon-grid-o:before{content:"o"}.icon-help-circle:before{content:"p"}.icon-pill:before{content:"q"}.icon-plus-circle:before{content:"r"}.icon-search:before{content:"s"}.icon-syringe:before{content:"t"}.icon-users:before{content:"u"}.icon-users-o:before{content:"v"}.icon-water-drop:before{content:"w"}.icon-x:before{content:"x"}.icon-emoji:before{content:"y"}.icon-send:before{content:"z"}.icon-clipboard-1:before{content:"A"}.icon-more:before{content:"B"}.icon-enter:before{content:"C"}.icon-navigate:before{content:"D"}
/*# sourceMappingURL=main.1a3415db.css.map*/