*{padding:0;box-sizing:border-box;margin:0}.container-wrap{min-height:100%;display:flex;flex-direction:column;height:100%}header,footer{width:100%}header{overflow:visible;z-index:100;position:relative;padding:0;background:rgb(104,171,154);margin-top:0}a{color:inherit;text-decoration:none}svg{width:30px;height:30px}footer{position:relative;z-index:1}footer::before{content:"";bottom:0;right:0;opacity:0.9;top:0;background:linear-gradient(145deg,rgb(200,230,217) 0%,rgb(153,204,185,0.5) 100%);z-index:-2;position:absolute;left:0}.ssl-info::after{top:0;position:absolute;height:6px;content:"";background:linear-gradient(90deg,rgb(153,204,185),rgb(104,171,154));width:100%;left:0}.ssl-info .container{display:flex;flex-wrap:wrap;gap:3rem;position:relative}.ssl-info .company_holder::before{content:"";border-top-right-radius:10px;width:100%;border-top-left-radius:10px;position:absolute;top:0;left:0;background:rgb(153,204,185);height:5px}.ssl-info .company_holder h3::after{position:absolute;bottom:-0.5rem;height:3px;content:"";width:80px;left:0;background:rgb(104,171,154)}.ssl-info .desktop-app{flex:1 1 calc(100% - 450px);min-width:400px}.ssl-info .nav-lesson{display:flex;flex-wrap:wrap;gap:2.5rem}.ssl-info .top-main h5{color:#ffffff;background:rgb(104,171,154);font-weight:600;padding:1rem 1.5rem;font-size:18px;position:relative;margin:0}.ssl-info .top-main .nav-lesson{display:flex;flex-direction:column;padding:1rem 0;gap:0}.ssl-info .top-main .nav-lesson a::before{left:0;z-index:-1;position:absolute;transition:all 0.3s ease;height:100%;top:0;content:"";background:rgb(200,230,217);width:0}.ssl-info .top-main .nav-lesson a:hover{color:rgb(153,204,185);padding-left:2.2rem}.ssl-info .top-main .nav-lesson a:hover::before{width:100%}.ssl-info .top-main .nav-lesson a:hover::after{opacity:1}.policy-links::before{left:10%;height:1px;position:absolute;top:0;content:"";right:10%;background:linear-gradient(90deg,transparent,rgb(153,204,185,0.5),transparent)}.policy-links .teach-supp{font-weight:400;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:0.8rem 2rem;background:#ffffff;text-align:center;font-size:13px;border-radius:50px;color:#000000}.try-immediately::after{position:absolute;content:'';left:0;height:100%;top:0;width:100%;background-image:radial-gradient(circle at 10% 10%,rgba(rgb(153,204,185),0.15) 0%,transparent 15%),radial-gradient(circle at 90% 90%,rgba(rgb(104,171,154),0.15) 0%,transparent 15%);z-index:2}.try-immediately::after{left:0;height:100%;width:100%;position:absolute;z-index:3;top:0;background-image:radial-gradient(circle at 10% 10%,rgb(153,204,185) 0%,rgb(153,204,185) 3px,transparent 3px),radial-gradient(circle at 90% 10%,rgb(153,204,185) 0%,rgb(153,204,185) 3px,transparent 3px),radial-gradient(circle at 10% 90%,rgb(104,171,154) 0%,rgb(104,171,154) 3px,transparent 3px),radial-gradient(circle at 90% 90%,rgb(104,171,154) 0%,rgb(104,171,154) 3px,transparent 3px);animation:cornerDotsGlow 4s ease-in-out infinite alternate;opacity:0.8;background-repeat:no-repeat;content:''}.try-immediately::after{position:absolute;height:3px;width:100%;top:0;content:'';background:linear-gradient(90deg,transparent,rgb(153,204,185),transparent);left:0;z-index:3;animation:topBarAnimate 4s ease-in-out infinite}.try-immediately .why-choose{backdrop-filter:blur(10px);z-index:5;padding:4rem 3rem;display:flex;margin:0 auto;text-align:center;justify-content:center;box-shadow:0 20px 40px rgba(0,0,0,0.1);transition:all 0.5s cubic-bezier(0.23,1,0.32,1);align-items:center;overflow:hidden;flex-direction:column;position:relative;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);max-width:1000px;border-radius:21px}.try-immediately .why-choose::before,.try-immediately .why-choose::after{content:'';border-style:solid;width:40px;position:absolute;border-width:0;height:40px}.try-immediately .why-choose::before{border-left-width:2px;left:15px;top:15px;border-top-width:2px;animation:cornerPulse 3s infinite alternate;border-color:rgb(153,204,185)}.try-immediately .why-choose::before{left:0;background-repeat:no-repeat;background-image:linear-gradient(90deg,rgb(153,204,185) 2px,transparent 2px),linear-gradient(90deg,rgb(153,204,185) 2px,transparent 2px),linear-gradient(0deg,rgb(104,171,154) 2px,transparent 2px),linear-gradient(0deg,rgb(104,171,154) 2px,transparent 2px);background-size:15px 2px,15px 2px,2px 15px,2px 15px;top:0;opacity:0.7;position:absolute;background-position:0 20px,0 calc(100% - 20px),20px 0,calc(100% - 20px) 0;content:'';width:100%;height:100%;z-index:-1}.try-immediately .support-contact{border-radius:10px;position:relative;overflow:hidden;display:inline-flex;text-transform:uppercase;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);text-decoration:none;font-size:17px;font-weight:600;letter-spacing:2px;background:linear-gradient(135deg,rgb(153,204,185) 0%,rgb(104,171,154) 100%);justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,0.15);padding:1.3rem 3rem;color:#ffffff;z-index:2;border:none;align-items:center}.try-immediately .support-contact:hover::before{opacity:1}.try-immediately .support-contact::after{left:15px;bottom:7px;background-image:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.5) 40%,transparent 40%,transparent 60%,rgba(255,255,255,0.5) 60%,rgba(255,255,255,0.5) 80%,transparent 80%,transparent 100%);right:15px;content:'';transition:opacity 0.4s ease;height:2px;position:absolute;opacity:0.5}.title-greeting::after{background:radial-gradient(circle at center,rgba(255,255,255,0.1) 0%,transparent 70%);top:-50%;position:absolute;height:100%;transform:rotate(-15deg) scale(2);width:100%;right:-50%;content:"";z-index:2;pointer-events:none}.title-greeting .why-choose{position:relative;padding:2rem 10%;flex-direction:column;z-index:3;margin:0 auto;justify-content:center;display:flex;height:100%;align-items:flex-start;max-width:1400px}.title-greeting h1::after{animation:expandLine 1s cubic-bezier(0.215,0.61,0.355,1) forwards 1s;position:absolute;bottom:-10px;width:80px;transform:scaleX(0);height:4px;transform-origin:left;content:"";background:rgb(104,171,154);left:0}.title-greeting .text-slot::before{background:linear-gradient(135deg,transparent,rgba(255,255,255,0.05));z-index:-1;width:100%;top:0;left:0;content:"";position:absolute;height:100%}.title-greeting .start-begin{position:relative;margin:2rem 0;transform:translateY(20px) scale(0.95);justify-content:center;display:flex;opacity:0;animation:fadeScaleIn 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards 1.2s}.title-greeting .start-begin svg:hover{transform:scale(1.05) translateY(-5px)}.title-greeting .start-begin svg path{transition:fill 0.4s ease}.title-greeting .start-begin svg:hover path{fill:#ffffff}.title-greeting h6{text-align:center;width:100%;margin-top:2rem}.title-greeting .help-inquiry::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);top:0;left:0;transition:transform 0.6s ease;content:"";height:100%;transform:translateX(-100%);width:100%;position:absolute}.title-greeting .help-inquiry:hover{background:rgb(153,204,185);box-shadow:0 12px 25px -8px rgba(0,0,0,0.3);transform:translateY(-5px)}.title-greeting .help-inquiry:hover::before{transform:translateX(100%)}.contact-box::before{opacity:0.05;position:absolute;height:100%;right:0;width:50%;content:"";top:0;background:repeating-radial-gradient( circle at 80% 50%,rgb(153,204,185,0.5),rgb(153,204,185,0.5) 1px,transparent 1px,transparent 15px )}.contact-box h2::before{left:50%;border-radius:2px;height:4px;background:rgb(153,204,185);bottom:-15px;position:absolute;transform:translateX(-50%);width:60px;content:""}.contact-box .img-display{overflow:hidden;height:550px;position:relative;border-radius:27px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.15);transition:transform 0.5s ease;transform:perspective(1000px) rotateY(-5deg)}.contact-box .query-list:hover{transform:perspective(1000px) rotateY(0deg)}.contact-box form{width:100%}.contact-box form h3{color:#000000;font-size:23px;margin-bottom:30px;font-family:Arial,sans-serif;font-weight:600}.contact-box form input[type="text"]:focus{box-shadow:0 0 0 2px rgb(153,204,185);outline:none}.contact-box form input[type="text"]::placeholder{color:#000000;opacity:0.5}.contact-box .query-box input[type="checkbox"]{opacity:0;position:absolute}.contact-box .query-box label{color:#000000;cursor:pointer;padding-left:35px;font-size:13px;line-height:1.5;position:relative}.contact-box .query-box input[type="checkbox"]:checked + label::before{background:rgb(153,204,185)}.contact-box .query-box label a{color:rgb(153,204,185);text-decoration:none;transition:all 0.3s ease}.contact-box .query-box label a:hover{color:rgb(104,171,154)}.contact-box form .help-inquiry{position:relative;background:rgb(153,204,185);overflow:hidden;transition:all 0.3s ease;font-size:16px;border-radius:10px;cursor:pointer;padding:16px 35px;color:#ffffff;font-weight:600;font-family:Arial,sans-serif;border:none}.contact-box form .help-inquiry span{position:relative;z-index:1}.contact-box svg path{fill:rgb(153,204,185);transition:fill 0.3s ease}.our-mission::before{background:linear-gradient(135deg,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0.75) 90%);bottom:0;top:0;content:"";position:absolute;left:0;z-index:1;right:0}.our-mission .container{z-index:3;max-width:1200px;padding:0 20px;position:relative;margin:0 auto}.our-mission .text-slot{position:relative;padding:40px 50px;background:rgba(255,255,255,0.9);backdrop-filter:blur(5px);transition:transform 0.6s cubic-bezier(0.19,1,0.22,1);box-shadow:0 20px 50px rgba(0,0,0,0.12),0 5px 15px rgba(0,0,0,0.08);transform:perspective(1000px) rotateY(-1deg)}.our-mission .text-slot h1{line-height:1.2;display:inline-block;padding-bottom:15px;font-weight:700;margin-bottom:30px;font-size:47px;letter-spacing:-0.5px;position:relative;color:#000000}.our-mission .text-slot:hover h1::after{width:100%}.our-mission .text-slot ul li{margin-bottom:15px}.our-mission .text-slot:hover h4{transform:translateX(10px)}.our-mission .text-slot h4::before{height:2px;content:'';width:0;left:0;bottom:-5px;transition:width 0.5s cubic-bezier(0.25,1,0.5,1);position:absolute;background:rgb(153,204,185)}.our-mission .text-slot span::first-letter{color:rgb(104,171,154);font-weight:600;font-size:1.5em}.info-hub{padding:6rem 0;position:relative;background:rgb(200,230,217);overflow:hidden}.info-hub::before{position:absolute;left:0;background:radial-gradient(circle at 20% 20%,rgb(153,204,185,0.5) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgb(104,171,154,0.5) 0%,transparent 40%);content:"";height:100%;top:0;z-index:0;width:100%}.info-hub .write-form:nth-child(2){overflow:hidden;z-index:0;width:30%;box-shadow:0 15px 30px rgba(0,0,0,0.2);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);position:relative}.info-hub .write-form:nth-child(3){width:35%;display:flex;background:linear-gradient(225deg,rgb(104,171,154,0.5) 0%,#000000 100%);flex-direction:column;padding:3rem;justify-content:center;border-radius:0 11px 11px 0;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.info-hub .course-info{font-weight:600;margin-bottom:1rem;font-size:calc(17px * 1.2);color:#ffffff;letter-spacing:0.5px}.info-hub .assist-team{opacity:0.9;line-height:1.7;color:#ffffff;margin-bottom:2rem}.info-hub .write-form p span{font-weight:600}.info-hub .request-feedback::before{background:linear-gradient(90deg,rgb(104,171,154),transparent);position:absolute;content:"";top:0;left:0;height:1px;width:100%}.info-hub .get-in-touch span{align-items:center;padding-left:1.5rem;padding:0.5rem 0;transition:all 0.3s ease;color:#ffffff;font-size:calc(17px * 0.9);display:flex;position:relative}.info-hub .get-in-touch span:hover{transform:translateX(5px)}.info-hub .write-form .img-display:hover{filter:saturate(1) contrast(1)}.info-hub .write-form .img-display::before{width:100%;height:100%;content:'';background:linear-gradient(135deg,rgb(153,204,185,0.5) 0%,transparent 50%);top:0;left:0;position:absolute;z-index:1}.info-hub .instant-contact a::before{content:'';top:0;height:100%;transition:all 0.3s ease;z-index:-1;position:absolute;width:0;background:rgb(104,171,154,0.5);left:0}.info-hub .instant-contact a:hover::before{width:100%}.info-hub .instant-contact a span{font-size:calc(17px * 0.9);flex:0 0 auto;color:#ffffff;display:flex;gap:0.5rem;opacity:0.7;align-items:center}.info-hub svg{width:20px;fill:none;height:20px}.info-hub .instant-contact a:hover svg path{fill:#ffffff}.privacy-notify{padding:20px 0;align-items:center;justify-content:space-between;display:flex}.trackingPolicyPanel h5{margin-bottom:6px;font-size:22px}.trackingPolicyPanel p{font-size:18px}.data-approval{margin-right:10px;flex-shrink:0}.cookie-gate{min-width:120px;margin-left:10px;white-space:nowrap;font-size:24px;cursor:pointer;line-height:35px;text-align:center;flex-shrink:0;text-decoration:none;border-bottom:2px solid rgb(153,204,185);color:rgb(153,204,185)}.container-wrap .cookie-gate{color:#ffffff;margin-left:30px;font-size:20px;background:rgb(153,204,185);border:none;padding:10px;font-weight:400}.price-package::before{width:100%;top:0;height:100%;position:absolute;background:linear-gradient(135deg,rgb(153,204,185,0.5) 0%,transparent 70%);pointer-events:none;content:"";left:0;z-index:1}.price-package .container{position:relative;margin:0 auto;max-width:1400px;padding:0 2rem;z-index:2}.price-package .cost-matrix{position:relative;border-left:4px solid rgb(153,204,185);transform:translateZ(0);box-shadow:0 15px 30px rgba(0,0,0,0.1);background-color:#ffffff;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);padding:2rem}.price-package .cost-matrix h2{font-size:33px;transform:perspective(800px) translateZ(30px);position:relative;margin-bottom:1.5rem;font-weight:700;color:#000000}.price-package .cost-matrix .learning-fee{max-width:80%;line-height:1.6;color:#000000;font-size:18px}.price-package .cert-fees{text-decoration:none;display:block;color:inherit;transition:all 0.4s ease;position:relative;transform-style:preserve-3d}.price-package .cert-fees:hover .skill-offers{transform:translateZ(20px);box-shadow:0 20px 40px rgba(0,0,0,0.12),0 0 0 1px rgb(153,204,185,0.5)}.price-package .cert-fees:hover .skill-offers{transform:rotate(0) translateZ(20px)}.price-package .cert-fees:nth-child(odd) .skill-offers{transform:rotate(-1deg)}.price-package .cert-fees:nth-child(even) .skill-offers{transform:rotate(1deg)}.price-package .pricing-rates::before{left:0;height:100%;content:"";width:100%;background:linear-gradient(135deg,#ffffff 0%,rgba(255,255,255,0.8) 100%);z-index:-1;position:absolute;top:0}.price-package .cert-fees:hover .pricing-rates h3{transform:translateZ(25px)}.price-package .pricing-rates h3::after{transition:width 0.3s ease;height:3px;bottom:-8px;left:0;content:"";position:absolute;background:rgb(153,204,185);width:40px}.price-package .study-costs::before{content:"";background:linear-gradient(90deg,rgb(153,204,185,0.5),transparent);height:2px;width:80px;left:0;position:absolute;bottom:-8px}.price-package .img-display{transform:translateZ(0);overflow:hidden;height:200px;width:100%;transition:transform 0.5s ease;position:relative}.price-package .img-display::before{top:0;position:absolute;content:"";transition:opacity 0.3s ease;opacity:0.15;z-index:1;background:rgb(153,204,185);left:0;height:100%;width:100%}header::before{background-image:linear-gradient(0deg,rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);z-index:0;position:absolute;left:0;content:'';width:100%;height:100%;background-size:20px 20px;top:0}header .head-nav{z-index:5;position:relative;justify-content:space-between;padding:1.3rem 2.5rem;display:flex;align-items:center}header .header-edu::before{height:100%;width:100%;content:'';border-top:1px solid rgba(255,255,255,0.2);position:absolute;border-bottom:1px solid rgba(255,255,255,0.2);top:0;opacity:0;transform:scaleX(0);transition:all 0.4s ease;left:0}header .nav-study::after{right:-5px;transition:all 0.3s ease;height:10px;position:absolute;background:rgb(153,204,185);bottom:-5px;width:10px;content:'';opacity:0}header .top-main::before{background:rgb(153,204,185);height:1px;top:50%;right:-20px;width:40px;transform:translateY(-50%);content:'';position:absolute}header .main-teach a::before{z-index:-1;position:absolute;transition:transform 0.3s ease;transform:translateX(-100%);width:100%;background:rgb(153,204,185);content:'';height:100%;left:0;top:0}header .main-teach a:hover{border-right-color:rgba(255,255,255,0.2);color:#ffffff;border-left-color:rgba(255,255,255,0.2)}header .main-teach a::after{width:100%;transform:scaleX(0);background:rgb(153,204,185);position:absolute;left:0;top:0;height:2px;content:'';transition:transform 0.3s ease;transform-origin:right}header .main-teach:hover::before{transform:translateY(-50%) scale(1)}header .head-nav::before{left:20px;position:absolute;background:rgb(153,204,185);height:1px;top:20px;content:'';width:30px}header .main-teach:last-child::after{font-weight:700;top:50%;right:-10px;transform:translateY(-50%);position:absolute;color:rgb(153,204,185);animation:typingCursor 1s infinite;content:'|'}.course-structure .container{position:relative;z-index:2}.course-structure .class-map{flex-direction:column;display:flex;position:relative}.course-structure .text-slot{padding:40px;z-index:3;background:#ffffff;order:2;width:80%;margin:-80px auto 0;position:relative;box-shadow:0 20px 50px rgba(0,0,0,0.1);border-radius:19px}.course-structure .text-slot h2::after{height:3px;width:80px;bottom:0;transform:translateX(-50%);background:linear-gradient(to right,rgb(153,204,185),rgb(104,171,154));left:50%;border-radius:10px;content:'';position:absolute}.course-structure .img-display{border-radius:19px;overflow:hidden;height:500px;margin:0 auto;z-index:2;order:1;box-shadow:0 20px 40px rgba(0,0,0,0.2);width:100%;position:relative;transform:perspective(1000px) rotateX(5deg);transform-origin:bottom}.course-structure .class-map::before{top:20px;border-radius:50%;position:absolute;z-index:1;animation:pulse 4s ease-in-out infinite;border:2px solid rgb(153,204,185,0.5);height:60px;content:'';width:60px;left:10%}.appWrap{position:relative;overflow:hidden;padding:7rem 0;background:linear-gradient(135deg,rgb(200,230,217) 0%,rgb(153,204,185,0.5) 100%)}.appWrap::before{background:radial-gradient(circle at 15% 15%,rgb(153,204,185,0.5) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgb(104,171,154,0.5) 0%,transparent 50%);content:"";top:0;left:0;position:absolute;animation:backgroundPulse 12s infinite alternate ease-in-out;z-index:0;width:100%;height:100%;opacity:0.25}.appWrap h2{transform:perspective(1000px) rotateX(2deg);color:#000000;padding-bottom:1.5rem;font-weight:700;font-size:36px;max-width:90%;position:relative;line-height:1.3;font-family:Arial,sans-serif;margin-bottom:3rem}.appWrap h2:hover::after{width:180px}.appWrap .why-choose{border-left:4px solid rgb(153,204,185);background:linear-gradient(145deg,#ffffff 0%,rgb(255,255,255,0.5) 100%);box-shadow:0 10px 30px -15px rgba(0,0,0,0.5),0 2px 5px rgba(0,0,0,0.05);padding:2.5rem;border-radius:0 10px 10px 0;transform:perspective(1000px) rotateY(-1deg);transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);position:relative}.appWrap ul{list-style:none;z-index:1;margin:0;position:relative;padding:0}.appWrap li{position:relative;padding-left:2rem}.appWrap span{display:block;line-height:1.8;position:relative;color:#000000;font-family:Arial,sans-serif;font-size:12px}.appWrap span::after{height:4px;content:"";width:60px;background:linear-gradient(90deg,transparent,rgb(104,171,154,0.5));position:absolute;right:0;bottom:-15px}.privacy-cordon h1{font-size:44px;padding-bottom:10px;border-bottom:2px solid rgb(153,204,185);font-weight:700;text-transform:uppercase;margin-bottom:40px;color:rgb(153,204,185)}.privacy-cordon h3,.privacy-cordon h4,.privacy-cordon h5,.privacy-cordon h6{margin:30px 0;color:rgb(153,204,185);text-transform:uppercase}.privacy-cordon h3{font-weight:700;font-size:calc(21px - 2px)}.privacy-cordon ul,.privacy-cordon ol{margin:20px 0;padding-left:25px;list-style:none}.privacy-cordon ol{counter-reset:list-counter}.privacy-cordon ol li{counter-increment:list-counter}.privacy-cordon li{position:relative;padding-left:15px;line-height:1.6;margin-bottom:15px;font-size:12px}.privacy-cordon p{margin-bottom:20px;text-align:justify;font-size:12px;line-height:1.8}.privacy-cordon div{margin-bottom:25px}.instructor-history::before{width:120%;top:-10%;background:rgb(104,171,154,0.5);height:70%;content:"";position:absolute;z-index:1;transform:rotate(-12deg);left:-5%}.instructor-history .img-display{width:280px;height:350px;transform:rotate(-5deg);border-radius:12px;transition:all 0.5s ease;box-shadow:15px 15px 0 rgb(153,204,185,0.5)}.instructor-history .career-explore{padding:2rem;border-radius:12px;box-shadow:0 10px 30px -15px rgba(0,0,0,0.5);max-width:60%;transform:rotate(2deg) translateY(-30px);position:relative;transition:all 0.5s ease;background:#ffffff}.instructor-history .career-explore:hover{transform:rotate(0deg) translateY(-20px)}.instructor-history .name{font-weight:700;color:rgb(153,204,185);margin-bottom:0.5rem;font-size:28px;transform:translateX(-20px)}.instructor-history .career-exp{color:#000000;font-style:italic;position:relative;font-weight:400;line-height:1.6;padding-left:1.5rem;font-size:17px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-button{border-radius:3px;background:rgb(104,171,154,0.5);height:7px}::-webkit-scrollbar-track{border:1px solid rgb(104,171,154);border-radius:8.4em;background:rgb(153,204,185)}::-webkit-scrollbar-thumb{background:rgb(104,171,154);border-radius:6.4em;transition:background 2.5s ease}::-webkit-scrollbar-thumb:hover{background:rgb(200,230,217);transform:translateX(2px)}::-webkit-scrollbar-thumb:active{box-shadow:inset -5px -3px 4px 8px rgba(0,0,0,0.1);transform:translateY(1px);background:rgb(104,171,154)}::-webkit-scrollbar-corner{background:rgb(153,204,185,0.5);border-radius:5px}@media (max-width: 768px) {.ssl-info{padding:3rem 0 1.5rem}.ssl-info .nav-lesson{gap:1.5rem}.ssl-info .company_holder{padding:2rem}.ssl-info .company_holder h3{font-size:calc(34px - 2px)}.policy-links{margin-top:2rem}} @media (max-width: 420px) {.ssl-info .company_holder h3::after{width:50px}.ssl-info .top-main .nav-lesson a:hover{padding-left:2rem}.policy-links .teach-supp{padding:0.7rem 1.5rem;width:90%}} @media (max-width: 991px) {.title-greeting{min-height:100vh;height:auto}.title-greeting .why-choose{padding:8rem 5% 4rem}.title-greeting h1{max-width:100%;font-size:calc(43px * 1.1)}.title-greeting .text-slot{padding:2rem;max-width:100%}} @media (max-width: 480px) {.title-greeting h1{font-size:calc(43px * 0.85)}.title-greeting .text-slot{padding:1.25rem}.title-greeting .start-begin svg{height:80px;width:80px}} @media screen and (max-width: 991px) {.contact-box{padding:80px 0}.contact-box .support-section{gap:40px;grid-template-columns:1fr}.contact-box .img-display{height:400px;transform:perspective(1000px) rotateY(0deg)}.contact-box .query-list{transform:perspective(1000px) rotateY(0deg)}} @media screen and (max-width: 576px) {.contact-box{padding:50px 0}.contact-box h2{font-size:calc(28px * 0.85)}.contact-box .img-display{height:250px}.contact-box .query-list{padding:30px 25px}.contact-box form h3{font-size:calc(23px * 0.9)}.contact-box form .help-inquiry{width:100%}} @media (max-width: 768px) {.our-mission{padding:60px 0}.our-mission .text-slot{padding:25px 30px}.our-mission .text-slot h1{font-size:calc(47px * 0.8);margin-bottom:20px}.our-mission .text-slot h4{font-size:calc(22px * 0.9)}.our-mission .text-slot span{font-size:calc(12px * 0.95);line-height:1.7}} @media (max-width: 1200px) {.info-hub .write-form:nth-child(1){width:40%}.info-hub .write-form:nth-child(2){width:25%}.info-hub .write-form:nth-child(3){width:35%}} @media (max-width: 992px) {.info-hub .message-page{flex-direction:column}.info-hub .write-form:nth-child(1),.info-hub .write-form:nth-child(2),.info-hub .write-form:nth-child(3){width:100%;border-radius:11px;margin-bottom:1.5rem;clip-path:none}.info-hub .write-form .img-display{min-height:300px}.info-hub .instant-contact{gap:1rem;flex-wrap:wrap;flex-direction:row}.info-hub .instant-contact a{min-width:250px;flex:1 1 calc(50% - 0.5rem)}} @media only screen and (max-width: 1200px) {.trackingPolicyPanel{padding:20px}} @media only screen and (max-width: 800px) {.data-approval{display:none}.privacy-notify{justify-content:center;align-items:center;flex-direction:column}.trackingPolicyPanel h5{text-align:center}.trackingPolicyPanel p{text-align:center}.privacy-gate{margin-bottom:20px}body .container-wrap .cookie-gate{margin-left:0;margin-bottom:10px}} @media (min-width: 1200px) {.price-package .study-offers{gap:2.5rem;grid-template-columns:repeat(2,1fr)}.price-package .pricing-rates{min-height:300px}} @media (max-width: 991px) {.price-package{padding:4rem 0}.price-package .cost-matrix{order:-1}.price-package .cost-matrix h2{font-size:calc(33px * 0.9)}.price-package .cost-matrix .learning-fee{max-width:100%}} @media (max-width: 480px) {.price-package .pricing-rates p{font-size:calc(18px * 0.9)}.price-package .pricing-rates h3{font-size:20px}.price-package .study-costs{font-size:calc(20px * 1.3)}.price-package .img-display{height:160px}} @media (min-width: 1400px) {header .head-nav{margin:0 auto;max-width:1320px}header .main-teach{margin:0 2px}header .main-teach a{padding:0 1.5rem}} @media (max-width: 767px) {header{padding:0}header .head-nav{padding:0.8rem 1.5rem}header .header-edu{max-width:140px;padding:0.4rem 0.6rem}header .nav-study img{max-height:35px}header .top-main{overflow-x:auto;scrollbar-width:thin;margin-top:0.8rem;-webkit-overflow-scrolling:touch;padding-bottom:0.5rem;justify-content:flex-start}header .top-main::-webkit-scrollbar{height:3px}header .top-main::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(153,204,185)}header .main-teach{margin:0;flex:0 0 auto}header .main-teach a{height:35px;font-size:calc(18px - 2px);white-space:nowrap;padding:0 0.8rem;letter-spacing:0.5px}header .main-teach:last-child::after{display:none}} @media (max-width: 1200px) {.course-structure .text-slot{width:70%}} @media (max-width: 992px) {.course-structure{padding:100px 0}.course-structure .text-slot{width:80%;padding:30px}.course-structure .img-display{height:350px}} @media (max-width: 768px) {.course-structure{padding:80px 0}.course-structure .text-slot{width:90%;padding:25px;margin-top:-50px}.course-structure .img-display{transform:perspective(1000px) rotateX(3deg);width:100%;height:300px}.course-structure .class-map::before,.course-structure .class-map::after{display:none}} @media (max-width: 991px) {.appWrap{padding:5rem 0}.appWrap h2{max-width:100%;font-size:calc(36px * 0.9);margin-bottom:2rem}.appWrap .why-choose{padding:2rem}} @media (max-width: 767px) {.appWrap{padding:4rem 0}.appWrap h2{transform:perspective(1000px) rotateX(1deg);margin-bottom:1.5rem;font-size:calc(36px * 0.8)}.appWrap .why-choose{padding:1.5rem;transform:perspective(1000px) rotateY(-0.5deg)}.appWrap li{padding-left:1.5rem}.appWrap li::before{width:10px;top:0.4rem;height:10px}} @media only screen and (max-width: 800px) {.privacy-cordon{border-radius:10px;padding:40px}.privacy-cordon h1{font-size:calc(21px - 8px)}.privacy-cordon h2{font-size:calc(21px - 6px)}.privacy-cordon ul,.privacy-cordon ol{padding-left:20px}.privacy-cordon li{font-size:calc(12px - 1px)}.privacy-cordon p{font-size:calc(12px - 1px)}} @keyframes gridAnimate {0%{background-position:0 0}100%{background-position:30px 30px}} @keyframes cornerPulse {0%{opacity:0.5;width:40px;height:40px}100%{opacity:1;width:50px;height:50px}} @keyframes topBarAnimate {0%,100%{opacity:0.3;transform:scaleX(0.5)}50%{opacity:0.8;transform:scaleX(1)}} @keyframes slideInTitle {from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}} @keyframes fadeUpIn {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes pulse {0%{opacity:0.1;transform:rotate(-15deg) scale(1)}50%{opacity:0.15;transform:rotate(-15deg) scale(1.05)}100%{opacity:0.1;transform:rotate(-15deg) scale(1)}} @keyframes float {0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}} @keyframes floatElement {0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-20px,20px) rotate(3deg)}100%{transform:translate(20px,-20px) rotate(-3deg)}}