.auth-page{width:100%;height:100vh;display:flex}.auth-page .form-section{scrollbar-width:none;background:#fff;flex-direction:column;height:100%;display:flex;overflow-y:scroll}@media screen and (max-width:1200px){.auth-page .form-section{width:100%;padding:45px 15px}}@media screen and (min-width:1200px){.auth-page .form-section{width:55%;padding:45px 75px 15px}}.auth-page .form-section::-webkit-scrollbar{width:0}.auth-page .image-section{background:var(--light-blue-bcg);height:100%;position:relative;overflow:hidden}@media screen and (max-width:1200px){.auth-page .image-section{display:none}}@media screen and (min-width:1200px){.auth-page .image-section{width:45%;display:flex}}.auth-page .image-container{z-index:2;position:relative}.auth-page .image-section.learners{flex-direction:column;padding:55px 25px 15px 75px}.auth-page .image-section.learners .semi-circles{object-fit:contain;height:100%;position:absolute;top:0;left:0}.auth-page .image-section.learners .image-container{border:2px solid var(--blue-bcg);border-radius:24px;width:100%;height:65%;position:relative}.auth-page .image-section.learners .image-container img{border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;height:90.5%;position:absolute;top:50%;right:-27.5px;transform:translateY(-50%)}.auth-page .image-section.learners .image-section-text .bold-text{color:var(--blue-bcg);margin:25px 0;font-size:2.5vw;font-weight:800}.auth-page .image-section.learners .image-section-text .bold-text i{color:var(--text-orange);margin:0 2.5px;font-weight:500}.auth-page .image-section.learners .image-section-text .regular-text{color:#01263f;font-weight:500}.auth-page .image-section.tutors{flex-direction:column;align-items:center;padding:35px 25px 15px}.auth-page .image-section.tutors .illustration{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.auth-page .image-section.tutors .image-section-text.tutors{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-page .image-section.tutors .image-section-text.tutors .logo{object-fit:contain;max-width:200px;height:25px}.auth-page .image-section.tutors .image-section-text.tutors .tutor-text{max-width:65%;color:var(--text-dark-blue);margin:15px 0;font-size:16px;font-weight:700}.auth-page .image-section.tutors .image-section-text.tutors .tutor-text span{color:var(--text-orange)}.auth-page .image-section.tutors .image-container.tutors{flex-direction:column;gap:15px;width:75%;height:500px;display:flex}.auth-page .image-section.tutors .image-container.tutors img{height:100%}.auth-page .image-section.tutors.organisation{justify-content:start;align-items:center;padding:0 25px 15px}.auth-page .image-section.tutors.organisation .image-container.organisation{flex-direction:column;gap:15px;width:75%;height:75%;display:flex}.auth-page .image-section.tutors.organisation .image-container.organisation .rectangle{width:95%;position:absolute;top:5%;left:10px}.auth-page .image-section.tutors.organisation .image-container.organisation .signup-image{border-radius:12px;width:100%;height:99.25%}.auth-page .image-section.tutors.organisation .image-container.organisation .lady-image{height:67.5%}.auth-page .image-section.tutors.organisation .image-container.organisation .bw-image{border-radius:8px;height:32.5%}.auth-page .image-section.tutors.organisation .image-section-text.organisation{text-align:center;flex-direction:column;align-items:center;display:flex}.auth-page .image-section.tutors.organisation .image-section-text.organisation .logo{object-fit:contain;max-width:200px;height:25px;margin:45px 0 0}.auth-page .image-section.tutors.organisation .image-section-text.organisation .tutor-text{max-width:65%;color:var(--text-dark-blue);margin:15px 0;font-size:16px;font-weight:700}.auth-page .image-section.tutors.organisation .image-section-text.organisation .tutor-text span{color:var(--text-orange)}.auth-page .image-section.direction{flex-direction:column-reverse}.auth-page .image-section.direction .rectangle-shape{width:95%;position:absolute;bottom:-60%;left:10px}
