.bio-teacher .teacher-class-overview,.bio-teacher .teacher-page-heading,.pb-page .pb-header,.qa-page .qa-heading,.studio-page .studio-hero,.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle{background:radial-gradient(circle at 86% 18%,rgba(116,225,174,.25),transparent 32%),linear-gradient(125deg,#103e4c,#116e66 66%,#178672);border:1px solid rgba(176,238,207,.18);border-radius:28px;box-shadow:0 22px 48px rgba(13,83,70,.14);color:#fff;isolation:isolate;overflow:hidden;position:relative}.studio-page .studio-hero{border-color:rgba(176,238,207,.18);min-height:258px;padding:38px 44px}.studio-page .studio-hero:before{animation:none;background-image:radial-gradient(rgba(214,255,229,.35) 1px,transparent 0);background-size:23px 23px;border:0;border-radius:0;height:auto;inset:0;mask-image:linear-gradient(90deg,transparent 25%,#000);right:0;top:0;width:auto}.studio-page .studio-hero:after{animation:bio-hero-ring 22s linear infinite;border-color:rgba(191,255,220,.26);bottom:auto;box-shadow:0 0 0 24px rgba(201,255,227,.045);height:235px;right:31px;top:50%;transform:translateY(-50%);width:235px}.studio-page .studio-hero h1{color:#fff}.studio-page .studio-hero p{color:#d7eee7}.studio-page .studio-kicker{color:#a6efcd}.studio-page .studio-hero-art{background:#a9e5cc url(/template/etrain/img/logo-only.png) 50%/91% no-repeat;box-shadow:0 0 0 13px rgba(215,255,234,.09),0 20px 40px rgba(0,34,34,.2);flex-basis:175px;height:175px;width:175px}.studio-page .studio-hero-art i,.studio-page .studio-hero-art img{display:none}.studio-page .studio-hero .studio-pill{background:hsla(0,0%,100%,.12);border-color:rgba(205,255,227,.3);color:#edfff5}.studio-page .studio-hero .studio-pill i{color:#a6efcd}.studio-page .studio-hero .class-code{background:#fff;border-color:rgba(205,255,227,.35);color:#12695f}.studio-page .class-mascot-scene:after,.studio-page .class-mascot-scene:before{border-color:rgba(194,255,222,.32)}.studio-page .class-mascot-label{background:rgba(9,82,75,.7);border-color:rgba(205,255,227,.35);color:#edfff5}.pb-page .pb-header,.qa-page .qa-heading{align-items:center;margin-bottom:28px;min-height:210px;padding:34px 42px 34px 38px}.bio-teacher .teacher-class-overview:before,.bio-teacher .teacher-page-heading:before,.pb-page .pb-header:before,.qa-page .qa-heading:before,.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle:before{background-image:radial-gradient(rgba(214,255,229,.35) 1px,transparent 0);background-size:23px 23px;content:"";inset:0;mask-image:linear-gradient(90deg,transparent 25%,#000);position:absolute;z-index:-1}.bio-teacher .teacher-page-heading:after,.pb-page .pb-header:after,.qa-page .qa-heading:after,.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle:after{animation:bio-hero-float 6s ease-in-out infinite;background:url(/template/etrain/img/logo-only.png) 50%/125px no-repeat,radial-gradient(circle,#b5ead2 59%,transparent 60%);border:1px solid rgba(196,255,225,.34);border-radius:50%;box-shadow:0 0 0 19px rgba(214,255,236,.06),0 0 0 39px rgba(214,255,236,.035);content:"";height:164px;pointer-events:none;position:absolute;right:42px;top:50%;transform:translateY(-50%);width:164px}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]{flex:0 0 100%;max-width:100%}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle{margin:0 auto 25px!important;width:min(1160px,100%)!important}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle:after{display:block!important}.advance_feature.learning_part .learning_member_text>.row:first-child{align-items:center;background:radial-gradient(circle at 86% 18%,rgba(116,225,174,.25),transparent 32%),linear-gradient(125deg,#103e4c,#116e66 66%,#178672);border-radius:28px;box-shadow:0 22px 48px rgba(13,83,70,.14);isolation:isolate;margin:0 0 25px;min-height:210px;overflow:hidden;padding:35px 225px 35px 38px;position:relative}.advance_feature.learning_part .learning_member_text>.row:first-child:after{animation:bio-hero-float 6s ease-in-out infinite;background:url(/template/etrain/img/logo-only.png) 50%/112px no-repeat,radial-gradient(circle,#b5ead2 59%,transparent 60%);border-radius:50%;box-shadow:0 0 0 20px rgba(214,255,236,.06);content:"";height:145px;position:absolute;right:40px;top:50%;transform:translateY(-50%);width:145px}.advance_feature.learning_part .learning_member_text>.row:first-child h2,.advance_feature.learning_part .learning_member_text>.row:first-child h3{color:#fff!important}.advance_feature.learning_part .learning_member_text>.row:first-child .section_tittle p,.advance_feature.learning_part .learning_member_text>.row:first-child h5{color:#a6efcd!important}.advance_feature.learning_part .learning_member_text>.row:first-child p{color:#d7eee7}.bio-teacher .teacher-page-heading>:not(.bio-motion-ambient),.pb-page .pb-header>:not(.bio-motion-ambient),.qa-page .qa-heading>:not(.bio-motion-ambient){position:relative;z-index:1}.bio-teacher .teacher-page-heading>.bio-motion-ambient,.pb-page .pb-header>.bio-motion-ambient,.qa-page .qa-heading>.bio-motion-ambient{flex:none;inset:0;max-width:none;position:absolute;width:auto}.pb-page .pb-header>.bio-motion-ambient+*,.pb-page .pb-header>:not(.bio-motion-ambient):first-child,.qa-page .qa-heading>.bio-motion-ambient+*,.qa-page .qa-heading>:not(.bio-motion-ambient):first-child{max-width:calc(100% - 235px)}.bio-teacher .teacher-class-overview h1,.bio-teacher .teacher-page-heading h1,.pb-page .pb-header h1,.qa-page .qa-heading h1{color:#fff}.bio-teacher .teacher-class-overview .teacher-eyebrow,.bio-teacher .teacher-page-heading .teacher-eyebrow,.pb-page .pb-eyebrow,.qa-page .qa-eyebrow{color:#a6efcd}.bio-teacher .teacher-class-overview p,.bio-teacher .teacher-page-heading p,.pb-page .pb-subtitle,.qa-page .qa-subtitle{color:#d7eee7}.pb-page .pb-back{color:#e5fff0}.pb-page .pb-back:hover{color:#fff}.bio-teacher .teacher-page-heading{min-height:220px;padding:35px 240px 35px 38px}.bio-teacher .teacher-page-heading .teacher-heading-actions{position:relative;z-index:2}.bio-teacher .teacher-class-overview{padding:38px}.bio-teacher .teacher-class-overview img{filter:drop-shadow(0 20px 28px rgba(0,28,31,.25))}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle{max-width:none!important;min-height:215px;padding:42px 240px 38px 38px;text-align:left!important}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle h2{color:#fff!important}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle p{color:#a6efcd!important}.diskusi-card>.card-header{align-items:center;background:radial-gradient(circle at 86% 18%,rgba(116,225,174,.25),transparent 32%),linear-gradient(125deg,#103e4c,#116e66 66%,#178672);border:0;display:flex;isolation:isolate;min-height:200px;overflow:hidden;padding:26px 220px 26px 35px!important;position:relative}.diskusi-card>.card-header:after{animation:bio-hero-float 6s ease-in-out infinite;background:url(/template/etrain/img/logo-only.png) 50%/110px no-repeat,radial-gradient(circle,#b5ead2 59%,transparent 60%);border:1px solid rgba(196,255,225,.34);border-radius:50%;box-shadow:0 0 0 19px rgba(214,255,236,.06);content:"";height:140px;position:absolute;right:39px;top:50%;transform:translateY(-50%);width:140px}.diskusi-card>.card-header .row{justify-content:flex-start!important;margin:0;padding:0!important;width:100%}.diskusi-card>.card-header .col-xl-5{flex:0 0 100%;max-width:none;padding:0}.diskusi-card>.card-header .section_tittle{margin:0!important;text-align:left!important}.diskusi-card>.card-header .section_tittle:after{display:none!important}.diskusi-card>.card-header .section_tittle p{color:#a6efcd!important}.diskusi-card>.card-header .section_tittle h2{color:#fff!important;font-size:clamp(28px,3vw,40px)}@keyframes bio-hero-float{50%{transform:translateY(calc(-50% - 9px))}}@keyframes bio-hero-ring{to{transform:translateY(-50%) rotate(1turn)}}@media(max-width:760px){.studio-page .studio-hero{padding:29px 25px}.studio-page .studio-hero-art{display:grid;flex-basis:105px;height:105px;width:105px}.studio-page .studio-hero:after{height:150px;right:8px;width:150px}.studio-page .class-mascot-scene{flex-basis:auto}.pb-page .pb-header,.qa-page .qa-heading{display:block;min-height:0;padding:30px 25px 135px}.pb-page .pb-header>:first-child,.qa-page .qa-heading>:first-child{max-width:none}.pb-page .pb-header:after,.qa-page .qa-heading:after{background-size:100%,80px;bottom:14px;height:100px;right:31px;top:auto;transform:none;width:100px}.pb-page .pb-header>:not(:first-child),.qa-page .qa-heading>:not(:first-child){margin-top:16px}.bio-teacher .teacher-page-heading{min-height:0;padding:28px 24px 145px}.bio-teacher .teacher-page-heading:after{background-size:100%,84px;bottom:13px;height:105px;right:30px;top:auto;transform:none;width:105px}.bio-teacher .teacher-class-overview{padding:28px 24px}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle{min-height:0;padding:30px 25px 145px}.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle:after{background-size:100%,84px;bottom:12px;height:105px;right:28px;top:auto;transform:none;width:105px}.diskusi-card>.card-header{min-height:0;padding:28px 24px 125px!important}.diskusi-card>.card-header:after{background-size:75px,100%;bottom:13px;height:94px;right:26px;top:auto;transform:none;width:94px}.advance_feature.learning_part .learning_member_text>.row:first-child{min-height:0;padding:28px 24px 125px}.advance_feature.learning_part .learning_member_text>.row:first-child:after{background-size:75px,100%;bottom:13px;height:94px;right:26px;top:auto;transform:none;width:94px}}.student-chat-page{background:radial-gradient(circle at 90% 0,#e7f7ed,transparent 34%),#f6faf8;min-height:calc(100dvh - 72px);padding:24px 24px 42px}.student-chat-page .chat-layout{margin:0 auto;width:min(1380px,100%)}.student-chat-page .diskusi-card{border:1px solid #d8e9e1;border-radius:24px;box-shadow:0 22px 52px rgba(18,79,65,.1);margin:0}.student-chat-page .diskusi-card>.card-header{min-height:135px;padding:23px 150px 23px 36px!important}.student-chat-page .diskusi-card>.card-header:after{background-size:72px,100%;box-shadow:0 0 0 12px rgba(214,255,236,.07);height:92px;right:37px;width:92px}.student-chat-page .chat-heading{min-width:0;position:relative;z-index:1}.student-chat-page .chat-heading span{color:#a6efcd;display:block;font-size:11px;font-weight:800;letter-spacing:.11em;margin-bottom:4px;text-transform:uppercase}.student-chat-page .chat-heading h1{color:#fff;font-size:clamp(26px,2.7vw,38px);line-height:1.1;margin:0}.student-chat-page .chat-heading p{color:#d7eee7;font-size:13px;line-height:1.5;margin:5px 0 0}.student-chat-page #chat-body{background:linear-gradient(135deg,#f6faf8,#eff7f2);height:clamp(420px,100dvh - 325px,720px);padding:24px clamp(16px,3vw,42px);scrollbar-color:#b8cec2 transparent;scrollbar-width:thin}.student-chat-page #chat-body .conversation{gap:5px}.student-chat-page #chat-body .conversation-date{background:#dcebe3;color:#557466;font-size:11px;font-weight:700;margin:12px auto 8px;padding:5px 13px}.student-chat-page #chat-body .conversation-row{margin-bottom:4px;max-width:min(80%,650px)}.student-chat-page #chat-body .conversation-content{max-width:100%}.student-chat-page #chat-body .conversation-bubble{border:1px solid #e1eae5;border-radius:16px 16px 16px 5px;box-shadow:0 3px 10px rgba(29,76,57,.06);min-width:145px;padding:10px 13px 8px}.student-chat-page #chat-body .conversation-row-own .conversation-bubble{background:#d9f2e0;border-color:#c8e8d4;border-radius:16px 16px 5px 16px}.student-chat-page #chat-body .conversation-sender{font-size:11px;margin:0 9px 4px}.student-chat-page #chat-body .conversation-meta{font-size:10px;margin-top:5px}.student-chat-page #chat-body .conversation-reply-button{opacity:.72;pointer-events:auto}.student-chat-page #chat-body .conversation-reply-button:focus-visible,.student-chat-page #chat-body .conversation-row:hover .conversation-reply-button{opacity:1}.student-chat-page .diskusi-card .card-footer{background:#fff;padding:14px 20px}.student-chat-page .diskusi-card #textInputMessage{background:#f9fcfa;border-radius:14px;height:47px}.student-chat-page .diskusi-card #btn-chat,.student-chat-page .diskusi-card .card-footer label[for=image-input]{height:47px;width:47px}.bio-teacher .teacher-chat-wrap .diskusi-card>.card-header.teacher-chat-card-heading{align-items:center;background:#fff;border-bottom:1px solid #e1ede6;box-shadow:none;display:flex;gap:14px;justify-content:space-between;min-height:0;padding:19px 25px!important}.bio-teacher .teacher-chat-wrap .teacher-chat-card-heading:after{display:none!important}.bio-teacher .teacher-chat-card-heading h2{color:#214b50;font-size:clamp(17px,1.8vw,21px);font-weight:800;line-height:1.3;margin:2px 0 0}.bio-teacher .teacher-chat-overline{color:#23866f;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.bio-teacher .teacher-chat-live{align-items:center;color:#668478;display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:700;gap:7px}.bio-teacher .teacher-chat-live span{background:#30b68a;border-radius:50%;box-shadow:0 0 0 4px #e4f7ed;height:7px;width:7px}@media(max-width:760px){.student-chat-page{padding:14px 10px 24px}.student-chat-page .diskusi-card{border-radius:18px}.student-chat-page .diskusi-card>.card-header{min-height:125px;padding:19px 96px 19px 20px!important}.student-chat-page .diskusi-card>.card-header:after{background-size:54px,100%;bottom:auto;height:68px;right:16px;top:50%;transform:translateY(-50%);width:68px}.student-chat-page .chat-heading p{font-size:11px}.student-chat-page #chat-body{height:calc(100dvh - 280px);min-height:340px;padding:14px 12px}.student-chat-page #chat-body .conversation-row{max-width:87%}.student-chat-page .diskusi-card .card-footer{padding:10px}}@media(max-width:600px){.bio-teacher .teacher-chat-wrap .diskusi-card>.card-header.teacher-chat-card-heading{align-items:flex-start;flex-direction:column;padding:16px 18px!important}.bio-teacher .teacher-chat-live{font-size:10px}}@media(prefers-reduced-motion:reduce){.advance_feature.learning_part .learning_member_text>.row:first-child:after,.bio-teacher .teacher-page-heading:after,.diskusi-card>.card-header:after,.pb-page .pb-header:after,.qa-page .qa-heading:after,.studio-page .studio-hero:after,.testimonial_part>:is(.container,.container-fluid)>.row:first-child>[class*=col]>.section_tittle:after{animation:none}}