*{padding:0;margin:0;box-sizing:border-box}svg{width:30px;height:30px}.container{max-width:100%;width:1141px;margin:auto}html,body{min-height:100%;auto scroll-behavior:auto;height:100%;scroll-snap-type:none;color:#000000;auto contain touch-action:none;font-family:Ubuntu,sans-serif}.wrapping-container{height:100%;min-height:100%;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}.class-guide{flex:0 0 auto}.header-wrap{flex:1 0 auto}header,footer{width:100%}@media only screen and (max-width: 1200px) {.container{padding:0 20px;width:100%}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .class-guide{padding:6rem 0 2rem;background:linear-gradient(45deg,#000000 0%,rgb(117,139,134,0.5) 100%);color:#ffffff;position:relative;font-family:Ubuntu,sans-serif}.class-guide::before{height:100%;background-image:radial-gradient(circle at 20% 30%,rgb(152,177,175,0.5) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgb(117,139,134,0.5) 0%,transparent 30%);content:'';position:absolute;opacity:0.15;left:0;width:100%;z-index:1;top:0}.class-guide::after{width:100%;left:0;content:'';position:absolute;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px);top:0;height:100%;z-index:2}.class-guide .container{z-index:3;position:relative}.class-guide .trial-offer{flex-direction:column;position:relative;display:flex}.class-guide .reach-us6Vq{transform:translateY(-3.5rem);flex-wrap:wrap;background-color:#ffffff;box-shadow:0 10px 40px rgba(0,0,0,0.1);margin-bottom:2rem;padding:1.25rem 2rem;z-index:10;display:flex;gap:1.5rem;position:relative;border-radius:26px;justify-content:space-between}.class-guide .reach-us6Vq::before{height:100%;background:linear-gradient(135deg,transparent 20%,rgb(152,177,175,0.5) 140%);width:100%;opacity:0.08;z-index:-1;border-radius:26px;top:0;content:'';position:absolute;left:0}.class-guide .info_item{flex:1;position:relative;max-width:300px;transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);min-width:200px}.class-guide .info_item:not(:last-child)::after{top:50%;right:-0.75rem;width:1px;content:'';height:70%;position:absolute;transform:translateY(-50%);background:linear-gradient(to bottom,transparent,rgb(117,139,134,0.5),transparent)}.class-guide .info_item p,.class-guide .info_item a{display:flex;color:#000000;padding:0.5rem;text-decoration:none;transition:all 0.3s ease;gap:0.875rem;font-size:16px;border-radius:10px;align-items:center}.class-guide .info_item:hover{transform:translateY(-5px)}.class-guide .info_item:hover p,.class-guide .info_item:hover a{color:rgb(152,177,175)}.class-guide .info_item svg{transition:transform 0.3s ease;height:22px;width:22px;fill:rgb(152,177,175)}.class-guide .info_item:hover svg{transform:scale(1.15)}.class-guide .text_main_holder{display:grid;gap:4rem;position:relative;grid-template-columns:1fr 1.5fr 1fr}.class-guide .header-pro{flex-direction:column;gap:1.5rem;display:flex}.class-guide .header-pro svg{filter:brightness(0) invert(1);transition:filter 0.3s ease,transform 0.3s ease;height:auto;max-width:180px}.class-guide .header-pro:hover svg{transform:scale(1.03);filter:brightness(0) invert(1) drop-shadow(0 0 5px rgb(152,177,175,0.5))}.class-guide .donate-btn{font-size:calc(16px + 1px);opacity:0.8;line-height:1.6}.class-guide .main-start{position:relative;flex-direction:column;display:flex}.class-guide .main-start::before{background:linear-gradient(to bottom,transparent,rgb(117,139,134,0.5) 30%,rgb(117,139,134,0.5) 70%,transparent);width:1px;position:absolute;top:0;content:'';left:-2rem;bottom:0}.class-guide .main-start::after{background:linear-gradient(to bottom,transparent,rgb(117,139,134,0.5) 30%,rgb(117,139,134,0.5) 70%,transparent);right:-2rem;width:1px;top:0;position:absolute;content:'';bottom:0}.class-guide .main-start h5{padding-bottom:0.875rem;position:relative;margin-bottom:1.75rem;font-weight:600;font-size:22px}.class-guide .main-start h5::after{content:'';left:0;background:linear-gradient(to right,rgb(152,177,175),transparent);bottom:0;width:60px;height:2px;position:absolute}.class-guide .top-pro{grid-template-columns:repeat(2,1fr);display:grid;gap:1.25rem}.class-guide .top-pro:first-child{margin-bottom:2rem}.class-guide .top-pro a{color:#ffffff;font-size:16px;transform-origin:left;padding:0.25rem 0;text-decoration:none;transition:all 0.3s ease;position:relative;opacity:0.85}.class-guide .top-pro a::before{content:'';width:0;bottom:0;transition:width 0.3s ease;height:1px;background-color:rgb(152,177,175);position:absolute;left:0}.class-guide .top-pro a:hover{transform:translateX(8px);color:rgb(152,177,175);opacity:1}.class-guide .top-pro a:hover::before{width:20px}.class-guide .subscribe_holder{padding:2rem;gap:1.5rem;display:flex;overflow:hidden;background:rgba(255,255,255,0.03);border-radius:26px;flex-direction:column;border:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(10px);position:relative}.class-guide .subscribe_holder::before{background:linear-gradient(135deg,transparent,rgba(255,255,255,0.05) 50%,transparent 100%),radial-gradient(circle at top right,rgb(152,177,175,0.5),transparent 70%);z-index:-1;height:100%;width:100%;opacity:0.2;top:0;content:'';position:absolute;left:0}.class-guide .subscribe_holder::after{right:0;z-index:-1;background:radial-gradient(circle,rgb(152,177,175,0.5) 0%,transparent 70%);position:absolute;width:150px;bottom:0;opacity:0.3;animation:pulseGlow 6s infinite alternate;height:150px;content:''}@keyframes pulseGlow {0%{opacity:0.1;transform:scale(0.8)}100%{opacity:0.3;transform:scale(1.2)}} .class-guide .subscribe_holder h5{padding-bottom:0.875rem;margin-bottom:0.5rem;position:relative;font-weight:600;font-size:22px}.class-guide .subscribe_holder h5::after{height:2px;position:absolute;bottom:0;left:0;background:rgb(152,177,175);content:'';width:40px}.class-guide .subscribe_holder p{font-size:16px;line-height:1.6;opacity:0.9;margin-bottom:0.5rem}.class-guide .input_holder{flex-direction:column;display:flex;margin-top:0.5rem;gap:1rem;position:relative}.class-guide .input_holder::before{left:-10px;top:-10px;position:absolute;height:calc(100% + 20px);width:calc(100% + 20px);opacity:0.1;content:'';animation:subtleRotate 15s linear infinite;border-radius:calc(10px + 10px);z-index:-1;background:radial-gradient(circle at bottom right,rgb(152,177,175,0.5) 0%,transparent 70%),radial-gradient(circle at top left,rgb(117,139,134,0.5) 0%,transparent 70%)}@keyframes subtleRotate {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .class-guide .input_holder input[type="email"]{border:1px solid rgba(255,255,255,0.1);color:#ffffff;background-color:rgba(255,255,255,0.1);font-size:16px;padding:1.125rem 1.5rem;transition:all 0.3s ease;border-radius:10px}.class-guide .input_holder input[type="email"]:focus{border-color:rgb(152,177,175,0.5);background-color:rgba(255,255,255,0.15);outline:none;box-shadow:0 0 0 3px rgb(152,177,175,0.5)}.class-guide .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.6)}.class-guide .news-panel{border:none;position:relative;transition:all 0.3s ease;border-radius:10px;color:#ffffff;overflow:hidden;background-color:rgb(152,177,175);font-weight:600;z-index:1;font-size:15px;padding:1.125rem 1.5rem;cursor:pointer}.class-guide .news-panel::before{width:100%;content:'';position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);height:100%;z-index:-1;transition:left 0.7s ease;top:0;left:-100%}.class-guide .news-panel::after{width:100%;opacity:0;z-index:-2;top:0;height:100%;left:0;position:absolute;transition:opacity 0.3s ease;content:'';background:rgb(117,139,134)}.class-guide .news-panel:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.class-guide .news-panel:hover::before{left:100%}.class-guide .news-panel:hover::after{opacity:1}.class-guide .award-show{position:relative;text-align:center;padding-top:2rem;margin-top:4rem}.class-guide .award-show::before{position:absolute;width:60%;top:0;background:linear-gradient(to right,transparent,rgb(117,139,134,0.5),transparent);left:20%;height:1px;content:''}.class-guide .module-end{font-size:16px;opacity:0.7}@media (max-width: 1200px) {.class-guide .text_main_holder{grid-template-columns:1fr 1.5fr;gap:3rem}.class-guide .subscribe_holder{grid-column:1 / -1;margin-top:2rem}.class-guide .main-start::after{display:none}} @media (max-width: 991px) {.class-guide{padding:5rem 0 2rem}.class-guide .reach-us6Vq{flex-wrap:wrap;justify-content:center}.class-guide .info_item{width:calc(50% - 2rem);flex:0 0 auto;max-width:none}.class-guide .info_item:not(:last-child)::after{display:none}.class-guide .text_main_holder{gap:3rem;grid-template-columns:1fr}.class-guide .main-start::before,.class-guide .main-start::after{display:none}.class-guide .header-pro{text-align:center;align-items:center}.class-guide .main-start h5,.class-guide .subscribe_holder h5{text-align:center}.class-guide .main-start h5::after,.class-guide .subscribe_holder h5::after{transform:translateX(-50%);left:50%}.class-guide .top-pro{grid-template-columns:repeat(3,1fr)}.class-guide .input_holder{max-width:400px;margin:0 auto}} @media (max-width: 768px) {.class-guide{padding:4rem 0 2rem}.class-guide .reach-us6Vq{transform:translateY(-2.5rem);padding:1rem 1.5rem}.class-guide .info_item{max-width:none;width:100%}.class-guide .top-pro{grid-template-columns:repeat(2,1fr)}.class-guide .award-show{margin-top:3rem}} @media (max-width: 576px) {.class-guide{padding:3rem 0 1.5rem}.class-guide .reach-us6Vq{transform:translateY(-1.5rem);padding:1rem}.class-guide .info_item p,.class-guide .info_item a{font-size:calc(16px - 1px)}.class-guide .top-pro{text-align:center;grid-template-columns:1fr}.class-guide .top-pro a:hover{transform:none}.class-guide .top-pro a::before{transform:translateX(-50%);left:50%}.class-guide .top-pro a:hover::before{width:30px}.class-guide .input_holder{width:100%}}.thxPanel{background:linear-gradient(135deg,rgb(152,177,175,0.5),rgb(117,139,134,0.5));position:relative;padding:6rem 2rem;min-height:70vh;display:flex;justify-content:center;overflow:hidden;align-items:center}.thxPanel::before{content:"";animation:pulse 15s ease-in-out infinite alternate;top:0;left:0;height:100%;transform-origin:center;background:radial-gradient(circle at 30% 70%,rgb(152,177,175,0.5) 0%,transparent 60%);position:absolute;z-index:1;width:100%}.thxPanel::after{content:"";height:50%;animation:float 20s ease-in-out infinite;bottom:-5%;right:-5%;position:absolute;z-index:0;width:50%;background:radial-gradient(circle,rgb(117,139,134,0.5) 0%,transparent 70%)}.thxPanel .container{transform:perspective(1000px) rotateX(2deg);margin:0 auto;max-width:1200px;width:100%;z-index:2;position:relative}.thxPanel .quick-training{transform:translateZ(0);display:grid;clip-path:polygon( 0 0,100% 0,100% 85%,95% 100%,0 100% );transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 25px 50px -12px rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.2),inset 0 0 0 1px rgba(255,255,255,0.2);gap:2.5rem;padding:3.5rem;grid-template-columns:1fr;background:rgba(255,255,255,0.85);backdrop-filter:blur(10px);position:relative}.thxPanel .quick-training:hover{transform:translateZ(30px) scale(1.02)}.thxPanel .quick-training > div:first-child{padding-left:2.5rem;position:relative;border-left:4px solid rgb(152,177,175)}.thxPanel .quick-training > div:first-child::before{content:"";left:-15px;border-radius:50%;background:rgb(152,177,175);animation:pulse 3s infinite alternate;height:26px;width:26px;box-shadow:0 0 20px rgba(rgb(152,177,175),0.5);transform:translateY(-50%);top:50%;position:absolute}.thxPanel h5{margin:0;line-height:1.4;font-size:calc(23px * 1.2);transition:transform 0.4s ease-out;font-weight:700;animation:slideIn 0.8s cubic-bezier(0.16,1,0.3,1) forwards;transform:translateX(0);opacity:0;color:#000000}.thxPanel .quick-training > div:nth-child(2){transition:transform 0.3s ease;animation:fadeIn 0.8s 0.4s ease-out forwards;opacity:0;position:relative}.thxPanel .quick-training > div:nth-child(2)::before{height:1px;top:-10px;background:linear-gradient(90deg,rgb(152,177,175),transparent);position:absolute;width:70%;content:"";left:0}.thxPanel a{display:block;transition:transform 0.4s ease-out;transform:translateY(0);text-decoration:none}.thxPanel a:hover{transform:translateY(-5px)}.thxPanel p{line-height:1.8;margin:0;font-size:13px;hyphens:auto;color:#000000;padding:1rem 0;position:relative}.thxPanel p::after{transform:scaleX(0);height:2px;bottom:0;content:"";position:absolute;background:linear-gradient(90deg,transparent,rgb(117,139,134));transform-origin:right;width:35%;right:0;transition:transform 0.6s cubic-bezier(0.19,1,0.22,1)}.thxPanel a:hover p::after{transform:scaleX(1)}@keyframes pulse {0%{opacity:0.6;transform:translateY(-50%) scale(0.95)}100%{opacity:1;transform:translateY(-50%) scale(1.05)}} @keyframes float {0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}100%{transform:translateY(0) rotate(0)}} @keyframes slideIn {0%{transform:translateX(-20px);opacity:0}100%{transform:translateX(0);opacity:1}} @keyframes fadeIn {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} @media (min-width: 768px) {.thxPanel{padding:8rem 3rem}.thxPanel .quick-training{clip-path:polygon( 0 0,100% 0,100% 90%,95% 100%,0 100% );padding:4rem;grid-template-columns:1fr 1fr;gap:3.5rem}.thxPanel h5{font-size:calc(23px * 1.4)}.thxPanel .quick-training > div:first-child::after{width:1px;position:absolute;height:80%;top:50%;transform:translateY(-50%);background:linear-gradient(to bottom,transparent,rgb(152,177,175,0.5),transparent);right:-3.5rem;content:""}.thxPanel .quick-training > div:nth-child(2)::before{width:40%}} @media (min-width: 992px) {.thxPanel .quick-training{padding:5rem;gap:5rem}.thxPanel h5{font-size:calc(23px * 1.5)}.thxPanel .quick-training > div:first-child{border-left-width:5px;padding-left:3rem}.thxPanel p{font-size:calc(13px * 1.1)}.thxPanel .container{transform:perspective(1500px) rotateX(3deg)}} @media (max-width: 767px) {.thxPanel{padding:4rem 1.5rem}.thxPanel .quick-training{padding:2.5rem 2rem}.thxPanel h5{font-size:23px}.thxPanel p{font-size:calc(13px * 0.95)}} @media (hover: hover) {.thxPanel .quick-training:hover > div:first-child::before{animation-duration:1.5s}} @media (prefers-reduced-motion) {.thxPanel .quick-training,.thxPanel a,.thxPanel h5,.thxPanel::before,.thxPanel::after{transition:none;animation:none}.thxPanel .quick-training > div:first-child::before{animation:none}.thxPanel .quick-training > div:nth-child(2){opacity:1}.thxPanel h5{opacity:1}}.title-portal{align-items:center;min-height:100vh;background:linear-gradient(135deg,rgb(187,212,210) 0%,#ffffff 100%);overflow:hidden;justify-content:center;display:flex;position:relative}.title-portal::before{content:"";width:100%;opacity:0.05;z-index:1;position:absolute;background:repeating-linear-gradient( -45deg,rgb(152,177,175,0.5) 0px,transparent 2px,transparent 10px );top:0;height:100%;left:0}.title-portal .quick-training{grid-template-columns:1fr 1fr;position:relative;padding:2rem;width:100%;gap:2rem;display:grid;z-index:2;max-width:1200px}.title-portal h1{transform:translateY(-10px);margin-bottom:1.5rem;color:#000000;font-size:46px;grid-column:1 / -1;opacity:0;font-weight:700;animation:slideInTitle 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.2s forwards;position:relative}.title-portal h1::after{transform-origin:left;bottom:-10px;position:absolute;animation:expandLine 1.2s cubic-bezier(0.165,0.84,0.44,1) 0.8s forwards;left:0;background:rgb(152,177,175);width:80px;content:"";height:4px;transform:scaleX(0)}.title-portal .text-details{display:flex;z-index:3;flex-direction:column;justify-content:center;transform:translateX(-20px);position:relative;animation:fadeSlideIn 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.4s forwards;opacity:0}.title-portal .start-hero{background:#ffffff;z-index:2;border-radius:28px;transition:transform 0.5s ease;box-shadow:0 15px 30px rgba(0,0,0,0.08),0 5px 15px rgba(0,0,0,0.05);transform:perspective(1000px) rotateY(-3deg);padding:2.5rem;position:relative}.title-portal .start-hero:hover{transform:perspective(1000px) rotateY(0)}.title-portal .start-hero::before{height:100%;border-radius:28px;content:"";opacity:0.1;top:0;position:absolute;left:0;background:linear-gradient(135deg,rgb(152,177,175,0.5) 0%,transparent 80%);width:100%}.title-portal .start-hero p{position:relative;margin-bottom:2rem;line-height:1.6;color:#000000;font-size:calc(12px * 1.2)}.title-portal .start-hero p::first-letter{font-size:calc(12px * 1.8);color:rgb(152,177,175);font-weight:700}.title-portal svg{animation:pulseGently 4s ease-in-out infinite;height:100px;width:100px;margin:2rem auto;display:block;transform-origin:center}.title-portal svg path{fill:rgb(152,177,175);transition:fill 0.3s ease}.title-portal svg:hover path{fill:rgb(117,139,134)}.title-portal svg text{transition:all 0.3s ease;font-weight:700}.title-portal svg:hover text{fill:#000000}.title-portal .request-message{font-weight:600;letter-spacing:0.5px;background:linear-gradient(45deg,rgb(152,177,175) 0%,rgb(117,139,134) 100%);padding:1rem 2rem;box-shadow:0 6px 12px rgba(0,0,0,0.1);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border-radius:10px;overflow:hidden;text-align:center;position:relative;font-size:18px;display:inline-block;color:#ffffff;z-index:2;text-decoration:none;margin-top:1rem}.title-portal .request-message::before{background:linear-gradient(45deg,transparent,rgba(255,255,255,0.2),transparent);position:absolute;left:-100%;content:"";transition:all 0.6s ease;width:100%;top:0;height:100%}.title-portal .request-message:hover{transform:translateY(-5px);box-shadow:0 12px 20px rgba(0,0,0,0.15)}.title-portal .request-message:hover::before{left:100%}.title-portal .image-header{width:100%;transform:translateX(20px);border-radius:28px;animation:fadeSlideIn 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.6s forwards;opacity:0;box-shadow:20px 20px 60px rgba(0,0,0,0.15),-20px -20px 60px rgba(255,255,255,0.8);transition:transform 0.5s ease;overflow:hidden;height:450px;position:relative}.title-portal .image-header:hover{transform:scale(1.02) perspective(1000px) rotateY(3deg)}.title-portal .image-header::after{position:absolute;z-index:1;background:linear-gradient(135deg,rgb(152,177,175,0.5) 0%,transparent 70%);right:0;content:"";left:0;bottom:0;top:0}@keyframes slideInTitle {to{transform:translateY(0);opacity:1}} @keyframes expandLine {to{transform:scaleX(1)}} @keyframes fadeSlideIn {to{opacity:1;transform:translate(0)}} @keyframes pulseGently {0%,100%{transform:scale(1)}50%{transform:scale(1.05)}} @media (max-width: 992px) {.title-portal .quick-training{grid-template-columns:1fr}.title-portal h1{font-size:calc(46px * 0.9)}.title-portal .start-hero{transform:perspective(1000px) rotateY(0);padding:2rem}.title-portal .image-header{height:350px;order:-1}} @media (max-width: 768px) {.title-portal{padding:3rem 0}.title-portal .quick-training{padding:1.5rem}.title-portal h1{font-size:calc(46px * 0.8)}.title-portal .start-hero p{font-size:12px}.title-portal svg{margin:1.5rem auto;width:80px;height:80px}.title-portal .request-message{width:100%}.title-portal .image-header{height:280px}} @media (max-width: 576px) {.title-portal .quick-training{padding:1rem}.title-portal h1{font-size:calc(46px * 0.7)}.title-portal .start-hero{padding:1.5rem}.title-portal .image-header{height:240px}.title-portal .start-hero p::first-letter{font-size:calc(12px * 1.4)}}.teaching-experience{position:relative;background:rgb(187,212,210);overflow:hidden;padding:100px 0}.teaching-experience::before{left:0;animation:gradientSlide 30s linear infinite;position:absolute;width:100%;opacity:0.3;content:"";height:100%;top:0;background-size:150px 100%;background:linear-gradient(90deg,transparent 9%,rgb(152,177,175,0.5) 10%,transparent 11%)}.teaching-experience .container{margin:0 auto;max-width:800px;z-index:2;position:relative}.teaching-experience .client-story{position:relative;box-shadow:0 5px 30px rgba(0,0,0,0.05);padding:60px 40px 40px;transition:all 0.5s cubic-bezier(0.25,1,0.5,1);border-radius:2px;display:flex;flex-direction:column;background:#ffffff}.teaching-experience .client-story:hover{box-shadow:0 15px 40px rgba(0,0,0,0.1);transform:translateY(-5px)}.teaching-experience .image-header{width:120px;transform:rotate(0deg);position:absolute;transition:all 0.5s ease;left:40px;height:120px;clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);top:-60px;border-radius:2px;box-shadow:10px 10px 0 #ffffff,12px 12px 0 rgb(152,177,175)}.teaching-experience .client-story:hover .image-header{transform:rotate(-5deg)}.teaching-experience .name{font-weight:700;margin-left:0;font-size:calc(24px * 1.2);color:#000000;transition:transform 0.5s ease;letter-spacing:-0.5px;transform:translateX(0);margin-top:40px}.teaching-experience .client-story:hover .name{transform:translateX(10px)}.teaching-experience .client-story span:not(.name){text-transform:uppercase;margin-top:5px;transform:translateX(0);transition:transform 0.5s ease;font-weight:300;font-size:13px;color:#000000;letter-spacing:1px}.teaching-experience .client-story:hover span:not(.name){transform:translateX(10px);color:rgb(152,177,175)}.teaching-experience .employee-info{font-size:13px;line-height:1.8;transition:padding 0.5s ease;margin-top:40px;padding-left:0;color:#000000;position:relative;font-weight:400}.teaching-experience .employee-info::before{height:2px;background:rgb(152,177,175);content:"";top:15px;transform-origin:right;transition:transform 0.5s ease;width:30px;position:absolute;left:-40px;transform:scaleX(0)}.teaching-experience .client-story:hover .employee-info{padding-left:20px}.teaching-experience .client-story:hover .employee-info::before{transform:scaleX(1)}@keyframes gradientSlide {0%{background-position:0% 0%}100%{background-position:100% 0%}} @media (max-width: 768px) {.teaching-experience{padding:80px 0}.teaching-experience .client-story{margin:0 15px;padding:80px 25px 30px}.teaching-experience .image-header{width:100px;left:25px;height:100px}.teaching-experience .name{font-size:24px}.teaching-experience .employee-info{font-size:calc(13px * 0.95)}.teaching-experience .employee-info::before{width:20px;left:-25px}}.secure-vaulting{background-position:right bottom;padding:50px;background-size:200% 100%;background-image:linear-gradient(to right,rgb(152,177,175,0.5) 50%,rgb(117,139,134,0.5) 50%);height:auto;border:2px solid rgb(152,177,175);box-shadow:inset 0 0 10px rgb(117,139,134,0.5),0 0 20px rgba(0,0,0,0.5);background-color:#ffffff;width:100%}.secure-vaulting h1{border-bottom:3px solid rgb(117,139,134);font-size:47px;color:rgb(152,177,175);text-transform:uppercase;margin-bottom:25px;letter-spacing:2px;margin-top:40px;font-weight:700;padding-bottom:10px;font-family:Ubuntu,sans-serif}.secure-vaulting h2{margin-top:30px;margin-bottom:20px;padding-left:15px;font-weight:600;color:rgb(117,139,134);font-size:35px;font-family:Ubuntu,sans-serif;border-left:5px solid rgb(152,177,175)}.secure-vaulting h3,.secure-vaulting h4,.secure-vaulting h5,.secure-vaulting h6{margin-bottom:15px;margin-top:25px;font-family:Ubuntu,sans-serif;color:#000000;font-size:20px;text-transform:capitalize;font-weight:400;border-bottom:1px dotted rgb(152,177,175)}.secure-vaulting ul,.secure-vaulting ol{font-family:Ubuntu,sans-serif;list-style:none;color:#000000;line-height:1.8;list-style-position:inside;margin:15px 0;font-size:14px;padding-left:25px}.secure-vaulting li{border-left:2px dashed rgb(117,139,134);margin-bottom:12px;padding-left:25px;position:relative;line-height:1.6}.secure-vaulting li::before{top:5px;width:10px;height:10px;background-color:rgb(152,177,175);left:0;border-radius:50%;content:"";position:absolute}.secure-vaulting section{box-shadow:inset 0 0 5px rgba(0,0,0,0.5);border-radius:10px;background:rgb(187,212,210);padding:25px;border:1px solid rgb(117,139,134,0.5)}.secure-vaulting p,.secure-vaulting span,.secure-vaulting div{color:#000000;margin-bottom:15px;border-bottom:1px solid rgb(117,139,134,0.5);font-family:Ubuntu,sans-serif;padding-bottom:5px;font-size:14px;line-height:1.8}@media only screen and (max-width: 800px) {.secure-vaulting{padding:30px}.secure-vaulting h1{font-size:calc(20px - 8px)}.secure-vaulting h2{font-size:calc(20px - 6px)}.secure-vaulting h3,.secure-vaulting h4,.secure-vaulting h5,.secure-vaulting h6{font-size:calc(20px - 4px)}.secure-vaulting ul,.secure-vaulting ol{font-size:calc(14px - 2px);padding-left:20px}}.contact-form-section{position:relative;padding:0}.contact-form-section::before{top:0;opacity:0.92;background-color:rgb(187,212,210);content:'';height:100%;left:0;width:100%;position:absolute}.contact-form-section .container{position:relative;margin:0 auto;max-width:1200px;padding:0}.contact-form-section .support-links{position:relative;display:flex}.contact-form-section .connect-reach{display:flex;background-color:rgb(152,177,175);color:#ffffff;padding:80px 50px;justify-content:center;width:40%;flex-direction:column}.contact-form-section .connect-reach h3{font-weight:700;font-size:31px;position:relative;color:#ffffff;margin-bottom:50px}.contact-form-section .connect-reach h3::after{background:#ffffff;width:60px;position:absolute;bottom:-15px;height:3px;left:0;content:''}.contact-form-section .connect-reach div{display:flex;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom:15px;align-items:center;margin-bottom:30px}.contact-form-section .connect-reach div:last-child{border-bottom:none}.contact-form-section .connect-reach svg{width:25px;height:25px;margin-right:20px}.contact-form-section .connect-reach svg path{fill:#ffffff}.contact-form-section .connect-reach span{color:#ffffff;font-size:16px}.contact-form-section .connect-reach a{text-decoration:none;color:#ffffff;transition:opacity 0.3s ease}.contact-form-section .connect-reach a:hover{opacity:0.8}.contact-form-section .inquiry-info{background-color:#ffffff;padding:100px 50px 100px 100px;display:flex;align-items:center;width:60%}.contact-form-section form{width:100%}.contact-form-section form h3{position:relative;margin-bottom:40px;color:#000000;font-size:31px;font-weight:700}.contact-form-section form h3::after{width:60px;background:rgb(152,177,175);height:3px;content:'';position:absolute;left:0;bottom:-15px}.contact-form-section form input[type="text"],.contact-form-section form input[type="email"]{width:100%;transition:all 0.3s ease;padding:15px 0;font-size:16px;color:#000000;background:transparent;border-bottom:1px solid #e0e0e0;margin-bottom:25px;border:none}.contact-form-section form input[type="text"]:focus,.contact-form-section form input[type="email"]:focus{border-bottom-color:rgb(152,177,175);outline:none}.contact-form-section form input::placeholder{color:#9e9e9e}.contact-form-section .request-help{display:flex;margin:30px 0;align-items:flex-start}.contact-form-section .request-help input[type="checkbox"]{width:20px;transition:all 0.3s ease;cursor:pointer;height:20px;border:1px solid #e0e0e0;margin-right:15px;position:relative;appearance:none;-webkit-appearance:none;flex-shrink:0;background:transparent}.contact-form-section .request-help input[type="checkbox"]:checked{background-color:rgb(152,177,175);border-color:rgb(152,177,175)}.contact-form-section .request-help input[type="checkbox"]:checked::before{left:6px;height:10px;border-width:0 2px 2px 0;transform:rotate(45deg);border:solid white;content:'';top:2px;position:absolute;width:6px}.contact-form-section .request-help label{line-height:1.6;color:#000000;font-size:14px}.contact-form-section .request-help a{transition:color 0.3s ease;font-weight:600;color:rgb(152,177,175);text-decoration:none}.contact-form-section .request-help a:hover{color:rgb(117,139,134)}.contact-form-section .request-message{display:inline-block;border:none;background:rgb(152,177,175);font-size:18px;color:#ffffff;position:relative;overflow:hidden;font-weight:600;transition:all 0.3s ease;z-index:1;cursor:pointer;padding:15px 40px}.contact-form-section .request-message::after{content:'';position:absolute;transform:scaleX(0);transition:transform 0.5s cubic-bezier(0.19,1,0.22,1);left:0;top:0;height:100%;transform-origin:right;width:100%;background:rgb(117,139,134);z-index:-1}.contact-form-section .request-message:hover::after{transform-origin:left;transform:scaleX(1)}@media (max-width: 1024px) {.contact-form-section .connect-reach{padding:60px 30px}.contact-form-section .inquiry-info{padding:80px 40px 80px 70px}} @media (max-width: 768px) {.contact-form-section .support-links{flex-direction:column}.contact-form-section .connect-reach{clip-path:none;padding:50px 30px;width:100%}.contact-form-section .inquiry-info{padding:50px 30px;width:100%}.contact-form-section .connect-reach h3,.contact-form-section form h3{font-size:calc(31px * 0.9);margin-bottom:30px}} @media (max-width: 576px) {.contact-form-section .connect-reach,.contact-form-section .inquiry-info{padding:40px 25px}.contact-form-section .connect-reach h3,.contact-form-section form h3{font-size:calc(31px * 0.8);margin-bottom:25px}.contact-form-section .connect-reach div{margin-bottom:20px}.contact-form-section .request-message{width:100%;padding:15px 20px}}.cookie-dialog-banner{padding:20px 0;border-top:3px solid rgb(152,177,175);position:fixed;width:100%;bottom:0;z-index:90;background:rgb(187,212,210);box-shadow:0 -4px 10px rgba(0,0,0,0.5)}.privacy-gate{flex-wrap:nowrap;justify-content:space-between;align-items:center;margin:auto;padding:0 20px;max-width:1200px;display:flex}#cookie-box-window{display:none}#cookie-box-window:checked ~ .cookie-dialog-banner{opacity:0;visibility:hidden}.cookie-dialog-banner h5{font-weight:700;color:rgb(152,177,175);font-size:24px;text-transform:uppercase;margin-bottom:6px;letter-spacing:1px}.cookie-dialog-banner p{font-size:17px;max-width:500px;color:#000000}.cookie-screen{margin-right:20px;flex-shrink:0}.cookie-screen svg,.cookie-screen svg path{height:80px;fill:rgb(152,177,175);width:80px}.visitor-confirm{font-size:16px;border-radius:10px;min-width:140px;text-decoration:none;text-align:center;background:rgb(152,177,175);padding:12px 24px;font-weight:600;border:2px solid transparent;text-transform:uppercase;flex-shrink:0;color:#ffffff;transition:border 0.2s;margin-left:10px}.cookie_button.user-alert{background:rgb(152,177,175)}.cookie_button.privacy-notify{background:rgb(117,139,134)}.visitor-confirm:hover{border:2px solid #ffffff}.cookie-dialog-banner p a{color:rgb(152,177,175);text-decoration:underline;font-weight:700}@media only screen and (max-width: 1200px) {.privacy-gate{padding:0 10px}} @media only screen and (max-width: 800px) {.cookie-screen{display:none}.privacy-gate{flex-direction:column;text-align:center;align-items:center;justify-content:center}.cookie-dialog-banner h5,.cookie-dialog-banner p{text-align:center}.edu-approve{margin-bottom:20px}.visitor-confirm{width:100%;margin-left:0;max-width:300px;margin-top:10px}} .wrapping-container .cookie-dialog-banner{padding:30px 0;border:none;background:rgb(117,139,134)}.wrapping-container .visitor-confirm{font-size:16px;background:rgb(152,177,175);font-weight:600;border:none;margin-left:0;color:#ffffff;border-radius:10px}.wrapping-container .edu-approve h5,.wrapping-container .edu-approve p{color:#ffffff}.client-feedback{position:relative;background:linear-gradient(135deg,rgb(187,212,210) 0%,rgba(rgb(117,139,134,0.5),0.05) 100%);padding:100px 0;overflow:hidden}.client-feedback::before{width:100%;background:radial-gradient(circle at 70% 30%,rgba(rgb(152,177,175,0.5),0.15),transparent 60%);z-index:1;content:"";position:absolute;height:100%;top:0;left:0}.client-feedback::after{z-index:1;right:-50px;border:2px solid rgba(rgb(152,177,175,0.5),0.1);border-radius:50%;height:250px;content:"";width:250px;position:absolute;bottom:-50px}.client-feedback .container{padding:0 20px;z-index:2;position:relative;margin:0 auto;max-width:1200px}.client-feedback h2{transition:transform 0.6s ease-out;font-size:28px;position:relative;font-weight:700;text-align:center;transform:perspective(1000px) translateZ(0);color:#000000;margin-bottom:60px}.client-feedback h2::after{background:linear-gradient(90deg,rgb(152,177,175),rgb(117,139,134));content:"";left:50%;bottom:-15px;transform:translateX(-50%);position:absolute;height:3px;width:80px}.client-feedback .review-testimonials{padding:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid;list-style:none;margin:0}.client-feedback .client-story{box-shadow:0 10px 30px rgba(rgba(0,0,0,0.5),0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;will-change:transform;overflow:hidden;border-radius:10px;position:relative;background:#ffffff;padding:30px}.client-feedback .client-story::before{height:0;left:0;width:4px;position:absolute;top:0;background:linear-gradient(to bottom,rgb(152,177,175),rgb(117,139,134));content:"";transition:height 0.5s cubic-bezier(0.22,1,0.36,1)}.client-feedback .client-story:hover{box-shadow:0 15px 35px rgba(rgba(0,0,0,0.5),0.1);transform:translateY(-5px)}.client-feedback .client-story:hover::before{height:100%}.client-feedback .client-story div{display:flex;margin-bottom:15px;align-items:center}.client-feedback .client-story img{object-fit:cover;border-radius:50%;height:60px;box-shadow:0 5px 15px rgba(rgba(0,0,0,0.5),0.08);border:3px solid rgba(rgb(152,177,175,0.5),0.1);transition:transform 0.3s ease,border-color 0.3s ease;width:60px}.client-feedback .client-story:hover img{transform:scale(1.05);border-color:rgb(152,177,175)}.client-feedback .client-story h4{color:#000000;position:relative;font-size:23px;font-weight:600;margin:0 0 0 15px;transition:transform 0.3s ease,color 0.3s ease}.client-feedback .client-story:hover h4{color:rgb(152,177,175);transform:translateX(5px)}.client-feedback .job-ready{margin:0;position:relative;color:#000000;line-height:1.6;font-size:15px;padding-left:22px}.client-feedback .job-ready::before{font-size:40px;top:-10px;color:rgba(rgb(117,139,134,0.5),0.3);font-family:serif;content:"";position:absolute;left:0;line-height:1}.client-feedback a{text-decoration:none;z-index:1;box-shadow:0 8px 20px rgba(rgb(152,177,175,0.5),0.2);padding:12px 30px;font-weight:600;color:#ffffff;transition:transform 0.3s ease,box-shadow 0.3s ease;background:linear-gradient(90deg,rgb(152,177,175),rgb(117,139,134));margin-top:40px;font-size:19px;overflow:hidden;border-radius:10px;display:inline-block;position:relative}.client-feedback a::before{transition:left 0.5s ease;z-index:-1;position:absolute;width:100%;left:-100%;background:linear-gradient(90deg,transparent,rgba(rgb(255,255,255,0.5),0.2),transparent);content:"";height:100%;top:0}.client-feedback a:hover{box-shadow:0 12px 25px rgba(rgb(152,177,175,0.5),0.3);transform:translateY(-3px)}.client-feedback a:hover::before{left:100%}@keyframes pulse {0%{box-shadow:0 0 0 0 rgba(rgb(152,177,175,0.5),0.5)}70%{box-shadow:0 0 0 10px rgba(rgb(152,177,175,0.5),0)}100%{box-shadow:0 0 0 0 rgba(rgb(152,177,175,0.5),0)}} @media (max-width: 991px) {.client-feedback{padding:80px 0}.client-feedback h2{margin-bottom:40px;font-size:calc(28px * 0.9)}.client-feedback .review-testimonials{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px}} @media (max-width: 767px) {.client-feedback{padding:60px 0}.client-feedback h2{margin-bottom:35px;font-size:calc(28px * 0.8)}.client-feedback h2::after{width:60px}.client-feedback .review-testimonials{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:20px}.client-feedback .client-story{padding:25px}} @media (max-width: 480px) {.client-feedback{padding:50px 0}.client-feedback h2{margin-bottom:30px;font-size:calc(28px * 0.7)}.client-feedback .client-story div{flex-direction:column;text-align:center}.client-feedback .client-story h4{margin:10px 0 0}.client-feedback .job-ready{padding-left:0;text-align:center}.client-feedback .job-ready::before{left:50%;transform:translateX(-50%)}}.statistical-details{position:relative;overflow:hidden;background:linear-gradient(135deg,rgb(187,212,210) 0%,rgba(0,0,0,0.5) 100%);padding:6rem 2rem}.statistical-details::before{z-index:1;top:-50px;width:200px;background:rgb(152,177,175,0.5);content:"";opacity:0.3;right:-50px;position:absolute;height:200px;transform:rotate(45deg)}.statistical-details::after{background:rgb(117,139,134,0.5);z-index:1;left:-50px;position:absolute;bottom:-50px;height:200px;width:200px;content:"";opacity:0.3;transform:rotate(45deg)}.statistical-details h3{transform:translateZ(0);position:relative;font-size:30px;margin-bottom:3rem;color:#000000;text-align:center;font-weight:700;letter-spacing:-0.5px}.statistical-details h3::after{background:rgb(152,177,175);transform:translateX(-50%);bottom:-15px;position:absolute;height:3px;width:80px;content:"";left:50%}.statistical-details .container{position:relative;z-index:2;margin:0 auto;max-width:1200px}.statistical-details ul{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;gap:2rem;display:grid;padding:0}.statistical-details .statistics-perks{transform:translateZ(0);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);overflow:hidden;background:#ffffff;border-left:5px solid rgb(152,177,175);position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.05);padding:2rem}.statistical-details .statistics-perks::before{content:"";position:absolute;top:0;transition:opacity 0.5s ease;background:linear-gradient(135deg,transparent 0%,rgb(152,177,175,0.5) 300%);width:100%;opacity:0;left:0;height:100%}.statistical-details .statistics-perks:hover{box-shadow:0 15px 35px rgba(0,0,0,0.1);transform:translateY(-10px)}.statistical-details .statistics-perks:hover::before{opacity:0.1}.statistical-details .statistics-perks span{transition:transform 0.3s ease;font-size:calc(14px * 0.95);color:#000000;display:block;margin-bottom:1rem;position:relative;z-index:2;font-weight:600}.statistical-details .statistics-perks:hover span{transform:translateX(5px)}.statistical-details .statistics-perks p{margin:0;z-index:2;position:relative;font-weight:700;font-size:calc(39px * 1.2);transition:all 0.4s ease;color:rgb(152,177,175)}.statistical-details .statistics-perks:hover p{transform:scale(1.1);color:rgb(117,139,134)}.statistical-details .statistics-perks:nth-child(2n){border-left:5px solid rgb(117,139,134)}.statistical-details .statistics-perks:nth-child(2n) p{color:rgb(117,139,134)}.statistical-details .statistics-perks:nth-child(2n):hover p{color:rgb(152,177,175)}.statistical-details .statistics-perks:nth-child(3n){border-left:5px solid #000000}.statistical-details .statistics-perks:nth-child(3n) p{color:#000000}.statistical-details .statistics-perks:nth-child(3n):hover p{color:rgb(152,177,175)}@media (max-width: 992px) {.statistical-details{padding:4rem 1.5rem}.statistical-details h3{font-size:calc(30px * 0.9)}.statistical-details ul{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}} @media (max-width: 768px) {.statistical-details{padding:3rem 1rem}.statistical-details h3{font-size:calc(30px * 0.85);margin-bottom:2rem}.statistical-details h3::after{width:60px;bottom:-10px}.statistical-details ul{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.statistical-details .statistics-perks{padding:1.5rem}.statistical-details .statistics-perks p{font-size:calc(39px * 1.1)}} @media (max-width: 576px) {.statistical-details{padding:2.5rem 0.75rem}.statistical-details ul{grid-template-columns:1fr;gap:1rem}.statistical-details .statistics-perks{display:flex;justify-content:space-between;align-items:center;padding:1.25rem}.statistical-details .statistics-perks span{font-size:calc(14px * 0.9);max-width:70%;margin-bottom:0}.statistical-details .statistics-perks p{font-size:39px}.statistical-details .statistics-perks:hover{transform:translateY(-5px)}} @media (hover: none) {.statistical-details .statistics-perks:hover{transform:none;box-shadow:0 10px 30px rgba(0,0,0,0.05)}.statistical-details .statistics-perks:hover span{transform:none}.statistical-details .statistics-perks:hover p{color:inherit;transform:none}.statistical-details .statistics-perks:hover::before{opacity:0}}.aspiring-learners{overflow:hidden;position:relative;padding:5rem 0;z-index:1;background:linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgb(117,139,134,0.5) 100%)}.aspiring-learners::before{background-image:linear-gradient(0deg,transparent 24%,rgba(#ffffff,0.05) 25%,rgba(#ffffff,0.05) 26%,transparent 27%,transparent 74%,rgba(#ffffff,0.05) 75%,rgba(#ffffff,0.05) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(#ffffff,0.05) 25%,rgba(#ffffff,0.05) 26%,transparent 27%,transparent 74%,rgba(#ffffff,0.05) 75%,rgba(#ffffff,0.05) 76%,transparent 77%,transparent);height:100%;left:0;top:0;z-index:-1;position:absolute;content:"";width:100%;background-size:40px 40px}.aspiring-learners::after{height:100%;top:0;content:"";z-index:-1;position:absolute;left:0;width:100%;background:radial-gradient(circle at 90% 10%,rgba(rgb(152,177,175,0.5),0.2) 0%,transparent 50%),radial-gradient(circle at 10% 90%,rgba(rgb(117,139,134,0.5),0.2) 0%,transparent 50%)}.aspiring-learners .quick-training{flex-direction:column;max-width:1100px;padding:0 2rem;position:relative;display:flex;margin:0 auto}.aspiring-learners h3{align-self:flex-end;border-radius:10px 0 0 10px;display:inline-block;box-shadow:inset 0 0 0 1px rgba(#ffffff,0.1);font-weight:600;position:relative;background:rgba(rgb(152,177,175,0.5),0.2);padding:1rem 0;text-align:right;font-size:33px;padding:0.8rem 2rem;margin-bottom:3rem;color:#ffffff}.aspiring-learners h3::before{right:0;height:100%;top:0;width:10px;background:rgb(152,177,175);position:absolute;content:""}.aspiring-learners h3::after{position:absolute;bottom:-10px;content:"";width:100%;height:1px;right:0;background:linear-gradient( to left,rgb(152,177,175),transparent )}.aspiring-learners ul{padding:0;list-style:none;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid;margin:0}.aspiring-learners li{overflow:hidden;position:relative;padding:1.5rem;border-radius:10px;display:flex;border:1px solid rgba(#ffffff,0.1);align-items:flex-start;transition:all 0.3s ease;background:rgba(rgba(0,0,0,0.5),0.3);box-shadow:0 5px 15px rgba(0,0,0,0.1),inset 0 1px 0 rgba(#ffffff,0.05)}.aspiring-learners li::before{transition:opacity 0.3s ease;left:0;position:absolute;opacity:0;background:linear-gradient( 90deg,rgb(152,177,175,0.5),rgb(117,139,134,0.5) );top:0;content:"";height:4px;width:100%}.aspiring-learners li::after{position:absolute;height:30px;transition:opacity 0.3s ease;z-index:1;width:30px;content:"";top:0;background:linear-gradient(135deg,transparent 50%,rgba(rgb(152,177,175,0.5),0.2) 50%);right:0;opacity:0}.aspiring-learners li:hover{box-shadow:0 8px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(#ffffff,0.1);border-color:rgba(rgb(152,177,175,0.5),0.3);transform:translateY(-5px)}.aspiring-learners li:hover::before,.aspiring-learners li:hover::after{opacity:1}.aspiring-learners li svg{flex-shrink:0;top:2px;height:32px;fill:rgb(117,139,134);margin-right:1.2rem;transition:all 0.3s ease;position:relative;width:32px}.aspiring-learners li svg path{transition:fill 0.3s ease;fill:rgb(117,139,134)}.aspiring-learners li:hover svg{transform:scale(1.2)}.aspiring-learners li:hover svg path{fill:rgb(152,177,175)}.aspiring-learners li::before{width:100%;background:linear-gradient( 90deg,rgb(117,139,134),transparent );height:2px;position:absolute;transition:opacity 0.3s ease;opacity:0.5;left:0;content:"";top:0}.aspiring-learners li{color:#ffffff;font-weight:400;line-height:1.5;font-size:18px}@media (min-width: 992px) {.aspiring-learners ul{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}.aspiring-learners li:first-child{grid-row:1;grid-column:1}.aspiring-learners li:nth-child(2){grid-row:1;grid-column:2}.aspiring-learners li:nth-child(3){grid-row:1;grid-column:3}.aspiring-learners li:nth-child(4){grid-column:1;grid-row:2}.aspiring-learners li:nth-child(5){grid-row:2;grid-column:2}.aspiring-learners li:nth-child(6){grid-column:3;grid-row:2}} @media (max-width: 991px) {.aspiring-learners{padding:4rem 0}.aspiring-learners h3{margin-bottom:2.5rem;padding:0.7rem 1.5rem;font-size:calc(33px * 0.9)}.aspiring-learners ul{gap:1.2rem}} @media (max-width: 768px) {.aspiring-learners{padding:3.5rem 0}.aspiring-learners .quick-training{padding:0 1.5rem}.aspiring-learners h3{font-size:calc(33px * 0.8);text-align:center;margin-bottom:2rem;padding:0.6rem 1.5rem;border-radius:10px;width:auto;align-self:center}.aspiring-learners h3::before{left:0;top:auto;width:100%;height:4px;right:0;bottom:0}.aspiring-learners h3::after{display:none}.aspiring-learners ul{grid-template-columns:1fr;gap:1rem}} @media (max-width: 480px) {.aspiring-learners{padding:3rem 0}.aspiring-learners .quick-training{padding:0 1rem}.aspiring-learners h3{padding:0.5rem 1.2rem;margin-bottom:1.5rem;font-size:calc(33px * 0.7)}.aspiring-learners li{padding:1.2rem}.aspiring-learners li svg{width:28px;margin-right:0.8rem;height:28px}}.meet-us{padding:120px 0 100px;z-index:1;position:relative;overflow:hidden}.meet-us::before{left:0;width:100%;top:0;background:linear-gradient(135deg,rgb(152,177,175,0.5),rgba(0,0,0,0.5) 85%);position:absolute;height:100%;content:"";z-index:-1}.meet-us::after{bottom:-50px;opacity:0.1;background:rgb(117,139,134);z-index:-1;position:absolute;width:300px;height:300px;right:-50px;animation:float 15s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);content:"";transform:rotate(25deg)}.meet-us .container{gap:2rem;margin:0 auto;padding:0 20px;grid-template-columns:1fr;max-width:1200px;display:grid;position:relative}.meet-us h2{font-size:32px;transform:translateX(-10px);font-weight:700;margin-bottom:2.5rem;color:#ffffff;animation:slideIn 0.8s 0.2s forwards ease-out;display:inline-block;opacity:0;position:relative}.meet-us h2::after{width:60px;left:0;height:4px;background:rgb(117,139,134);bottom:-12px;transform:scaleX(0);content:"";position:absolute;animation:scaleIn 1.2s 0.6s forwards cubic-bezier(0.16,1,0.3,1);transform-origin:left}.meet-us .text-details{animation:fadeUp 1s 0.5s forwards ease-out;position:relative;border-left:4px solid rgb(152,177,175);padding:3.5rem 2.5rem;opacity:0;background:rgba(255,255,255,0.95);border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,0.15);backdrop-filter:blur(5px);transform:translateY(20px)}.meet-us .text-details::before{position:absolute;width:70px;right:40px;top:-30px;content:"";transform:rotate(-15deg);background:rgb(152,177,175);height:70px;border-radius:50% 50% 0 50%;opacity:0.15}.meet-us .text-details > div{position:relative}.meet-us .text-details p{animation:fadeUp 0.8s 0.8s forwards ease-out;padding-right:15px;opacity:0;transform:translateY(10px);font-size:calc(13px * 1.4);margin-bottom:1.5rem;font-weight:600;display:inline-block;position:relative;color:#000000}.meet-us .text-details p::after{transform-origin:left;position:absolute;height:2px;width:40px;content:"";right:-40px;top:50%;animation:scaleIn 1.2s 1.2s forwards cubic-bezier(0.16,1,0.3,1);background:rgb(117,139,134);transform:scaleX(0)}.meet-us .text-details div div{line-height:1.8;transform:translateY(15px);font-size:13px;color:#000000;animation:fadeUp 1s 1s forwards ease-out;column-count:1;column-gap:2.5rem;text-align:justify;opacity:0}@keyframes slideIn {to{transform:translateX(0);opacity:1}} @keyframes fadeUp {to{transform:translateY(0);opacity:1}} @keyframes scaleIn {to{transform:scaleX(1)}} @keyframes float {0%,100%{transform:rotate(25deg) translateY(0)}50%{transform:rotate(22deg) translateY(-20px)}} @media (min-width: 768px) {.meet-us{padding:150px 0 130px}.meet-us .container{grid-template-columns:1fr;gap:3rem}.meet-us h2{margin-bottom:3rem;font-size:calc(32px * 1.2)}.meet-us h2::after{height:5px;width:80px}.meet-us .text-details{transition:transform 0.6s ease;transform:perspective(1000px) rotateY(-2deg);padding:4rem 3.5rem}.meet-us .text-details:hover{transform:perspective(1000px) rotateY(0)}.meet-us .text-details div div{column-count:2}} @media (min-width: 992px) {.meet-us{padding:180px 0 150px}.meet-us::before{background:linear-gradient(135deg,rgb(152,177,175,0.5),rgba(0,0,0,0.5) 70%)}.meet-us .container{grid-template-columns:1fr}.meet-us h2{font-size:calc(32px * 1.4)}.meet-us .text-details{margin-left:2rem;padding:4.5rem 4rem}.meet-us .text-details::after{position:absolute;content:"";height:40px;width:120px;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background:rgb(117,139,134);left:80px;opacity:0.1;bottom:-20px}.meet-us .text-details div div{column-count:2}} @media (min-width: 1200px) {.meet-us .container{padding:0 50px}.meet-us h2{margin-left:50px}.meet-us .text-details{margin-right:5rem;padding:5rem;margin-left:5rem}.meet-us .text-details div div{column-count:2;column-gap:3rem}} @media (max-width: 767px) {.meet-us{padding:80px 0 70px}.meet-us::after{width:150px;height:150px;right:-25px;bottom:-25px}.meet-us .container{padding:0 15px}.meet-us h2{margin-bottom:2rem;font-size:calc(32px * 0.9)}.meet-us .text-details{padding:2.5rem 1.5rem}.meet-us .text-details p{font-size:calc(13px * 1.2)}.meet-us .text-details div div{font-size:calc(13px * 0.95);line-height:1.6}}.attempt-now{padding:110px 0;background:linear-gradient(170deg,rgb(187,212,210) 0%,rgb(152,177,175,0.5) 100%);overflow:hidden;position:relative}.attempt-now::before{opacity:0.4;z-index:1;height:100%;position:absolute;left:0;background-size:30px 30px;width:100%;background:linear-gradient(90deg,transparent 98%,rgb(152,177,175,0.5) 98%),linear-gradient(0deg,transparent 98%,rgb(152,177,175,0.5) 98%);top:0;content:''}.attempt-now .quick-training{display:flex;justify-content:space-between;position:relative;align-items:center;z-index:10}.attempt-now .container p{font-weight:700;padding:0 30px;color:#000000;font-size:37px;position:relative;flex:0 0 65%;margin:0;z-index:5;line-height:1.4;border-left:4px solid rgb(152,177,175)}.attempt-now .request-message{font-weight:700;align-items:center;justify-content:center;display:flex;text-decoration:none;height:80px;position:relative;z-index:5;background:transparent;flex:0 0 30%;font-size:16px;transition:all 0.4s ease;color:#000000}.attempt-now .request-message::before,.attempt-now .request-message::after{position:absolute;content:'';height:100%;border:2px solid rgb(152,177,175);transition:all 0.4s ease;width:100%}.attempt-now .request-message::before{border-right:none;left:-8px;border-bottom:none;top:-8px}.attempt-now .request-message::after{border-left:none;border-top:none;right:-8px;bottom:-8px}.attempt-now .request-message:hover{color:rgb(152,177,175)}.attempt-now .request-message:hover::before{left:0;top:0}.attempt-now .request-message:hover::after{bottom:0;right:0}.attempt-now::after{opacity:0.1;right:0;background:linear-gradient(135deg,transparent 50%,rgb(152,177,175,0.5) 50%);z-index:1;height:100%;position:absolute;top:0;content:'';width:100%}.attempt-now .quick-training::before{z-index:-1;top:-75px;left:-75px;border-radius:50%;width:150px;content:'';opacity:0.2;filter:blur(30px);height:150px;background:rgb(152,177,175,0.5);position:absolute}.attempt-now .quick-training::after{border-radius:50%;bottom:-100px;width:200px;background:rgb(117,139,134,0.5);z-index:-1;position:absolute;right:-100px;height:200px;filter:blur(40px);opacity:0.2;content:''}@media (max-width: 991px) {.attempt-now{padding:90px 0}.attempt-now .container p{padding:0 25px;font-size:calc(21px * 1.2)}.attempt-now .request-message{height:70px}} @media (max-width: 767px) {.attempt-now{padding:70px 0}.attempt-now .quick-training{flex-direction:column;gap:40px}.attempt-now .container p{padding:0 20px;font-size:21px;margin-bottom:10px;width:100%;text-align:left;flex:none}.attempt-now .request-message{width:80%;height:60px;flex:none}} @media (max-width: 480px) {.attempt-now{padding:50px 0}.attempt-now .container p{font-size:calc(17px * 1.2);padding:0 15px}.attempt-now .request-message{height:50px;font-size:calc(16px * 0.9);width:100%}.attempt-now .request-message::before{left:-5px;top:-5px}.attempt-now .request-message::after{bottom:-5px;right:-5px}}.advantages-outline{overflow:hidden;position:relative;padding:100px 0;background:linear-gradient(135deg,rgb(187,212,210) 0%,rgba(245,248,255,1) 100%)}.advantages-outline::before{z-index:0;top:0;background-image:radial-gradient(circle at 20% 30%,rgba(rgb(152,177,175,0.5),0.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(rgb(117,139,134,0.5),0.08) 0%,transparent 60%);left:0;width:100%;height:100%;content:"";position:absolute}.advantages-outline .container{padding:0 20px;margin:0 auto;position:relative;z-index:1;max-width:1200px}.advantages-outline h2{transition:transform 0.5s cubic-bezier(0.23,1,0.32,1);color:#000000;transform:translateY(0);font-weight:700;position:relative;font-size:34px;text-align:center;margin-bottom:50px}.advantages-outline h2::after{height:3px;width:80px;bottom:-12px;transform:translateX(-50%);content:"";position:absolute;left:50%;border-radius:10px;background:linear-gradient(90deg,rgb(152,177,175) 0%,rgb(117,139,134) 100%)}.value-elevation{list-style:none;padding:0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid;margin:0}.advantages-outline .extra-learn{background:#ffffff;display:flex;transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);padding:35px 20px;z-index:1;position:relative;transform:translateY(0);align-items:center;box-shadow:0 8px 30px rgba(0,0,0,0.06);border-left:3px solid transparent;flex-direction:column}.advantages-outline .extra-learn::before{content:"";opacity:0;height:100%;position:absolute;background:linear-gradient(135deg,transparent 0%,rgba(rgb(117,139,134,0.5),0.03) 100%);top:0;left:0;width:100%;transition:opacity 0.5s ease;z-index:-1}.advantages-outline .extra-learn:hover{box-shadow:0 15px 35px rgba(0,0,0,0.1);border-left:3px solid rgb(152,177,175);transform:translateY(-10px)}.advantages-outline .extra-learn:hover::before{opacity:1}.advantages-outline .extra-learn svg{transform:scale(1);height:48px;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);width:48px;margin-bottom:20px}.advantages-outline .extra-learn:hover svg{transform:scale(1.1) rotate(5deg)}.advantages-outline .extra-learn svg path{transition:fill 0.3s ease;fill:rgb(152,177,175)}.advantages-outline .extra-learn:hover svg path{fill:rgb(117,139,134)}.advantages-outline .extra-learn div{text-align:center;font-size:calc(18px * 1.1);color:#000000;transform:translateY(0);margin-top:5px;font-weight:600;transition:transform 0.3s ease}.advantages-outline .extra-learn:hover div{transform:translateY(-5px)}.advantages-outline .extra-learn:nth-child(odd){transform:translateY(15px)}.advantages-outline .extra-learn:nth-child(odd):hover{transform:translateY(5px)}.advantages-outline .extra-learn:nth-child(3n+1){background:linear-gradient(to bottom right,#ffffff 0%,rgba(245,248,255,1) 100%)}.advantages-outline .extra-learn:nth-child(3n+2) svg path{fill:rgb(117,139,134)}.advantages-outline .extra-learn:nth-child(3n+2):hover svg path{fill:rgb(152,177,175)}.advantages-outline .extra-learn:nth-child(3n+3){border-bottom:3px solid transparent}.advantages-outline .extra-learn:nth-child(3n+3):hover{border-left:3px solid transparent;border-bottom:3px solid rgb(117,139,134)}@media (min-width: 992px) {.value-elevation{grid-template-columns:repeat(3,1fr)}.advantages-outline h2{margin-bottom:70px}.advantages-outline .extra-learn{min-height:220px;justify-content:center}} @media (min-width: 768px) and (max-width: 991px) {.value-elevation{grid-template-columns:repeat(2,1fr)}.advantages-outline .extra-learn{justify-content:center;min-height:200px}} @media (max-width: 767px) {.advantages-outline{padding:60px 0}.advantages-outline h2{margin-bottom:40px;font-size:calc(34px * 0.85)}.value-elevation{gap:20px;grid-template-columns:1fr}.advantages-outline .extra-learn{padding:25px 15px}.advantages-outline .extra-learn:nth-child(odd){transform:translateY(0)}.advantages-outline .extra-learn:hover{transform:translateY(-5px)}.advantages-outline .extra-learn:nth-child(odd):hover{transform:translateY(-5px)}} @media (max-width: 480px) {.advantages-outline{padding:50px 0}.advantages-outline h2{margin-bottom:30px;font-size:calc(34px * 0.75)}.advantages-outline .extra-learn{padding:20px 15px}.advantages-outline .extra-learn svg{height:40px;margin-bottom:15px;width:40px}.advantages-outline .extra-learn div{font-size:18px}}.training-structure{position:relative;overflow:hidden;z-index:1;background:linear-gradient(135deg,rgb(187,212,210) 0%,rgba(rgb(117,139,134,0.5),0.1) 100%);padding:6rem 0}.training-structure::before{content:"";position:absolute;height:120%;transform:rotate(-3deg) scale(1.05);left:-5%;z-index:-1;background-image:repeating-linear-gradient( 45deg,rgba(rgb(117,139,134,0.5),0.03) 0px,rgba(rgb(117,139,134,0.5),0.03) 1px,transparent 1px,transparent 10px ),repeating-linear-gradient( 135deg,rgba(rgb(152,177,175,0.5),0.02) 0px,rgba(rgb(152,177,175,0.5),0.02) 1px,transparent 1px,transparent 15px );pointer-events:none;width:120%;top:-10%}.training-structure::after{left:0;background:linear-gradient(180deg,transparent,rgb(187,212,210) 90%);height:60%;width:100%;transform:skewY(-2deg);z-index:-1;content:"";bottom:0;position:absolute;transform-origin:bottom}.training-structure .quick-training{padding:0 2rem;gap:3rem;transform:translateZ(0);max-width:1200px;display:grid;margin:0 auto;grid-template-columns:1fr;position:relative}.training-structure h2{font-weight:700;padding-bottom:1.5rem;z-index:2;font-size:32px;color:#000000;line-height:1.3;transform:translateX(-5px);position:relative;margin-bottom:1.5rem}.training-structure h2::before{left:0;width:120px;bottom:0;transform:scaleX(1);content:"";background:linear-gradient(90deg,rgb(117,139,134),transparent);position:absolute;height:4px;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);transform-origin:left}.training-structure:hover h2::before{transform:scaleX(1.5)}.training-structure .text-details{border-left:5px solid rgb(117,139,134);position:relative;z-index:2;background:linear-gradient(135deg,rgba(rgb(255,255,255,0.5),0.8),rgba(rgb(255,255,255,0.5),0.4));transform:perspective(1000px) rotateY(1deg) translateZ(0);box-shadow:0 10px 30px -15px rgba(rgba(0,0,0,0.5),0.15),0 1px 5px rgba(rgba(0,0,0,0.5),0.05);transition:transform 0.5s cubic-bezier(0.22,1,0.36,1),box-shadow 0.5s ease;padding:2.5rem 3rem;backdrop-filter:blur(10px)}.training-structure .text-details::before{opacity:0.4;mask-size:20px 20px;z-index:-1;left:0;background:linear-gradient( 135deg,rgba(rgb(117,139,134,0.5),0.08) 0%,rgba(rgb(152,177,175,0.5),0.05) 100% );position:absolute;mask-image:linear-gradient(45deg,#000 25%,transparent 25%),linear-gradient(-45deg,#000 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#000 75%),linear-gradient(-45deg,transparent 75%,#000 75%);mask-position:0 0,0 10px,10px -10px,-10px 0px;height:100%;content:"";top:0;width:100%}.training-structure .text-details:hover{box-shadow:0 20px 40px -20px rgba(rgba(0,0,0,0.5),0.2),0 2px 10px rgba(rgba(0,0,0,0.5),0.08);transform:perspective(1000px) rotateY(-1deg) translateZ(0) translateY(-5px)}.training-structure p{font-weight:400;margin:0;font-size:12px;opacity:0.92;line-height:1.75;color:#000000;position:relative;transition:opacity 0.3s ease}.training-structure .text-details:hover p{opacity:1}.training-structure .text-details p::first-letter{font-weight:600;font-size:calc(12px * 1.5);color:rgb(117,139,134);margin-right:2px}@media (min-width: 768px) {.training-structure .quick-training{align-items:center;grid-template-columns:1fr 1fr;gap:4rem}.training-structure h2{font-size:calc(32px * 1.2);margin-bottom:0;transform:translateX(-10px);padding-bottom:2rem}.training-structure h2::before{height:5px;width:180px}.training-structure .text-details{transform:perspective(1000px) rotateY(2deg) translateZ(0) translateX(20px)}.training-structure .text-details:hover{transform:perspective(1000px) rotateY(-1deg) translateZ(0) translateX(15px) translateY(-5px)}} @media (min-width: 992px) {.training-structure{padding:8rem 0}.training-structure .quick-training{gap:6rem}.training-structure h2{font-size:calc(32px * 1.4);transform:translateX(-15px)}.training-structure .text-details{padding:3.5rem 4rem;border-left-width:8px}.training-structure p{font-size:calc(12px * 1.05);line-height:1.8}} @media (max-width: 767px) {.training-structure{padding:4rem 0}.training-structure .quick-training{padding:0 1.5rem;gap:2rem}.training-structure h2{margin-bottom:1rem;transform:translateX(0);padding-bottom:1.5rem;text-align:center;font-size:calc(32px * 0.9)}.training-structure h2::before{transform:translateX(-50%) scaleX(1);width:100px;left:50%}.training-structure:hover h2::before{transform:translateX(-50%) scaleX(1.3)}.training-structure .text-details{padding:2rem}.training-structure p{line-height:1.7;font-size:calc(12px * 0.95)}}header{z-index:100;padding:0;box-shadow:0 5px 30px rgba(0,0,0,0.08);overflow:visible;background:linear-gradient(135deg,rgb(152,177,175,0.5) 0%,rgb(187,212,210) 100%);margin-top:0;position:relative}header::before{top:0;left:0;width:100%;position:absolute;content:'';z-index:0;opacity:0.4;height:100%;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.3) 0%,transparent 8%),radial-gradient(circle at 70% 60%,rgba(255,255,255,0.3) 0%,transparent 12%),radial-gradient(circle at 40% 80%,rgba(255,255,255,0.3) 0%,transparent 10%),radial-gradient(circle at 80% 30%,rgba(255,255,255,0.3) 0%,transparent 15%),radial-gradient(circle at 10% 70%,rgba(255,255,255,0.3) 0%,transparent 8%)}header::after{opacity:0.6;height:10px;width:100%;position:absolute;content:'';left:0;bottom:0;background:linear-gradient(90deg,transparent,rgb(152,177,175,0.5),transparent )}header .header-lesson{align-items:center;padding:1.3rem 3rem;position:relative;z-index:5;justify-content:space-between;display:flex}header .header-pro{transition:all 0.6s ease;position:relative;overflow:hidden;border-radius:50% 30% 60% 40% / 40% 50% 30% 50%;flex:0 0 auto;background:rgba(255,255,255,0.15);box-shadow:inset 0 0 10px rgba(255,255,255,0.5);margin-right:2rem;padding:1rem}header .header-pro:hover{box-shadow:inset 0 0 15px rgba(255,255,255,0.7),0 10px 20px rgba(0,0,0,0.1);transform:translateY(-5px);border-radius:60% 40% 30% 70% / 50% 30% 60% 40%}header .top-pagebar{display:block;position:relative;transition:all 0.4s ease}header .top-pagebar img{filter:drop-shadow(0 2px 5px rgba(0,0,0,0.1));max-height:38px}header .main-start{z-index:2;list-style:none;position:relative;margin:0;display:flex;padding:0}header .main-start::before{content:'';opacity:0.1;z-index:-1;border-radius:70% 30% 50% 40% / 40% 60% 30% 50%;top:-5%;height:110%;background:linear-gradient(135deg,rgb(152,177,175,0.5) 0%,transparent 100%);transition:all 0.6s ease;position:absolute;left:-5%;width:110%}header .main-start:hover::before{opacity:0.2;border-radius:40% 60% 30% 70% / 60% 30% 70% 40%}header .main-info{position:relative;margin:0 0.5rem}header .main-info a{overflow:hidden;text-decoration:none;background:rgba(255,255,255,0.1);color:#000000;justify-content:center;position:relative;transition:all 0.4s ease;align-items:center;font-weight:600;z-index:1;border-radius:60% 40% 40% 60% / 40% 50% 50% 60%;display:flex;padding:0.8rem 1.3rem;font-size:18px}header .main-info a::before{height:100%;background:linear-gradient(135deg,rgb(152,177,175,0.5) 0%,rgb(117,139,134,0.5) 100%);opacity:0;z-index:-1;transform:scale(1.1);border-radius:inherit;width:100%;left:0;content:'';transition:opacity 0.4s ease;top:0;position:absolute}header .main-info a:hover{color:#ffffff;box-shadow:0 10px 20px rgba(0,0,0,0.1);border-radius:40% 60% 60% 40% / 60% 40% 60% 40%;transform:translateY(-3px) scale(1.05)}header .main-info a:hover::before{transform:scale(1);opacity:1}header .main-info::after{position:absolute;border-radius:50%;transform:translateX(-50%) scale(0);opacity:0.7;left:50%;transition:transform 0.4s ease;background:rgb(152,177,175);height:6px;bottom:-8px;width:6px;content:''}header .main-info:hover::after{transform:translateX(-50%) scale(1)}header .header-lesson::before{height:200px;right:-100px;top:-100px;content:'';width:200px;filter:blur(30px);position:absolute;opacity:0.1;background:radial-gradient(circle,rgb(152,177,175,0.5) 0%,transparent 70%);border-radius:50%}header .header-lesson::after{filter:blur(30px);background:radial-gradient(circle,rgb(117,139,134,0.5) 0%,transparent 70%);bottom:-75px;opacity:0.1;width:150px;position:absolute;border-radius:50%;content:'';height:150px;left:-75px}.header-wrap{position:relative;padding-top:2rem;z-index:1;background:rgb(187,212,210)}@keyframes morphing {0%,100%{border-radius:60% 40% 30% 70% / 50% 30% 60% 40%}33%{border-radius:40% 60% 70% 30% / 30% 40% 30% 70%}66%{border-radius:30% 60% 70% 40% / 60% 30% 70% 40%}} @media (min-width: 1400px) {header .header-lesson{max-width:1320px;margin:0 auto}header .main-info{margin:0 0.7rem}header .main-info a{padding:0.8rem 1.6rem}} @media (max-width: 991px) {header .header-lesson{padding:1rem 2rem;flex-wrap:wrap}header .header-pro{padding:0.7rem;margin-bottom:0;margin-right:0}header .main-start{margin-top:1rem;justify-content:flex-end;flex-basis:100%}header .main-info a{font-size:calc(18px - 1px);padding:0.6rem 1rem}header .main-start::before{display:none}} @media (max-width: 767px) {header{padding:0}header .header-lesson{padding:0.8rem 1.5rem}header .header-pro{max-width:140px;border-radius:40% 60% 50% 50% / 40% 50% 50% 40%;padding:0.6rem}header .top-pagebar img{max-height:35px}header .main-start{overflow-x:auto;margin-top:0.8rem;padding-bottom:0.5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start}header .main-start::-webkit-scrollbar{height:3px}header .main-start::-webkit-scrollbar-thumb{background:rgb(152,177,175,0.5);border-radius:10px}header .main-info{flex:0 0 auto;margin:0 0.2rem}header .main-info a{font-size:calc(18px - 2px);padding:0.5rem 0.8rem;white-space:nowrap;border-radius:30% 70% 50% 50% / 30% 30% 70% 70%}header .main-info::after{display:none}header::after{height:5px}} @media (max-width: 479px) {header .header-lesson{padding:0.7rem 1.2rem}header .header-pro{max-width:120px;padding:0.5rem}header .main-info a{padding:0.4rem 0.6rem;font-size:calc(18px - 3px)}}.course-features{overflow:hidden;background:linear-gradient(120deg,#000000 20%,rgb(117,139,134,0.5) 100%);position:relative;padding:7rem 0}.course-features::before{top:-20%;content:"";position:absolute;z-index:1;width:70%;height:140%;right:-10%;background:radial-gradient(ellipse at center,rgb(152,177,175,0.5) 0%,transparent 70%);animation:floatGradient 20s ease-in-out infinite alternate;filter:blur(30px);transform:rotate(-15deg)}.course-features::after{left:0;opacity:0.8;height:100%;top:0;content:"";width:100%;z-index:1;background:repeating-linear-gradient( 45deg,transparent,transparent 5px,rgba(255,255,255,0.02) 5px,rgba(255,255,255,0.02) 10px ),radial-gradient(circle at 10% 90%,rgb(117,139,134,0.5) 0%,transparent 40%);position:absolute}.course-features .container{position:relative;z-index:2}.course-features .quick-training{gap:0;position:relative;display:grid;min-height:500px;grid-template-areas:"photo info" "photo info";grid-template-columns:45% 55%}.course-features .knowledge-route{background:linear-gradient( 135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100% );box-shadow:0 15px 35px rgba(0,0,0,0.3),5px 5px 15px rgba(0,0,0,0.2);border-radius:0 28px 28px 0;padding:3.5rem 3rem 3.5rem 5rem;backdrop-filter:blur(8px);grid-area:info;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);z-index:3;position:relative;transform:translateX(-40px);overflow:hidden}.course-features .knowledge-route::before{position:absolute;height:100%;left:0;content:"";opacity:0.1;background-size:30px 30px;top:0;z-index:-1;background:linear-gradient(45deg,transparent 49.5%,rgb(152,177,175,0.5) 49.5%,rgb(152,177,175,0.5) 50.5%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgb(152,177,175,0.5) 49.5%,rgb(152,177,175,0.5) 50.5%,transparent 50.5%);width:100%}.course-features .knowledge-route::after{transform-origin:center;top:-50%;animation:rotateRadial 30s linear infinite;background:radial-gradient( circle at center,rgb(152,177,175,0.5) 0%,transparent 60% );left:-50%;z-index:-1;height:200%;content:"";position:absolute;opacity:0.1;width:200%}.course-features .header-pro{height:90px;transform:rotate(-5deg) skew(-5deg);width:90px;margin-bottom:2rem;position:relative}.course-features .header-pro::before{border-radius:12px;transform:rotate(5deg);animation:pulseLogo 4s ease-in-out infinite alternate;z-index:-1;inset:-5px;position:absolute;filter:blur(5px);background:linear-gradient( 135deg,rgb(152,177,175) 0%,rgb(117,139,134) 100% );content:""}.course-features .header-pro::after{border-radius:8px;background:rgba(0,0,0,0.5);z-index:-1;position:absolute;inset:0;content:""}.course-features .header-pro svg{top:50%;animation:floatLogo 6s ease-in-out infinite;position:absolute;left:50%;filter:drop-shadow(0 0 8px rgb(152,177,175,0.5));width:50px;transform:translate(-50%,-50%);height:50px}.course-features .header-pro svg path{transition:fill 0.3s ease;fill:rgb(152,177,175)}.course-features h3{font-size:31px;text-shadow:0 2px 5px rgba(0,0,0,0.3);font-weight:700;position:relative;transform:skew(-2deg);line-height:1.3;margin-bottom:1.8rem;color:#ffffff}.course-features h3::before{bottom:-10px;position:absolute;content:"";height:3px;left:0;width:40px;background:linear-gradient(to right,rgb(152,177,175),transparent)}.course-features h3::after{width:80px;content:"";bottom:-15px;position:absolute;height:1px;background:linear-gradient(to right,rgb(152,177,175),transparent);left:0}.course-features p{margin-bottom:2rem;max-width:600px;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,0.2);color:#ffffff;position:relative;line-height:1.8}.course-features .image-header{border-radius:28px 0 0 28px;overflow:hidden;transition:all 0.5s cubic-bezier(0.23,1,0.32,1);z-index:2;transform:perspective(1000px) rotateY(5deg);box-shadow:-15px 15px 30px rgba(0,0,0,0.3),-5px 5px 15px rgba(0,0,0,0.2),inset 0 0 20px rgba(0,0,0,0.4);position:relative;height:460px;grid-area:photo}.course-features .image-header::before{opacity:0.6;content:"";z-index:2;background:linear-gradient( 135deg,transparent 0%,rgba(0,0,0,0.5) 100% );mix-blend-mode:multiply;width:100%;height:100%;top:0;position:absolute;left:0}.course-features .image-header::after{left:0;z-index:2;opacity:0.7;width:100%;content:"";position:absolute;height:50%;background:linear-gradient( to top,#000000 0%,transparent 100% );bottom:0}.course-features .quick-training:hover .image-header{box-shadow:-20px 20px 40px rgba(0,0,0,0.4),-10px 10px 20px rgba(0,0,0,0.3),inset 0 0 25px rgba(0,0,0,0.5);transform:perspective(1000px) rotateY(8deg) translateX(-10px)}.course-features .quick-training:hover .knowledge-route{box-shadow:5px 15px 45px rgba(0,0,0,0.35),10px 10px 25px rgba(0,0,0,0.25);transform:translateX(-20px)}.course-features .header-pro:hover svg path{fill:rgb(117,139,134)}@keyframes floatGradient {0%{opacity:0.5;transform:rotate(-15deg) translateY(-5%)}50%{opacity:0.7;transform:rotate(-12deg) translateY(0)}100%{opacity:0.5;transform:rotate(-18deg) translateY(5%)}} @keyframes rotateRadial {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes pulseLogo {0%{filter:blur(5px) brightness(1)}50%{filter:blur(8px) brightness(1.2)}100%{filter:blur(5px) brightness(1)}} @keyframes floatLogo {0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-45%)}} @media screen and (max-width: 1200px) {.course-features .quick-training{min-height:450px;grid-template-columns:42% 58%}.course-features .knowledge-route{padding:3rem 2.5rem 3rem 4.5rem}.course-features h3{font-size:calc(31px * 0.9)}} @media screen and (max-width: 992px) {.course-features{padding:5rem 0}.course-features .quick-training{min-height:auto;grid-template-areas:"image-header" "connect-map";grid-template-columns:1fr}.course-features .image-header{transform:perspective(1000px) rotateX(5deg);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);border-radius:28px 28px 0 0;height:350px}.course-features .knowledge-route{border-radius:0 0 28px 28px;transform:translateY(-40px);padding:3rem 2.5rem}.course-features .quick-training:hover .image-header{transform:perspective(1000px) rotateX(8deg)}.course-features .quick-training:hover .knowledge-route{transform:translateY(-50px)}} @media screen and (max-width: 768px) {.course-features{padding:4rem 0}.course-features .image-header{height:300px}.course-features .knowledge-route{padding:2.5rem 2rem}.course-features .header-pro{margin-bottom:1.5rem;height:80px;width:80px}.course-features .header-pro svg{height:45px;width:45px}.course-features h3{margin-bottom:1.5rem;font-size:calc(31px * 0.8)}.course-features p{line-height:1.7;font-size:calc(14px * 0.95)}} @media screen and (max-width: 576px) {.course-features{padding:3rem 0}.course-features .image-header{height:250px;clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}.course-features .knowledge-route{padding:2rem 1.5rem;transform:translateY(-30px);clip-path:polygon(0 5%,100% 0,100% 100%,0 100%)}.course-features .header-pro{margin-bottom:1.2rem;height:70px;width:70px}.course-features .header-pro svg{width:40px;height:40px}.course-features h3{margin-bottom:1.2rem;font-size:calc(31px * 0.7)}.course-features h3::before{bottom:-8px;width:30px;height:2px}.course-features h3::after{height:1px;bottom:-12px;width:60px}.course-features p{line-height:1.6;margin-bottom:1.5rem;font-size:calc(14px * 0.9)}.course-features .quick-training:hover .knowledge-route{transform:translateY(-35px)}}