#__next{width:100vw}body{overflow-y:scroll}main{margin-top:108px}.Blue-Blue{color:#4f70e4}.Heart-Pink{color:#ff99f7}.Green{color:#43b97f}.Fury-Orange{color:#fa832a}.Pink-Gray{color:#f9f4f9}.Fake-Black{color:#6f6f6f}.Fake-White{color:#fcfcfc}.Cold-Gray{color:#bababe}.Red-Danger{color:#ff4471}*{font-family:Mitr}a,nav .nav-container .menu ul li .displayName-nav{font-family:Mitr;font-size:20px;font-style:normal;font-weight:300;line-height:30px;letter-spacing:0;text-align:left;text-decoration:none;color:#6f6f6f}a:hover,nav .nav-container .menu ul li .displayName-nav:hover{color:#4f70e4}@media screen and (max-width:430px){a,nav .nav-container .menu ul li .displayName-nav{font-size:16px;line-height:16px}}h1{color:#4f70e4;font-family:Prompt;font-size:70px;font-style:normal;font-weight:700;line-height:90px;letter-spacing:0;margin:16px 0}@media screen and (max-width:430px){h1{font-size:32px;line-height:24px}}span{font-family:Mitr;font-size:20px;font-style:normal;font-weight:500;line-height:31px;letter-spacing:0;text-align:left;color:#6f6f6f}@media screen and (max-width:430px){span{font-size:16px;line-height:16px}}.about-mindfriend-container .about-mindfriend-heading-center,.bold,.bold-number,.booking-status-card .booking-status-heading .in-progress-status,.booking-status-card .booking-status-heading .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.modal-container .modal-heading-blue,.modal-container .modal-heading-green,.modal-container .modal-heading-orange,.ticket-box-card .detail-container .number-of-ticket,h2{font-family:Prompt;font-size:40px;font-style:normal;font-weight:700;line-height:60px;letter-spacing:0;color:#ff99f7;margin:16px 0}@media screen and (max-width:430px){.about-mindfriend-container .about-mindfriend-heading-center,.bold,.bold-number,.booking-status-card .booking-status-heading .in-progress-status,.booking-status-card .booking-status-heading .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.modal-container .modal-heading-blue,.modal-container .modal-heading-green,.modal-container .modal-heading-orange,.ticket-box-card .detail-container .number-of-ticket,h2{line-height:normal;font-size:28px}}.about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.booking-content-container .shift,.display-triple-cards-heading,.filter-container .filter-container-head,.inline-btn,.sidebar .sidebar-btn,.top-menu .top-menu-btn,aside .section-title,h4{font-family:Mitr;font-size:20px;font-style:normal;font-weight:500;letter-spacing:0;color:#4f70e4}@media screen and (max-width:430px){.about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.booking-content-container .shift,.display-triple-cards-heading,.filter-container .filter-container-head,.inline-btn,.sidebar .sidebar-btn,.top-menu .top-menu-btn,aside .section-title,h4{font-size:16px}}input::-webkit-file-upload-button{font-family:Prompt;font-size:25px;font-style:normal;font-weight:700;letter-spacing:.05em;text-align:center}.Button-font,.filter-container .filter-container-box-btn .filter-btn,.other-days-default-container .other-date-btn .date,button,input::file-selector-button{font-family:Prompt;font-size:25px;font-style:normal;font-weight:700;letter-spacing:.05em;text-align:center}@media screen and (max-width:430px){input::-webkit-file-upload-button{font-size:15px}.Button-font,.filter-container .filter-container-box-btn .filter-btn,.other-days-default-container .other-date-btn .date,button,input::file-selector-button{font-size:15px}}.course-detail-container .course-detail-box form input,.course-detail-container .course-detail-box ul,P,input,select,select .option{font-family:Mitr;font-size:18px;font-style:normal;font-weight:300;letter-spacing:0;text-align:left;color:#6f6f6f}@media screen and (max-width:430px){.course-detail-container .course-detail-box form input,.course-detail-container .course-detail-box ul,P,input,select,select .option{font-size:14px}}.caption,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container footer .cl-talk,.decline,.display-card-container .card-caption,.time-button,aside .section .completed footer .subtitleTopic,footer .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,footer aside .section .completed .subtitleTopic,footer p{font-family:Mitr;font-size:15px;font-style:normal;font-weight:400;letter-spacing:0;text-align:left;color:#bababe}@media screen and (max-width:430px){.caption,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container footer .cl-talk,.decline,.display-card-container .card-caption,.time-button,aside .section .completed footer .subtitleTopic,footer .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,footer aside .section .completed .subtitleTopic,footer p{font-size:12px}}.dashboard-date-month .month,.other-days-default-container .other-date-btn .month,.pop-up-info,caption{font-family:Mitr;font-size:15px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0;text-align:left;color:#bababe}@media screen and (max-width:430px){.dashboard-date-month .month,.other-days-default-container .other-date-btn .month,.pop-up-info,caption{font-size:12px}}.about-mindfriend-container .about-mindfriend-content,.body,.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-arch .process-caption,.courses-journey-container .journey-container .journey-content,.landing02-container .heart-fury-container .content,.modal-container .modal-body,.redeem-box-container .about-redemption-container .about-redemption-content,aside .section li{font-family:Mitr;font-size:18px;font-style:normal;font-weight:300;line-height:28px;letter-spacing:0;text-align:left;color:#6f6f6f}@media screen and (max-width:430px){.about-mindfriend-container .about-mindfriend-content,.body,.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-arch .process-caption,.courses-journey-container .journey-container .journey-content,.landing02-container .heart-fury-container .content,.modal-container .modal-body,.redeem-box-container .about-redemption-container .about-redemption-content,aside .section li{font-size:16px;line-height:25px}}.available-time-container .date-mindfriend-modal,.body-bold,.booking-status-card .booking-status-heading .cancelled-status,.booking-status-card .booking-status-heading .description,.booking-status-card .booking-status-remark,.card-event .event-card-detail-container .event-detail .client-name,.card-event .event-card-detail-container .time-container .duration,.classroom-container .content-container .classroom-article-container .listening-conversation-container .mf-container .mf-talk,.dashboard-date-month .date,.display-card-container .arch-card .lable,.landing02-container .display-triple-cards-card-container .display-card-container .card-caption,.mindfriend-detail-modal .mindfrind-modal-remark-container .remark-content,.mindfriend-schedule .calendar-container .calendar .time-column,.mindfriend-service-report-card .report-card-heading,.mindfriend-service-report-card .username,.username-mindfriend-card{font-family:Mitr;font-size:18px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:0;text-align:left;color:#6f6f6f}@media screen and (max-width:430px){.available-time-container .date-mindfriend-modal,.body-bold,.booking-status-card .booking-status-heading .cancelled-status,.booking-status-card .booking-status-heading .description,.booking-status-card .booking-status-remark,.card-event .event-card-detail-container .event-detail .client-name,.card-event .event-card-detail-container .time-container .duration,.classroom-container .content-container .classroom-article-container .listening-conversation-container .mf-container .mf-talk,.dashboard-date-month .date,.display-card-container .arch-card .lable,.landing02-container .display-triple-cards-card-container .display-card-container .card-caption,.mindfriend-detail-modal .mindfrind-modal-remark-container .remark-content,.mindfriend-schedule .calendar-container .calendar .time-column,.mindfriend-service-report-card .report-card-heading,.mindfriend-service-report-card .username,.username-mindfriend-card{font-size:16px;line-height:25px}}.link{text-decoration:underline;font-weight:500;color:#4f70e4}.link:hover{color:#43b97f}.Fury-Orange-bold{color:#fa832a;font-weight:700}.card-event .card-event-action .zoom-link,.p-link{font-family:Mitr;font-size:18px;font-style:normal;font-weight:300;letter-spacing:0;text-align:left;text-decoration:underline;font-weight:500;color:#4f70e4}@media screen and (max-width:430px){.card-event .card-event-action .zoom-link,.p-link{font-size:14px}}.card-event .card-event-action .zoom-link:hover,.p-link:hover{color:#43b97f}.h2{font-family:Prompt;font-size:40px;font-style:normal;font-weight:700;line-height:60px;letter-spacing:0;margin:16px 0}@media screen and (max-width:430px){.h2{line-height:normal;font-size:28px}}input::placeholder{font-family:Mitr;font-size:18px;font-style:normal;font-weight:300;letter-spacing:0;text-align:center;color:#bababe!important}@media screen and (max-width:430px){input::placeholder{font-size:16px}}nav{position:fixed;top:0;width:100%;z-index:3;justify-content:center}nav,nav .nav-container{background-color:#fcfcfc;display:flex}nav .nav-container{left:5vw;height:5rem;width:90vw;max-width:1400px;flex-direction:row;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #43b97f}nav .nav-container .logo{cursor:pointer;margin-bottom:.5rem}nav .nav-container .menu ul a,nav .nav-container .menu ul li .displayName-nav{margin-left:2rem}nav .nav-container .menu ul li{display:inline-flex;align-items:center}nav .nav-container .menu ul li.mobile-sign-out-button{display:none}nav .nav-container .menu ul li.selected .displayName-nav,nav .nav-container .menu ul li.selected a{color:#fa832a}nav .nav-container .menu ul li .partition-nav{color:#43b97f;margin:0 0 0 1rem}nav .nav-container .menu ul li .displayName-nav{margin-left:1rem;cursor:pointer}nav .nav-container .menu ul li .profile-img-nav{border-radius:50%;width:2em;height:2em;margin-left:1rem;border:2px solid #ff99f7}@media screen and (max-width:800px){nav .nav-container .menu ul li .profile-img-nav{border:2px solid #fcfcfc;width:3em;height:3em}}@media screen and (max-width:920px){nav .nav-container .partition-nav{display:none}nav .nav-container .hamburger{z-index:2;margin:8px 0;transform:translate(-5%,-50%)}nav .nav-container .hamburger .line1{min-width:32px;min-height:4px;background-color:#ff99f7;margin:0 0 4px;border-radius:2px}nav .nav-container .hamburger .line2{min-width:32px;min-height:4px;background-color:#43b97f;margin:0 0 4px;border-radius:2px}nav .nav-container .hamburger .line3{min-width:32px;min-height:4px;background-color:#fa832a;margin:0;border-radius:2px}nav .nav-container .menu{z-index:1;position:fixed;top:0;right:-100%;min-height:100vh;min-width:100vw;background-color:#4f70e4;display:flex;justify-content:center;padding:0;transition:all .3s ease-out;pointer-events:none}nav .nav-container .menu ul{display:flex;flex-direction:column;align-items:center;pointer-events:all;margin:40% 0;padding:0}nav .nav-container .menu ul li{margin:1rem 0}nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li a{margin:0;color:#fcfcfc}nav .nav-container .menu ul li .displayName-nav:active,nav .nav-container .menu ul li a:active{color:#ff99f7}nav .nav-container .menu ul li.mobile-sign-out-button{display:block}}nav .nav-container .menu.open{opacity:1;right:0}nav .nav-container .dropdown-menu-nav{position:absolute;bottom:-72px;right:-50%;padding:1rem;background-color:#4f70e4;border-radius:.5rem;transition:.5s ease-out;cursor:pointer}nav .nav-container .dropdown-menu-nav .menu ul li .displayName-nav,nav .nav-container .dropdown-menu-nav a,nav .nav-container .menu ul li .dropdown-menu-nav .displayName-nav{color:#fcfcfc}@media screen and (max-width:920px){nav .nav-container .dropdown-menu-nav{display:none}}nav .nav-container .dropdown-menu-nav.open{right:0}button{background-color:#43b97f;font-family:Prompt;box-sizing:content-box;padding:.5rem 1.5rem;margin-bottom:1.5rem;height:-moz-fit-content;height:fit-content;box-shadow:.5rem .5rem .5rem #4f70e4;border:none;cursor:pointer}button,button span{color:#fcfcfc}button.disabled{background-color:#bababe;box-shadow:none;cursor:not-allowed}button.icon-btn{padding:0;display:flex;border-radius:1.5em;align-items:center;margin-bottom:unset;box-shadow:2px 4px 7px rgba(79,112,228,.5)}button.icon-btn.back-btn img{transform:rotateY(180deg)}button.icon-btn.disabled{background-color:#bababe;box-shadow:none;cursor:not-allowed}.booking-status-card .booking-status-remark button,.modal-container button,.redeem-box-container .redeem-box-card .redeem-detail button,.round{padding:.5rem 2rem;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:2rem;box-shadow:0 3px 5px rgba(79,112,228,.5);margin:0}.inline-btn{padding:.2rem 1rem;height:-moz-fit-content;height:fit-content;border-radius:2rem;box-shadow:0 3px 5px rgba(79,112,228,.5);margin:0;color:#fff}.bold,.inline-btn{width:-moz-fit-content;width:fit-content}.bold{padding:1rem 1.5rem;border-radius:1.5rem;color:#fcfcfc}.decline,.white-btn{background-color:#fcfcfc;color:#fa832a;border-radius:1.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5)}.red-btn{background-color:#ff4471}footer{display:flex;flex-direction:column;position:relative;bottom:0;left:5%;height:80px;width:90%;z-index:1;padding:16px 0 8px;border-top:1px solid #43b97f}footer li{list-style:none}footer a,footer nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li footer .displayName-nav{padding:0 0 16px}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container footer .cl-talk,aside .section .completed footer .subtitleTopic,footer .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,footer aside .section .completed .subtitleTopic,footer p{align-self:center;color:#bababe;padding:0 0 8px}.card-course-in-locker{background-color:#fcfcfc;width:600px;border-radius:1em;box-shadow:2px 4px 7px rgba(79,112,228,.5);flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;position:relative;margin-bottom:24px}.card-course-in-locker .course-cover{width:325px;height:200px}.card-course-in-locker .course-cover img{height:100%}.card-course-in-locker .course-detail{min-width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:1.5em}.about-mindfriend-container .about-mindfriend-content .card-course-in-locker .course-detail .about-mindfriend-content-head,.booking-content-container .card-course-in-locker .course-detail .shift,.card-course-in-locker .course-detail .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.card-course-in-locker .course-detail .booking-content-container .shift,.card-course-in-locker .course-detail .display-triple-cards-heading,.card-course-in-locker .course-detail .filter-container .filter-container-head,.card-course-in-locker .course-detail .inline-btn,.card-course-in-locker .course-detail .sidebar .sidebar-btn,.card-course-in-locker .course-detail .top-menu .top-menu-btn,.card-course-in-locker .course-detail aside .section-title,.card-course-in-locker .course-detail h4,.filter-container .card-course-in-locker .course-detail .filter-container-head,.sidebar .card-course-in-locker .course-detail .sidebar-btn,.top-menu .card-course-in-locker .course-detail .top-menu-btn,aside .card-course-in-locker .course-detail .section-title{margin:0}.card-course-in-locker .course-detail .progress-bar{box-sizing:border-box;min-height:16px;width:100%;background-color:#f9f4f9;border-radius:1em;margin:1em 0;overflow:hidden}.card-course-in-locker .course-detail .progress-bar .progress-bar-inside{background-color:#43b97f;height:1rem}@media screen and (max-width:920px){.card-course-in-locker{width:400px;height:auto;max-height:320px}.card-course-in-locker .course-cover{width:400px;height:124px}}@media screen and (max-width:430px){.card-course-in-locker{width:358px;height:auto;border-radius:.5em}.card-course-in-locker .course-cover{width:358px;height:108px}.card-course-in-locker .course-detail{padding:24px}.card-course-in-locker .course-detail .progress-bar{height:12px}}.card-course-browse{background-color:#fcfcfc;width:37.5rem;margin:1rem 0;border-radius:1em;box-shadow:0 3px 5px rgba(79,112,228,.5);flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.card-course-browse .course-cover{width:325px;height:200px;background-image:url(/images/advance-cover.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.card-course-browse .course-cover img{height:100%}.card-course-browse .course-detail{min-width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:1.5em}.about-mindfriend-container .about-mindfriend-content .card-course-browse .course-detail .about-mindfriend-content-head,.booking-content-container .card-course-browse .course-detail .shift,.card-course-browse .course-detail .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.card-course-browse .course-detail .booking-content-container .shift,.card-course-browse .course-detail .display-triple-cards-heading,.card-course-browse .course-detail .filter-container .filter-container-head,.card-course-browse .course-detail .inline-btn,.card-course-browse .course-detail .sidebar .sidebar-btn,.card-course-browse .course-detail .top-menu .top-menu-btn,.card-course-browse .course-detail aside .section-title,.card-course-browse .course-detail h4,.filter-container .card-course-browse .course-detail .filter-container-head,.sidebar .card-course-browse .course-detail .sidebar-btn,.top-menu .card-course-browse .course-detail .top-menu-btn,aside .card-course-browse .course-detail .section-title{margin:0}.card-course-browse .course-detail .course-btn-container{display:flex;justify-content:flex-end;height:-moz-fit-content;height:fit-content}.card-course-browse .course-detail .course-btn-container button{margin:0}@media screen and (max-width:920px){.card-course-browse{width:400px;height:auto}.card-course-browse .course-cover{width:400px;height:124px}}@media screen and (max-width:430px){.card-course-browse{width:358px;height:auto;border-radius:.5em}.card-course-browse .course-cover{width:358px;height:108px}}aside{display:flex;flex-direction:column;min-width:320px;max-width:320px;max-height:80vh;overflow-y:scroll;scrollbar-color:#ff99f7;background-color:#f9f4f9;border-radius:1em}aside .section-title{min-height:48px;padding:16px;position:relative}aside>div:last-child{margin-bottom:15em}aside .section{display:flex;flex-direction:column;justify-content:center;margin:0 0 1em;border-bottom:1px dashed #ff99f7;padding:0}aside .section,aside .section li{position:relative;box-sizing:border-box}aside .section li{list-style:none;cursor:pointer;min-height:40px;padding:16px}aside .section li:hover{background-color:#fcfcfc}aside .section li:hover:before{height:100%;background:#4f70e4;width:4px;position:absolute;top:0;left:0;content:"";border-radius:4px}aside .section .selected{background-color:#fcfcfc}aside .section .selected:before{height:100%;background:#4f70e4;width:4px;position:absolute;top:0;left:0;content:"";border-radius:4px}aside .section .completed{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box}aside .section .completed .subtitleTopic{position:relative;display:flex;flex-grow:1;color:#43b97f}aside .section .completed .greenIcon{position:relative;width:24px;height:24px}@media screen and (max-width:920px){aside{z-index:3;position:fixed;top:0;left:-100%;min-height:100vh;min-width:90vw;margin:0;background-color:#fcfcfc;border-radius:0;display:flex;flex-direction:column;justify-content:flex-start;padding:3em 1em;transition:all .3s ease-out}aside.open{left:0;padding-bottom:5rem}}.nav-list-of-content-mobile{z-index:3;position:fixed;bottom:1.5em;left:0;display:none}@media screen and (max-width:920px){.nav-list-of-content-mobile{display:flex;flex-direction:row;justify-content:space-between;min-width:100%;margin:0;align-items:center}.nav-list-of-content-mobile .list-of-content-btn{border-radius:0 1em 1em 0;box-shadow:2px 4px 7px rgba(79,112,228,.5)}}.time-button{display:flex;align-items:center;background-color:#ff99f7;padding:.5rem;gap:.5rem;border-radius:.5rem;min-width:-moz-fit-content;min-width:fit-content;width:-moz-fit-content;width:fit-content;max-height:2rem;color:#fcfcfc;cursor:pointer}.time-button.selected{background-color:#43b97f}.break-line{box-sizing:border-box;height:1rem;border-radius:1rem;margin:2rem auto 3rem}.pink-10{width:10%}.pink-10,.pink-50{background-color:#ff99f7}.pink-50{width:50%}.pink-gray-10{width:10%;background-color:#f9f4f9}.pink-gray-20{width:20%;background-color:#f9f4f9}.pink-gray-50{width:50%;background-color:#f9f4f9}.pink-gray-70{width:70%;background-color:#f9f4f9}.pink-gray-100{width:100%;background-color:#f9f4f9}.blue-10{width:10%}.blue-10,.blue-70{background-color:#4f70e4}.blue-70{width:70%}.green-70{width:70%}.green-30,.green-70{background-color:#43b97f}.green-30{width:30%}.green-10{width:10%;background-color:#43b97f}.orange-30{width:30%;background-color:#fa832a}.sidebar{display:flex;flex-direction:column;width:20rem;margin-right:2rem}.sidebar>*{margin-bottom:1rem}.sidebar .sidebar-btn{background-color:#f9f4f9;color:#6f6f6f;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.sidebar .sidebar-btn.selected{background-color:#fa832a;color:#fcfcfc}@media screen and (max-width:1120px){.sidebar{display:flex;flex-direction:row;align-items:center;padding:.5rem 0;min-width:90%;align-self:center;max-height:-moz-fit-content;max-height:fit-content;margin:0 0 1rem;border-bottom:1px solid #43b97f;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.sidebar ::-webkit-scrollbar{display:none}.sidebar>*{margin:0 1rem 0 0}.sidebar .sidebar-btn{color:#6f6f6f}.sidebar .my-ticket-box,.sidebar .sidebar-btn{min-width:-moz-fit-content;min-width:fit-content}.sidebar .my-ticket-box{display:flex;flex-direction:row;border-radius:.5rem;align-items:center}.sidebar .my-ticket-box .my-ticket-box-head{min-width:-moz-fit-content;min-width:fit-content;padding:.5rem 1rem;border-radius:.5rem 0 0 .5rem}.sidebar .my-ticket-box .my-ticket-box-body{border-radius:0 2rem 2rem 0;padding:0 .5rem}.booking-status-card .booking-status-remark .sidebar .my-ticket-box .my-ticket-box-body button,.modal-container .sidebar .my-ticket-box .my-ticket-box-body button,.redeem-box-container .redeem-box-card .redeem-detail .sidebar .my-ticket-box .my-ticket-box-body button,.sidebar .my-ticket-box .my-ticket-box-body .booking-status-card .booking-status-remark button,.sidebar .my-ticket-box .my-ticket-box-body .modal-container button,.sidebar .my-ticket-box .my-ticket-box-body .redeem-box-container .redeem-box-card .redeem-detail button,.sidebar .my-ticket-box .my-ticket-box-body .round{margin-left:1rem}}.redeem-container{width:100%;align-self:flex-start}.redeem-box-container,.redeem-container{display:flex;flex-direction:column;justify-content:center}.redeem-box-container{align-self:center;width:27rem;height:auto;gap:1.5rem}@media screen and (max-width:920px){.redeem-box-container{align-content:center}}@media screen and (max-width:430px){.redeem-box-container{width:100%;padding:.5rem;box-sizing:border-box}}.redeem-box-container a,.redeem-box-container nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li .redeem-box-container .displayName-nav{color:#4f70e4;text-decoration:underline;cursor:pointer}.redeem-box-container a:hover,.redeem-box-container nav .nav-container .menu ul li .displayName-nav:hover,nav .nav-container .menu ul li .redeem-box-container .displayName-nav:hover{color:#43b97f}.redeem-box-container .redeem-box-card{display:flex;flex-direction:column;justify-content:center;border-radius:1rem;overflow:hidden;background-color:#f9f4f9;box-shadow:0 3px 5px rgba(79,112,228,.5)}.redeem-box-container .redeem-box-card .redeem-cover{height:7.5rem}@media screen and (max-width:430px){.redeem-box-container .redeem-box-card .redeem-cover{height:7.5rem}}.redeem-box-container .redeem-box-card .redeem-detail{display:flex;flex-direction:column;justify-content:center;padding:1rem}.about-mindfriend-container .redeem-box-container .redeem-box-card .redeem-detail .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .redeem-box-container .redeem-box-card .redeem-detail .in-progress-status,.booking-status-card .booking-status-heading .redeem-box-container .redeem-box-card .redeem-detail .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .redeem-box-container .redeem-box-card .redeem-detail .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .redeem-box-container .redeem-box-card .redeem-detail .lable-mindfriend,.modal-container .redeem-box-container .redeem-box-card .redeem-detail .modal-heading-blue,.modal-container .redeem-box-container .redeem-box-card .redeem-detail .modal-heading-green,.modal-container .redeem-box-container .redeem-box-card .redeem-detail .modal-heading-orange,.redeem-box-container .redeem-box-card .redeem-detail .about-mindfriend-container .about-mindfriend-heading-center,.redeem-box-container .redeem-box-card .redeem-detail .bold,.redeem-box-container .redeem-box-card .redeem-detail .bold-number,.redeem-box-container .redeem-box-card .redeem-detail .booking-status-card .booking-status-heading .in-progress-status,.redeem-box-container .redeem-box-card .redeem-detail .booking-status-card .booking-status-heading .success-status,.redeem-box-container .redeem-box-card .redeem-detail .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.redeem-box-container .redeem-box-card .redeem-detail .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.redeem-box-container .redeem-box-card .redeem-detail .modal-container .modal-heading-blue,.redeem-box-container .redeem-box-card .redeem-detail .modal-container .modal-heading-green,.redeem-box-container .redeem-box-card .redeem-detail .modal-container .modal-heading-orange,.redeem-box-container .redeem-box-card .redeem-detail .ticket-box-card .detail-container .number-of-ticket,.redeem-box-container .redeem-box-card .redeem-detail h2,.ticket-box-card .detail-container .redeem-box-container .redeem-box-card .redeem-detail .number-of-ticket{margin:0;line-height:auto}.about-mindfriend-container .about-mindfriend-content .redeem-box-container .redeem-box-card .redeem-detail .about-mindfriend-content-head,.booking-content-container .redeem-box-container .redeem-box-card .redeem-detail .shift,.filter-container .redeem-box-container .redeem-box-card .redeem-detail .filter-container-head,.redeem-box-container .redeem-box-card .redeem-detail .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.redeem-box-container .redeem-box-card .redeem-detail .booking-content-container .shift,.redeem-box-container .redeem-box-card .redeem-detail .display-triple-cards-heading,.redeem-box-container .redeem-box-card .redeem-detail .filter-container .filter-container-head,.redeem-box-container .redeem-box-card .redeem-detail .inline-btn,.redeem-box-container .redeem-box-card .redeem-detail .sidebar .sidebar-btn,.redeem-box-container .redeem-box-card .redeem-detail .top-menu .top-menu-btn,.redeem-box-container .redeem-box-card .redeem-detail aside .section-title,.redeem-box-container .redeem-box-card .redeem-detail h4,.sidebar .redeem-box-container .redeem-box-card .redeem-detail .sidebar-btn,.top-menu .redeem-box-container .redeem-box-card .redeem-detail .top-menu-btn,aside .redeem-box-container .redeem-box-card .redeem-detail .section-title{line-height:normal;margin:.5rem 0}.redeem-box-container .redeem-box-card .redeem-detail input{margin:0 0 1rem;text-align:center}.redeem-box-container .redeem-box-card .redeem-detail button{width:100%;box-sizing:border-box}.redeem-box-container .about-redemption-container{display:flex;flex-direction:column}.about-mindfriend-container .about-mindfriend-content .redeem-box-container .about-redemption-container .about-mindfriend-content-head,.booking-content-container .redeem-box-container .about-redemption-container .shift,.filter-container .redeem-box-container .about-redemption-container .filter-container-head,.redeem-box-container .about-redemption-container .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.redeem-box-container .about-redemption-container .booking-content-container .shift,.redeem-box-container .about-redemption-container .display-triple-cards-heading,.redeem-box-container .about-redemption-container .filter-container .filter-container-head,.redeem-box-container .about-redemption-container .inline-btn,.redeem-box-container .about-redemption-container .sidebar .sidebar-btn,.redeem-box-container .about-redemption-container .top-menu .top-menu-btn,.redeem-box-container .about-redemption-container aside .section-title,.redeem-box-container .about-redemption-container h4,.sidebar .redeem-box-container .about-redemption-container .sidebar-btn,.top-menu .redeem-box-container .about-redemption-container .top-menu-btn,aside .redeem-box-container .about-redemption-container .section-title{color:#ff99f7}.redeem-box-container .about-redemption-container .about-redemption-content{padding:1rem;background-color:#fcfcfc;border-radius:.5rem;height:12rem;overflow-y:scroll}input{box-sizing:border-box;border-radius:4px;border-color:#f9f4f9;border-style:solid;padding:8px;height:56px;width:100%;background-color:#fcfcfc}input:focus{border:1px outset #43b97f;box-shadow:1px 4px 9px #43b97f}input::placeholder{color:#4f70e4}select{box-sizing:border-box;border-radius:4px;border-color:#f9f4f9;border-style:solid;padding:8px;height:56px;width:100%;background-color:#fcfcfc}select:focus{border:1px outset #43b97f;box-shadow:1px 4px 9px #43b97f}input::-webkit-file-upload-button{font-size:16pt;color:#fcfcfc;background-color:#43b97f;border-radius:2rem;border:0;padding:0 1rem;margin-right:1rem;box-shadow:0 3px 5px rgba(79,112,228,.5);cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}input::file-selector-button{font-size:16pt;color:#fcfcfc;background-color:#43b97f;border-radius:2rem;border:0;padding:0 1rem;margin-right:1rem;box-shadow:0 3px 5px rgba(79,112,228,.5);cursor:pointer;transition:.3s ease-in-out}input::-webkit-file-upload-button:hover{transform:translateY(-5px)}input::file-selector-button:hover{transform:translateY(-5px)}.input-check-box{display:inline-flex;align-items:center;margin:1rem 0}.input-check-box .checkbox-checked,.input-check-box .checkbox-default{margin-right:1rem}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .input-check-box .cl-talk,.input-check-box .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.input-check-box aside .section .completed .subtitleTopic,.input-check-box p,aside .section .completed .input-check-box .subtitleTopic{margin:0}input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.bold-number{display:flex;flex-direction:row;align-items:center;padding:.5rem 2.5rem;border-radius:2rem;width:-moz-fit-content;width:fit-content;color:#fcfcfc!important}.bold-number-green{background-color:#43b97f}.bold-number-pink{background-color:#ff99f7}.bold-number-blue{background-color:#4f70e4}.bold-number-orange{background-color:#fa832a}.modal-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;max-width:55rem;height:-moz-fit-content;height:fit-content;max-height:80vh;overflow-y:scroll;padding:2rem 1.5rem;margin:1rem;border-radius:1rem;background-color:#fcfcfc;box-shadow:0 3px 5px rgba(79,112,228,.5)}@media screen and (max-width:430px){.modal-container{margin:1rem}}.modal-container .align-left{align-self:flex-start}.modal-container .align-right{align-self:flex-end}.modal-container .modal-heading-blue{margin-top:0;color:#4f70e4}.modal-container .modal-heading-green{margin-top:0;color:#43b97f}.modal-container .modal-heading-orange{margin-top:0;color:#fa832a}.modal-container .modal-body{text-align:center;margin-bottom:1.5rem}.modal-container .modal-optional-button{display:inline-flex;gap:1rem;align-items:center}.modal-container .icon-close{position:absolute;top:.5rem;right:.5rem;z-index:3}.icon-more{background-image:url(/images/icon-more.svg)}.icon-more,.icon-next{width:2.8rem;height:2.8rem;border-radius:1.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5);cursor:pointer;background-color:#43b97f;background-repeat:no-repeat;background-size:contain;background-position:100% 0}.icon-next{background-image:url(/images/icon-next.svg)}.icon-back{background-color:#43b97f;background-image:url(/images/icon-back.svg)}.icon-back,.icon-close{width:2.8rem;height:2.8rem;border-radius:1.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5);cursor:pointer;background-repeat:no-repeat;background-size:contain;background-position:100% 0}.icon-close{background-color:#fa832a;background-image:url(/images/icon-close.svg)}.icon-add{width:2.8rem;height:2.8rem;border-radius:1.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5);cursor:pointer;background-color:#43b97f;background-image:url(/images/icon-add.svg);background-repeat:no-repeat;background-size:contain;background-position:100% 0}.icon-info{background-position:100% 0}.icon-info,.icon-info-small{width:2.8rem;height:2.8rem;border-radius:1.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5);cursor:pointer;background-color:#4f70e4;background-image:url(/images/icon-info.svg);background-repeat:no-repeat;background-size:contain}.icon-info-small{background-position:100% ntop;width:1.5rem;height:1.5rem}.pop-up-info{position:absolute;min-width:-moz-fit-content;min-width:fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;border-radius:1rem;background-color:#4f70e4;color:#fcfcfc}.mindfriend-card{position:relative;display:flex;flex-direction:row;background-color:#fcfcfc;width:22.375rem;height:12rem;border-radius:1rem;padding:.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5);cursor:pointer}@media screen and (min-width:1350px){.mindfriend-card{width:28rem;margin-bottom:1.5rem}}.mindfriend-card .profile-img-mindfriend-card{width:3rem;height:3rem;border-radius:1.5rem;background-color:#fa832a;margin-top:.5rem}.mindfriend-card .detail-mindfriend-card{display:flex;flex-direction:column;justify-content:center;margin-left:.5rem;width:100%;overflow:hidden}.mindfriend-card .detail-mindfriend-card .bio-mindfriend-card{margin:.5rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.2em}.mindfriend-card .detail-mindfriend-card .detail-mindfriend-card-breakline{border-bottom:1px solid #ff99f7;height:1px;margin:0}.mindfriend-card .detail-mindfriend-card .date-mindfriend-card{font-weight:500;margin:.5rem 0;color:#4f70e4}.mindfriend-card .detail-mindfriend-card .time-btn-container{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;width:-moz-fit-content;width:fit-content}.mindfriend-card .detail-mindfriend-card .time-btn-container ::-webkit-scrollbar{display:none}.mindfriend-card .detail-mindfriend-card .time-btn-container .time-button{margin-right:.5rem;cursor:none}.mindfriend-card .detail-mindfriend-card .time-btn-container .time-button:hover{transition:none;transform:none}.mindfriend-card .detail-mindfriend-card .time-btn-container .time-button:active{background-color:#ff99f7}.username-mindfriend-card{line-height:1.2rem}.mindfriend-detail-modal{position:relative;padding:1.5rem;margin:0 1rem}.mindfriend-detail-modal .mindfriend-profile-container{display:inline-flex;min-width:-webkit-fill-available;gap:1rem}@media screen and (max-width:430px){.mindfriend-detail-modal .mindfriend-profile-container{display:flex;flex-direction:column}.mindfriend-detail-modal .mindfriend-profile-container .profile-img-mindfriend-modal{margin-bottom:1rem}}.mindfriend-detail-modal .mindfriend-profile-container .profile-img-mindfriend-modal{min-width:4rem;max-width:4rem;height:4rem;box-sizing:content-box;border-radius:2rem;background-color:#fa832a;margin-right:1.5rem}.mindfriend-detail-modal .mindfriend-profile-container .mindfriend-profile-text-container{display:flex;flex-direction:column;justify-content:flex-start}.mindfriend-detail-modal .break-line{margin:.5rem 0}@media screen and (max-width:430px){.mindfriend-detail-modal .scrollable-indicator-gradient{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fdfdfd 30%);min-height:5rem;height:5rem}}.mindfriend-detail-modal .mindfrind-modal-remark-container{position:relative;display:inline-flex;align-items:baseline;align-self:flex-end;justify-content:flex-end;position:-webkit-sticky;position:sticky;bottom:0;box-sizing:border-box;width:100%}.mindfriend-detail-modal .mindfrind-modal-remark-container .remark-content{color:#4f70e4;margin-right:1rem}.available-time-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;box-sizing:border-box}.available-time-container .date-mindfriend-modal{color:#4f70e4;margin:0}.available-time-container .time-btn-container{display:inline-flex;flex-wrap:wrap;margin-bottom:.5rem}.available-time-container .time-btn-container .time-button{margin-right:.5rem;margin-bottom:.5rem}.ticket-box-card{display:inline-flex;border-radius:1rem;overflow:hidden;background-color:#f9f4f9;align-items:center;padding:0;height:4rem;box-shadow:0 3px 5px rgba(79,112,228,.5)}.ticket-box-card .icon-container{display:flex;align-items:center;justify-content:center;background-color:#fa832a;min-height:100%;box-sizing:border-box}.ticket-box-card .detail-container{display:inline-flex;align-items:center;padding:0 1rem}@media screen and (max-width:430px){.ticket-box-card .detail-container{padding:1rem}}.about-mindfriend-container .about-mindfriend-content .ticket-box-card .detail-container .about-mindfriend-content-head,.booking-content-container .ticket-box-card .detail-container .shift,.filter-container .ticket-box-card .detail-container .filter-container-head,.sidebar .ticket-box-card .detail-container .sidebar-btn,.ticket-box-card .detail-container .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.ticket-box-card .detail-container .booking-content-container .shift,.ticket-box-card .detail-container .display-triple-cards-heading,.ticket-box-card .detail-container .filter-container .filter-container-head,.ticket-box-card .detail-container .inline-btn,.ticket-box-card .detail-container .sidebar .sidebar-btn,.ticket-box-card .detail-container .top-menu .top-menu-btn,.ticket-box-card .detail-container aside .section-title,.ticket-box-card .detail-container h4,.top-menu .ticket-box-card .detail-container .top-menu-btn,aside .ticket-box-card .detail-container .section-title{margin:0 0 0 .5rem}.ticket-box-card .detail-container .number-of-ticket{color:#fa832a;font-weight:900;margin:0 1rem}.ticket-box-card .detail-container .icon-add{margin-left:1rem}.landing{position:relative;margin-top:2em;box-sizing:border-box}@media screen and (max-width:430px){.landing{margin-top:80px;margin-bottom:24px}}.landing__text{display:flex;flex-direction:column;justify-content:flex-end}.landing__text h1{margin:0 0 16px}.about-mindfriend-container .landing__text .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .landing__text .in-progress-status,.booking-status-card .booking-status-heading .landing__text .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .landing__text .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .landing__text .lable-mindfriend,.landing__text .about-mindfriend-container .about-mindfriend-heading-center,.landing__text .bold,.landing__text .bold-number,.landing__text .booking-status-card .booking-status-heading .in-progress-status,.landing__text .booking-status-card .booking-status-heading .success-status,.landing__text .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.landing__text .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.landing__text .modal-container .modal-heading-blue,.landing__text .modal-container .modal-heading-green,.landing__text .modal-container .modal-heading-orange,.landing__text .ticket-box-card .detail-container .number-of-ticket,.landing__text h2,.modal-container .landing__text .modal-heading-blue,.modal-container .landing__text .modal-heading-green,.modal-container .landing__text .modal-heading-orange,.ticket-box-card .detail-container .landing__text .number-of-ticket{margin:0 0 -8px}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .landing__text .cl-talk,.landing__text .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.landing__text aside .section .completed .subtitleTopic,.landing__text p,aside .section .completed .landing__text .subtitleTopic{margin:16px 0 36px}.landing__text button{width:319.54px;animation:bounce 4s infinite}@media screen and (max-width:800px){.landing__N-Heart{display:none}}.landing__N-Heart img{z-index:-1;max-width:416px;height:auto;position:absolute;top:172px;right:0}.landing__N-Heart .Door{z-index:-2;position:absolute;top:80px;right:96px;width:300px;height:400px;background:#fcfcfc;border-radius:500px 500px 0 0;box-shadow:0 0 100px #eedae9;animation:Wink 6s infinite}.landing .base-Box{z-index:1;height:42px;background-color:#f9f4f9;border-radius:8px}@media screen and (max-width:800px){.landing .base-Box{display:block}}@keyframes Wink{0%{box-shadow:0 0 80px #ffd7f4}50%{box-shadow:-30px -20px 100px #ffe4cb}75%{box-shadow:-60px -20px 100px #ffd8f6}95%{box-shadow:0 0 100px #ffe1f8}to{box-shadow:0 0 80px #ffd7f4}}.grid-container{display:grid;padding:24px;width:90vw;max-width:1400px;grid-gap:16px;gap:16px;align-self:center;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-container .grid-items{background-color:#f9f4f9;min-height:200px;display:flex;justify-content:center;border-radius:8px}.about-mindfriend-container .grid-container .grid-items .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .grid-container .grid-items .in-progress-status,.booking-status-card .booking-status-heading .grid-container .grid-items .success-status,.grid-container .grid-items .about-mindfriend-container .about-mindfriend-heading-center,.grid-container .grid-items .bold,.grid-container .grid-items .bold-number,.grid-container .grid-items .booking-status-card .booking-status-heading .in-progress-status,.grid-container .grid-items .booking-status-card .booking-status-heading .success-status,.grid-container .grid-items .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.grid-container .grid-items .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.grid-container .grid-items .modal-container .modal-heading-blue,.grid-container .grid-items .modal-container .modal-heading-green,.grid-container .grid-items .modal-container .modal-heading-orange,.grid-container .grid-items .ticket-box-card .detail-container .number-of-ticket,.grid-container .grid-items h2,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid-items .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid-items .lable-mindfriend,.modal-container .grid-container .grid-items .modal-heading-blue,.modal-container .grid-container .grid-items .modal-heading-green,.modal-container .grid-container .grid-items .modal-heading-orange,.ticket-box-card .detail-container .grid-container .grid-items .number-of-ticket{opacity:0;transition:.5s ease-out;color:#fcfcfc;align-items:flex-start;font-weight:600}.grid-container .grid-items:hover{background-color:#ff99f7}.about-mindfriend-container .grid-container .grid-items:hover .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .grid-container .grid-items:hover .in-progress-status,.booking-status-card .booking-status-heading .grid-container .grid-items:hover .success-status,.grid-container .grid-items:hover .about-mindfriend-container .about-mindfriend-heading-center,.grid-container .grid-items:hover .bold,.grid-container .grid-items:hover .bold-number,.grid-container .grid-items:hover .booking-status-card .booking-status-heading .in-progress-status,.grid-container .grid-items:hover .booking-status-card .booking-status-heading .success-status,.grid-container .grid-items:hover .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.grid-container .grid-items:hover .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.grid-container .grid-items:hover .modal-container .modal-heading-blue,.grid-container .grid-items:hover .modal-container .modal-heading-green,.grid-container .grid-items:hover .modal-container .modal-heading-orange,.grid-container .grid-items:hover .ticket-box-card .detail-container .number-of-ticket,.grid-container .grid-items:hover h2,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid-items:hover .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid-items:hover .lable-mindfriend,.modal-container .grid-container .grid-items:hover .modal-heading-blue,.modal-container .grid-container .grid-items:hover .modal-heading-green,.modal-container .grid-container .grid-items:hover .modal-heading-orange,.ticket-box-card .detail-container .grid-container .grid-items:hover .number-of-ticket{opacity:1}.grid-container .grid1{grid-column:3;grid-row:1/span 2;background-image:url(/images/Understanding.svg);background-repeat:no-repeat;background-size:contain;background-position:0 100%}.grid-container .grid1:hover{background-color:#fa832a}.grid-container .grid2{grid-column:1/3;grid-row:2;background-image:url(/images/Reflex.svg);background-position:bottom}.grid-container .grid2,.grid-container .grid3{background-repeat:no-repeat;background-size:contain}.grid-container .grid3{background-image:url(/images/Listening.svg);background-position:0 100%}.grid-container .grid3:hover{background-color:#43b97f}.grid-container .grid4{background-image:url(/images/Healing.svg);background-repeat:no-repeat;background-size:contain;background-position:100% 100%}@media screen and (max-width:800px){.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.grid-container .grid-items{background-color:#ff99f7}.about-mindfriend-container .grid-container .grid-items .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .grid-container .grid-items .in-progress-status,.booking-status-card .booking-status-heading .grid-container .grid-items .success-status,.grid-container .grid-items .about-mindfriend-container .about-mindfriend-heading-center,.grid-container .grid-items .bold,.grid-container .grid-items .bold-number,.grid-container .grid-items .booking-status-card .booking-status-heading .in-progress-status,.grid-container .grid-items .booking-status-card .booking-status-heading .success-status,.grid-container .grid-items .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.grid-container .grid-items .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.grid-container .grid-items .modal-container .modal-heading-blue,.grid-container .grid-items .modal-container .modal-heading-green,.grid-container .grid-items .modal-container .modal-heading-orange,.grid-container .grid-items .ticket-box-card .detail-container .number-of-ticket,.grid-container .grid-items h2,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid-items .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid-items .lable-mindfriend,.modal-container .grid-container .grid-items .modal-heading-blue,.modal-container .grid-container .grid-items .modal-heading-green,.modal-container .grid-container .grid-items .modal-heading-orange,.ticket-box-card .detail-container .grid-container .grid-items .number-of-ticket{opacity:1;padding:8px 16px 0}.grid-container .grid1{grid-column:1/span 2;grid-row:2/span 2;background-color:#fa832a}.about-mindfriend-container .grid-container .grid1 .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .grid-container .grid1 .in-progress-status,.booking-status-card .booking-status-heading .grid-container .grid1 .success-status,.grid-container .grid1 .about-mindfriend-container .about-mindfriend-heading-center,.grid-container .grid1 .bold,.grid-container .grid1 .bold-number,.grid-container .grid1 .booking-status-card .booking-status-heading .in-progress-status,.grid-container .grid1 .booking-status-card .booking-status-heading .success-status,.grid-container .grid1 .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.grid-container .grid1 .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.grid-container .grid1 .modal-container .modal-heading-blue,.grid-container .grid1 .modal-container .modal-heading-green,.grid-container .grid1 .modal-container .modal-heading-orange,.grid-container .grid1 .ticket-box-card .detail-container .number-of-ticket,.grid-container .grid1 h2,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid1 .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .grid-container .grid1 .lable-mindfriend,.modal-container .grid-container .grid1 .modal-heading-blue,.modal-container .grid-container .grid1 .modal-heading-green,.modal-container .grid-container .grid1 .modal-heading-orange,.ticket-box-card .detail-container .grid-container .grid1 .number-of-ticket{align-self:center}.grid-container .grid2{grid-column:1/span 2;grid-row:4/span1}.grid-container .grid3{background-color:#43b97f}}.video-section{display:flex;justify-content:center;margin-top:56px}@media screen and (max-width:430px){.video-section{margin-top:16px}}.video-section .vdo{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:24px}.video-section .vdo .frame{position:relative;width:250px;height:350px;background-color:#f9f4f9;box-shadow:5px 10px 20px #4f70e4;border-radius:150px 150px 0 0;margin:0 36px 80px}.video-section .vdo .frame .F1{position:absolute;bottom:0;left:-20%;animation:Ro3 14s linear infinite}.video-section .vdo .frame .F2{position:absolute;top:10%;right:-10%;animation:Ro1 14s linear infinite}.video-section .vdo .frame .F3{position:absolute;bottom:15%;right:-20%;z-index:-1;animation:Ro3 14s linear infinite}.video-section .vdo .frame .F4{position:absolute;top:12%;left:-5%;animation:Ro1 14s linear infinite}.video-section .vdo .frame .F5{position:absolute;top:-10%;right:0;animation:Ro1 14s linear infinite;z-index:-1}.about-mindfriend-container .about-mindfriend-content .video-section .vdo .frame .about-mindfriend-content-head,.booking-content-container .video-section .vdo .frame .shift,.filter-container .video-section .vdo .frame .filter-container-head,.sidebar .video-section .vdo .frame .sidebar-btn,.top-menu .video-section .vdo .frame .top-menu-btn,.video-section .vdo .frame .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.video-section .vdo .frame .booking-content-container .shift,.video-section .vdo .frame .display-triple-cards-heading,.video-section .vdo .frame .filter-container .filter-container-head,.video-section .vdo .frame .inline-btn,.video-section .vdo .frame .sidebar .sidebar-btn,.video-section .vdo .frame .top-menu .top-menu-btn,.video-section .vdo .frame aside .section-title,.video-section .vdo .frame h4,aside .video-section .vdo .frame .section-title{position:absolute;bottom:-80px}.video-section .vdo .Pmoo{background-image:url(/images/p-moo.png);background-repeat:no-repeat;background-size:contain;background-position:0 100%;margin-top:108px}@media screen and (max-width:800px){.video-section .vdo .Pmoo{margin-top:0}}.video-section .vdo .Pgift{background-image:url(/images/p-gift.png);background-repeat:no-repeat;background-size:contain;background-position:100% 100%}.video-section .vdo .play-btn{position:absolute;right:-10%;top:50%;min-width:108px;height:108px;background-color:#ff99f7;box-shadow:5px 5px 10px #4f70e4;border-radius:60px;background-image:url(/images/Play-Icon.svg);background-position:50%;animation:bounce 4s infinite}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(0)}60%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes Ro3{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.columns,.columns .profile{display:flex;justify-content:center}.columns .profile{flex-flow:row wrap;align-items:center}.columns .profile .profile-box{display:flex;flex-direction:column;align-items:center;margin:0 36px}.columns .profile .profile-box img{max-width:280px;height:auto}.columns .profile .profile-box button{align-self:center}@media screen and (max-width:800px){.about-mindfriend-container .columns .profile .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .columns .profile .in-progress-status,.booking-status-card .booking-status-heading .columns .profile .success-status,.columns .profile .about-mindfriend-container .about-mindfriend-heading-center,.columns .profile .bold,.columns .profile .bold-number,.columns .profile .booking-status-card .booking-status-heading .in-progress-status,.columns .profile .booking-status-card .booking-status-heading .success-status,.columns .profile .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.columns .profile .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.columns .profile .modal-container .modal-heading-blue,.columns .profile .modal-container .modal-heading-green,.columns .profile .modal-container .modal-heading-orange,.columns .profile .ticket-box-card .detail-container .number-of-ticket,.columns .profile h2,.landing02-container .display-triple-cards-card-container .display-card-container .columns .profile .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .columns .profile .lable-mindfriend,.modal-container .columns .profile .modal-heading-blue,.modal-container .columns .profile .modal-heading-green,.modal-container .columns .profile .modal-heading-orange,.ticket-box-card .detail-container .columns .profile .number-of-ticket{display:none}}.display-triple-cards-container{display:flex;flex-direction:column;justify-content:flex-start;width:90vw;max-width:1400px;align-self:center;padding:1rem 3rem}.display-triple-cards-container *{box-sizing:border-box}.display-triple-cards-heading{margin:1.5rem 0;color:#4f70e4;display:flex;justify-content:center}.display-triple-cards-card-container{display:flex;flex-direction:row;justify-content:space-around}@media screen and (max-width:1020px){.display-triple-cards-card-container{display:flex;flex-wrap:wrap;justify-content:space-around}.display-triple-cards-card-container .display-card-container{margin:1rem 0 2.5rem}}.display-card-container{display:flex;flex-direction:column;width:20rem;padding:0 1rem}.display-card-container .display-card-title{display:flex;align-items:center;justify-content:center;height:6rem;text-align:center}.display-card-container .arch-card{position:relative;width:18rem;height:23rem;margin-bottom:1.5rem;background-color:#f9f4f9;border-radius:16rem 16rem 0 0}.display-card-container .arch-card .lable{position:absolute;width:16rem;bottom:1.5rem;left:50%;transform:translate(-50%);color:#4f70e4;text-align:center}.display-card-container .card-caption{color:#6f6f6f}.checkbox-checked{position:relative;width:24px;height:24px;flex-shrink:0;border-radius:16px;background-color:#43b97f;border:1px solid #fcfcfc;box-shadow:0 1px 2px #43b97f;animation:scale-bounce-up 80ms ease-out}.checkbox-default{width:24px;height:24px;padding:4;border-radius:16px;background-color:#f9f4f9;border:1px solid #4f70e4}@keyframes scale-bounce-up{0%{transform:scale(0)}90%{transform:scale(1.1)}to{transform:scale(1)}}.overlay{top:0;left:0;background-color:rgba(0,0,0,.5);z-index:5;overflow-y:scroll;overflow-x:hidden}.login-container,.overlay{display:flex;justify-content:center;align-items:center}.login-container{min-height:100vh;flex-direction:column;margin-top:2em}@media screen and (max-width:800px){.login-container{margin-top:0}}@media screen and (max-width:430px){.login-container{margin-top:0;justify-content:flex-start}}.login-container .login-box{display:flex;border-radius:8px;flex-direction:column;justify-content:center;padding:36px;background-color:#f9f4f9;min-width:22.5rem;max-width:50vh;height:50%}@media screen and (max-width:430px){.login-container .login-box{background-color:#fcfcfc}}.login-container .login-box .login-box-heading{display:flex;flex-direction:column;justify-content:flex-start}.about-mindfriend-container .login-container .login-box .login-box-heading .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .login-container .login-box .login-box-heading .in-progress-status,.booking-status-card .booking-status-heading .login-container .login-box .login-box-heading .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .login-container .login-box .login-box-heading .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .login-container .login-box .login-box-heading .lable-mindfriend,.login-container .login-box .login-box-heading .about-mindfriend-container .about-mindfriend-heading-center,.login-container .login-box .login-box-heading .bold,.login-container .login-box .login-box-heading .bold-number,.login-container .login-box .login-box-heading .booking-status-card .booking-status-heading .in-progress-status,.login-container .login-box .login-box-heading .booking-status-card .booking-status-heading .success-status,.login-container .login-box .login-box-heading .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.login-container .login-box .login-box-heading .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.login-container .login-box .login-box-heading .modal-container .modal-heading-blue,.login-container .login-box .login-box-heading .modal-container .modal-heading-green,.login-container .login-box .login-box-heading .modal-container .modal-heading-orange,.login-container .login-box .login-box-heading .ticket-box-card .detail-container .number-of-ticket,.login-container .login-box .login-box-heading h2,.modal-container .login-container .login-box .login-box-heading .modal-heading-blue,.modal-container .login-container .login-box .login-box-heading .modal-heading-green,.modal-container .login-container .login-box .login-box-heading .modal-heading-orange,.ticket-box-card .detail-container .login-container .login-box .login-box-heading .number-of-ticket{line-height:100%}.about-mindfriend-container .about-mindfriend-content .login-container .login-box .login-box-heading .about-mindfriend-content-head,.booking-content-container .login-container .login-box .login-box-heading .shift,.filter-container .login-container .login-box .login-box-heading .filter-container-head,.login-container .login-box .login-box-heading .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.login-container .login-box .login-box-heading .booking-content-container .shift,.login-container .login-box .login-box-heading .display-triple-cards-heading,.login-container .login-box .login-box-heading .filter-container .filter-container-head,.login-container .login-box .login-box-heading .inline-btn,.login-container .login-box .login-box-heading .sidebar .sidebar-btn,.login-container .login-box .login-box-heading .top-menu .top-menu-btn,.login-container .login-box .login-box-heading aside .section-title,.login-container .login-box .login-box-heading h4,.sidebar .login-container .login-box .login-box-heading .sidebar-btn,.top-menu .login-container .login-box .login-box-heading .top-menu-btn,aside .login-container .login-box .login-box-heading .section-title{margin:0}.login-container .login-box form{margin:24px 0 0;flex-direction:column;align-content:center}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .login-container .login-box form .cl-talk,.login-container .login-box form .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.login-container .login-box form aside .section .completed .subtitleTopic,.login-container .login-box form p,aside .section .completed .login-container .login-box form .subtitleTopic{line-height:0px!important;padding:0;margin:16px 0 8px}@media screen and (max-width:430px){.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .login-container .login-box form .cl-talk,.login-container .login-box form .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.login-container .login-box form aside .section .completed .subtitleTopic,.login-container .login-box form p,aside .section .completed .login-container .login-box form .subtitleTopic{font-size:16px;line-height:0px}}.login-container .login-box form input{margin:0 0 16px}.login-container .login-box form .Red-Asterisk{color:#ff4471}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .login-container .login-box footer .cl-talk,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container footer .login-container .login-box .cl-talk,.display-card-container .login-container .login-box .card-caption,.login-container .login-box .caption,.login-container .login-box .decline,.login-container .login-box .display-card-container .card-caption,.login-container .login-box .time-button,.login-container .login-box aside .section .completed footer .subtitleTopic,.login-container .login-box footer .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.login-container .login-box footer aside .section .completed .subtitleTopic,.login-container .login-box footer p,aside .section .completed footer .login-container .login-box .subtitleTopic,footer .login-container .login-box .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,footer .login-container .login-box p,footer aside .section .completed .login-container .login-box .subtitleTopic{color:#ff4471;margin:0 0 24px}.login-container .login-box .Green-Link{color:#43b97f;text-decoration:underline}.login-container .login-box .termAndCon{display:flex;flex-direction:row;align-items:center}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .login-container .login-box .termAndCon .cl-talk,.login-container .login-box .termAndCon .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.login-container .login-box .termAndCon aside .section .completed .subtitleTopic,.login-container .login-box .termAndCon p,aside .section .completed .login-container .login-box .termAndCon .subtitleTopic{margin-left:12px}.login-container .login-box .termAndCon a,.login-container .login-box .termAndCon nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li .login-container .login-box .termAndCon .displayName-nav{color:#4f70e4;text-decoration:underline}.login-container .login-box button{width:100%;box-sizing:border-box}.overlay-login-success{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,44%,.3);z-index:5;display:flex;justify-content:center;align-items:center}.overlay-login-success .login-success-modal{background-color:#f9f4f9;border-radius:.5rem;position:relative;display:flex;flex-direction:column;align-items:center;margin:1rem;padding:2rem 2rem .5rem;max-width:42rem;animation:slide-up-2rem .3s ease-out}.overlay-login-success .login-success-modal .login-success-icon{position:absolute;top:-20%;animation:scale-bounce 4s infinite}.overlay-login-success .login-success-modal .login-success-icon .check{animation:rotate .5s}.overlay-login-success .login-success-modal .login-success-modal-text{text-align:center}.overlay-login-error{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:hsla(0,0%,44%,.3);z-index:5;display:flex;justify-content:center;align-items:center}.overlay-login-error .login-error-modal{background-color:#f9f4f9;border-radius:.5rem;position:relative;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;padding:2rem 2rem .5rem;max-width:42rem}@media screen and (max-width:430px){.overlay-login-error .login-error-modal{padding:4rem 2rem .5rem}}.overlay-login-error .login-error-modal .login-error-icon{position:absolute;top:-20%}@media screen and (max-width:430px){.overlay-login-error .login-error-modal .login-error-icon{top:-10%}}@media screen and (max-width:380px){.overlay-login-error .login-error-modal .login-error-icon{display:none}}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .overlay-login-error .login-error-modal .login-error-modal-text .cl-talk,.overlay-login-error .login-error-modal .login-error-modal-text,.overlay-login-error .login-error-modal .login-error-modal-text .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.overlay-login-error .login-error-modal .login-error-modal-text aside .section .completed .subtitleTopic,.overlay-login-error .login-error-modal .login-error-modal-text p,aside .section .completed .overlay-login-error .login-error-modal .login-error-modal-text .subtitleTopic{text-align:center}.overlay-login-error .login-error-modal .login-error-modal-text .error-message{background-color:#ff4471;border-radius:1rem;color:#fcfcfc;margin:-1rem 1rem}.overlay-login-error .login-error-modal .login-error-modal-text .link-to-contact{text-decoration:underline;color:#43b97f}.LINE-login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:800px){.LINE-login-container{margin-top:0}}@media screen and (max-width:430px){.LINE-login-container{margin-top:0}}.LINE-login-container button{display:flex;align-items:center;background-color:#06c755;border-radius:8px}.LINE-login-container button img{max-width:36px;max-height:36px;margin-right:24px;padding:8px 16px 8px 0;border-right:1px solid #fcfcfc}.LINE-login-container button .LINE-BTN{align-content:center}.course-detail-container{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:800px){.course-detail-container{margin-top:0}}@media screen and (max-width:430px){.course-detail-container{margin-top:0;justify-content:flex-start}}.course-detail-container .course-detail-box{display:flex;flex-direction:column;align-items:flex-start;padding:3em;height:50%;width:100%;box-sizing:border-box}.about-mindfriend-container .course-detail-container .course-detail-box .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .course-detail-container .course-detail-box .in-progress-status,.booking-status-card .booking-status-heading .course-detail-container .course-detail-box .success-status,.course-detail-container .course-detail-box .about-mindfriend-container .about-mindfriend-heading-center,.course-detail-container .course-detail-box .bold,.course-detail-container .course-detail-box .bold-number,.course-detail-container .course-detail-box .booking-status-card .booking-status-heading .in-progress-status,.course-detail-container .course-detail-box .booking-status-card .booking-status-heading .success-status,.course-detail-container .course-detail-box .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.course-detail-container .course-detail-box .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.course-detail-container .course-detail-box .modal-container .modal-heading-blue,.course-detail-container .course-detail-box .modal-container .modal-heading-green,.course-detail-container .course-detail-box .modal-container .modal-heading-orange,.course-detail-container .course-detail-box .ticket-box-card .detail-container .number-of-ticket,.course-detail-container .course-detail-box h2,.landing02-container .display-triple-cards-card-container .display-card-container .course-detail-container .course-detail-box .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .course-detail-container .course-detail-box .lable-mindfriend,.modal-container .course-detail-container .course-detail-box .modal-heading-blue,.modal-container .course-detail-container .course-detail-box .modal-heading-green,.modal-container .course-detail-container .course-detail-box .modal-heading-orange,.ticket-box-card .detail-container .course-detail-container .course-detail-box .number-of-ticket{margin:0;color:#4f70e4}.about-mindfriend-container .about-mindfriend-content .course-detail-container .course-detail-box .about-mindfriend-content-head,.booking-content-container .course-detail-container .course-detail-box .shift,.course-detail-container .course-detail-box .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.course-detail-container .course-detail-box .booking-content-container .shift,.course-detail-container .course-detail-box .display-triple-cards-heading,.course-detail-container .course-detail-box .filter-container .filter-container-head,.course-detail-container .course-detail-box .inline-btn,.course-detail-container .course-detail-box .sidebar .sidebar-btn,.course-detail-container .course-detail-box .top-menu .top-menu-btn,.course-detail-container .course-detail-box aside .section-title,.course-detail-container .course-detail-box h4,.filter-container .course-detail-container .course-detail-box .filter-container-head,.sidebar .course-detail-container .course-detail-box .sidebar-btn,.top-menu .course-detail-container .course-detail-box .top-menu-btn,aside .course-detail-container .course-detail-box .section-title{margin:0}.about-mindfriend-container .about-mindfriend-content .course-detail-container .course-detail-box .about-mindfriend-content-head:first-of-type,.booking-content-container .course-detail-container .course-detail-box .shift:first-of-type,.course-detail-container .course-detail-box .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head:first-of-type,.course-detail-container .course-detail-box .booking-content-container .shift:first-of-type,.course-detail-container .course-detail-box .display-triple-cards-heading:first-of-type,.course-detail-container .course-detail-box .filter-container .filter-container-head:first-of-type,.course-detail-container .course-detail-box .inline-btn:first-of-type,.course-detail-container .course-detail-box .sidebar .sidebar-btn:first-of-type,.course-detail-container .course-detail-box .top-menu .top-menu-btn:first-of-type,.course-detail-container .course-detail-box aside .section-title:first-of-type,.course-detail-container .course-detail-box h4:first-of-type,.filter-container .course-detail-container .course-detail-box .filter-container-head:first-of-type,.sidebar .course-detail-container .course-detail-box .sidebar-btn:first-of-type,.top-menu .course-detail-container .course-detail-box .top-menu-btn:first-of-type,aside .course-detail-container .course-detail-box .section-title:first-of-type{margin:0;color:#ff99f7}.about-mindfriend-container .about-mindfriend-content .course-detail-container .course-detail-box .about-mindfriend-content-head:nth-of-type(2),.booking-content-container .course-detail-container .course-detail-box .shift:nth-of-type(2),.course-detail-container .course-detail-box .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head:nth-of-type(2),.course-detail-container .course-detail-box .booking-content-container .shift:nth-of-type(2),.course-detail-container .course-detail-box .display-triple-cards-heading:nth-of-type(2),.course-detail-container .course-detail-box .filter-container .filter-container-head:nth-of-type(2),.course-detail-container .course-detail-box .inline-btn:nth-of-type(2),.course-detail-container .course-detail-box .sidebar .sidebar-btn:nth-of-type(2),.course-detail-container .course-detail-box .top-menu .top-menu-btn:nth-of-type(2),.course-detail-container .course-detail-box aside .section-title:nth-of-type(2),.course-detail-container .course-detail-box h4:nth-of-type(2),.filter-container .course-detail-container .course-detail-box .filter-container-head:nth-of-type(2),.sidebar .course-detail-container .course-detail-box .sidebar-btn:nth-of-type(2),.top-menu .course-detail-container .course-detail-box .top-menu-btn:nth-of-type(2),aside .course-detail-container .course-detail-box .section-title:nth-of-type(2){margin:0;color:#fa832a}.course-detail-container .course-detail-box a,.course-detail-container .course-detail-box nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li .course-detail-container .course-detail-box .displayName-nav{color:#4f70e4;text-decoration:underline}.course-detail-container .course-detail-box a:hover,.course-detail-container .course-detail-box nav .nav-container .menu ul li .displayName-nav:hover,nav .nav-container .menu ul li .course-detail-container .course-detail-box .displayName-nav:hover{color:#43b97f}.course-detail-container .course-detail-box video{align-self:center;width:100%;max-width:920px;margin:3rem 0}.course-detail-container .course-detail-box ul{margin:0}@media screen and (max-width:430px){.course-detail-container .course-detail-box{padding:.5em}}.course-detail-container .course-detail-box form{margin:24px 0;flex-direction:column;align-content:center}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .course-detail-container .course-detail-box form .cl-talk,.course-detail-container .course-detail-box form .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.course-detail-container .course-detail-box form aside .section .completed .subtitleTopic,.course-detail-container .course-detail-box form p,aside .section .completed .course-detail-container .course-detail-box form .subtitleTopic{line-height:0px!important;padding:0;margin:16px 0 8px}@media screen and (max-width:430px){.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .course-detail-container .course-detail-box form .cl-talk,.course-detail-container .course-detail-box form .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.course-detail-container .course-detail-box form aside .section .completed .subtitleTopic,.course-detail-container .course-detail-box form p,aside .section .completed .course-detail-container .course-detail-box form .subtitleTopic{font-size:16px;line-height:0px}}.course-detail-container .course-detail-box form input{box-sizing:border-box;border-radius:4px;border-color:#f9f4f9;border-style:solid;padding:8px;height:56px;width:100%;margin:0 0 16px;background-color:#fcfcfc}.course-detail-container .course-detail-box form input:focus{border:1px outset #43b97f;box-shadow:1px 4px 9px #43b97f}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .course-detail-container .course-detail-box footer .cl-talk,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container footer .course-detail-container .course-detail-box .cl-talk,.course-detail-container .course-detail-box .caption,.course-detail-container .course-detail-box .decline,.course-detail-container .course-detail-box .display-card-container .card-caption,.course-detail-container .course-detail-box .time-button,.course-detail-container .course-detail-box aside .section .completed footer .subtitleTopic,.course-detail-container .course-detail-box footer .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.course-detail-container .course-detail-box footer aside .section .completed .subtitleTopic,.course-detail-container .course-detail-box footer p,.display-card-container .course-detail-container .course-detail-box .card-caption,aside .section .completed footer .course-detail-container .course-detail-box .subtitleTopic,footer .course-detail-container .course-detail-box .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,footer .course-detail-container .course-detail-box p,footer aside .section .completed .course-detail-container .course-detail-box .subtitleTopic{color:#ff4471;margin:0 0 24px}.course-detail-container .course-detail-box .Green-Link{color:#43b97f;text-decoration:underline}.my-locker-container{min-height:100vh;display:flex;flex-direction:row;margin-top:2em;padding:4rem 1rem;border-radius:.5em;background-color:#f9f4f9}@media screen and (max-width:1120px){.my-locker-container{display:flex;flex-direction:column;padding:1rem;background-color:#fcfcfc}}@media screen and (max-width:800px){.my-locker-container{margin-top:0}}@media screen and (max-width:430px){.my-locker-container{margin-top:0;justify-content:flex-start}}.my-locker-container .sidebar-my-locker{min-width:8em;padding-left:2.25em}@media screen and (max-width:800px){.my-locker-container .sidebar-my-locker{display:none}}.my-locker-container .card-container{width:100%;display:flex;flex-direction:column;align-content:flex-start;align-items:center}@media screen and (max-width:920px){.my-locker-container .card-container{padding:3rem 0}}.my-locker-container .mylocker-inform-card{display:flex;flex-direction:column;align-items:center;text-align:center}.my-locker-container .mylocker-inform-card *{margin:0;padding:.5rem}.my-locker-container .redeem-cover{background-image:url(/images/advance-cover.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.classroom-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;margin-top:2em}@media screen and (max-width:430px){.classroom-container{margin:0;padding:0}}.about-mindfriend-container .classroom-container .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .classroom-container .in-progress-status,.booking-status-card .booking-status-heading .classroom-container .success-status,.classroom-container .about-mindfriend-container .about-mindfriend-heading-center,.classroom-container .bold,.classroom-container .bold-number,.classroom-container .booking-status-card .booking-status-heading .in-progress-status,.classroom-container .booking-status-card .booking-status-heading .success-status,.classroom-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.classroom-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.classroom-container .modal-container .modal-heading-blue,.classroom-container .modal-container .modal-heading-green,.classroom-container .modal-container .modal-heading-orange,.classroom-container .ticket-box-card .detail-container .number-of-ticket,.classroom-container h2,.landing02-container .display-triple-cards-card-container .display-card-container .classroom-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .classroom-container .lable-mindfriend,.modal-container .classroom-container .modal-heading-blue,.modal-container .classroom-container .modal-heading-green,.modal-container .classroom-container .modal-heading-orange,.ticket-box-card .detail-container .classroom-container .number-of-ticket{color:#fa832a}.classroom-container .content-container{flex:1 1;padding:0srem 3rem;border-radius:1em;margin:0 1.5em}.classroom-container .content-container video{width:100%;border-radius:1em}.classroom-container .content-container .next-icon-desktop-btn{display:flex;align-items:center;padding:0 .5rem 0 1.5rem;border-radius:1.5em;box-shadow:2px 4px 7px rgba(79,112,228,.5);margin:1rem 0;float:right}@media screen and (max-width:920px){.classroom-container .content-container{background-color:#fcfcfc}.classroom-container .content-container .next-icon-desktop-btn{display:none}}@media screen and (max-width:430px){.classroom-container .content-container{margin:0;padding:0}}.overlay-gray{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:5;display:flex;justify-content:center;align-items:center}.overlay-gray video{max-width:100vw}.overlay-gray .congratulation-modal{opacity:1;background-color:#f9f4f9;border-radius:.5rem;position:relative;display:flex;flex-direction:column;align-items:center;margin:1rem;padding:3rem 7rem 1rem;max-width:42rem;background-image:url(/images/Congrats05.svg);background-repeat:no-repeat;background-size:contain;background-position:100% 100%;animation:slide-up-2rem .3s ease-out}.overlay-gray .congratulation-modal .congratulation-modal-text{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 1.5rem}@media screen and (max-width:920px){.overlay-gray .congratulation-modal{margin:3rem;background-color:#fcfcfc}}@media screen and (max-width:430px){.overlay-gray .congratulation-modal{margin:1rem;padding:3rem 2rem 1rem;background-image:url(/images/Congrats-mobile.svg);background-repeat:no-repeat;background-size:contain;background-position:0 100%}.overlay-gray .congratulation-modal .none-mobile{display:none}.overlay-gray .congratulation-modal .congratulation-modal-text{margin-bottom:5rem}}.overlay-gray .congratulation-modal .fury{position:absolute;left:-5%;top:-10%;animation:fury-bounce 4s infinite}.overlay-gray .congratulation-modal .flower01{position:absolute;left:4%;top:25%;animation:Ro1 14s linear infinite}.overlay-gray .congratulation-modal .flower03{position:absolute;left:-2%;top:50%;animation:Ro2 3s linear infinite}.overlay-gray .congratulation-modal .flower02{position:absolute;right:10%;top:5%;animation:Ro1 10s linear infinite}.overlay-gray .congratulation-modal .flower04{position:absolute;right:15%;bottom:10%;animation:Ro1 10s linear infinite}@keyframes Ro1{0%{transform:rotate(0deg)}50%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes Ro2{to{transform:rotate(1turn)}}@keyframes fury-bounce{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.agreement-container iframe{width:100%;height:100vh}.connecting-loading{width:486px;height:378px;position:relative}.connecting-loading .connecting-illustration{position:absolute}.connecting-loading .top{z-index:3}.connecting-loading .mid{z-index:2;animation:scale-bounce 2s infinite}.connecting-loading .under{z-index:1}@keyframes scale-bounce{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}.booking-container{display:flex;flex-direction:row;justify-content:space-between;align-self:center;align-items:flex-start;width:90%;max-width:1400px}.booking-container *{box-sizing:border-box}@media screen and (max-width:1120px){.booking-container{display:flex;flex-direction:column}}@media screen and (max-width:800px){.booking-container{width:100%}.about-mindfriend-container .booking-container .about-mindfriend-heading-center,.booking-container .about-mindfriend-container .about-mindfriend-heading-center,.booking-container .bold,.booking-container .bold-number,.booking-container .booking-status-card .booking-status-heading .in-progress-status,.booking-container .booking-status-card .booking-status-heading .success-status,.booking-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.booking-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.booking-container .modal-container .modal-heading-blue,.booking-container .modal-container .modal-heading-green,.booking-container .modal-container .modal-heading-orange,.booking-container .ticket-box-card .detail-container .number-of-ticket,.booking-container h2,.booking-status-card .booking-status-heading .booking-container .in-progress-status,.booking-status-card .booking-status-heading .booking-container .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .booking-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .booking-container .lable-mindfriend,.modal-container .booking-container .modal-heading-blue,.modal-container .booking-container .modal-heading-green,.modal-container .booking-container .modal-heading-orange,.ticket-box-card .detail-container .booking-container .number-of-ticket{text-align:center}}.booking-landing-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;overflow:visible;transform:scaleX(105%) translateX(2.5%)}@media screen and (min-width:1340px){.booking-landing-container{transform:none}}@media screen and (max-width:800px){.booking-landing-container{display:flex;flex-direction:column;align-items:flex-start}}.booking-landing-container .booking-landing-text{min-width:-moz-fit-content;min-width:fit-content;margin-top:1rem}.booking-landing-container .booking-landing-text *{margin:0}.booking-landing-container .booking-landing-text span{font-size:1.5em}.booking-landing-container .booking-landing-process{display:flex;box-sizing:border-box;padding-top:3rem;padding-left:1.5rem;overflow-x:scroll}@media screen and (max-width:800px){.booking-landing-container .booking-landing-process{display:none;padding-left:0;width:100%}}@media screen and (max-width:600px){.booking-landing-container .booking-landing-process{display:flex;padding-left:calc(50% - 5rem)}}.booking-landing-container .booking-landing-process .four-processes-card-container{display:flex;flex-direction:row;animation:process-bounce 10s ease-in-out infinite}@media screen and (min-width:1340px){.booking-landing-container .booking-landing-process .four-processes-card-container{animation:none}}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container{display:flex;flex-direction:column}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-arch{width:10rem;height:8.75rem;background-color:#f9f4f9;border-radius:6rem 6rem .5rem .5rem;margin-right:1rem;position:relative;background-repeat:no-repeat;display:flex;align-items:flex-end}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-arch img{position:absolute;bottom:35px}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-arch .process-caption{width:100%;box-sizing:border-box;color:#dc84cc;line-height:105%;text-align:center;padding:.5rem}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-01{background-image:url(/images/booking-landing-process-01.svg)}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-02{background-image:url(/images/booking-landing-process-02.svg)}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .process-04{margin-right:0}.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .hidden{opacity:0}@media screen and (min-width:1340px){.booking-landing-container .booking-landing-process .four-processes-card-container .process-card-container .hidden{display:none}}@keyframes process-bounce{0%{transform:translateX(0)}75%{transform:translateX(0)}80%{transform:translateX(-1rem)}85%{transform:translateX(0)}95%{transform:translateX(-.5rem)}to{transform:translateX(0)}}.booking-content-container{display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;width:100%;overflow:hidden;padding:0 .2rem 1rem}.booking-content-container .booking-content-heading{margin-top:2rem}.booking-content-container .shift{padding:.5rem 1.5rem;border-radius:2rem;color:#fcfcfc;margin:2rem 0}@media screen and (max-width:800px){.booking-content-container .shift{width:90%;align-self:center}}.booking-content-container .morning{background-color:#ffe255;color:#4f70e4;margin-top:0}.booking-content-container .noon{background-color:#fa832a}.booking-content-container .night{background-color:#4f70e4}.booking-content-container .ticket-box-container{display:flex;flex-direction:row;justify-content:flex-end;padding-bottom:.5rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}@media screen and (max-width:800px){.booking-content-container .ticket-box-container{width:90%;align-self:center;margin-top:1rem}}@media screen and (max-width:600px){.booking-content-container .ticket-box-container{justify-content:center;margin:1rem 0 0}}.filter-container{background-color:#f9f4f9;border-radius:1rem;padding:1.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5)}.filter-container .filter-container-head{color:#4f70e4;margin-bottom:1rem}.filter-container .filter-container-box-btn{display:flex;flex-direction:row}.filter-container .filter-container-box-btn .filter-btn{flex:3 1;margin-right:1rem;padding:.5rem 1rem;border-radius:2rem;color:#fcfcfc;box-sizing:border-box;cursor:pointer;height:4rem}@media screen and (max-width:600px){.filter-container .filter-container-box-btn .filter-btn{height:2rem}}.filter-container .filter-container-box-btn .today{background-color:#ff99f7;background-image:url(/images/filter-btn-fury.svg);background-repeat:no-repeat;background-size:contain;background-position:0 100%}.filter-container .filter-container-box-btn .tomorrow{background-color:#fa832a}.filter-container .filter-container-box-btn .others{margin:0;background-color:#4f70e4;background-image:url(/images/filter-btn-brave.svg);background-repeat:no-repeat;background-size:contain;background-position:100% 100%}.filter-container .filter-container-box-btn .filter-selected{box-shadow:0 2px 11px #ff99f7}@media screen and (max-width:800px){.filter-container{width:90%;align-self:center}}@media screen and (max-width:600px){.filter-container{background-color:#fcfcfc;box-shadow:none}.filter-container .filter-container-head{text-align:center}.filter-container .filter-container-box-btn{display:flex;flex-direction:column;align-content:center;border-bottom:1px solid #43b97f}.filter-container .filter-container-box-btn .filter-btn{margin-bottom:1.5rem;min-width:100%}}.other-days-default-container{margin-top:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}@media screen and (max-width:600px){.other-days-default-container{display:flex;flex-wrap:wrap;background-color:#f9f4f9;padding:1rem;border-radius:1rem}.other-days-default-container .other-date-btn{margin:.5rem .3rem}}.other-days-default-container .other-date-btn{display:flex;flex-direction:column;justify-content:center;cursor:pointer;width:-moz-fit-content;width:fit-content;padding:.5rem 1rem;border-radius:1.5rem;background-color:#f9f4f9;box-shadow:0 3px 5px rgba(79,112,228,.5)}.other-days-default-container .other-date-btn .date{color:#4f70e4;margin:0;line-height:90%}.other-days-default-container .other-date-btn .month{display:inline;color:#4f70e4;text-align:center}.other-days-default-container .other-date-selected{box-shadow:0 2px 5px #ff99f7;box-sizing:border-box}.other-days-default-container .pop-up-info{display:none;position:absolute;opacity:0;bottom:0;right:5%;transition:.1s}.other-days-default-container .pop-up-info.open{display:block;opacity:1;right:5%;bottom:10%;transition:.1s}.mindfriend-card-container{width:100%;display:inline-grid;grid-template-columns:1fr 1fr;row-gap:2rem;justify-items:center;align-self:center}@media screen and (max-width:920px){.mindfriend-card-container{display:flex;flex-direction:row;align-items:center;width:100%;padding:.5rem 2rem;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.mindfriend-card-container ::-webkit-scrollbar{display:none}.mindfriend-card-container>*{margin:0 1rem 0 0}}.booking-status-card{display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;padding:1.5rem;border-radius:1rem;margin:0 .5rem 2rem;background-color:#f9f4f9;box-shadow:0 3px 5px rgba(79,112,228,.5)}.booking-status-card .booking-status-heading{display:inline-flex;align-items:baseline;justify-content:flex-start}@media screen and (max-width:800px){.booking-status-card .booking-status-heading{display:flex;flex-direction:column}.booking-status-card .booking-status-heading description,.booking-status-card .booking-status-heading success-status{margin:0}}.booking-status-card .booking-status-heading .in-progress-status{color:#4f70e4;min-width:-moz-fit-content;min-width:fit-content;margin:0 1rem 0 0}.booking-status-card .booking-status-heading .success-status{color:#43b97f;min-width:-moz-fit-content;min-width:fit-content;margin:0 1rem 0 0}.booking-status-card .booking-status-heading .cancelled-status{color:#fa832a;margin-right:1rem}.booking-status-card .booking-status-mindfriend-profile-container{display:inline-flex;align-items:center;margin:1rem 0}.booking-status-card .booking-status-mindfriend-profile-container .booking-status-profile-img{min-width:3rem;min-height:3rem;max-width:3rem;max-height:3rem;border-radius:2rem;background-color:#fa832a;margin-right:1rem}.booking-status-card .booking-status-mindfriend-profile-container .booking-status-profile-img img{width:100%;height:100%;border-radius:2rem}.booking-status-card .time-btn-container{display:inline-flex;flex-wrap:wrap;margin-bottom:1rem}.booking-status-card .time-btn-container .time-button{margin-right:.5rem;margin-bottom:.5rem;cursor:none}.booking-status-card .time-btn-container .time-button:hover{transition:none;transform:none}.booking-status-card .time-btn-container .time-button:active{background-color:#ff99f7}.booking-status-card .booking-status-remark{color:#4f70e4;text-align:right;align-self:flex-end}@media screen and (max-width:430px){.booking-status-card .booking-status-remark{align-self:center}}.booking-status-card .booking-status-remark button{padding-right:8rem;background-image:url(/images/book-other-bg-heart.svg);background-repeat:no-repeat;background-position:100% 0}@media screen and (max-width:430px){.booking-status-card .booking-status-remark button{background-image:none;padding:.5rem 2rem}}.add-ticket-modal-container{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;margin-top:25rem;padding-bottom:10rem}@media screen and (max-width:430px){.add-ticket-modal-container{margin-top:50%}}.add-ticket-modal-container .icon-close{align-self:flex-end;margin-bottom:1rem}.add-ticket-modal-container .add-ticket-modal{display:flex;width:100%;box-sizing:border-box;margin-bottom:1.5rem}.add-ticket-modal-container .redeem-box-container{margin-bottom:1rem;text-align:center}.add-ticket-modal-container .redeem-box-container .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.add-ticket-modal-container .redeem-box-container aside .section .completed .subtitleTopic,.add-ticket-modal-container .redeem-box-container p,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .add-ticket-modal-container .redeem-box-container .cl-talk,aside .section .completed .add-ticket-modal-container .redeem-box-container .subtitleTopic{text-align:center}.add-ticket-modal-container .redeem-box-container a,.add-ticket-modal-container .redeem-box-container nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li .add-ticket-modal-container .redeem-box-container .displayName-nav{margin:auto}.add-ticket-modal-container .redeem-box-container .LINE-Shopping{background-color:#43b97f;max-width:-moz-fit-content;max-width:fit-content;align-self:center;box-sizing:border-box}.add-ticket-modal-container .redeem-box-container .redeem-cover{padding-left:1rem}.add-ticket-modal-container .redeem-box-container .step-1-cover{background-image:url(/images/redeem-cover-step1.svg);background-color:#fcfcfc;background-repeat:no-repeat;background-size:cover;background-position:100% 100%}.add-ticket-modal-container .redeem-box-container .step-2-cover{background-image:url(/images/redeem-cover-step2.svg);background-color:#4f70e4;background-repeat:no-repeat;background-size:cover;background-position:100%}.coming-soon{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:3rem;padding-bottom:5rem}.coming-soon .process-01-color{background-image:url(/images/booking-landing-process-01-color.svg)}.coming-soon .process-02-color{background-image:url(/images/booking-landing-process-02-color.svg)}.display-card-container .bg-img-window-heart{background-image:url(/images/display-window-heart.svg);background-repeat:no-repeat;background-size:contain;background-position:100% 0}.display-card-container .cloud{position:absolute;top:5%;right:0;height:auto;animation:cloud-bounce 3s ease-out infinite}.display-card-container .Fury{position:absolute}.display-card-container .arm{animation:fury-arm 5s ease-in-out infinite}.display-card-container .mouth{animation:fury-mouth 5s ease-out infinite}@keyframes fury-arm{0%{transform:translateY(0)}30%{transform:translateY(0)}40%{transform:translateY(.2rem)}50%{transform:translateY(0)}60%{transform:translateY(0)}65%{transform:translateY(.2rem)}70%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes fury-mouth{0%{transform:translateY(0)}10%{transform:translateY(0)}15%{transform:translateY(-.2rem)}80%{transform:translateY(-.2rem)}85%{transform:translateY(0)}to{transform:translateY(0)}}.display-card-container .bg-img-window-desktop{background-image:url(/images/display-window-desktop.svg);background-repeat:no-repeat;background-size:contain;background-position:top}.display-card-container .Flower-1{position:absolute;top:50%;left:-5%;width:2.5rem;height:auto;animation:Ro3 20s linear infinite}.display-card-container .Flower-2{position:absolute;top:15%;right:0;width:3rem;height:auto;animation:Ro1 20s linear infinite}.display-card-container .Idee{position:absolute;top:0;animation:Idee-bounce 7s ease-in-out infinite}.display-card-container .text-pink-bold{color:#ff99f7;font-size:larger}@keyframes Idee-bounce{0%{transform:translateY(0)}50%{transform:translateY(-3rem)}to{transform:translateY(0)}}@keyframes cloud-bounce{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.about-mindfriend-container{width:90vw;max-width:1400px;align-self:center;display:flex;flex-direction:column;justify-content:center}.about-mindfriend-container .about-mindfriend-heading-center{margin:1rem 0;display:flex;justify-content:center;color:#ff99f7}.about-mindfriend-container .about-mindfriend-sky{position:relative;box-sizing:border-box;height:10rem;width:100%;background-color:#f9f4f9;border-radius:12.5rem 12.5rem .5rem .5rem;margin:1rem 0 .5rem}.about-mindfriend-container .bg-img-sky{background-image:url(/images/about-mindfriend-sky.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom}.about-mindfriend-container .about-mindfriend-sun{position:absolute;width:2rem;height:2rem;top:10%;right:40%;box-shadow:0 4px 36px #ff49f0;border-radius:1.5rem;background-color:#fa832a;animation:sun-bounce 30s ease-in-out infinite}.about-mindfriend-container .about-mindfriend-content{padding:1rem;margin:.5rem 0;background-color:#f9f4f9;border-radius:.5rem}.about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head{color:#fa832a}.about-mindfriend-container .about-mindfriend-content a,.about-mindfriend-container .about-mindfriend-content nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li .about-mindfriend-container .about-mindfriend-content .displayName-nav{color:#4f70e4;text-decoration:underline}.about-mindfriend-container .about-mindfriend-content a:hover,.about-mindfriend-container .about-mindfriend-content nav .nav-container .menu ul li .displayName-nav:hover,nav .nav-container .menu ul li .about-mindfriend-container .about-mindfriend-content .displayName-nav:hover{color:#43b97f}.about-mindfriend-container .about-mindfriend-btn-center{margin:1.5rem 0;display:flex;justify-content:center}@keyframes sun-bounce{0%{transform:translateY(0)}50%{transform:translateY(-2rem);box-shadow:0 4px 40px #ff232a}to{transform:translateY(0)}}.browse-course-container{display:flex;flex-direction:column;justify-content:center;align-self:center;box-sizing:border-box;width:100%}.browse-course-container .card-course-browse{align-self:center}.landing-01-container{position:relative;display:flex;flex-direction:column;text-align:center;width:100%;height:50vh;background:#ffe1f8;background:linear-gradient(0deg,#ffe1f8,hsla(0,0%,99%,0))}.about-mindfriend-container .about-mindfriend-content .landing-01-container .about-mindfriend-content-head,.booking-content-container .landing-01-container .shift,.filter-container .landing-01-container .filter-container-head,.landing-01-container .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.landing-01-container .booking-content-container .shift,.landing-01-container .display-triple-cards-heading,.landing-01-container .filter-container .filter-container-head,.landing-01-container .inline-btn,.landing-01-container .sidebar .sidebar-btn,.landing-01-container .top-menu .top-menu-btn,.landing-01-container aside .section-title,.landing-01-container h4,.sidebar .landing-01-container .sidebar-btn,.top-menu .landing-01-container .top-menu-btn,aside .landing-01-container .section-title{color:#43b97f}.about-mindfriend-container .landing-01-container .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .landing-01-container .in-progress-status,.booking-status-card .booking-status-heading .landing-01-container .success-status,.landing-01-container .about-mindfriend-container .about-mindfriend-heading-center,.landing-01-container .bold,.landing-01-container .bold-number,.landing-01-container .booking-status-card .booking-status-heading .in-progress-status,.landing-01-container .booking-status-card .booking-status-heading .success-status,.landing-01-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.landing-01-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.landing-01-container .modal-container .modal-heading-blue,.landing-01-container .modal-container .modal-heading-green,.landing-01-container .modal-container .modal-heading-orange,.landing-01-container .ticket-box-card .detail-container .number-of-ticket,.landing-01-container h2,.landing02-container .display-triple-cards-card-container .display-card-container .landing-01-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .landing-01-container .lable-mindfriend,.modal-container .landing-01-container .modal-heading-blue,.modal-container .landing-01-container .modal-heading-green,.modal-container .landing-01-container .modal-heading-orange,.ticket-box-card .detail-container .landing-01-container .number-of-ticket{color:#bababe;margin:0}.landing-01-container .landing01-bg-container{position:relative;background-image:url(/images/Landing-01-bg.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom;width:100%;height:100%;box-sizing:border-box;z-index:1}.landing-01-container .landing01-door{position:absolute;width:6.5rem;height:8.5rem;border-radius:4rem 4rem 0 0;background-color:#fff;bottom:0;left:50%;transform:translate(-50%);animation:door-wink 10s infinite;z-index:0}.landing-01-container .landing-01-sun-container{position:absolute;width:50%;box-sizing:border-box;z-index:0;bottom:5%;right:15%;transform:translate(-50%);animation:sun-rotate 120s linear infinite}.landing-01-container .landing-01-sun-container .landing-01-sun{width:1rem;height:1rem;box-shadow:0 4px 36px #f427e3;border-radius:1.5rem;background-color:#fa832a}@keyframes door-wink{0%{box-shadow:0 0 100px #ffd7f4}30%{box-shadow:0 0 100px #ffe4cb}55%{box-shadow:0 0 100px #ff9f9f}75%{box-shadow:0 0 100px #ff7fe1}to{box-shadow:0 0 100px #ffd7f4}}@keyframes sun-rotate{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.landing02-container{display:flex;flex-direction:column;justify-content:center;text-align:center}.landing02-container *{align-self:center}.landing02-container .pandent-container{position:relative;width:17.5rem;height:17.5rem;align-self:center}.landing02-container .pandent-container .pandent{z-index:1}.landing02-container .pandent-container .pandent-light{position:absolute;background-color:hsla(0,0%,100%,0);top:50%;left:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;border-radius:2.5rem;animation:pandent-wink 15s infinite;z-index:-1}.landing02-container .heart-fury-container{display:flex;flex-direction:row;justify-content:center;margin:0 0 1rem}@media screen and (max-width:800px){.landing02-container .heart-fury-container{flex-direction:column;justify-content:center}}.landing02-container .heart-fury-container .content{display:flex;flex-direction:row;justify-content:center}@media screen and (max-width:430px){.landing02-container .heart-fury-container .content{flex-direction:column;justify-content:center}}.landing02-container .heart-fury-container .left{text-align:right;justify-content:flex-end}@media screen and (max-width:430px){.landing02-container .heart-fury-container .left{margin:1rem 0;text-align:center}}.landing02-container .heart-fury-container .right{text-align:left;align-content:flex-start;padding:0 0 0 1rem}@media screen and (max-width:430px){.landing02-container .heart-fury-container .right{text-align:center}}.landing02-container .heart-fury-container .fury{flex-direction:row-reverse}@media screen and (max-width:430px){.landing02-container .heart-fury-container .fury{flex-direction:column;justify-content:center;margin:2rem 0 0}}.landing02-container .display-triple-cards-card-container{margin-top:1rem;position:relative;justify-content:space-around;align-self:center;width:80vw;max-width:65rem}.landing02-container .display-triple-cards-card-container .display-card-container{justify-content:center;align-items:center;padding:0;position:relative}.landing02-container .display-triple-cards-card-container .display-card-container .bg-heart{background-image:url(/images/landing02-archcard-heart.svg);background-repeat:no-repeat;background-size:contain;background-position:top}.landing02-container .display-triple-cards-card-container .display-card-container .bg-idee{background-image:url(/images/landing02-archcard-idee.svg);background-repeat:no-repeat;background-size:contain;background-position:top}.landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend{line-height:0%;color:#fa832a}.landing02-container .display-triple-cards-card-container .display-card-container .lable-customer{line-height:0%;color:#4f70e4}.landing02-container .display-triple-cards-card-container .display-card-container .card-caption{width:18rem;text-align:center}.landing02-container .display-triple-cards-card-container .display-card-container .callline-mobile{height:0}@media screen and (max-width:800px){.landing02-container .display-triple-cards-card-container .display-card-container .callline-mobile{position:absolute;height:3px;width:70vw;background-color:#fa832a}}.landing02-container .display-triple-cards-card-container .display-card-container .line-right{top:32%;right:-80%;z-index:-1}@media screen and (max-width:430px){.landing02-container .display-triple-cards-card-container .display-card-container .line-right{top:32.5%}}.landing02-container .display-triple-cards-card-container .display-card-container .line-left{top:32%;left:-80%;z-index:-1}@media screen and (max-width:430px){.landing02-container .display-triple-cards-card-container .display-card-container .line-left{top:32.5%}}.landing02-container .display-triple-cards-card-container .call-line{position:absolute;width:50%;height:2rem;top:32%;z-index:-1}@media screen and (max-width:1020px){.landing02-container .display-triple-cards-card-container .call-line{top:31.6%}}@media screen and (max-width:800px){.landing02-container .display-triple-cards-card-container .call-line{display:none}}.landing02-container .display-triple-cards-card-container .call-line .line{height:3px;background-color:#fa832a}.landing02-container .display-triple-cards-card-container .miniheart{position:absolute;width:50vw;box-sizing:border-box;z-index:1;top:29%;left:50%;transform:translate(-50%)}@media screen and (max-width:800px){.landing02-container .display-triple-cards-card-container .miniheart{display:none}}.landing02-container .display-triple-cards-card-container .miniheart .miniheart-img{box-sizing:border-box;animation:miniheart 5s ease-in-out infinite}.landing02-container .free-ticket-container{margin-top:3rem;position:relative}.landing02-container .free-ticket-container button{animation:bounce 4s infinite}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .landing02-container .free-ticket-container .cl-talk,.landing02-container .free-ticket-container .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.landing02-container .free-ticket-container aside .section .completed .subtitleTopic,.landing02-container .free-ticket-container p,aside .section .completed .landing02-container .free-ticket-container .subtitleTopic{line-height:0%;text-align:center}.landing02-container .free-ticket-container .landing02-ticket{margin-top:1rem}.landing02-container .free-ticket-container .F1{position:absolute;top:0;right:-10%;z-index:-1;animation:Ro1 15s infinite}.landing02-container .free-ticket-container .F2{position:absolute;top:0;left:-12%;z-index:-1;animation:Ro1 15s infinite}@keyframes pandent-wink{0%{box-shadow:0 0 80px #fff700}30%{box-shadow:0 0 100px #ff87f3}55%{box-shadow:0 0 100px #ffe15a}75%{box-shadow:0 0 100px #ff8019}to{box-shadow:0 0 80px #fff700}}@keyframes miniheart{0%{transform:translateX(-250%)}50%{transform:translateX(250%)}to{transform:translateX(-250%)}}.landing-academy{display:flex;flex-direction:column;justify-content:flex-end;position:relative}.landing-academy .logo{width:15rem;height:auto}.landing-academy .mini-line{height:1rem;width:20%;border-radius:1rem;background-color:#f9f4f9;margin:1.5rem 0}.landing-academy h1{margin:1rem 0}.about-mindfriend-container .landing-academy .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .landing-academy .in-progress-status,.booking-status-card .booking-status-heading .landing-academy .success-status,.landing-academy .about-mindfriend-container .about-mindfriend-heading-center,.landing-academy .bold,.landing-academy .bold-number,.landing-academy .booking-status-card .booking-status-heading .in-progress-status,.landing-academy .booking-status-card .booking-status-heading .success-status,.landing-academy .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.landing-academy .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.landing-academy .modal-container .modal-heading-blue,.landing-academy .modal-container .modal-heading-green,.landing-academy .modal-container .modal-heading-orange,.landing-academy .ticket-box-card .detail-container .number-of-ticket,.landing-academy h2,.landing02-container .display-triple-cards-card-container .display-card-container .landing-academy .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .landing-academy .lable-mindfriend,.modal-container .landing-academy .modal-heading-blue,.modal-container .landing-academy .modal-heading-green,.modal-container .landing-academy .modal-heading-orange,.ticket-box-card .detail-container .landing-academy .number-of-ticket{margin:.5rem 0}.landing-academy .landing-academy-illus-container{position:absolute;bottom:0;right:0;z-index:-1;margin-bottom:1rem;width:50%}@media screen and (max-width:800px){.landing-academy .landing-academy-illus-container{display:none}}.landing-academy .landing-academy-illus-container .idee{position:absolute;bottom:6rem;right:20%;width:10rem;animation:idee-bounce 7s ease-in-out infinite}.landing-academy .landing-academy-illus-container .mini-heart{position:absolute;bottom:10rem;left:30%}.landing-academy .landing-academy-illus-container .desk{position:absolute;right:0;bottom:3.5rem;width:100%;height:auto}.landing-academy .landing-academy-illus-container .pink-desk{position:absolute;border-radius:8.6009px 8.6009px 24px 24px;background-color:#dc84cc;width:100%;height:3.5rem;bottom:0;right:0}.landing-academy .landing-academy-illus-container .door{position:absolute;bottom:40%;right:10%;z-index:-2;width:16rem;height:22rem;background:#fcfcfc;border-radius:500px 500px 0 0;animation:door-wink-2 6s ease-in-out infinite}@keyframes door-wink-2{0%{box-shadow:0 -20px 50px #ffd7f4}30%{box-shadow:0 -20px 50px #ffe4cb}55%{box-shadow:0 -20px 50px #ffd0d0}75%{box-shadow:0 -20px 50px #ffc9f2}to{box-shadow:0 -20px 50px #ffd7f4}}@keyframes idee-bounce{0%{transform:translateY(0)}50%{transform:translateY(10%)}to{transform:translateY(0)}}.QR{margin-right:.5rem}.OA-link,.QR{animation:bounce 4s infinite}.OA-link{color:#24c820;font-weight:900;text-decoration:underline}.OA-link :hover{color:#4f70e4}.academy-container{min-height:33.5rem}@media screen and (max-width:800px){.academy-container{max-height:-moz-fit-content;max-height:fit-content;min-height:-moz-fit-content;min-height:fit-content}}.academy-container .base-Box-academy{position:absolute;width:100%;height:3rem;border-radius:1rem;background-color:#f9f4f9;bottom:0}@media screen and (max-width:800px){.academy-container .base-Box-academy{display:none}}.courses-journey-container{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.about-mindfriend-container .courses-journey-container .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .courses-journey-container .in-progress-status,.booking-status-card .booking-status-heading .courses-journey-container .success-status,.courses-journey-container .about-mindfriend-container .about-mindfriend-heading-center,.courses-journey-container .bold,.courses-journey-container .bold-number,.courses-journey-container .booking-status-card .booking-status-heading .in-progress-status,.courses-journey-container .booking-status-card .booking-status-heading .success-status,.courses-journey-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.courses-journey-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.courses-journey-container .modal-container .modal-heading-blue,.courses-journey-container .modal-container .modal-heading-green,.courses-journey-container .modal-container .modal-heading-orange,.courses-journey-container .ticket-box-card .detail-container .number-of-ticket,.courses-journey-container h2,.landing02-container .display-triple-cards-card-container .display-card-container .courses-journey-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .courses-journey-container .lable-mindfriend,.modal-container .courses-journey-container .modal-heading-blue,.modal-container .courses-journey-container .modal-heading-green,.modal-container .courses-journey-container .modal-heading-orange,.ticket-box-card .detail-container .courses-journey-container .number-of-ticket{text-align:center;margin-top:2rem}.courses-journey-container .journey-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex:1 1;gap:2rem}@media screen and (max-width:430px){.courses-journey-container .journey-container{display:flex;flex-direction:column;justify-content:center;align-self:center}}.courses-journey-container .journey-container .journey-content{max-width:40%;margin:1rem 0}@media screen and (max-width:430px){.courses-journey-container .journey-container .journey-content{min-width:100%}}.courses-journey-container .beginner{flex-direction:row-reverse}.courses-journey-container .beginner .journey-content{text-align:left}@media screen and (max-width:430px){.courses-journey-container .beginner{display:flex;flex-direction:column;justify-content:center}}.courses-journey-container .advance .journey-content{text-align:right}@media screen and (max-width:430px){.courses-journey-container .advance .journey-content{text-align:left}}.onbroad-MF-landing-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.onbroad-MF-landing-container *{text-align:center}.about-mindfriend-container .onbroad-MF-landing-container .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .onbroad-MF-landing-container .in-progress-status,.booking-status-card .booking-status-heading .onbroad-MF-landing-container .success-status,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .onbroad-MF-landing-container .cl-talk,.landing02-container .display-triple-cards-card-container .display-card-container .onbroad-MF-landing-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .onbroad-MF-landing-container .lable-mindfriend,.modal-container .onbroad-MF-landing-container .modal-heading-blue,.modal-container .onbroad-MF-landing-container .modal-heading-green,.modal-container .onbroad-MF-landing-container .modal-heading-orange,.onbroad-MF-landing-container .about-mindfriend-container .about-mindfriend-heading-center,.onbroad-MF-landing-container .bold,.onbroad-MF-landing-container .bold-number,.onbroad-MF-landing-container .booking-status-card .booking-status-heading .in-progress-status,.onbroad-MF-landing-container .booking-status-card .booking-status-heading .success-status,.onbroad-MF-landing-container .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.onbroad-MF-landing-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.onbroad-MF-landing-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.onbroad-MF-landing-container .modal-container .modal-heading-blue,.onbroad-MF-landing-container .modal-container .modal-heading-green,.onbroad-MF-landing-container .modal-container .modal-heading-orange,.onbroad-MF-landing-container .ticket-box-card .detail-container .number-of-ticket,.onbroad-MF-landing-container aside .section .completed .subtitleTopic,.onbroad-MF-landing-container h2,.onbroad-MF-landing-container p,.ticket-box-card .detail-container .onbroad-MF-landing-container .number-of-ticket,aside .section .completed .onbroad-MF-landing-container .subtitleTopic{margin:0}.onbroad-MF-landing-container .about-mindfriend-sky{border-radius:5rem}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container{margin-bottom:2rem;position:relative}.about-mindfriend-container .about-mindfriend-content .onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .about-mindfriend-content-head,.booking-content-container .onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .shift,.filter-container .onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .filter-container-head,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .booking-content-container .shift,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .display-triple-cards-heading,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .filter-container .filter-container-head,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .inline-btn,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .sidebar .sidebar-btn,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .top-menu .top-menu-btn,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container aside .section-title,.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container h4,.sidebar .onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .sidebar-btn,.top-menu .onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .top-menu-btn,aside .onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .section-title{text-align:center}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .arch-card{width:18rem;height:18rem}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .wifi{position:absolute;top:5%;right:0}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .W01{animation:wifi 4s infinite}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .W02{animation:wifi 4s infinite;animation-delay:.2s}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .W03{animation:wifi 4s infinite;animation-delay:.4s}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .clock{position:absolute;top:7.5%;left:47.5%;transform:translate(-50%);animation:clock 10s linear infinite}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .clock2{position:absolute;top:7.5%;left:47.8%;transform:translate(-50%);animation:clock2 100s linear infinite}.onbroad-MF-landing-container .onbroad-MF-landing .display-card-container .coin{position:absolute;top:-8%;right:0;animation:coin-bounce 8s infinite}.onbroad-MF-landing-container .onbroad-MF-working-process-container{margin:1rem 0;display:flex;flex-direction:column;align-content:flex-start}.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:-moz-fit-content;width:fit-content;padding:1.5rem;margin:.5rem 0;background-color:#f9f4f9;border-radius:1rem}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .cl-talk,.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content aside .section .completed .subtitleTopic,.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content p,aside .section .completed .onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .subtitleTopic{text-align:left;margin-left:1.5rem}.dashboard-date-month .onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .month,.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .dashboard-date-month .month,.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .other-days-default-container .other-date-btn .month,.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .pop-up-info,.onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content caption,.other-days-default-container .other-date-btn .onbroad-MF-landing-container .onbroad-MF-working-process-container .onbroad-MF-working-process-content .month{display:flex;text-align:left}.onbroad-MF-landing-container .onbroad-MF-required-doc-container{display:flex;flex-direction:column;justify-content:center}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container{display:grid;grid-template-columns:auto auto auto;justify-content:center;justify-items:center;padding:1rem 0;width:100%;grid-column-gap:1rem;column-gap:1rem}@media screen and (max-width:800px){.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container{display:flex;flex-direction:column;align-items:center}}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container{align-items:flex-start;width:-moz-fit-content;width:fit-content}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bold-number{margin-top:1rem}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title{width:16rem;height:4.5rem;align-items:center;justify-content:flex-start}.about-mindfriend-container .about-mindfriend-content .onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .about-mindfriend-content-head,.booking-content-container .onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .shift,.filter-container .onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .filter-container-head,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .booking-content-container .shift,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .display-triple-cards-heading,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .filter-container .filter-container-head,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .inline-btn,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .sidebar .sidebar-btn,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .top-menu .top-menu-btn,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title aside .section-title,.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title h4,.sidebar .onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .sidebar-btn,.top-menu .onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .top-menu-btn,aside .onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .section-title{color:#6f6f6f;text-align:left}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .doc-card{width:16rem;height:20rem;background-color:#fcfcfc;border-radius:1rem;box-shadow:0 3px 5px rgba(79,112,228,.5);margin-bottom:1rem;transition:.3s ease-in-out}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .doc-card:hover{background-color:#fff;transform:scale(1.5)}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .card-caption{width:16rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;text-align:left}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .card-caption span{text-align:left}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .card-caption button{margin-top:.5rem;justify-self:center}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-idcard{background-image:url(/images/onbroad-MG-required-doc-IDcard.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-house{background-image:url(/images/onbroad-MG-required-doc-house.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-bank{background-image:url(/images/onbroad-MG-required-doc-bank.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-contract{background-image:url(/images/onbroad-MG-required-doc-contract.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container button{width:-moz-fit-content;width:fit-content;margin:1.5rem 0}@keyframes clock{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes clock2{0%{transform:rotate(0)}9%{transform:rotate(0)}10%{transform:rotate(36deg)}19%{transform:rotate(36deg)}20%{transform:rotate(72deg)}29%{transform:rotate(72deg)}30%{transform:rotate(108deg)}39%{transform:rotate(108deg)}40%{transform:rotate(146deg)}49%{transform:rotate(146deg)}50%{transform:rotate(180deg)}59%{transform:rotate(180deg)}60%{transform:rotate(216deg)}69%{transform:rotate(216deg)}70%{transform:rotate(252deg)}79%{transform:rotate(252deg)}80%{transform:rotate(288deg)}89%{transform:rotate(288deg)}90%{transform:rotate(324deg)}99%{transform:rotate(324deg)}to{transform:rotate(1turn)}}@keyframes coin-bounce{0%{transform:translateY(0)}50%{transform:translateY(25%)}to{transform:translateY(0)}}.onbroad-MF-thanks-sky{position:relative;width:50rem;height:12.5rem;margin-top:2rem;overflow:hidden}.onbroad-MF-thanks-sky .cloud1,.onbroad-MF-thanks-sky .cloud2{position:absolute;top:30%;left:-100%;animation:cloud1 12s linear infinite}.onbroad-MF-thanks-sky .cloud2{animation-delay:6s}.onbroad-MF-thanks-sky .plane{position:absolute;top:20%;left:40%;transform:translate(-50);animation:coin-bounce 3s infinite}@keyframes cloud1{0%{transform:translateX(0)}to{transform:translateX(200%)}}.onbroad-MF-landing-container-in-classroom{flex-direction:column;justify-content:center;align-items:center;max-width:1032px}.onbroad-MF-landing-container-in-classroom *{text-align:center}.about-mindfriend-container .onbroad-MF-landing-container-in-classroom .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .onbroad-MF-landing-container-in-classroom .in-progress-status,.booking-status-card .booking-status-heading .onbroad-MF-landing-container-in-classroom .success-status,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .onbroad-MF-landing-container-in-classroom .cl-talk,.landing02-container .display-triple-cards-card-container .display-card-container .onbroad-MF-landing-container-in-classroom .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .onbroad-MF-landing-container-in-classroom .lable-mindfriend,.modal-container .onbroad-MF-landing-container-in-classroom .modal-heading-blue,.modal-container .onbroad-MF-landing-container-in-classroom .modal-heading-green,.modal-container .onbroad-MF-landing-container-in-classroom .modal-heading-orange,.onbroad-MF-landing-container-in-classroom .about-mindfriend-container .about-mindfriend-heading-center,.onbroad-MF-landing-container-in-classroom .bold,.onbroad-MF-landing-container-in-classroom .bold-number,.onbroad-MF-landing-container-in-classroom .booking-status-card .booking-status-heading .in-progress-status,.onbroad-MF-landing-container-in-classroom .booking-status-card .booking-status-heading .success-status,.onbroad-MF-landing-container-in-classroom .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.onbroad-MF-landing-container-in-classroom .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.onbroad-MF-landing-container-in-classroom .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.onbroad-MF-landing-container-in-classroom .modal-container .modal-heading-blue,.onbroad-MF-landing-container-in-classroom .modal-container .modal-heading-green,.onbroad-MF-landing-container-in-classroom .modal-container .modal-heading-orange,.onbroad-MF-landing-container-in-classroom .ticket-box-card .detail-container .number-of-ticket,.onbroad-MF-landing-container-in-classroom aside .section .completed .subtitleTopic,.onbroad-MF-landing-container-in-classroom h2,.onbroad-MF-landing-container-in-classroom p,.ticket-box-card .detail-container .onbroad-MF-landing-container-in-classroom .number-of-ticket,aside .section .completed .onbroad-MF-landing-container-in-classroom .subtitleTopic{margin:0}.onbroad-MF-landing-container-in-classroom .about-mindfriend-container{width:100%;box-sizing:border-box;padding:0 1rem}.onbroad-MF-landing-container-in-classroom .about-mindfriend-container .about-mindfriend-sky{border-radius:5rem}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing{width:100%;max-width:100%;padding:0}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container{box-sizing:border-box;width:100%;max-width:1032px;padding:0}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container{margin-bottom:2rem;position:relative;width:-moz-fit-content;width:fit-content;align-self:auto}.about-mindfriend-container .about-mindfriend-content .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .about-mindfriend-content-head,.booking-content-container .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .shift,.filter-container .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .filter-container-head,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .booking-content-container .shift,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .display-triple-cards-heading,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .filter-container .filter-container-head,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .inline-btn,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .sidebar .sidebar-btn,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .top-menu .top-menu-btn,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container aside .section-title,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container h4,.sidebar .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .sidebar-btn,.top-menu .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .top-menu-btn,aside .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .section-title{text-align:center}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .arch-card{width:18rem;height:18rem;align-self:center}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .card-caption{width:18rem}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .wifi{position:absolute;top:5%;right:0}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .W01{animation:wifi 4s infinite}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .W02{animation:wifi 4s infinite;animation-delay:.2s}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .W03{animation:wifi 4s infinite;animation-delay:.4s}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .clock{position:absolute;top:7.5%;left:47.5%;transform:translate(-50%);animation:clock 10s linear infinite}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .clock2{position:absolute;top:7.5%;left:47.8%;transform:translate(-50%);animation:clock2 100s linear infinite}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .display-triple-cards-card-container .display-card-container .coin{position:absolute;top:-8%;right:0;animation:coin-bounce 8s infinite}.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center{display:flex}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center footer .cl-talk,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container footer .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .cl-talk,.display-card-container .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .card-caption,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .caption,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .decline,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .display-card-container .card-caption,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .time-button,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center aside .section .completed footer .subtitleTopic,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center footer .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center footer aside .section .completed .subtitleTopic,.onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center footer p,aside .section .completed footer .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .subtitleTopic,footer .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,footer .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center p,footer aside .section .completed .onbroad-MF-landing-container-in-classroom .onbroad-MF-landing .on-center .subtitleTopic{display:block}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container{display:flex;flex-direction:column;justify-content:center}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container{display:grid;grid-template-columns:auto auto auto;justify-content:center;justify-items:center;padding:1rem 0;width:100%;grid-column-gap:1rem;column-gap:1rem}@media screen and (max-width:800px){.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container{display:flex;flex-direction:column;align-items:center}}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container{align-items:flex-start;width:-moz-fit-content;width:fit-content}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bold-number{margin-top:1rem;color:#fcfcfc}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title{width:12rem;height:4.5rem;align-items:center;justify-content:flex-start}.about-mindfriend-container .about-mindfriend-content .onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .about-mindfriend-content-head,.booking-content-container .onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .shift,.filter-container .onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .filter-container-head,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .booking-content-container .shift,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .display-triple-cards-heading,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .filter-container .filter-container-head,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .inline-btn,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .sidebar .sidebar-btn,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .top-menu .top-menu-btn,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title aside .section-title,.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title h4,.sidebar .onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .sidebar-btn,.top-menu .onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .top-menu-btn,aside .onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .display-card-title .section-title{color:#6f6f6f;text-align:left}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .doc-card{width:16rem;height:20rem;background-color:#fcfcfc;border-radius:1rem;box-shadow:0 3px 5px rgba(79,112,228,.5);margin-bottom:1rem;transition:.3s ease-in-out}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .doc-card:hover{background-color:#fff;transform:scale(1.5)}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .card-caption{width:16rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;text-align:left}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .card-caption span{text-align:left}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .card-caption button{margin-top:.5rem;justify-self:center}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-idcard{background-image:url(/images/onbroad-MG-required-doc-IDcard.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-house{background-image:url(/images/onbroad-MG-required-doc-house.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-bank{background-image:url(/images/onbroad-MG-required-doc-bank.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container-in-classroom .onbroad-MF-required-doc-container .onbroad-MF-required-doc-grid-container .display-card-container .bg-contract{background-image:url(/images/onbroad-MG-required-doc-contract.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.onbroad-MF-landing-container-in-classroom button{width:-moz-fit-content;width:fit-content;margin:1.5rem 0}.onbroad-MF-register-container{display:flex;flex-direction:column;align-items:center;padding:2rem 0}.onbroad-MF-register-container .icon-back{background-color:#bababe;align-self:flex-start}.onbroad-MF-progress-bar-container{position:relative;display:flex;flex-direction:column;justify-content:center;max-width:38rem;box-sizing:border-box;margin-bottom:2rem}.about-mindfriend-container .about-mindfriend-content .onbroad-MF-progress-bar-container .about-mindfriend-content-head,.booking-content-container .onbroad-MF-progress-bar-container .shift,.filter-container .onbroad-MF-progress-bar-container .filter-container-head,.onbroad-MF-progress-bar-container .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.onbroad-MF-progress-bar-container .booking-content-container .shift,.onbroad-MF-progress-bar-container .display-triple-cards-heading,.onbroad-MF-progress-bar-container .filter-container .filter-container-head,.onbroad-MF-progress-bar-container .inline-btn,.onbroad-MF-progress-bar-container .sidebar .sidebar-btn,.onbroad-MF-progress-bar-container .top-menu .top-menu-btn,.onbroad-MF-progress-bar-container aside .section-title,.onbroad-MF-progress-bar-container h4,.sidebar .onbroad-MF-progress-bar-container .sidebar-btn,.top-menu .onbroad-MF-progress-bar-container .top-menu-btn,aside .onbroad-MF-progress-bar-container .section-title{color:#43b97f;width:100%;text-align:center}@media screen and (max-width:430px){.onbroad-MF-progress-bar-container{width:100%;box-sizing:border-box;justify-content:center}}.onbroad-MF-progress-bar-container .progress-bar-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media screen and (max-width:430px){.onbroad-MF-progress-bar-container .progress-bar-container{justify-content:center;width:21rem;box-sizing:border-box}}.onbroad-MF-progress-bar-container .progress-bar-container .steps-container{display:flex;align-content:center;align-items:center;min-width:6.75rem;min-height:6.75rem;border-radius:4rem;margin:0 2rem;background-color:#f9f4f9}@media screen and (max-width:430px){.onbroad-MF-progress-bar-container .progress-bar-container .steps-container{margin:0 .5rem}}.onbroad-MF-progress-bar-container .progress-bar-container .steps-container .step-green-mark{background-color:#43b97f;width:6.75rem;height:6.75rem;box-sizing:border-box;border-radius:100%}.onbroad-MF-progress-bar-container .progress-bar-container .steps-container .current-step{animation:greenmark-scale-up .5s ease-out 1s}.onbroad-MF-progress-bar-container .progress-bar-container .steps-container img{position:absolute;width:6rem;height:6rem;z-index:2}.onbroad-MF-progress-bar-container .bar-container{position:absolute;box-sizing:border-box;z-index:-1;bottom:8%;left:8%;transform:translate(-50);height:4.5rem;width:85%;background-color:#f9f4f9;border-radius:2.5rem;overflow:hidden}.onbroad-MF-progress-bar-container .bar-container .green-progress{box-sizing:border-box;height:100%;background-color:#43b97f;border-radius:3rem}.onbroad-MF-progress-bar-container .bar-container .step-1-33{width:33%}@media screen and (max-width:430px){.onbroad-MF-progress-bar-container .bar-container .step-1-33{width:30%}}.onbroad-MF-progress-bar-container .bar-container .step-2-66{width:70%}@media screen and (max-width:430px){.onbroad-MF-progress-bar-container .bar-container .step-2-66{width:73%}}.onbroad-MF-progress-bar-container .bar-container .step-3-100{width:100%}@media screen and (max-width:430px){.onbroad-MF-progress-bar-container .bar-container .step-3-100{width:100%}}@keyframes greenmark-scale-up{0%{transform:scale(0)}to{transform:scale(1)}}.MF-register-from-container{display:flex;flex-direction:column;justify-content:center;align-self:center;width:27rem;height:auto;gap:1.5rem}@media screen and (max-width:920px){.MF-register-from-container{align-content:center}}@media screen and (max-width:430px){.MF-register-from-container{max-width:100%;padding:.5rem}}.MF-register-from-container a,.MF-register-from-container nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li .MF-register-from-container .displayName-nav{color:#4f70e4;text-decoration:underline;cursor:pointer}.MF-register-from-container a:hover,.MF-register-from-container nav .nav-container .menu ul li .displayName-nav:hover,nav .nav-container .menu ul li .MF-register-from-container .displayName-nav:hover{color:#43b97f}.MF-register-from-container .MF-register-from-box-card{display:flex;flex-direction:column;justify-content:center;border-radius:1rem;overflow:hidden;margin:1rem 0;background-color:#f9f4f9;box-shadow:0 3px 5px rgba(79,112,228,.5)}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-card-cover{height:7.5rem}@media screen and (max-width:430px){.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-card-cover{height:7.5rem}}.MF-register-from-container .MF-register-from-box-card .cover-bio{background-image:url(/images/Register-MF-Form-cover-bio.svg);background-repeat:no-repeat;background-size:cover;background-position:100% 0;background-color:#fa832a}.MF-register-from-container .MF-register-from-box-card .cover-adress{background-image:url(/images/Register-MF-Form-cover-adress.svg);background-repeat:no-repeat;background-size:cover;background-position:0 100%;background-color:#ff99f7}.MF-register-from-container .MF-register-from-box-card .cover-bank{background-image:url(/images/Register-MF-Form-cover-bank.svg);background-repeat:no-repeat;background-size:cover;background-position:100% 0;background-color:#43b97f}.MF-register-from-container .MF-register-from-box-card .cover-doc{background-image:url(/images/Register-MF-Form-cover-doc.svg);background-repeat:no-repeat;background-size:cover;background-position:0 100%;background-color:#4f70e4}.MF-register-from-container .MF-register-from-box-card .cover-chanel{background-image:url(/images/Register-MF-Form-cover-chanel.svg);background-repeat:no-repeat;background-size:cover;background-position:bottom;background-color:#fa832a}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail{display:flex;flex-direction:column;justify-content:center;padding:1rem 1rem 0}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .about-mindfriend-container .about-mindfriend-heading-center,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .bold,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .bold-number,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .booking-status-card .booking-status-heading .in-progress-status,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .booking-status-card .booking-status-heading .success-status,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .modal-container .modal-heading-blue,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .modal-container .modal-heading-green,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .modal-container .modal-heading-orange,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .ticket-box-card .detail-container .number-of-ticket,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail h2,.about-mindfriend-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .in-progress-status,.booking-status-card .booking-status-heading .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .lable-mindfriend,.modal-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .modal-heading-blue,.modal-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .modal-heading-green,.modal-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .modal-heading-orange,.ticket-box-card .detail-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .number-of-ticket{margin:0;line-height:auto}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .booking-content-container .shift,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .display-triple-cards-heading,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .filter-container .filter-container-head,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .inline-btn,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .sidebar .sidebar-btn,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .top-menu .top-menu-btn,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail aside .section-title,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail h4,.about-mindfriend-container .about-mindfriend-content .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .about-mindfriend-content-head,.booking-content-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .shift,.filter-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .filter-container-head,.sidebar .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .sidebar-btn,.top-menu .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .top-menu-btn,aside .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .section-title{line-height:normal;margin:.5rem 0}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .dashboard-date-month .month,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .other-days-default-container .other-date-btn .month,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .pop-up-info,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail caption,.dashboard-date-month .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .month,.other-days-default-container .other-date-btn .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail .month{width:100%;box-sizing:border-box;display:inline}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail input{margin:0 0 1rem;text-align:center}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail label{margin-top:.5rem}.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail label .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail label aside .section .completed .subtitleTopic,.MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail label p,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail label .cl-talk,aside .section .completed .MF-register-from-container .MF-register-from-box-card .MF-register-from-box-detail label .subtitleTopic{margin:0}.onbroad-MF-agreement-card-container{background-color:#f9f4f9;border-radius:1rem;width:80%;overflow:hidden;margin-bottom:2rem}@media screen and (max-width:800px){.onbroad-MF-agreement-card-container{width:100%}}@media screen and (max-width:430px){.onbroad-MF-agreement-card-container{margin-bottom:1rem}}.onbroad-MF-agreement-card-container .MF-agreement-card-cover{height:10rem;width:100%;box-sizing:border-box}@media screen and (max-width:430px){.onbroad-MF-agreement-card-container .MF-agreement-card-cover{height:8rem}}.onbroad-MF-agreement-card-container .MF-agreement-body{padding:1.5rem;display:flex;flex-direction:column;justify-content:flex-start}.about-mindfriend-container .onbroad-MF-agreement-card-container .MF-agreement-body .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .onbroad-MF-agreement-card-container .MF-agreement-body .in-progress-status,.booking-status-card .booking-status-heading .onbroad-MF-agreement-card-container .MF-agreement-body .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .onbroad-MF-agreement-card-container .MF-agreement-body .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .onbroad-MF-agreement-card-container .MF-agreement-body .lable-mindfriend,.modal-container .onbroad-MF-agreement-card-container .MF-agreement-body .modal-heading-blue,.modal-container .onbroad-MF-agreement-card-container .MF-agreement-body .modal-heading-green,.modal-container .onbroad-MF-agreement-card-container .MF-agreement-body .modal-heading-orange,.onbroad-MF-agreement-card-container .MF-agreement-body .about-mindfriend-container .about-mindfriend-heading-center,.onbroad-MF-agreement-card-container .MF-agreement-body .bold,.onbroad-MF-agreement-card-container .MF-agreement-body .bold-number,.onbroad-MF-agreement-card-container .MF-agreement-body .booking-status-card .booking-status-heading .in-progress-status,.onbroad-MF-agreement-card-container .MF-agreement-body .booking-status-card .booking-status-heading .success-status,.onbroad-MF-agreement-card-container .MF-agreement-body .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.onbroad-MF-agreement-card-container .MF-agreement-body .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.onbroad-MF-agreement-card-container .MF-agreement-body .modal-container .modal-heading-blue,.onbroad-MF-agreement-card-container .MF-agreement-body .modal-container .modal-heading-green,.onbroad-MF-agreement-card-container .MF-agreement-body .modal-container .modal-heading-orange,.onbroad-MF-agreement-card-container .MF-agreement-body .ticket-box-card .detail-container .number-of-ticket,.onbroad-MF-agreement-card-container .MF-agreement-body h2,.ticket-box-card .detail-container .onbroad-MF-agreement-card-container .MF-agreement-body .number-of-ticket{color:#4f70e4;margin:0}.onbroad-MF-agreement-card-container .MF-agreement-body .check-box-container{display:inline-flex;align-items:center;gap:1rem;margin:0}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .onbroad-MF-agreement-card-container .MF-agreement-body .check-box-container .cl-talk,.onbroad-MF-agreement-card-container .MF-agreement-body .check-box-container .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.onbroad-MF-agreement-card-container .MF-agreement-body .check-box-container aside .section .completed .subtitleTopic,.onbroad-MF-agreement-card-container .MF-agreement-body .check-box-container p,aside .section .completed .onbroad-MF-agreement-card-container .MF-agreement-body .check-box-container .subtitleTopic{color:#43b97f;font-weight:500;margin:0}.onbroad-MF-agreement-card-container .bg-cover-01{background-color:#ff99f7;background-image:url(/images/Register-MF-agreement-cover-01.svg);background-repeat:no-repeat;background-size:cover;background-position:top}.onbroad-MF-agreement-card-container .bg-cover-02{background-color:#43b97f;background-image:url(/images/Register-MF-agreement-cover-02.svg);background-repeat:no-repeat;background-size:cover;background-position:top}.onbroad-MF-agreement-card-container .bg-cover-03{background-color:#4f70e4;background-image:url(/images/Register-MF-agreement-cover-03.svg);background-repeat:no-repeat;background-size:cover;background-position:top}.onbroad-MF-agreement-card-container .bg-cover-04{background-color:#ff99f7;background-image:url(/images/Register-MF-agreement-cover-04.svg);background-repeat:no-repeat;background-size:cover;background-position:top}.mindfriend-office-container{display:flex;flex-direction:row;justify-content:space-between;align-self:center;align-items:flex-start;width:90%;max-width:1400px}.mindfriend-office-container *{box-sizing:border-box}@media screen and (max-width:1120px){.mindfriend-office-container{display:flex;flex-direction:column}}@media screen and (max-width:800px){.mindfriend-office-container{width:100%}.about-mindfriend-container .mindfriend-office-container .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .mindfriend-office-container .in-progress-status,.booking-status-card .booking-status-heading .mindfriend-office-container .success-status,.landing02-container .display-triple-cards-card-container .display-card-container .mindfriend-office-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .mindfriend-office-container .lable-mindfriend,.mindfriend-office-container .about-mindfriend-container .about-mindfriend-heading-center,.mindfriend-office-container .bold,.mindfriend-office-container .bold-number,.mindfriend-office-container .booking-status-card .booking-status-heading .in-progress-status,.mindfriend-office-container .booking-status-card .booking-status-heading .success-status,.mindfriend-office-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.mindfriend-office-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.mindfriend-office-container .modal-container .modal-heading-blue,.mindfriend-office-container .modal-container .modal-heading-green,.mindfriend-office-container .modal-container .modal-heading-orange,.mindfriend-office-container .ticket-box-card .detail-container .number-of-ticket,.mindfriend-office-container h2,.modal-container .mindfriend-office-container .modal-heading-blue,.modal-container .mindfriend-office-container .modal-heading-green,.modal-container .mindfriend-office-container .modal-heading-orange,.ticket-box-card .detail-container .mindfriend-office-container .number-of-ticket{text-align:center}}.heading-center{display:flex;justify-content:center;box-sizing:border-box;width:100%;text-align:center;margin:1.5rem 0}.mindfriend-office-content-container{display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;width:100%;overflow:hidden;padding:0 .2rem 1rem}.mindfriend-office-content-container .booking-content-heading{margin-top:2rem}@media screen and (max-width:800px){.mindfriend-office-content-container{padding:0 1rem}}.dashboard-container{display:flex;flex-direction:row;justify-content:center}@media screen and (max-width:600px){.dashboard-container{flex-direction:column;align-items:flex-start}.dashboard-container .dashboard-date-month{margin-bottom:1rem}}.dashboard-container .card-event-container{margin-left:1rem;display:flex;flex-direction:column;justify-content:center;min-width:-moz-fit-content;min-width:fit-content}@media screen and (max-width:600px){.dashboard-container .card-event-container{margin-left:0;width:100%;box-sizing:border-box}}.dashboard-container .no-booking-message{margin:0 auto;display:flex;flex-direction:column;align-items:center}.dashboard-container .no-booking-message h3{font-size:1.5em;margin:0}.dashboard-container .no-booking-message h3:first-of-type{color:#43b97f}.dashboard-container .no-booking-message h3:last-of-type{color:#4f70e4}.dashboard-date-month{display:flex;flex-direction:column;justify-content:center;height:-moz-fit-content;height:fit-content;min-width:6.5rem;max-width:-moz-fit-content;max-width:fit-content;background-color:#43b97f;padding:.5rem 1rem;border-radius:1rem}.dashboard-date-month .date,.dashboard-date-month .month{color:#fcfcfc;text-align:center}.card-event{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:35rem;box-sizing:border-box;margin-bottom:1.5rem;box-shadow:0 3px 5px rgba(79,112,228,.5);background-color:#f9f4f9;border-radius:1rem;padding:1rem}@media screen and (max-width:430px){.card-event{display:flex;flex-direction:column;justify-content:flex-start}}.card-event .event-card-detail-container{display:inline-flex}.card-event .event-card-detail-container .event-color{width:1.5rem;min-hight:100%;border-radius:1rem;box-sizing:border-box;margin-right:1rem}.card-event .event-card-detail-container .time-container{display:inline-flex;align-items:baseline}.card-event .event-card-detail-container .time-container .duration{color:#bababe;margin-left:.5rem}.card-event .card-event-action{display:inline-flex;box-sizing:border-box;align-items:center}.card-event .card-event-action .zoom-link{font-size:12px;text-align:right;word-wrap:break-word}.card-event .card-event-action button{padding:.5rem 1rem;margin-left:.5rem;margin-bottom:0}.booking-status-card .booking-status-remark .card-event .card-event-action button,.card-event .card-event-action .booking-status-card .booking-status-remark button,.card-event .card-event-action .modal-container button,.card-event .card-event-action .redeem-box-container .redeem-box-card .redeem-detail button,.card-event .card-event-action .round,.modal-container .card-event .card-event-action button,.redeem-box-container .redeem-box-card .redeem-detail .card-event .card-event-action button{font-size:18px}@media screen and (max-width:430px){.booking-status-card .booking-status-remark .card-event .card-event-action button,.card-event .card-event-action .booking-status-card .booking-status-remark button,.card-event .card-event-action .modal-container button,.card-event .card-event-action .redeem-box-container .redeem-box-card .redeem-detail button,.card-event .card-event-action .round,.modal-container .card-event .card-event-action button,.redeem-box-container .redeem-box-card .redeem-detail .card-event .card-event-action button{font-size:15px}.card-event .card-event-action{margin-top:1rem;align-self:flex-end}}.confirmed .event-color{background-color:#43b97f}.confirmed .time-button{background-color:#4f70e4}.requested .event-color{background-color:#ffe255}.requested .time-button{background-color:#fa832a}.waiting{background-color:#fcfcfc}.waiting .event-color{background-color:#bababe}.in-progress{background-color:#4f70e4}.in-progress .event-color{background-color:#bababe}.modal-container .card-event{margin:0;box-shadow:none}.mindfriend-service-report-card{display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;padding:1.5rem;border-radius:1rem;margin-bottom:2rem;background-color:#f9f4f9;box-shadow:0 3px 5px rgba(79,112,228,.5)}.mindfriend-service-report-card .report-card-heading{color:#43b97f}.mindfriend-service-report-card .username{margin-bottom:.5rem}.mindfriend-service-report-card .time-btn-container{display:inline-flex;flex-wrap:wrap}.mindfriend-service-report-card .time-btn-container .time-button{margin-right:.5rem;margin-bottom:.5rem;cursor:none}.mindfriend-service-report-card .time-btn-container .time-button:hover{transition:none;transform:none}.mindfriend-service-report-card .time-btn-container .time-button:active{background-color:#ff99f7}.scheduler-breadcrum-container{display:inline-flex;align-items:center;gap:2rem}.classroom-container .content-container{margin-bottom:4.5rem}.classroom-container .content-container .quiz-control{display:block}.classroom-container .content-container .quiz-control .back-icon-btn{display:flex;align-items:center;padding:.5rem 1rem;border-radius:1.5em;box-shadow:2px 4px 7px rgba(79,112,228,.5);margin:1rem 0}.classroom-container .content-container .quiz-control .back-icon-btn span{margin-left:1rem}.classroom-container .content-container .quiz-overview{background-color:#f9f4f9;padding:24px;box-shadow:0 2px 5px rgba(79,112,228,.5);border-radius:24px;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}@media screen and (max-width:430px){.classroom-container .content-container .quiz-overview{flex-direction:column;align-items:center}}.about-mindfriend-container .classroom-container .content-container .quiz-overview .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .classroom-container .content-container .quiz-overview .in-progress-status,.booking-status-card .booking-status-heading .classroom-container .content-container .quiz-overview .success-status,.classroom-container .content-container .quiz-overview .about-mindfriend-container .about-mindfriend-heading-center,.classroom-container .content-container .quiz-overview .bold,.classroom-container .content-container .quiz-overview .bold-number,.classroom-container .content-container .quiz-overview .booking-status-card .booking-status-heading .in-progress-status,.classroom-container .content-container .quiz-overview .booking-status-card .booking-status-heading .success-status,.classroom-container .content-container .quiz-overview .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.classroom-container .content-container .quiz-overview .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.classroom-container .content-container .quiz-overview .modal-container .modal-heading-blue,.classroom-container .content-container .quiz-overview .modal-container .modal-heading-green,.classroom-container .content-container .quiz-overview .modal-container .modal-heading-orange,.classroom-container .content-container .quiz-overview .ticket-box-card .detail-container .number-of-ticket,.classroom-container .content-container .quiz-overview h2,.landing02-container .display-triple-cards-card-container .display-card-container .classroom-container .content-container .quiz-overview .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .classroom-container .content-container .quiz-overview .lable-mindfriend,.modal-container .classroom-container .content-container .quiz-overview .modal-heading-blue,.modal-container .classroom-container .content-container .quiz-overview .modal-heading-green,.modal-container .classroom-container .content-container .quiz-overview .modal-heading-orange,.ticket-box-card .detail-container .classroom-container .content-container .quiz-overview .number-of-ticket{color:#4f70e4;font-style:700;font-size:40px;line-height:60px}.classroom-container .content-container .quiz-overview .quiz-info{margin-bottom:24px}.classroom-container .content-container .quiz-overview .quiz-info span{color:#6f6f6f;font-size:20px;font-weight:500;line-height:31px}.classroom-container .content-container .quiz-overview .quiz-info .quiz-status{background-color:#bababe;color:#fcfcfc;padding:8px;font-weight:500;font-size:20px;border-radius:8px}.classroom-container .content-container .quiz-overview .quiz-info .quiz-status.pass{background-color:#43b97f}.classroom-container .content-container .quiz-overview .quiz-info .quiz-status.fail{background-color:#ff4471}.classroom-container .content-container .quiz-overview button{font-size:25px;font-weight:700;line-height:38px;border-radius:30px;box-shadow:0 2px 6px #4f70e4}.classroom-container .content-container .question-container{margin-bottom:2.5rem}.classroom-container .content-container .question-container .question-number{margin-right:24px;border-radius:16px;background-color:#f9f4f9;padding:8px 16px;font-size:22px;font-weight:500;color:#4f70e4;line-height:35px}.classroom-container .content-container .question-container .question-result{padding:8px 16px;border-radius:16px}.classroom-container .content-container .question-container .question-result.correct{background-color:#43b97f;color:#fcfcfc}.classroom-container .content-container .question-container .question-result.incorrect{background-color:#bababe;color:#fcfcfc}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .question-container .cl-talk,.classroom-container .content-container .question-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.classroom-container .content-container .question-container aside .section .completed .subtitleTopic,.classroom-container .content-container .question-container p,aside .section .completed .classroom-container .content-container .question-container .subtitleTopic{color:#666}.classroom-container .content-container .question-container .choice-container{margin:24px 0;display:flex;align-items:center}.classroom-container .content-container .question-container .choice-container :hover{cursor:pointer}.classroom-container .content-container .question-container .choice-container .choice-radio{margin:4px 16px 4px 4px;flex-shrink:0;width:16px;height:16px;background-color:#f9f4f9;border:1px solid #4f70e4;border-radius:50%}.classroom-container .content-container .question-container .choice-container .choice-radio.selected{background-color:#43b97f;border:1px solid #f9f4f9;box-shadow:0 1px 2px #43b97f}.classroom-container .content-container .question-container .choice-container .choice-text{flex:1 1;color:#6f6f6f;font-weight:300;font-size:16px;line-height:25px}.classroom-container .content-container .quiz-footer{display:flex;justify-content:center}.classroom-container .content-container .quiz-footer .submit-button{padding:.5rem 8rem}.Hover-Slide-Up,.card-course-browse,.card-course-in-locker,.course-detail-container .course-detail-box .Green-Link,.grid-container .grid-items,.login-container .login-box .Green-Link,nav .nav-container .logo{transition:.3s ease-in-out}.Hover-Slide-Up:hover,.card-course-browse:hover,.card-course-in-locker:hover,.course-detail-container .course-detail-box .Green-Link:hover,.grid-container .grid-items:hover,.login-container .login-box .Green-Link:hover,nav .nav-container .logo:hover{transform:translateY(-10px)}.Hover-Press-Pink-Orange,.video-section .vdo .play-btn,button{transition:.3s ease-in-out}.Hover-Press-Pink-Orange:hover,.video-section .vdo .play-btn:hover,button:hover{transform:translateY(-10px);box-shadow:10px 8px 25px #ff99f7}.Hover-Press-Pink-Orange:active,.video-section .vdo .play-btn:active,button:active{background-color:#fa832a}.Hover-Press-Pink-Orange:disabled,.video-section .vdo .play-btn:disabled,button:disabled{background-color:#43b97f;transform:unset;box-shadow:unset;opacity:.5}.Hover-Press-Up-Blue,.sidebar .sidebar-btn,.time-button,.top-menu .top-menu-btn{transition:.3s ease-in-out}.Hover-Press-Up-Blue:hover,.sidebar .sidebar-btn:hover,.time-button:hover,.top-menu .top-menu-btn:hover{transform:translateY(-10px)}.Hover-Press-Up-Blue:active,.sidebar .sidebar-btn:active,.time-button:active,.top-menu .top-menu-btn:active{background-color:#4f70e4;color:#fcfcfc}.Hover-Up,.filter-container .filter-container-box-btn .filter-btn,.icon-add,.icon-back,.icon-close,.icon-info,.icon-info-small,.icon-more,.icon-next,.mindfriend-card,.other-days-default-container .other-date-btn{transition:.3s ease-in-out}.Hover-Up:hover,.filter-container .filter-container-box-btn .filter-btn:hover,.icon-add:hover,.icon-back:hover,.icon-close:hover,.icon-info-small:hover,.icon-info:hover,.icon-more:hover,.icon-next:hover,.mindfriend-card:hover,.other-days-default-container .other-date-btn:hover{transform:translateY(-10px)}@keyframes slide-up-2rem{0%{transform:translateY(20rem);opacity:0}50%{opacity:1}80%{transform:translateY(-1rem)}to{transform:translateY(0)}}.classroom-container .content-container .classroom-article-container{display:flex;flex-direction:column}.classroom-container .content-container .classroom-article-container .control{display:flex;justify-content:flex-end}.classroom-container .content-container .classroom-article-container .number-list-container{display:inline-flex;justify-content:flex-start;align-items:center;column-gap:2rem}.classroom-container .content-container .classroom-article-container .process-heading-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2rem;background-color:#43b97f;border-radius:1rem;padding:0 1rem}.about-mindfriend-container .classroom-container .content-container .classroom-article-container .process-heading-container .about-mindfriend-heading-center,.booking-status-card .booking-status-heading .classroom-container .content-container .classroom-article-container .process-heading-container .in-progress-status,.booking-status-card .booking-status-heading .classroom-container .content-container .classroom-article-container .process-heading-container .success-status,.classroom-container .content-container .classroom-article-container .process-heading-container .about-mindfriend-container .about-mindfriend-heading-center,.classroom-container .content-container .classroom-article-container .process-heading-container .bold,.classroom-container .content-container .classroom-article-container .process-heading-container .bold-number,.classroom-container .content-container .classroom-article-container .process-heading-container .booking-status-card .booking-status-heading .in-progress-status,.classroom-container .content-container .classroom-article-container .process-heading-container .booking-status-card .booking-status-heading .success-status,.classroom-container .content-container .classroom-article-container .process-heading-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-customer,.classroom-container .content-container .classroom-article-container .process-heading-container .landing02-container .display-triple-cards-card-container .display-card-container .lable-mindfriend,.classroom-container .content-container .classroom-article-container .process-heading-container .modal-container .modal-heading-blue,.classroom-container .content-container .classroom-article-container .process-heading-container .modal-container .modal-heading-green,.classroom-container .content-container .classroom-article-container .process-heading-container .modal-container .modal-heading-orange,.classroom-container .content-container .classroom-article-container .process-heading-container .ticket-box-card .detail-container .number-of-ticket,.classroom-container .content-container .classroom-article-container .process-heading-container h2,.landing02-container .display-triple-cards-card-container .display-card-container .classroom-container .content-container .classroom-article-container .process-heading-container .lable-customer,.landing02-container .display-triple-cards-card-container .display-card-container .classroom-container .content-container .classroom-article-container .process-heading-container .lable-mindfriend,.modal-container .classroom-container .content-container .classroom-article-container .process-heading-container .modal-heading-blue,.modal-container .classroom-container .content-container .classroom-article-container .process-heading-container .modal-heading-green,.modal-container .classroom-container .content-container .classroom-article-container .process-heading-container .modal-heading-orange,.ticket-box-card .detail-container .classroom-container .content-container .classroom-article-container .process-heading-container .number-of-ticket{color:#fcfcfc}.classroom-container .content-container .classroom-article-container .process-01{background-image:url(/images/process-heading-01.svg);background-position:100%;background-size:contain;background-repeat:no-repeat}@media screen and (max-width:430px){.classroom-container .content-container .classroom-article-container .process-01{background-image:none}}.classroom-container .content-container .classroom-article-container .process-02{background-image:url(/images/process-heading-02.svg);background-position:100% 100%;background-size:contain;background-repeat:no-repeat}@media screen and (max-width:600px){.classroom-container .content-container .classroom-article-container .process-02{background-image:none}}.classroom-container .content-container .classroom-article-container .process-03{background-image:url(/images/process-heading-03.svg);background-position:100% 100%;background-size:contain;background-repeat:no-repeat}@media screen and (max-width:600px){.classroom-container .content-container .classroom-article-container .process-03{background-image:none}}.classroom-container .content-container .classroom-article-container .listening-conversation-container{display:flex;flex-direction:column;padding:1rem;row-gap:1rem}.classroom-container .content-container .classroom-article-container .listening-conversation-container .dashboard-date-month .month,.classroom-container .content-container .classroom-article-container .listening-conversation-container .other-days-default-container .other-date-btn .month,.classroom-container .content-container .classroom-article-container .listening-conversation-container .pop-up-info,.classroom-container .content-container .classroom-article-container .listening-conversation-container caption,.dashboard-date-month .classroom-container .content-container .classroom-article-container .listening-conversation-container .month,.other-days-default-container .other-date-btn .classroom-container .content-container .classroom-article-container .listening-conversation-container .month{text-align:center}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container{display:inline-flex;justify-content:flex-start;align-items:flex-end;margin-right:3rem}@media screen and (max-width:430px){.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container{margin-right:1rem}}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk{background-color:#f9f4f9;border-radius:1rem;padding:1rem;height:-moz-fit-content;height:fit-content;margin-left:1rem}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-profile{height:4.5rem;width:4.5rem;min-height:4.5rem;min-width:4.5rem;background-color:#ff99f7;border-radius:2.5rem;background-image:url(/images/heart-profile.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.classroom-container .content-container .classroom-article-container .listening-conversation-container .mf-container{display:inline-flex;justify-content:flex-end;align-items:flex-end;margin-left:3rem}@media screen and (max-width:430px){.classroom-container .content-container .classroom-article-container .listening-conversation-container .mf-container{margin-left:1rem}}.classroom-container .content-container .classroom-article-container .listening-conversation-container .mf-container .mf-talk{color:#fcfcfc;background-color:#4f70e4;border-radius:1rem;padding:1rem;height:-moz-fit-content;height:fit-content;margin-right:1rem}.classroom-container .content-container .classroom-article-container .listening-conversation-container .mf-container .mf-profile{height:4.5rem;width:4.5rem;min-height:4.5rem;min-width:4.5rem;background-color:#fa832a;border-radius:2.5rem;background-image:url(/images/idee-profile.svg);background-position:50%;background-repeat:no-repeat;background-size:contain}.claim-certification-container{position:relative;width:100%;box-sizing:border-box;align-self:center;background-color:#f9f4f9;border-radius:1.5rem;padding:2rem;text-align:center}.claim-certification-container .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.claim-certification-container aside .section .completed .subtitleTopic,.claim-certification-container p,.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .claim-certification-container .cl-talk,aside .section .completed .claim-certification-container .subtitleTopic{text-align:center}.claim-certification-container .congrats{width:90%;box-sizing:border-box}.claim-certification-container .star{position:absolute;animation:rotate 10s infinite}@media screen and (max-width:600px){.claim-certification-container .star{display:none}}.claim-certification-container .star-01{top:10%;right:-2%}.claim-certification-container .star-02{top:20%;right:5%}.claim-certification-container .star-03{top:10%;left:-2%}.claim-certification-container .star-04{top:20%;left:5%}.pfa-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.pfa-container .header{font-size:36px;text-align:center;padding:24px}.pfa-container .video-container{display:flex;justify-content:center;align-items:center;margin:auto;width:100%;max-width:1000px;height:900px}.pfa-container .call-frame{width:100%;height:100%}.mindfriend-schedule{width:100%;display:flex;flex-direction:column;align-items:center}.mindfriend-schedule .week-selector{display:flex;align-items:center;gap:32px;padding-bottom:1rem}@media screen and (max-width:430px){.mindfriend-schedule .week-selector{gap:16px}}.mindfriend-schedule .week-selector .week-text{text-align:center;margin:auto;font-size:32px;width:10em;padding:10px 32px;background-color:#ff99f7;color:#fcfcfc;border-radius:16px}@media screen and (max-width:430px){.mindfriend-schedule .week-selector .week-text{font-size:16px}}.mindfriend-schedule .calendar-container{width:100%;overflow-x:scroll;height:80vh;background-color:#fcfcfc;border:1rem solid #fcfcfc}@media screen and (max-width:430px){.mindfriend-schedule .calendar-container{height:90vh}}.mindfriend-schedule .calendar-container .calendar{width:100%;align-self:stretch}.mindfriend-schedule .calendar-container .calendar .time-column{position:-webkit-sticky;position:sticky;left:0;background:#fcfcfc;z-index:1;padding:.5rem}.mindfriend-schedule .calendar-container .calendar tbody .time-range-separator td{font-weight:600;font-size:24px;line-height:1.5;padding:4px 16px;border-radius:30px}@media screen and (max-width:430px){.mindfriend-schedule .calendar-container .calendar tbody .time-range-separator td{font-size:18px;padding:4px 8px}}.mindfriend-schedule .calendar-container .calendar tbody .time-range-separator td.morning{background-color:#ffe255;color:#fa832a;padding:.5rem 1rem}.mindfriend-schedule .calendar-container .calendar tbody .time-range-separator td.afternoon{background-color:#fa832a;color:#fcfcfc;padding:.5rem 1rem}.mindfriend-schedule .calendar-container .calendar tbody .time-range-separator td.night{background-color:#4f70e4;color:#fcfcfc;padding:.5rem 1rem}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell{background-color:#f9f4f9;min-width:8em;height:4em}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card{box-sizing:border-box;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.no-time-slot{border:8px solid #f9f4f9;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;box-sizing:border-box;cursor:pointer}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.no-time-slot .time{color:#4f70e4}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.pending{border:3px solid #ffe255}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.pending span{font-size:.8em;line-height:1;color:#fa832a}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.pending button{margin-bottom:unset;font-size:.5em;border-radius:32px;padding:8px 16px;box-shadow:unset}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.no-booking-time-slot{border:3px solid #ffe255;background-color:#fcfcfc;color:#fa832a;text-align:center}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.confirmed{background-color:#43b97f}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.confirmed span{color:#fcfcfc}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.completed{background-color:#fcfcfc;border:8px solid #f9f4f9}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card.completed span{color:#43b97f}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card .time{align-self:center;font-weight:400;font-size:15px;line-height:24px}.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card .checkbox-checked,.mindfriend-schedule .calendar-container .calendar tbody .time-slot-cell .time-slot-card .checkbox-default{display:inline;align-items:flex-end;width:12px;height:12px}.mindfriend-schedule .calendar-container .calendar thead{background-color:#fcfcfc;top:0;position:-webkit-sticky;position:sticky;z-index:1}.mindfriend-schedule .calendar-container .calendar thead .date-row th{text-align:start;font-weight:900;font-size:24px;line-height:30px}.mindfriend-schedule .calendar-container .calendar thead .date-row th .day-of-week[title=Sun]{color:#ff4471}.mindfriend-schedule .calendar-container .calendar thead .date-row th .day-of-week[title=Mon]{color:#ffd509}.mindfriend-schedule .calendar-container .calendar thead .date-row th .day-of-week[title=Tue]{color:#ff99f7}.mindfriend-schedule .calendar-container .calendar thead .date-row th .day-of-week[title=Wed]{color:#43b97f}.mindfriend-schedule .calendar-container .calendar thead .date-row th .day-of-week[title=Thu]{color:#fa832a}.mindfriend-schedule .calendar-container .calendar thead .date-row th .day-of-week[title=Fri]{color:#4f70e4}.mindfriend-schedule .calendar-container .calendar thead .date-row th .day-of-week[title=Sat]{color:#914fe4}.mindfriend-schedule .calendar-container .calendar thead .date-row th .date{color:#6f6f6f}.mindfriend-schedule .calendar-container .control-button-group{position:-webkit-sticky;position:sticky;bottom:30%;left:0;display:flex;justify-content:flex-end;gap:8px;align-items:center;padding-right:1rem}@media screen and (max-width:430px){.mindfriend-schedule .calendar-container .control-button-group{bottom:40%;padding-right:.2rem}}.mindfriend-schedule .calendar-container .control-button-group .save-btn{border-radius:40px}.mindfriend-schedule .calendar-container .control-button-group .clear-btn{background-color:#fa832a;border-radius:50%}.scrollable-indicator-gradient{background:#fff;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fdfdfd 40%);height:4.5rem;min-height:4.5rem;width:100%;box-sizing:border-box;position:-webkit-sticky;position:sticky;bottom:-2rem}@media screen and (max-width:430px){.scrollable-indicator-gradient{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fdfdfd 70%);min-height:5rem;height:5rem}}.overlay{z-index:200;position:fixed;height:100vh;width:100vw}.overlay .mindfriend-schedule-create-time-slot-modal{padding:32px 24px;background-color:#fcfcfc;max-width:800px;border-radius:16px;max-height:80vh;overflow-y:scroll;position:relative;margin:0 1rem}.overlay .mindfriend-schedule-create-time-slot-modal .warning{color:#6f6f6f;font-weight:400;font-size:14px;margin:-1.5rem 0 0}.about-mindfriend-container .about-mindfriend-content .overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .about-mindfriend-content-head,.booking-content-container .overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .shift,.filter-container .overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .filter-container-head,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .booking-content-container .shift,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .display-triple-cards-heading,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .filter-container .filter-container-head,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .inline-btn,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .sidebar .sidebar-btn,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .top-menu .top-menu-btn,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container aside .section-title,.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container h4,.sidebar .overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .sidebar-btn,.top-menu .overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .top-menu-btn,aside .overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .section-title{color:#4f70e4;margin-bottom:4px}.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .time-slot{padding:8px;background-color:#ff99f7;color:#fcfcfc;font-weight:400;font-size:12px;line-height:19px;border-radius:8px}.overlay .mindfriend-schedule-create-time-slot-modal .time-slots-by-date-container .time-slots-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.overlay .mindfriend-schedule-create-time-slot-modal .btn-group{display:flex;justify-content:flex-end;gap:8px;position:-webkit-sticky;position:sticky;bottom:0;z-index:3}.top-menu{display:flex;width:100%;margin-right:2rem;margin-top:8px;gap:8px}.top-menu>*{margin-bottom:1rem}.top-menu .top-menu-btn{background-color:#f9f4f9;color:#6f6f6f;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}.top-menu .top-menu-btn.selected{background-color:#fa832a;color:#fcfcfc}@media screen and (max-width:1120px){.top-menu{display:flex;flex-direction:row;align-items:center;padding:.5rem 0;min-width:90%;align-self:center;max-height:-moz-fit-content;max-height:fit-content;margin:0 0 1rem;border-bottom:1px solid #43b97f;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.top-menu ::-webkit-scrollbar{display:none}.top-menu>*{margin:0 1rem 0 0}.top-menu .top-menu-btn{color:#6f6f6f;min-width:-moz-fit-content;min-width:fit-content}.top-menu .my-ticket-box{display:flex;flex-direction:row;border-radius:.5rem;align-items:center;min-width:-moz-fit-content;min-width:fit-content}.top-menu .my-ticket-box .my-ticket-box-head{min-width:-moz-fit-content;min-width:fit-content;padding:.5rem 1rem;border-radius:.5rem 0 0 .5rem}.top-menu .my-ticket-box .my-ticket-box-body{border-radius:0 2rem 2rem 0;padding:0 .5rem}.booking-status-card .booking-status-remark .top-menu .my-ticket-box .my-ticket-box-body button,.modal-container .top-menu .my-ticket-box .my-ticket-box-body button,.redeem-box-container .redeem-box-card .redeem-detail .top-menu .my-ticket-box .my-ticket-box-body button,.top-menu .my-ticket-box .my-ticket-box-body .booking-status-card .booking-status-remark button,.top-menu .my-ticket-box .my-ticket-box-body .modal-container button,.top-menu .my-ticket-box .my-ticket-box-body .redeem-box-container .redeem-box-card .redeem-detail button,.top-menu .my-ticket-box .my-ticket-box-body .round{margin-left:1rem}}.meeting-room{position:fixed;display:flex;top:0;width:100vw;height:100vh;z-index:1000;background-color:#6e6e6e;padding:3rem 0}@media screen and (min-width:920px){.meeting-room{position:unset;background-color:unset;height:unset}}.meeting-room .phone{position:relative;flex:1 1;display:flex;flex-direction:column;justify-content:space-between;margin-top:4rem}@media screen and (min-width:920px){.meeting-room .phone{background-color:#f9f4f9;margin:auto;max-width:500px;border-radius:4rem}}@media screen and (min-width:920px)and (max-width:1120px){.meeting-room .phone{max-height:95vh;margin-top:4rem;margin-bottom:3rem}}@media screen and (min-width:920px){.meeting-room .phone .antenna{position:absolute;top:-4rem;left:4rem;box-sizing:border-box;width:20%;height:4rem;border-radius:3rem 3rem 0 0;background:linear-gradient(0deg,#43b97f 23%,#fa832a 0,#fa832a 38%,#ff99f7 0)}}.meeting-room .phone .avatar{display:flex;justify-content:center;align-items:center;position:relative;margin:5rem auto 0;text-align:center;width:80%;max-width:500px;min-width:300px;height:80%;min-height:300px;max-height:500px;background-color:#4f70e4;border-radius:4rem;aspect-ratio:1/1;overflow:hidden}.meeting-room .phone .avatar .text{padding:1rem;display:flex;flex-direction:column;justify-content:center}.about-mindfriend-container .about-mindfriend-content .meeting-room .phone .avatar .text .about-mindfriend-content-head,.booking-content-container .meeting-room .phone .avatar .text .shift,.filter-container .meeting-room .phone .avatar .text .filter-container-head,.meeting-room .phone .avatar .text .about-mindfriend-container .about-mindfriend-content .about-mindfriend-content-head,.meeting-room .phone .avatar .text .booking-content-container .shift,.meeting-room .phone .avatar .text .display-triple-cards-heading,.meeting-room .phone .avatar .text .filter-container .filter-container-head,.meeting-room .phone .avatar .text .inline-btn,.meeting-room .phone .avatar .text .sidebar .sidebar-btn,.meeting-room .phone .avatar .text .top-menu .top-menu-btn,.meeting-room .phone .avatar .text aside .section-title,.meeting-room .phone .avatar .text h4,.sidebar .meeting-room .phone .avatar .text .sidebar-btn,.top-menu .meeting-room .phone .avatar .text .top-menu-btn,aside .meeting-room .phone .avatar .text .section-title{color:#fcfcfc;margin:.5rem 0}.meeting-room .phone .avatar.ended{position:relative}@media screen and (min-width:768px){.meeting-room .phone .avatar{width:60%}}.meeting-room .phone .avatar .display-name{position:absolute;width:100%;color:#fcfcfc;top:12px;font-weight:700;font-size:1.4rem}.meeting-room .phone .phone-text-wrapped{display:flex;flex-direction:column;align-items:center;text-align:center;height:-moz-fit-content;height:fit-content}.classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .meeting-room .phone .phone-text-wrapped .cl-talk,.meeting-room .phone .phone-text-wrapped .classroom-container .content-container .classroom-article-container .listening-conversation-container .cl-container .cl-talk,.meeting-room .phone .phone-text-wrapped aside .section .completed .subtitleTopic,.meeting-room .phone .phone-text-wrapped p,aside .section .completed .meeting-room .phone .phone-text-wrapped .subtitleTopic{text-align:center}.meeting-room .phone .phone-text-wrapped a,.meeting-room .phone .phone-text-wrapped nav .nav-container .menu ul li .displayName-nav,nav .nav-container .menu ul li .meeting-room .phone .phone-text-wrapped .displayName-nav{color:#fcfcfc}.meeting-room .phone .phone-text-wrapped *{margin:.25rem 0}.meeting-room .phone .meetingroom-flower{margin-top:1rem;width:3rem;height:auto;animation:rotate 4s infinite}.meeting-room .phone .waiting-other-status{flex:1 1;position:relative;display:flex;flex-direction:column;align-items:center;font-size:24px;font-weight:700;color:#fcfcfc;margin:98px auto 0;text-align:center;width:80%}.meeting-room .phone .waiting-other-status .text{margin:32px 0}@media screen and (min-width:920px){.meeting-room .phone .waiting-other-status .text{color:#6f6f6f}}.meeting-room .phone .meetingroom-thanks-sky{position:relative;overflow:hidden;min-width:100%;width:100%;height:6rem;margin-top:2rem}.meeting-room .phone .meetingroom-thanks-sky .meetingroom-cloud1,.meeting-room .phone .meetingroom-thanks-sky .meetingroom-cloud2{width:100%;height:auto;position:absolute;left:-100%;animation:scroll 10s linear infinite}.meeting-room .phone .meetingroom-thanks-sky .meetingroom-cloud2{animation-delay:5s}.meeting-room .phone .meetingroom-wifi-container{position:relative;margin-top:2rem}.meeting-room .phone .meetingroom-wifi-container .animate-wifi{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.meeting-room .phone .meetingroom-wifi-container .w01{animation:wifi 2s infinite;animation-delay:.2s}.meeting-room .phone .meetingroom-wifi-container .w02{animation:wifi 2s infinite;animation-delay:.1s}.meeting-room .phone .meetingroom-wifi-container .w03{animation:wifi 2s infinite}.meeting-room .phone .control{display:flex;flex-wrap:wrap;margin:54px 32px;justify-content:space-between}@media screen and (min-width:768px){.meeting-room .phone .control{justify-content:space-around}}.meeting-room .phone .control .button{display:flex;justify-content:center;align-items:center;width:116px;height:84px;border-radius:34px;cursor:pointer;background-color:#43b97f}.meeting-room .phone .control .button img{height:50px;width:auto}.meeting-room .phone .control .button.disabled{background-color:#bababe}@media screen and (min-width:920px){.meeting-room .phone .control .button.speaker-mode{display:none}}.meeting-room .phone .control .button.hang-up{width:72px;height:56px;background-color:#ff4471;border-radius:22px;margin:auto}.meeting-room .phone .control .button.hang-up img{height:18px}@media screen and (min-width:920px){.meeting-room .phone .control .button.hang-up{display:flex;justify-content:center;align-items:center;width:116px;height:84px;border-radius:34px;cursor:pointer;margin:unset}.meeting-room .phone .control .button.hang-up img{height:50px;height:30px;width:auto}}.meeting-room .phone .control .button.setting{display:none}@media screen and (min-width:920px){.meeting-room .phone .control .button.setting{display:flex;justify-content:center;align-items:center;width:116px;height:84px;border-radius:34px;cursor:pointer;position:relative;background-color:#6f6f6f;height:unset;width:unset;padding:16px;border-radius:50%}.meeting-room .phone .control .button.setting img{height:50px;width:auto}}.meeting-room .phone .control .button.setting.inactive .menu{display:none}.meeting-room .phone .control .button.setting.active{background-color:#4f70e4;border-radius:50% 0 50% 50%}.meeting-room .phone .control .button.setting.active .menu{position:absolute;top:0;right:0;transform:translateY(-100%);background-color:#4f70e4;width:300px;padding:16px 32px;border-radius:32px 32px 0 32px}.meeting-room .phone .control .button.setting.active .menu span{color:#fcfcfc;font-size:1.8rem;line-height:2em}.meeting-room .phone .control .button.setting.active .menu .option-list .option{display:flex;justify-content:space-between;align-items:center;color:#fcfcfc}.meeting-room .phone .control .button.setting.active .menu .option-list .option span{font-size:.9rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meeting-room .phone .control .button.setting.active .menu .option-list .option .checkbox{box-sizing:border-box;background-color:#fcfcfc;height:1em;width:1em;min-height:1em;min-width:1em;margin:0 1em;border-radius:50%}.meeting-room .phone .control .button.setting.active .menu .option-list .option .checkbox.selected{background-color:#43b97f;border:1px solid #fcfcfc}.meeting-room .phone .control .control-line-break{width:100%;flex-shrink:0}@media screen and (min-width:920px){.meeting-room .phone .control .control-line-break{display:none}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(200%)}}@keyframes wifi{0%{opacity:0}24%{opacity:0}25%{opacity:1}75%{opacity:1}76%{opacity:0}to{opacity:0}}@keyframes rotate{0%{transform:rotate(1deg)}to{transform:rotate(359deg)}}.not-found-container{display:flex;flex-direction:row;justify-content:center;margin:5rem 0}.not-found-container .not-found-text{font-family:Mitr;font-size:180px;font-weight:800;line-height:30px;letter-spacing:0;text-decoration:none;margin:2rem 2rem 0 1rem}@media screen and (max-width:800px){.not-found-container .not-found-text{font-size:114pt;margin:1rem}}.not-found-h2{color:#6f6f6f;text-align:center}.not-found-shortcut-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.not-found-shortcut-container .shortcut-container{display:flex;flex-direction:column;align-items:center;padding:1.5rem .5rem}.not-found-shortcut-container .shortcut-container .academy-cover{background-image:url(/images/shortcut-academy-cover.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.not-found-shortcut-container .shortcut-container .booking-cover{background-image:url(/images/shortcut-booking-cover.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.not-found-shortcut-container .shortcut-container .shortcut-cover{background-color:#f9f4f9;border-radius:1.5rem;height:8.25rem;width:22rem;margin-bottom:1rem}body{width:100%;margin:0;align-items:center;justify-content:center;align-content:center;position:relative;background-color:#fcfcfc;overflow-x:hidden!important}body,section{display:flex;flex-direction:column}section{overflow:hidden;margin:0 0 60px}@media screen and (max-width:430px){section{margin:0 0 16px}}.container{width:90vw;align-self:center;max-width:1400px}.container .content-center{display:flex;justify-content:center;box-sizing:border-box;width:100%;margin:1.5rem 0}.container .page-article-container{display:flex;flex-direction:column}.container .page-article-container .page-article{align-self:center;max-width:45rem}.modal-open{width:100vw;height:100vh;overflow-y:hidden}video{border-radius:1em}img{-webkit-user-select:none;-moz-user-select:none;user-select:none}