.account-type-container{border:1px solid #6052cc;min-height:clamp(80px,10vh,120px);border-radius:clamp(10px,1.5vw,20px);padding:clamp(8px,1.2vw,10px);display:flex;align-items:center;gap:clamp(10px,2vw,30px);margin-bottom:clamp(10px,1.5vh,20px);cursor:pointer;position:relative;transition:all .3s ease;margin-top:1rem}.account-type-container.disabled{opacity:.6;cursor:not-allowed;pointer-events:none;border:2px solid #dfe0e6}.account-type-container .coming-soon-badge{position:absolute;top:16px;right:10px;background-color:#e5e7eb;color:#1f2937;font-size:.8rem;font-weight:500;padding:4px 8px;border-radius:6px}@media(max-width:768px){.account-type-container{min-height:80px;gap:12px;padding:8px;margin-bottom:15px}}@media only screen and (max-width:767px){.account-type-container{height:auto;padding:.75rem;gap:15px}}.account-type-container .check-icon{display:none}.account-type-container.active{border:3px solid #6052cc}.account-type-container.active .check-icon{display:block;position:absolute;top:8px;right:8px}@media(max-width:768px){.account-type-container.active .check-icon{top:6px;right:6px}}@media(max-width:480px){.account-type-container.active .check-icon{top:10px;right:10px}}.account-type-container .card-img{width:clamp(70px,8vw,100px);height:clamp(70px,8vw,100px);border-radius:8px;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow:hidden}@media(max-width:768px){.account-type-container .card-img{width:60px;height:60px;border-radius:6px}}@media(max-width:480px){.account-type-container .card-img{width:70px;height:70px}}.account-type-container .card-img img{width:100%;height:100%;object-fit:contain}.account-type-container .student{background-color:#f6d4e0}.account-type-container .teacher{background-color:#cfd5f6}.account-type-container .tutor{background-color:#f9e68f}.account-type-container .tutor img{width:70%}.account-type-container .professional{background-color:#a7f3ce}.account-type-container .content-container{flex:1}.account-type-container .content-container h1{font-size:clamp(16px,1.8vw,22px)!important;font-weight:600;margin-bottom:4px;line-height:1.2}@media(max-width:768px){.account-type-container .content-container h1{margin-bottom:6px!important}}.account-type-container .content-container p{font-size:clamp(13px,1.4vw,16px);line-height:1.3}@media(max-width:768px){.account-type-container .content-container p{font-size:12px;line-height:1.2}}@media(max-width:480px){.account-type-container .content-container{width:100%}}.account-type-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.sign-up-form-container{height:100vh}@media screen and (max-width:1195px){.sign-up-form-container{height:auto;min-height:100vh;overflow:auto}}@media only screen and (max-width:767px){.student-form-container,.student-form-container>form{min-height:100vh}}.student-form-container h1{margin-bottom:10px}.student-form-container p{margin-bottom:30px;color:#535260;line-height:20.8px}.student-form-container .form-control{margin-top:1rem}@media only screen and (max-width:767px){.student-form-container .form-control{margin-top:1rem!important}}.student-form-container .profile-picture-note{margin-top:2rem;margin-bottom:0!important;font-size:.9rem;font-weight:400}.photo-avatar-selector{width:100%;margin:0 auto}.photo-avatar-selector .tabs{display:flex;margin-bottom:20px;border-radius:60px;background-color:#f0f0f0;padding:0;overflow:hidden}.photo-avatar-selector .tabs .tab-photo{flex:1;padding:10px;background-color:transparent;border:none;cursor:pointer;font-size:16px;height:50px;margin:0;width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.photo-avatar-selector .tabs .tab-photo.active{background-color:#6c5ce7;color:#fff;border-radius:60px}.photo-avatar-selector .tabs .tab-photo:not(.active){background-color:transparent}.photo-avatar-selector .tabs .tab-photo:first-child:not(.active){border-top-left-radius:60px;border-bottom-left-radius:60px}.photo-avatar-selector .tabs .tab-photo:last-child:not(.active){border-top-right-radius:60px;border-bottom-right-radius:60px}.photo-avatar-selector .tabs .tab-photo:disabled{opacity:.7;cursor:not-allowed}.photo-avatar-selector .upload-section{border:2px dashed #ccc;border-radius:10px;padding:20px;text-align:center;width:100%;height:201px;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.photo-avatar-selector .upload-section .upload-area{display:flex;flex-direction:column;align-items:center;cursor:pointer}.photo-avatar-selector .upload-section .upload-area input[type=file]{display:none}.photo-avatar-selector .upload-section .upload-area svg{margin-bottom:10px}.photo-avatar-selector .upload-section .uploaded-photo{position:relative;width:100%;height:100%}.photo-avatar-selector .upload-section .uploaded-photo img{width:100%;height:100%;object-fit:cover;border-radius:8px}.photo-avatar-selector .upload-section .uploaded-photo .remove-photo{position:absolute;top:5px;right:5px;background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.photo-avatar-selector .upload-section .uploaded-photo .info-text{margin-top:2rem;margin-bottom:0!important;font-size:.9rem;font-weight:400}.photo-avatar-selector .avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.photo-avatar-selector .avatar-grid .avatar{border-radius:12px;overflow:hidden;cursor:pointer;width:100%;aspect-ratio:1;position:relative;transition:transform .2s ease,box-shadow .2s ease;background-color:#f5f5f5;border:2px solid transparent}.photo-avatar-selector .avatar-grid .avatar:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.photo-avatar-selector .avatar-grid .avatar.selected{border:3px solid #6052cc}.photo-avatar-selector .avatar-grid .avatar.selected .check-indicator{position:absolute;bottom:8px;right:8px;background-color:#6052cc;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.photo-avatar-selector .avatar-grid .avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.photo-avatar-selector .avatar-grid .no-avatars{grid-column:span 4;text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:12px;color:#666;font-size:16px}.photo-avatar-selector .loading-spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8)}.photo-avatar-selector .loading-spinner .spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top-color:#6c5ce7;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1024px){.photo-avatar-selector .avatar-grid{grid-template-columns:repeat(4,1fr);gap:14px}}@media(max-width:768px){.photo-avatar-selector .tabs .tab-photo{padding:8px 5px;font-size:14px}.photo-avatar-selector .avatar-grid{grid-template-columns:repeat(3,1fr);gap:12px}.photo-avatar-selector .avatar-grid .no-avatars{grid-column:span 3}}@media(max-width:600px){.photo-avatar-selector .avatar-grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo-avatar-selector .avatar-grid .no-avatars{grid-column:span 2}}@media(max-width:480px){.photo-avatar-selector .avatar-grid{grid-template-columns:repeat(2,1fr);gap:10px}.photo-avatar-selector .avatar-grid .avatar{border-radius:10px}.photo-avatar-selector .avatar-grid .avatar.selected .check-indicator{width:24px;height:24px;bottom:6px;right:6px}.photo-avatar-selector .avatar-grid .no-avatars{grid-column:span 2;padding:30px 15px;font-size:14px}.photo-avatar-selector .tabs .tab-photo{font-size:13px;padding:8px 3px}}@media(max-width:360px){.photo-avatar-selector .avatar-grid{gap:8px}}.subject-selector{width:100%;margin:0 auto}.subject-selector .selected-subjects{margin-bottom:20px;background-color:#eff6ff;border:1px solid #cfd5f6;padding:12px 16px;border-radius:10px}.subject-selector .selected-subjects .ant-tag{background-color:#f0f2fd;color:#6052cc;border-radius:50px;padding:8px 9px;margin-right:8px;margin-bottom:8px;font-weight:600;border:2px solid #cfd5f6}.subject-selector .selected-subjects .ant-tag .anticon-close{color:#6454c8}.subject-selector .selected-subjects .selected-subjects-label{margin-bottom:10px}.subject-selector .subject-input-select .ant-select-selector{border-radius:50px;height:45px;background-color:#f7f7f7;border:2px solid #dfe0e6}.subject-selector .subject-input-select .ant-select-selector:active,.subject-selector .subject-input-select .ant-select-selector:focus,.subject-selector .subject-input-select .ant-select-selector:hover{border-color:#6052cc!important;box-shadow:none!important}.subject-selector .subject-input-select .ant-select-selector input{height:100%}.subject-selector .subject-input-select.ant-select-focused .ant-select-selector{border-color:#6052cc!important;box-shadow:none!important}.subject-selector .subject-input-select .ant-select-selection-placeholder,.subject-selector .subject-input-select .anticon-search{color:#a0a0a0}.subject-selector .subject-selector-note{margin-top:2.5rem;background-color:#f0f2fd;border-left:4px solid #6052cc;padding:.5rem .8rem;border-radius:.3rem;font-size:14px;font-weight:400;color:#535260;line-height:1.5}@media only screen and (max-width:767px){.subject-selector .subject-selector-note{margin-top:2.5rem!important}}.subject-selector .subject-selector-note-label{font-weight:500;color:#6052cc}.subject-selector .suggested-subjects{margin-top:30px}@media only screen and (max-width:767px){.subject-selector .suggested-subjects{margin-top:30px!important}}.subject-selector .suggested-subjects .suggested-tag{background-color:#f5f6f8;color:#535260;border-radius:50px;padding:8px 9px;margin-right:8px;margin-bottom:8px;cursor:pointer;transition:all .3s;border:2px solid #dfe0e6;font-weight:600}.subject-selector .suggested-subjects .suggested-tag:hover{background-color:#e0e0e0}.onboarding-success-container{height:90%;display:flex;justify-content:center;align-items:center}.onboarding-success-container h1{margin-bottom:15px}.tutor-form-container h1{margin-bottom:10px}.tutor-form-container p{margin-bottom:30px;color:#535260;line-height:20.8px}.tutor-form-container .rate-container{display:flex;gap:10px}.tutor-form-container .rate-container .first{width:80%}.tutor-form-container .rate-container .second{width:20%}.tutor-form-container .toggle-field{margin-bottom:17px}.tutor-form-container .buttons-container{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.tutor-form-container .buttons-container .form-buttons{display:flex;gap:10px;padding-right:5px}.tutor-form-container .languages-container .language-card,.tutor-form-container .work-experience-container .language-card{display:flex;justify-content:space-between;padding-bottom:12px;align-items:center;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.tutor-form-container .languages-container .language-card .left p,.tutor-form-container .work-experience-container .language-card .left p{margin-bottom:5px}.tutor-form-container .languages-container .language-card .left p.title,.tutor-form-container .work-experience-container .language-card .left p.title{color:#1b1a3a;font-weight:500;font-size:1.125em}.tutor-form-container .languages-container .language-card .left p.info,.tutor-form-container .work-experience-container .language-card .left p.info{text-transform:capitalize;font-weight:500;color:#535260}.tutor-form-container .languages-container .language-card .right,.tutor-form-container .work-experience-container .language-card .right{display:flex;gap:8px}.tutor-form-container .languages-container .language-card .right .icon,.tutor-form-container .work-experience-container .language-card .right .icon{display:flex;align-items:center;justify-content:center;height:26px;width:26px;border-radius:5px}.tutor-form-container .languages-container .language-card .right .icon:hover,.tutor-form-container .work-experience-container .language-card .right .icon:hover{background-color:#eeeef0;cursor:pointer}.tutor-form-container .work-experience-container .left span{font-size:14px;font-weight:400;color:#535260}.text-button-container{display:flex}.text-button-container .button-icon{display:flex;gap:10px;height:20px;background-color:transparent;color:#6052cc;cursor:pointer}.text-button-container .button-icon p{color:#6052cc;font-size:1em;font-weight:500}.video-uploader{max-width:640px;margin:0 auto;padding-top:2rem}.video-uploader .upload-area{position:relative;border:2px dashed #e5e7eb;border-radius:.5rem;padding:5rem 0 3rem;text-align:center;margin-bottom:1rem;transition:all .3s ease;background-color:#f9fafb}.video-uploader .upload-area.drag-active{border-color:#6052cc;background-color:#eff6ff}.video-uploader .upload-area:hover{border-color:#8c8ba0}.video-uploader .upload-area .file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.video-uploader .upload-area .upload-icon{margin:0 auto 1rem;color:#8c8ba0;width:24px;height:24px}.video-uploader .upload-area .upload-text{font-size:.875rem;font-weight:500;color:#535260}.video-uploader .divider{text-align:center;color:#535260;font-size:.875rem;margin:1rem 0;position:relative}.video-uploader .divider:after,.video-uploader .divider:before{content:"";position:absolute;top:50%;width:calc(50% - 2rem);height:1px;background-color:#e5e7eb}.video-uploader .divider:before{left:0}.video-uploader .divider:after{right:0}.video-uploader .youtube-input-container{position:relative;margin-top:1rem}.video-uploader .youtube-input-container .youtube-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e5e7eb;border-radius:1.5rem;font-size:1rem;transition:border-color .3s ease}.video-uploader .youtube-input-container .youtube-input:focus{outline:none;border-color:#3b82f6}.video-uploader .youtube-input-container .youtube-input::placeholder{color:#b5b6c4}.video-uploader .youtube-input-container .link-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;width:20px;height:20px}.video-uploader .video-preview{position:relative;border-radius:.5rem;overflow:hidden}.video-uploader .video-preview .clear-button{position:absolute;top:.5rem;right:.5rem;padding:.25rem;background-color:rgba(0,0,0,.5);border-radius:5px;color:#fff;border:none;cursor:pointer;z-index:10;transition:background-color .3s ease}.video-uploader .video-preview .clear-button:hover{background-color:rgba(0,0,0,.7)}.video-uploader .video-preview .clear-button svg{width:20px;height:20px}.video-uploader .video-preview .video-player{width:100%;border-radius:.5rem;display:block}.video-uploader .loading-spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8)}.video-uploader .loading-spinner .spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top-color:#6c5ce7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-upload{width:100%;max-width:1024px;margin:0 auto}.media-upload .media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.media-upload .preview-item{position:relative;aspect-ratio:1;border-radius:.8rem;overflow:hidden}.media-upload .preview-item.uploading{background-color:#f9fafb;display:flex;align-items:center;justify-content:center}.media-upload .preview-item:hover .remove-button{opacity:1}.media-upload .loader{width:48px;height:48px;border:3px solid #dfe0e6;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.media-upload .loader:after{content:"";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:3px solid transparent;border-bottom-color:#6052cc}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-upload .preview-image{width:100%;height:100%;object-fit:cover}.media-upload .remove-button{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:15%;background-color:#fff;border:none;cursor:pointer;opacity:1;transition:all .2s ease}.media-upload .remove-button:hover{background-color:#f3f4f6}.media-upload .remove-button svg{color:#4b5563}.media-upload .upload-button{cursor:pointer}.media-upload .upload-area{aspect-ratio:1;border:2px dashed #dfe0e6;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .2s ease;background-color:#f9fafb}.media-upload .upload-area:hover{border-color:#9ca3af}.media-upload .upload-icon{color:#9ca3af;margin-bottom:.5rem}.media-upload .upload-text{font-size:.875rem;color:#6b7280}.media-upload .file-input{display:none}.media-upload .helper-text{font-size:.875rem;color:#6b7280;margin-top:1rem}@media(max-width:768px){.media-upload .media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.media-upload .media-grid{grid-template-columns:1fr}}.skills-selector{width:100%;margin:0 auto}.skills-selector .selected-skills{margin-bottom:10px}.skills-selector .selected-skills .ant-tag{background-color:#f0f2fd;color:#6052cc;border-radius:50px;padding:8px 9px;margin-right:8px;margin-bottom:8px;font-weight:600;border:2px solid #cfd5f6}.skills-selector .selected-skills .ant-tag .anticon-close{color:#6454c8}.skills-selector .skill-input{width:100%}.skills-selector .skill-input .ant-select-selector{border-radius:50px;height:45px;display:flex;align-items:center;background-color:#f7f7f7;border:2px solid #dfe0e6}.skills-selector .skill-input .ant-select-selector:hover{border:none}.skills-selector .skill-input .ant-select-selector input{height:100%}.skills-selector .skill-input .ant-select-selection-placeholder,.skills-selector .skill-input .anticon-search{color:#a0a0a0}.skills-selector .suggested-skills{margin-top:30px}.skills-selector .suggested-skills .suggested-tag{background-color:#f5f6f8;color:#535260;border-radius:50px;padding:8px 9px;margin-right:8px;margin-bottom:8px;cursor:pointer;transition:all .3s;border:2px solid #dfe0e6;font-weight:600}.skills-selector .suggested-skills .suggested-tag:hover{background-color:#e0e0e0}.classes-selector{width:100%;margin:0 auto}.classes-selector .selected-classes{margin-bottom:10px}.classes-selector .selected-classes .ant-tag{background-color:#f0f2fd;color:#6052cc;border-radius:50px;padding:8px 9px;margin-right:8px;margin-bottom:8px;font-weight:600;border:2px solid #cfd5f6}.classes-selector .selected-classes .ant-tag .anticon-close{color:#6454c8}.classes-selector .classes-input{width:100%}.classes-selector .classes-input .ant-select-selector{border-radius:50px;height:45px;display:flex;align-items:center;background-color:#f7f7f7;border:2px solid #dfe0e6}.classes-selector .classes-input .ant-select-selector:hover{border:none}.classes-selector .classes-input .ant-select-selector input{height:100%}.classes-selector .classes-input .ant-select-selection-placeholder,.classes-selector .classes-input .anticon-search{color:#a0a0a0}.classes-selector .suggested-classes{margin-top:30px}.classes-selector .suggested-classes .suggested-tag{background-color:#f5f6f8;color:#535260;border-radius:50px;padding:8px 9px;margin-right:8px;margin-bottom:8px;cursor:pointer;transition:all .3s;border:2px solid #dfe0e6;font-weight:600}.classes-selector .suggested-classes .suggested-tag:hover{background-color:#e0e0e0}.ant-select-dropdown .ant-select-item-option{padding:8px 12px;border-radius:4px}.ant-select-dropdown .ant-select-item-option-active{background-color:#f3f2ff}.ant-select-dropdown .ant-select-item-option-selected{background-color:#f3f2ff;font-weight:400}.availability-calendar{background:#fff;border-radius:1rem;border:1px solid #dfe0e6;padding:10px}.availability-calendar .calendar-grid{display:grid;grid-template-columns:120px repeat(7,1fr);gap:.5rem;align-items:center}.availability-calendar .day-header{padding:.75rem;text-align:center;font-weight:500;color:#3a3946;font-size:.875rem}.availability-calendar .time-label{padding:.75rem;color:#666;font-size:.875rem;font-weight:500}.availability-calendar .time-slot{aspect-ratio:1;background:#f5f6f8;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:1px solid #eee}.availability-calendar .time-slot:hover{background:#f0f0f0;transform:scale(1.02)}.availability-calendar .time-slot .icon-container{background-color:#b5b6c4;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.availability-calendar .time-slot .icon-container .icon{color:#fff}.availability-calendar .time-slot .icon-container.selected{background:#6052cc;border-color:#6052cc}.availability-calendar .time-slot .icon-container.selected .icon{color:#fff}.availability-calendar .time-slot .icon-container.selected:hover{background:#6052cc}.availability-calendar .icon{width:1.25rem;height:1.25rem}.availability-calendar .icon.cross{color:#999}.availability-calendar .icon.check{color:#fff}@media only screen and (max-width:767px){.availability-calendar{padding:.5rem!important}.availability-calendar .calendar-grid{grid-template-columns:75px repeat(7,1fr)!important;gap:.5rem;align-items:center}.availability-calendar .day-header{padding:.75rem 0!important;font-size:.875rem}.availability-calendar .time-label{padding:.75rem 0!important;font-size:.5em}.availability-calendar .time-slot{border-radius:0!important}.availability-calendar .time-slot .icon-container{background-color:#b5b6c4;width:20px;height:20px;display:flex;justify-content:center;align-items:center}.availability-calendar .time-slot .icon-container .icon{color:#fff}.availability-calendar .time-slot .icon-container.selected{background:#6052cc;border-color:#6052cc}.availability-calendar .time-slot .icon-container.selected .icon{color:#fff}.availability-calendar .time-slot .icon-container.selected:hover{background:#6052cc}.availability-calendar .icon{width:1.25rem;height:1.25rem}.availability-calendar .icon.cross{color:#999}.availability-calendar .icon.check{color:#fff}}@media(max-width:1668px){.availability-calendar{padding:1rem}.availability-calendar .calendar-grid{grid-template-columns:100px repeat(7,1fr);gap:.25rem}.availability-calendar .day-header,.availability-calendar .time-label{padding:.5rem;font-size:.75rem}}.professional-form-container h1{margin-bottom:10px}.professional-form-container p{margin-bottom:30px;color:#535260;line-height:20.8px}