*{padding:0;box-sizing:border-box;margin:0}a{text-decoration:none;color:inherit}@keyframes slide_scrollbar {0%{background-position:0% 50%}100%{background-position:100% 50%}}::-webkit-scrollbar{scroll-behavior:smooth;width:auto}::-webkit-scrollbar-track{border:1px solid rgb(142,166,161,0.5);background:rgb(142,166,161);border-radius:10.3rem}::-webkit-scrollbar-track:active{background:rgb(106,128,123)}::-webkit-scrollbar-thumb{background:linear-gradient(116deg,rgb(106,128,123) 72%,rgb(106,128,123,0.5) 34%,rgb(142,166,161) 84%,rgb(142,166,161,0.5) 29%,rgb(179,203,198) 39%);box-shadow:0px 3px 12px 7px rgba(0,0,0,0.7)}::-webkit-scrollbar-thumb:hover{background:#ffffff}::-webkit-scrollbar-thumb:active{background:rgb(142,166,161);box-shadow:inset 4px -1px 13px 1px rgba(0,0,0,0.7);transform:translateY(1px)}*{scrollbar-color:rgb(142,166,161,0.5) rgb(142,166,161,0.5);scrollbar-width:auto}html,body{font-family:Arial,sans-serif;height:100%;min-height:100%;color:#000000;scroll-behavior:smooth}svg{width:30px;height:30px}.wrapper-skeleton{min-height:100%;flex-direction:column;display:flex;height:100%}.tiktok-edu{flex:0 0 auto}header,footer{width:100%}.container{width:1191px;max-width:100%;margin:auto}.nav-lesson{flex:1 0 auto}@media only screen and (max-width: 1200px) {.container{padding:0 20px;width:100%}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .learning-system{z-index:1;padding:120px 0;position:relative;background:rgb(179,203,198);overflow:hidden}.learning-system::before{background:rgb(142,166,161,0.5);height:200%;content:"";left:-20%;animation:shape-rotate 40s linear infinite;top:-50%;transform:rotate(-30deg);position:absolute;z-index:-1;width:60%}.learning-system::after{z-index:-1;height:60%;animation:shape-pulse 15s ease-in-out infinite alternate;width:40%;bottom:-20%;background:rgb(106,128,123,0.5);clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);content:"";right:-10%;position:absolute}.learning-system .container{align-items:center;grid-template-columns:2fr 3fr;grid-gap:50px;z-index:2;display:grid;max-width:1200px;margin:0 auto;position:relative}.learning-system .story-info{position:relative;padding:0}.learning-system .story-info::before{top:-80px;left:-10%;position:absolute;width:120%;opacity:0.5;animation:line-slide 10s ease-in-out infinite alternate;transform:rotate(-2deg);height:20px;content:"";background:linear-gradient(90deg,transparent,rgb(142,166,161),transparent)}.learning-system .story-info::after{right:-10%;width:120%;height:20px;content:"";bottom:-80px;position:absolute;opacity:0.5;transform:rotate(2deg);animation:line-slide 10s ease-in-out infinite alternate-reverse;background:linear-gradient(90deg,transparent,rgb(106,128,123),transparent)}.learning-system h3{color:#000000;text-align:right;animation:slide-in 0.8s cubic-bezier(0.25,0.46,0.45,0.94) forwards;border-right:4px solid rgb(142,166,161);line-height:1.2;grid-column:1;padding-right:40px;margin-right:-40px;z-index:2;position:relative;font-weight:700;font-size:40px;opacity:0;transform:translateX(-50px)}.learning-system h3::before{z-index:-1;top:-10px;width:40px;position:absolute;border:4px solid rgb(106,128,123);animation:square-rotate 6s linear infinite;height:40px;right:-22px;content:""}.learning-system h3::after{border-radius:50%;width:20px;bottom:-10px;content:"";animation:circle-pulse 4s ease-in-out infinite;height:20px;position:absolute;right:-8px;background:rgb(142,166,161)}.learning-system span{font-size:18px;opacity:0;text-align:left;color:#000000;grid-column:2;line-height:1.8;transform:translateX(50px);position:relative;padding-left:30px;animation:slide-in 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.2s forwards}.learning-system span::before{z-index:-1;width:100%;height:100%;border:1px dashed rgb(142,166,161,0.5);animation:border-dance 20s linear infinite;position:absolute;pointer-events:none;top:15px;left:15px;content:""}@keyframes shape-rotate {0%{transform:rotate(-30deg)}100%{transform:rotate(330deg)}} @keyframes shape-pulse {0%{transform:scale(1) translateX(0)}100%{transform:scale(1.2) translateX(-20px)}} @keyframes line-slide {0%{transform:translateX(-10%) rotate(-2deg)}100%{transform:translateX(10%) rotate(-2deg)}} @keyframes slide-in {0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}} @keyframes square-rotate {0%{transform:rotate(0)}100%{transform:rotate(360deg)}} @keyframes circle-pulse {0%,100%{transform:scale(1)}50%{transform:scale(1.3)}} @keyframes border-dance {0%{transform:rotate(0)}100%{transform:rotate(360deg)}} @media (max-width: 991px) {.learning-system{padding:90px 20px}.learning-system .container{grid-gap:30px}.learning-system h3{padding-right:20px;font-size:calc(40px - 6px);margin-right:-20px}.learning-system h3::before{right:-17px;width:30px;height:30px}.learning-system span{padding-left:20px}.learning-system .story-info::before,.learning-system .story-info::after{height:15px}} @media (max-width:767px){.learning-system{padding:70px 15px}.learning-system .container{grid-template-columns:1fr;grid-gap:40px}.learning-system h3{padding-right:0;margin-right:0;text-align:center;border-bottom:4px solid rgb(142,166,161);padding-bottom:20px;border-right:none}.learning-system h3::before{bottom:-17px;right:auto;top:auto;left:20px}.learning-system h3::after{left:calc(100% - 30px);bottom:-8px;right:auto}.learning-system span{text-align:center;animation-name:slide-in-mobile;padding-left:0}.learning-system span::before{border:1px dashed rgb(142,166,161,0.5);border-top:none;left:0}.learning-system .story-info::before{top:-20px;transform:rotate(0)}.learning-system .story-info::after{transform:rotate(0);bottom:-20px}@keyframes slide-in {0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}} @keyframes slide-in-mobile {0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}}@media (max-width: 479px) {.learning-system{padding:50px 10px}.learning-system h3{font-size:calc(40px - 12px);padding-bottom:15px}.learning-system h3::before{height:20px;left:10px;width:20px;bottom:-12px}.learning-system h3::after{height:15px;left:calc(100% - 20px);width:15px}.learning-system span{line-height:1.6;font-size:calc(18px - 1px)}.learning-system .story-info::before,.learning-system .story-info::after{height:10px}}.cookieUsagePromptBar{z-index:90;box-shadow:0 -2px 10px rgba(0,0,0,0.5);position:fixed;transition:transform 0.3s ease-in-out;width:100%;background:rgb(179,203,198);bottom:0;border-top:3px solid rgb(142,166,161)}.cookie-panel{display:flex;align-items:center;padding:20px 15px;max-width:1200px;margin:0 auto;justify-content:space-between}.safe-cookies{margin-right:15px;flex-shrink:0}.safe-cookies svg{fill:rgb(142,166,161);height:60px;width:60px;transition:fill 0.3s ease}.safe-cookies svg:hover{fill:rgb(106,128,123)}.data-notice{color:#000000;flex-grow:1;margin-right:15px}.cookieUsagePromptBar h5{font-size:23px;margin-bottom:8px;font-weight:600;font-family:Arial,sans-serif;color:rgb(142,166,161)}.cookieUsagePromptBar p{font-family:Arial,sans-serif;color:#000000;line-height:1.5;font-size:12px}.edu-approve{text-decoration:none;cursor:pointer;font-size:18px;color:#ffffff;line-height:35px;padding:10px 20px;border-radius:16px;margin-left:10px;text-align:center;background:rgb(142,166,161);transition:background 0.3s ease,box-shadow 0.3s ease}.edu-approve:hover{box-shadow:0 0 10px rgb(106,128,123,0.5);background:rgb(106,128,123)}#enableCookiesAgreementBtn{background:rgb(142,166,161)}#disallow-cookies-collection{background:rgba(0,0,0,0.5)}.cookieUsagePromptBar p a{transition:color 0.3s ease;text-decoration:underline;color:rgb(142,166,161)}.cookieUsagePromptBar p a:hover{color:rgb(106,128,123)}@media only screen and (max-width: 1200px) {.cookie-panel{align-items:center;flex-direction:column}.safe-cookies{margin-bottom:15px}.data-notice{margin-right:0;margin-bottom:15px;text-align:center}.edu-approve{margin-bottom:10px;max-width:200px;width:100%;margin-left:0}} @media only screen and (max-width: 800px) {.cookie-panel{padding:15px}.safe-cookies{display:none}.cookieUsagePromptBar h5{font-size:20px}.cookieUsagePromptBar p{font-size:15px}} #cookieUsageBanner{display:none}#cookieUsageBanner:checked ~ .cookieUsagePromptBar{visibility:hidden;opacity:0}header{width:100%;z-index:1000;background:rgb(179,203,198);position:fixed;box-shadow:0 5px 20px rgba(0,0,0,0.08);top:0;transition:all 0.4s cubic-bezier(0.215,0.61,0.355,1);left:0}header:before{left:0;background:linear-gradient(90deg,rgb(142,166,161) 0%,rgb(106,128,123) 50%,rgb(142,166,161) 100% );content:'';height:5px;top:0;position:absolute;width:100%}header:after{bottom:0;background-color:rgba(0,0,0,0.01);left:0;height:100%;pointer-events:none;content:'';opacity:0.4;position:absolute;background-size:20px 20px;background:linear-gradient(135deg,rgb(179,203,198) 25%,transparent 25%) -10px 0,linear-gradient(225deg,rgb(179,203,198) 25%,transparent 25%) -10px 0,linear-gradient(315deg,rgb(179,203,198) 25%,transparent 25%),linear-gradient(45deg,rgb(179,203,198) 25%,transparent 25%);width:100%}header .top-train{overflow:hidden;position:relative}header .top-train:before{bottom:0;height:1px;content:'';background:linear-gradient(to right,transparent,rgb(142,166,161,0.5),transparent );left:0;width:100%;position:absolute}header .container{padding:15px 25px;position:relative;margin:0 auto;max-width:1200px}header .container:before{content:'';height:8px;top:50%;position:absolute;transform:translateY(-50%) rotate(45deg);left:10px;opacity:0.7;background:rgb(142,166,161);width:8px}header .container:after{top:50%;height:8px;content:'';width:8px;position:absolute;opacity:0.7;right:10px;transform:translateY(-50%) rotate(45deg);background:rgb(106,128,123)}header .top-info{display:flex;align-items:center;position:relative;justify-content:space-between}header .top-info:before{height:1px;width:100%;position:absolute;background:linear-gradient(90deg,transparent 0%,#000000 20%,#000000 80%,transparent 100% );opacity:0.2;bottom:-10px;left:0;content:''}header .main-master{gap:30px;display:flex;align-items:center;position:relative}header .main-master:before{opacity:0;transform:scaleX(0.9);transform-origin:center;background:rgb(142,166,161);width:100%;left:0;content:'';transition:all 0.4s cubic-bezier(0.165,0.84,0.44,1);height:2px;bottom:-8px;position:absolute}header .main-master:hover:before{opacity:0.3;transform:scaleX(1)}header .main-learn{color:#000000;text-transform:uppercase;overflow:hidden;text-decoration:none;letter-spacing:0.5px;font-weight:600;font-family:Arial,sans-serif;font-size:16px;transition:all 0.3s ease;padding:8px 2px;position:relative}header .main-learn:before{transition:all 0.4s cubic-bezier(0.77,0,0.175,1);height:2px;width:100%;position:absolute;background:rgb(142,166,161);content:'';left:0;transform:translateX(-101%);bottom:0}header .main-learn:after{width:8px;left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:all 0.3s ease;content:'';height:8px;position:absolute;background:rgb(142,166,161)}header .main-learn:hover{color:rgb(142,166,161)}header .main-learn:hover:before{transform:translateX(0)}header .main-learn:hover:after{opacity:1;top:calc(100% - 3px)}header .nav-pagebar{padding:5px 12px;align-items:center;display:flex;position:relative;text-decoration:none;transition:all 0.3s ease}header .nav-pagebar:before{background:linear-gradient(rgb(179,203,198),rgb(179,203,198)) padding-box,linear-gradient(135deg,rgb(142,166,161),rgb(106,128,123)) border-box;left:0;height:100%;position:absolute;top:0;border:2px solid transparent;border-radius:10px;content:'';opacity:0;width:100%;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)}header .nav-pagebar:after{transition:all 0.4s ease;content:'';top:-5px;opacity:0;background:linear-gradient(135deg,rgb(142,166,161),rgb(106,128,123));position:absolute;width:10px;transform:scale(0);left:-5px;border-radius:50%;height:10px}header .nav-pagebar:hover:before{opacity:1}header .nav-pagebar:hover:after{opacity:1;transform:scale(1)}header .nav-pagebar svg{height:42px;transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1);width:auto}header .nav-pagebar:hover svg{transform:scale(1.05)}@keyframes drawBorder {0%{background-position:0% 0%}100%{background-position:300% 0%}} @keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @keyframes pulse {0%,100%{opacity:0.7}50%{opacity:1}} @media (max-width: 991px) {header .container{padding:15px 20px}header .main-master{gap:20px}header .nav-pagebar svg{height:38px}} @media (max-width: 767px) {header .main-master{flex-direction:column;max-width:320px;z-index:1001;height:100vh;top:0;gap:5px;transition:all 0.4s cubic-bezier(0.77,0,0.175,1);background:rgb(179,203,198);position:fixed;padding:75px 30px 30px;width:80%;right:-100%;box-shadow:-5px 0 25px rgba(0,0,0,0.1)}header .main-master:before{bottom:auto;left:10%;top:60px;width:80%;height:1px}header .menu.active{right:0}header .main-learn{border-bottom:1px solid rgba(0,0,0,0.05);padding:14px 5px;width:100%}header .main-learn:last-child{border-bottom:none}header .main-learn:after{transform:translateY(-50%) rotate(45deg);top:50%;left:10px}header .main-learn:hover:after{left:5px;top:50%;opacity:1}header .nav-pagebar{margin:0 auto}} @media (max-width: 480px) {header .container{padding:12px 15px}header .container:before,header .container:after{display:none}header .nav-pagebar svg{height:35px}}.connect-with-us{padding:0;display:flex;align-items:center;min-height:650px;position:relative;z-index:1}.connect-with-us::before{z-index:-1;content:'';inset:0;background-color:rgb(142,166,161,0.5);position:absolute}.connect-with-us .container{padding:0 20px;position:relative;width:100%;margin:0 auto;max-width:1280px}.connect-with-us .message-request{flex-direction:column-reverse;display:flex;position:relative;width:100%}.connect-with-us .query-message{flex-wrap:wrap;align-items:flex-start;gap:30px;background-color:transparent;padding:40px 20px 120px;position:relative;width:100%;display:flex;justify-content:center}.connect-with-us .query-message h3{padding-bottom:15px;text-align:center;color:#ffffff;font-size:30px;width:100%;margin-bottom:20px;font-weight:700;position:relative}.connect-with-us .query-message h3::after{content:'';bottom:0;width:60px;transform:translateX(-50%);position:absolute;height:3px;background-color:rgb(106,128,123);left:50%}.connect-with-us .query-message div{border-radius:25px;flex:1 0 calc(50% - 30px);transition:transform 0.3s ease,box-shadow 0.3s ease;min-height:140px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.5);display:flex;flex-direction:column;padding:20px;max-width:220px;background-color:#ffffff;justify-content:center;align-items:center}.connect-with-us .query-message div:hover{box-shadow:0 15px 30px rgba(0,0,0,0.5);transform:translateY(-10px)}.connect-with-us .query-message div svg{margin-bottom:15px;height:35px;width:35px}.connect-with-us .query-message div svg path{fill:rgb(106,128,123)}.connect-with-us .query-message div span{color:#000000;font-size:15px;margin-top:10px;line-height:1.5}.connect-with-us .query-message div span a{text-decoration:none;color:#000000;transition:color 0.3s ease}.connect-with-us .query-message div span a:hover{color:rgb(106,128,123)}.connect-with-us .message-links{max-width:550px;z-index:2;box-shadow:0 15px 50px rgba(0,0,0,0.5);margin:0 auto;background-color:#ffffff;border-radius:25px;transform:translateY(50px);padding:40px 30px;position:relative}.connect-with-us .message-links::before{width:30px;left:50%;transform:translateX(-50%) rotate(45deg);content:'';z-index:-1;background-color:#ffffff;top:-15px;border-radius:3px;position:absolute;height:30px}.connect-with-us .message-links h3{font-weight:700;text-align:center;color:rgb(142,166,161);margin-bottom:25px;font-size:23px}.connect-with-us .message-links form{gap:15px;display:flex;flex-wrap:wrap}.connect-with-us .message-links input[type="text"],.connect-with-us .message-links input[type="email"]{border-radius:10px;height:50px;background-color:transparent;transition:border-color 0.3s ease,box-shadow 0.3s ease;flex:1 0 100%;color:#000000;border:1px solid rgb(179,203,198);padding:15px 20px;font-size:15px}.connect-with-us .message-links input[type="text"]:focus,.connect-with-us .message-links input[type="email"]:focus{outline:none;box-shadow:0 0 0 3px rgb(106,128,123,0.5);border-color:rgb(106,128,123)}.connect-with-us .message-links input::placeholder{color:#000000;opacity:0.6}.connect-with-us .message-links .contact-request{display:flex;flex:1 0 100%;margin-top:5px;align-items:flex-start}.connect-with-us .message-links .contact-request input[type="checkbox"]{cursor:pointer;margin-right:10px;transition:background-color 0.3s ease,border-color 0.3s ease;border:2px solid rgb(179,203,198);-webkit-appearance:none;position:relative;appearance:none;width:20px;margin-top:3px;flex-shrink:0;border-radius:4px;height:20px}.connect-with-us .message-links .contact-request input[type="checkbox"]:checked{border-color:rgb(106,128,123);background-color:rgb(106,128,123)}.connect-with-us .message-links .contact-request input[type="checkbox"]:checked::before{left:50%;font-size:12px;color:#ffffff;position:absolute;content:'✓';transform:translate(-50%,-50%);top:50%}.connect-with-us .message-links .contact-request label{line-height:1.5;font-size:16px;color:#000000}.connect-with-us .message-links .contact-request label a{text-decoration:none;transition:color 0.3s ease;color:rgb(106,128,123)}.connect-with-us .message-links .contact-request label a:hover{color:rgb(142,166,161)}.connect-with-us .message-links .support-support{box-shadow:0 5px 15px rgb(106,128,123,0.5);font-size:14px;font-weight:600;border:none;color:#ffffff;cursor:pointer;margin-top:15px;height:50px;transition:transform 0.3s ease,box-shadow 0.3s ease;width:100%;border-radius:10px;background:linear-gradient(135deg,rgb(106,128,123),rgb(142,166,161))}.connect-with-us .message-links .support-support:hover{box-shadow:0 8px 25px rgb(142,166,161,0.5);transform:translateY(-3px)}@media screen and (min-width: 992px) {.connect-with-us{padding:100px 0;min-height:700px}.connect-with-us .message-request{flex-direction:row;align-items:center}.connect-with-us .query-message{padding:60px 0 60px 120px;gap:30px;margin-left:auto;align-items:center;justify-content:space-between;width:65%}.connect-with-us .query-message h3{text-align:left;padding-left:0;padding-right:0;margin-bottom:40px}.connect-with-us .query-message h3::after{transform:none;left:0}.connect-with-us .query-message div{max-width:calc(50% - 15px);flex:0 0 calc(50% - 15px);margin:0}.connect-with-us .message-links{padding:40px;z-index:3;position:absolute;left:0;max-width:450px;margin:0;width:45%}.connect-with-us .message-links::before{top:50%;transform:translateY(-50%) rotate(45deg);left:-15px}} @media screen and (min-width: 1200px) {.connect-with-us .query-message{padding-left:200px;width:70%}.connect-with-us .message-links{width:40%;max-width:480px}} @media screen and (min-width: 768px) and (max-width: 991px) {.connect-with-us{padding:80px 0 120px}.connect-with-us .query-message{padding:0 20px 120px;justify-content:space-between}.connect-with-us .query-message div{max-width:calc(50% - 15px);flex:0 0 calc(50% - 15px)}} @media screen and (max-width: 767px) {.connect-with-us{padding:60px 0 120px}.connect-with-us .query-message{padding:0 20px 120px}.connect-with-us .query-message h3{font-size:calc(23px + 2px)}.connect-with-us .query-message div{flex:0 0 100%;margin-bottom:0;min-height:120px;max-width:280px}.connect-with-us .query-message div svg{width:30px;height:30px}.connect-with-us .message-links{padding:30px 25px}} @media screen and (max-width: 480px) {.connect-with-us{padding:40px 0 100px}.connect-with-us .query-message{gap:20px}.connect-with-us .query-message div{padding:20px 15px;min-height:auto}}.program-offerings{position:relative;overflow:hidden;padding:6rem 0;background-color:rgb(179,203,198)}.program-offerings::before{right:-10%;content:"";background:linear-gradient(45deg,rgb(106,128,123,0.5),rgb(106,128,123));position:absolute;opacity:0.05;height:65%;top:-5%;width:65%;transform:rotate(-15deg);z-index:0}.program-offerings::after{z-index:0;left:-10%;background:linear-gradient(135deg,rgb(142,166,161,0.5),rgb(142,166,161));opacity:0.05;transform:rotate(15deg);height:55%;position:absolute;width:55%;content:"";bottom:-5%}.program-offerings .container{position:relative;margin:0 auto;padding:0 1.5rem;max-width:1400px;z-index:1}.program-offerings h2{max-width:85%;margin-bottom:3rem;line-height:1.3;color:#000000;font-size:30px;position:relative;font-weight:700}.program-offerings h2::after{bottom:-0.75rem;height:3px;transition:transform 0.5s ease;content:"";position:absolute;background:linear-gradient(90deg,rgb(106,128,123),rgb(142,166,161));left:0;width:5rem;transform:scaleX(1);transform-origin:left center}.program-offerings .container:hover h2::after{transform:scaleX(1.5)}.program-offerings .new-study{gap:2.5rem;position:relative;display:grid;grid-template-columns:1fr}.program-offerings .pic-thumbnail{height:400px;transform:perspective(1000px) rotateY(-3deg);overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.1);position:relative;transition:transform 0.6s cubic-bezier(0.215,0.61,0.355,1),box-shadow 0.6s ease}.program-offerings .pic-thumbnail::before{position:absolute;height:100%;background:linear-gradient(45deg,rgb(106,128,123,0.5),transparent);left:0;transition:opacity 0.6s ease;top:0;width:100%;content:"";opacity:0.3}.program-offerings .pic-thumbnail::after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transform:rotate(45deg);height:200%;width:200%;left:-100%;transition:left 0.8s ease-out;top:30%}.program-offerings .container:hover .pic-thumbnail{box-shadow:0 20px 40px rgba(0,0,0,0.15);transform:perspective(1000px) rotateY(0deg)}.program-offerings .container:hover .pic-thumbnail::before{opacity:0.5}.program-offerings .container:hover .pic-thumbnail::after{left:100%}.program-offerings .text-row{transform:translateY(0);transition:transform 0.5s ease,box-shadow 0.5s ease;background-color:#ffffff;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.05);padding:2.5rem;overflow:hidden}.program-offerings .text-row::before{transform-origin:center;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);content:"";left:0;background:linear-gradient(to bottom,rgb(106,128,123),rgb(142,166,161));width:4px;height:100%;transform:scaleY(0.3);position:absolute;top:0}.program-offerings .container:hover .text-row{box-shadow:0 20px 40px rgba(0,0,0,0.1);transform:translateY(-10px)}.program-offerings .container:hover .text-row::before{transform:scaleY(1)}.program-offerings .description{position:relative;line-height:1.8;margin-bottom:1.5rem;color:#000000;font-size:17px;transition:color 0.3s ease}.program-offerings .description:last-child{margin-bottom:0}.program-offerings .description::first-letter{color:rgb(106,128,123);font-weight:600;font-size:1.3em}.program-offerings .description strong{-webkit-background-clip:text !important;color:#000000;background:linear-gradient(to right,rgb(106,128,123,0.5),transparent);background-clip:text !important}@media (min-width: 768px) {.program-offerings{padding:8rem 0}.program-offerings h2{margin-bottom:3.5rem;font-size:calc(30px * 1.1);max-width:70%}.program-offerings .new-study{gap:3rem;grid-template-columns:1fr 1fr;align-items:center}.program-offerings .pic-thumbnail{height:500px}.program-offerings .text-row{padding:3rem;scrollbar-width:thin;scrollbar-color:rgb(106,128,123,0.5) #ffffff;max-height:500px;overflow-y:auto}.program-offerings .text-row::-webkit-scrollbar{width:6px}.program-offerings .text-row::-webkit-scrollbar-track{background:#ffffff}.program-offerings .text-row::-webkit-scrollbar-thumb{background-color:rgb(106,128,123,0.5);border-radius:20px}} @media (min-width: 992px) {.program-offerings{padding:10rem 0}.program-offerings h2{max-width:60%;font-size:calc(30px * 1.2)}.program-offerings .new-study{gap:4rem}.program-offerings .pic-thumbnail{height:550px;transform:perspective(1000px) rotateY(-5deg) translateX(-20px)}.program-offerings .container:hover .pic-thumbnail{transform:perspective(1000px) rotateY(0deg) translateX(0)}.program-offerings .text-row{max-height:550px;backdrop-filter:blur(10px);padding:3.5rem;background-color:rgba(255,255,255,0.95);margin-right:-2rem}.program-offerings .description{font-size:calc(17px * 1.05);line-height:1.9}} @media (min-width: 1200px) {.program-offerings h2{font-size:calc(30px * 1.3);max-width:50%}.program-offerings .new-study{gap:5rem}.program-offerings .pic-thumbnail{height:600px;transform:perspective(1000px) rotateY(-5deg) translateX(-30px)}.program-offerings .text-row{max-height:600px;margin-right:-3rem;padding:4rem}.program-offerings .description{line-height:2;font-size:calc(17px * 1.1)}} @media (max-width: 767px) {.program-offerings{padding:4rem 0}.program-offerings h2{max-width:100%;margin-bottom:2rem;font-size:calc(30px * 0.9)}.program-offerings .pic-thumbnail{transform:perspective(1000px) rotateY(0deg);height:300px}.program-offerings .text-row{padding:2rem}.program-offerings .description{font-size:calc(17px * 0.95);line-height:1.7}}.future-learners{position:relative;padding:100px 0;background:rgb(179,203,198);overflow:hidden}.future-learners::before{width:100%;z-index:0;left:0;height:100%;content:"";opacity:0.15;background:linear-gradient( 135deg,transparent 20px,rgb(142,166,161,0.5) 20px,rgb(142,166,161,0.5) 22px,transparent 22px ),linear-gradient( 225deg,transparent 20px,rgb(106,128,123,0.5) 20px,rgb(106,128,123,0.5) 22px,transparent 22px );background-size:60px 60px;position:absolute;top:0}.future-learners::after{width:100%;position:absolute;top:0;left:0;z-index:0;height:100%;opacity:0.1;filter:blur(1px);background-size:40px 40px;content:"";background:linear-gradient(90deg,transparent 47%,rgb(142,166,161,0.5) 47%,rgb(142,166,161,0.5) 53%,transparent 53%),linear-gradient(0deg,transparent 47%,rgb(106,128,123,0.5) 47%,rgb(106,128,123,0.5) 53%,transparent 53%)}.future-learners .story-info{max-width:1200px;z-index:1;padding:0 30px;position:relative;margin:0 auto}.future-learners h3{color:#000000;font-family:Arial,sans-serif;left:50%;margin-bottom:80px;display:inline-block;font-weight:700;padding:0 20px 20px;font-size:38px;box-shadow:0 10px 25px -10px rgb(142,166,161,0.5);transform:translateX(-50%);text-align:center;position:relative}.future-learners h3::before{content:"";bottom:0;position:absolute;width:100%;left:0;background:linear-gradient(90deg,rgb(142,166,161),rgb(106,128,123),rgb(142,166,161) );height:3px}.future-learners h3::after{animation:pulseCircle 2s infinite;border-radius:50%;bottom:-6px;height:12px;transform:translateX(-50%);left:50%;content:"";position:absolute;box-shadow:0 0 15px rgb(142,166,161,0.5);background:rgb(142,166,161);width:12px}.future-learners ul{gap:30px;margin:0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0;list-style:none;display:grid}.future-learners ul li{font-size:14px;padding:25px 25px 25px 70px;color:#000000;position:relative;background:#ffffff;border-right:1px solid rgb(106,128,123,0.5);font-family:Arial,sans-serif;border-left:3px solid rgb(142,166,161);box-shadow:10px 10px 20px rgba(0,0,0,0.05),-10px -10px 20px rgba(255,255,255,0.5);transition:all 0.4s ease;border-bottom:3px solid rgb(106,128,123);border-top:1px solid rgb(106,128,123,0.5)}.future-learners ul li::before{border-radius:50%;left:-5px;height:10px;background:rgb(142,166,161);top:-5px;content:"";position:absolute;width:10px}.future-learners ul li::after{width:10px;right:-5px;bottom:-5px;background:rgb(106,128,123);content:"";position:absolute;border-radius:50%;height:10px}.future-learners ul li:hover{border-left:3px solid rgb(106,128,123);box-shadow:15px 15px 30px rgba(0,0,0,0.1),-15px -15px 30px rgba(255,255,255,0.6);border-bottom:3px solid rgb(142,166,161);transform:translateY(-5px)}.future-learners ul li svg{position:absolute;top:50%;height:35px;left:20px;transition:all 0.4s ease;width:35px;transform:translateY(-50%)}.future-learners ul li:hover svg{transform:translateY(-50%) scale(1.2);filter:drop-shadow(0 5px 10px rgba(0,0,0,0.1))}.future-learners ul li svg path{transition:fill 0.4s ease;fill:rgb(142,166,161)}.future-learners ul li:hover svg path{fill:rgb(106,128,123)}.future-learners ul::before{pointer-events:none;width:100%;height:100%;content:"";background-size:30px 30px;z-index:-1;left:0;opacity:0.3;position:absolute;top:0;background-image:linear-gradient(45deg,transparent 97%,rgb(142,166,161,0.5) 97%),linear-gradient(135deg,transparent 97%,rgb(106,128,123,0.5) 97%)}@keyframes pulseCircle {0%,100%{box-shadow:0 0 10px rgb(142,166,161,0.5)}50%{box-shadow:0 0 20px rgb(142,166,161)}} .future-learners ul li:nth-child(odd){animation:lightsOn 3s infinite alternate}.future-learners ul li:nth-child(even){animation:lightsOn 5s infinite alternate-reverse}@keyframes lightsOn {0%{box-shadow:10px 10px 20px rgba(0,0,0,0.05),-10px -10px 20px rgba(255,255,255,0.5)}100%{box-shadow:10px 10px 20px rgba(0,0,0,0.05),-10px -10px 20px rgba(255,255,255,0.5),0 0 15px rgb(142,166,161,0.5)}} @media (max-width: 992px) {.future-learners{padding:80px 0}.future-learners ul{gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.future-learners h3{margin-bottom:60px;font-size:calc(38px * 0.9)}} @media (max-width: 768px) {.future-learners{padding:60px 0}.future-learners ul{gap:20px;grid-template-columns:1fr}.future-learners ul li{padding:20px 20px 20px 65px}.future-learners h3{font-size:calc(38px * 0.8);margin-bottom:40px}} @media (max-width: 480px) {.future-learners{padding:50px 0}.future-learners .story-info{padding:0 15px}.future-learners h3{margin-bottom:35px;font-size:calc(38px * 0.7)}.future-learners ul li{padding:18px 15px 18px 60px}.future-learners ul li svg{height:30px;left:15px;width:30px}}.offer-panel{overflow:hidden;position:relative;padding:120px 0 140px;color:#ffffff}.offer-panel::before{position:absolute;left:0;content:"";background:linear-gradient(135deg,rgba(25,35,60,0.92),rgba(35,45,85,0.95));width:100%;top:0;z-index:0;height:100%}.offer-panel .container{margin:0 auto;padding:0 15px;z-index:1;position:relative;max-width:1320px}.offer-panel .cost-fee{position:relative}.offer-panel .cost-fee::before{border-radius:50%;right:-80px;content:"";width:200px;height:200px;opacity:0.4;filter:blur(60px);top:-80px;position:absolute;pointer-events:none;background:linear-gradient(225deg,rgb(142,166,161,0.5),transparent)}.offer-panel h2{font-weight:700;color:transparent;background:linear-gradient(90deg,#ffffff,rgba(255,255,255,0.8));display:inline-block;margin-bottom:20px;position:relative;-webkit-background-clip:text !important;text-shadow:0 2px 15px rgba(255,255,255,0.15);background-clip:text !important;font-size:28px}.offer-panel h2::after{left:0;bottom:-8px;position:absolute;content:"";transition:transform 0.6s cubic-bezier(0.165,0.84,0.44,1);height:3px;width:80px;transform-origin:left;transform:scaleX(1);background:rgb(142,166,161)}.offer-panel h2:hover::after{transform:scaleX(1.2)}.offer-panel .study-sub{line-height:1.6;max-width:700px;font-weight:300;font-size:calc(17px + 2px);margin-bottom:50px;opacity:0.9}.offer-panel .value-rates{margin:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;padding:0;gap:30px}.offer-panel .value-rates li{height:100%;perspective:1000px}.offer-panel .enroll-cost{transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),box-shadow 0.5s cubic-bezier(0.23,1,0.32,1);background:linear-gradient(145deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03));text-decoration:none;backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.2),0 3px 10px rgba(0,0,0,0.1);height:100%;-webkit-backdrop-filter:blur(10px);min-height:400px;position:relative;transform-style:preserve-3d;display:block;border:1px solid rgba(255,255,255,0.08)}.offer-panel .enroll-cost:hover{box-shadow:0 20px 40px rgba(0,0,0,0.3),0 5px 15px rgba(0,0,0,0.15);transform:translateY(-10px) rotateX(2deg) rotateY(2deg)}.offer-panel .enroll-cost::before{content:"";transform:translateX(-100%);height:100%;transition:transform 0.8s ease;pointer-events:none;background:linear-gradient(135deg,transparent,rgba(255,255,255,0.05),transparent);position:absolute;top:0;width:100%;left:0}.offer-panel .enroll-cost:hover::before{transform:translateX(100%)}.offer-panel .enroll-cost::after{border-radius:50%;left:-5px;top:-5px;content:"";transition:transform 0.5s cubic-bezier(0.23,1,0.32,1);box-shadow:0 0 20px 5px rgb(142,166,161,0.5);position:absolute;opacity:0.8;width:10px;background:rgb(142,166,161);height:10px}.offer-panel .enroll-cost:hover::after{transform:scale(1.5)}.offer-panel .cost-breakdown{overflow:hidden;display:flex;padding:35px 25px;height:100%;position:relative;flex-direction:column}.offer-panel .learning-deals{z-index:2;position:relative}.offer-panel .enroll-cost h4{padding-bottom:15px;font-weight:600;transition:transform 0.3s ease;font-size:22px;position:relative;color:#ffffff;margin-bottom:20px}.offer-panel .enroll-cost:hover h4{transform:translateX(5px)}.offer-panel .enroll-cost h4::after{bottom:0;left:0;width:40px;position:absolute;transition:width 0.3s ease;content:"";background:rgb(142,166,161);height:2px}.offer-panel .enroll-cost:hover h4::after{width:60px}.offer-panel .enroll-cost p{font-size:17px;max-height:200px;overflow-y:auto;color:rgba(255,255,255,0.8);line-height:1.7;padding-right:10px;white-space:normal;margin-bottom:30px;word-break:normal;overflow-wrap:break-word}.offer-panel .enroll-cost p::-webkit-scrollbar{width:4px}.offer-panel .enroll-cost p::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(255,255,255,0.2)}.offer-panel .enroll-cost p::-webkit-scrollbar-track{border-radius:10px;background:rgba(0,0,0,0.1)}.offer-panel .fee-board{display:inline-block;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;color:#ffffff;overflow:hidden;position:relative;background:linear-gradient(135deg,rgb(142,166,161),rgb(106,128,123));border-radius:10px;padding:10px 25px;font-size:calc(22px + 4px)}.offer-panel .enroll-cost:hover .fee-board{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.offer-panel .fee-board::before{transition:transform 0.6s ease;height:100%;position:absolute;top:0;width:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,0.1),transparent);left:0;content:"";transform:skewX(-20deg) translateX(-100%)}.offer-panel .enroll-cost:hover .fee-board::before{transform:skewX(-20deg) translateX(100%)}@media (max-width: 991px) {.offer-panel{padding:80px 0 100px}.offer-panel .value-rates{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.offer-panel .enroll-cost{min-height:450px}.offer-panel .cost-breakdown{padding:25px 20px}.offer-panel h2{font-size:calc(28px - 4px)}.offer-panel .study-sub{font-size:17px;margin-bottom:40px}} @media (max-width: 767px) {.offer-panel{padding:60px 0 80px}.offer-panel .value-rates{grid-template-columns:1fr;margin:0 auto;max-width:400px}.offer-panel .enroll-cost{min-height:auto}.offer-panel h2{font-size:calc(28px - 8px)}.offer-panel .study-sub{font-size:calc(17px - 1px);margin-bottom:30px}.offer-panel .enroll-cost p{max-height:150px}} @media (max-width: 480px) {.offer-panel{padding:50px 0 70px}.offer-panel .cost-breakdown{padding:20px 15px}.offer-panel h2{font-size:calc(28px - 10px)}.offer-panel .fee-board{font-size:22px;padding:8px 20px}.offer-panel .enroll-cost h4{margin-bottom:15px;font-size:calc(22px - 2px)}}.welcome-section{min-height:100vh;background-color:rgb(179,203,198);font-family:Arial,sans-serif;overflow:hidden;position:relative}.welcome-section .online-tech{justify-content:flex-start;align-items:center;position:relative;display:flex;min-height:100vh}.welcome-section .online-tech::before{left:0;bottom:0;position:absolute;top:0;background:linear-gradient(135deg,rgb(142,166,161) 0%,rgba(0,0,0,0.7) 100%);right:0;z-index:1;content:"";opacity:0.85}.welcome-section .online-tech::after{z-index:2;right:0;background-position:0 0,0 10px,10px -10px,-10px 0;top:0;bottom:0;left:0;position:absolute;background-size:20px 20px;opacity:0.05;background-image:linear-gradient(45deg,rgb(142,166,161,0.5) 25%,transparent 25%),linear-gradient(-45deg,rgb(142,166,161,0.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(142,166,161,0.5) 75%),linear-gradient(-45deg,transparent 75%,rgb(142,166,161,0.5) 75%);content:""}.welcome-section .story-visual{animation:fadeInUp 1.2s ease-out forwards;z-index:3;padding:4rem 0;position:relative;display:grid;margin-left:10%;grid-template-columns:1fr;transform:translateY(-2%);gap:2rem;max-width:80%}.welcome-section .story-visual > div:first-child{position:relative}.welcome-section .story-visual > div:first-child::before{left:-20px;height:70%;top:50%;position:absolute;background:linear-gradient(to bottom,rgb(106,128,123),transparent);width:5px;transform:translateY(-50%);content:""}.welcome-section .title_style_header{text-shadow:0 2px 10px rgba(0,0,0,0.2);transition:transform 0.5s ease;color:#ffffff;position:relative;font-weight:700;margin-bottom:1rem;font-size:calc(46px * 1.2);transform:translateX(0);line-height:1.2}.welcome-section .title_style_header::after{animation-delay:0.8s;width:0;left:0;content:"";animation:lineGrow 1.5s ease-out forwards;position:absolute;background:rgb(106,128,123);bottom:-10px;height:3px}.welcome-section .story-visual > div:nth-child(2){transform:translateX(0);transition:transform 0.5s ease;padding-left:1.5rem;border-left:1px solid rgba(255,255,255,0.1)}.welcome-section h3{line-height:1.6;opacity:0;animation:fadeIn 1s ease-out forwards;font-size:20px;color:#ffffff;font-weight:600;animation-delay:0.3s;margin-bottom:1.5rem}.welcome-section p{animation:fadeIn 1s ease-out forwards;padding-left:1rem;margin-bottom:2rem;opacity:0;font-size:15px;animation-delay:0.6s;position:relative;color:rgb(255,255,255,0.5);line-height:1.7}.welcome-section p::before{left:0;top:0.5rem;position:absolute;height:4px;border-radius:10px;background-color:rgb(106,128,123);content:"";width:4px}@keyframes fadeInUp {from{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(-2%)}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes lineGrow {from{width:0}to{width:60px}} .welcome-section:hover .story-visual > div:first-child{transition:transform 0.5s ease;transform:translateY(-5px)}.welcome-section:hover .story-visual > div:nth-child(2){transition:transform 0.5s ease;transform:translateX(5px)}@media (min-width: 992px) {.welcome-section .story-visual{max-width:90%;gap:3rem;margin-left:5%;grid-template-columns:1fr 1fr}.welcome-section .title_style_header{font-size:calc(46px * 1.4)}.welcome-section h3{font-size:calc(20px * 1.1)}.welcome-section .story-visual > div:nth-child(2){padding-top:2rem}} @media (max-width: 991px) {.welcome-section .story-visual{max-width:90%;margin-left:5%}.welcome-section .title_style_header{font-size:calc(46px * 1.1)}} @media (max-width: 768px) {.welcome-section{min-height:80vh}.welcome-section .online-tech{min-height:80vh}.welcome-section .story-visual{padding:3rem 0;max-width:95%;margin-left:2.5%}.welcome-section h3{font-size:20px;line-height:1.5}} @media (max-width: 576px) {.welcome-section .story-visual{padding:2rem 0}.welcome-section .title_style_header{font-size:46px}.welcome-section .story-visual > div:first-child::before{height:50%;left:-15px}.welcome-section h3{font-size:calc(20px * 0.9)}.welcome-section p{font-size:calc(15px * 0.9)}}.gratitudeHub{padding:6rem 0;overflow:hidden;position:relative;background:linear-gradient(135deg,rgb(142,166,161,0.5) 0%,rgb(179,203,198) 50%,rgb(106,128,123,0.5) 100%)}.gratitudeHub::before{left:0;height:100%;width:100%;z-index:1;content:"";opacity:0.6;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgb(142,166,161,0.5) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgb(106,128,123,0.5) 0%,transparent 50%);position:absolute;top:0}.gratitudeHub::after{content:"";height:50%;position:absolute;animation:float 15s ease-in-out infinite alternate;width:50%;top:-10%;background:rgb(142,166,161,0.5);transform:rotate(-15deg);right:-10%;z-index:0;filter:blur(80px)}.gratitudeHub .container{margin:0 auto;max-width:1200px;padding:0 1.5rem;z-index:2;position:relative}.gratitudeHub .story-info{backdrop-filter:blur(10px);flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,0.1),0 10px 15px rgba(0,0,0,0.05),0 0 0 1px rgba(255,255,255,0.2) inset;background:rgba(255,255,255,0.85);padding:3.5rem;display:flex;transition:transform 0.5s cubic-bezier(0.2,0.85,0.4,1);clip-path:polygon( 0 5%,5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95% );transform:perspective(1000px) rotateX(2deg);position:relative;gap:2.5rem}.gratitudeHub .story-info:hover{transform:perspective(1000px) rotateX(0deg) translateY(-5px);box-shadow:0 25px 50px rgba(0,0,0,0.15),0 15px 20px rgba(0,0,0,0.08),0 0 0 1px rgba(255,255,255,0.25) inset}.gratitudeHub .story-info > div:first-child{transform:translateY(-20px);position:relative;animation-fill-mode:both;animation:slideDown 0.8s cubic-bezier(0.25,1,0.5,1) forwards;opacity:0;border-bottom:2px solid rgb(142,166,161,0.5);padding-bottom:1.5rem}.gratitudeHub .story-info > div:first-child::after{height:2px;animation:expandWidth 1.5s cubic-bezier(0.25,1,0.5,1) 0.5s forwards;content:"";background:rgb(142,166,161);left:0;bottom:-2px;width:35%;position:absolute}.gratitudeHub h5{color:#000000;line-height:1.4;font-size:21px;margin:0;font-weight:700;position:relative;display:inline-block}.gratitudeHub h5::before{animation:fadeIn 0.5s ease 1.2s forwards;width:0.5rem;transform:translateY(-50%);height:80%;content:"";top:50%;background:rgb(142,166,161);position:absolute;left:-1.5rem;opacity:0}.gratitudeHub .story-info > div:last-child{transform:translateY(20px);opacity:0;animation-fill-mode:both;animation:slideUp 0.8s cubic-bezier(0.25,1,0.5,1) 0.3s forwards}.gratitudeHub a{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);background:linear-gradient(to right,rgba(#ffffff,0.4) 0%,rgba(#ffffff,0.8) 50%,rgba(#ffffff,0.4) 100%);transition:all 0.4s cubic-bezier(0.2,0.85,0.4,1);text-decoration:none;position:relative;display:block;padding:1rem 1.5rem}.gratitudeHub a::before{top:0;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );width:100%;height:100%;left:-100%;position:absolute;content:"";transition:left 0.7s cubic-bezier(0.25,1,0.5,1)}.gratitudeHub a:hover::before{left:100%}.gratitudeHub a:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.gratitudeHub p{z-index:1;margin:0;position:relative;font-size:18px;line-height:1.8;color:#000000}@keyframes slideDown {from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}} @keyframes slideUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes expandWidth {from{width:0}to{width:35%}} @keyframes float {0%{transform:rotate(-15deg) translate(0,0)}50%{transform:rotate(-10deg) translate(10px,-10px)}100%{transform:rotate(-15deg) translate(-5px,5px)}} @media (max-width: 992px) {.gratitudeHub{padding:5rem 0}.gratitudeHub .story-info{gap:2rem;padding:2.5rem}.gratitudeHub h5{font-size:calc(21px * 0.9)}} @media (max-width: 768px) {.gratitudeHub{padding:4rem 0}.gratitudeHub .story-info{gap:1.8rem;clip-path:polygon( 0 3%,3% 0,97% 0,100% 3%,100% 97%,97% 100%,3% 100%,0 97% );padding:2rem}.gratitudeHub h5{font-size:calc(21px * 0.85)}.gratitudeHub p{font-size:calc(18px * 0.95)}} @media (max-width: 576px) {.gratitudeHub{padding:3rem 0}.gratitudeHub .story-info{padding:1.5rem;gap:1.5rem;transform:perspective(1000px) rotateX(1deg)}.gratitudeHub h5{font-size:calc(21px * 0.8)}.gratitudeHub h5::before{left:-1rem;width:0.3rem}.gratitudeHub a{padding:0.8rem 1rem}.gratitudeHub p{line-height:1.6;font-size:calc(18px * 0.9)}}footer{width:100%;position:relative}footer .tiktok-edu{padding:100px 0 30px;position:relative;color:#000000;background-color:rgb(179,203,198);font-family:Arial,sans-serif}footer .tiktok-edu::before{width:100%;z-index:0;opacity:0.3;background-image:radial-gradient(circle at 10% 20%,rgb(142,166,161,0.5) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgb(106,128,123,0.5) 0%,transparent 20%);left:0;top:0;position:absolute;height:100%;content:""}footer .syllabus-ref{z-index:1;position:relative}footer .reach-section{border-radius:29px;background-color:#ffffff;margin:auto;flex-wrap:wrap;justify-content:space-between;display:flex;z-index:3;width:85%;gap:15px;box-shadow:0 20px 50px rgba(0,0,0,0.1);padding:25px}footer .info_item{border-radius:10px;background-color:rgb(179,203,198);transition:all 0.3s ease;display:flex;align-items:center;padding:15px;flex:1 1 200px}footer .info_item:hover{background-color:#ffffff;box-shadow:0 10px 20px rgba(0,0,0,0.05);transform:translateY(-5px)}footer .info_item svg{margin-right:12px;transition:transform 0.3s ease;fill:rgb(142,166,161);height:22px;width:22px}footer .info_item:hover svg{transform:scale(1.2)}footer .info_item p,footer .info_item a{transition:all 0.3s ease;color:#000000;text-decoration:none;font-size:15px}footer .info_item a:hover{color:rgb(142,166,161)}footer .text_main_holder{flex-direction:column;perspective:2000px;position:relative;margin-top:40px;display:flex;gap:20px}footer .top-edu,footer .main-master,footer .subscribe_holder{position:relative;transform-origin:center center;transition:all 0.5s ease;transform-style:preserve-3d;border-radius:29px;padding:30px;box-shadow:0 15px 30px rgba(0,0,0,0.08)}footer .top-edu{z-index:2;background-color:#ffffff;transform:translateZ(0) scale(1)}footer .top-edu:hover{transform:translateZ(30px) scale(1.02)}footer .main-master{margin-right:20px;margin-left:20px;transform:translateZ(-10px) scale(0.98);color:#ffffff;z-index:1;margin-top:-20px;background-color:rgb(106,128,123)}footer .subscribe_holder{margin-top:-20px;z-index:0;color:#ffffff;transform:translateZ(-20px) scale(0.96);margin-right:40px;background-color:rgb(142,166,161);margin-left:40px}footer .subscribe_holder:hover{transform:translateZ(10px) scale(0.98)}footer .top-edu::after,footer .main-master::after,footer .subscribe_holder::after{z-index:-1;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);left:0;width:100%;content:"";top:0;border-radius:29px;position:absolute;transition:opacity 0.3s ease;opacity:0}footer .top-edu:hover::after,footer .main-master:hover::after,footer .subscribe_holder:hover::after{opacity:1}footer .top-edu svg{margin-bottom:20px;height:45px;display:block;width:auto}footer .glossary{line-height:1.6;color:#000000;font-size:12px}footer .main-master h5{display:inline-block;margin-bottom:20px;font-size:18px;color:#ffffff;position:relative;font-weight:600}footer .main-master h5::after{left:0;position:absolute;background:linear-gradient(90deg,rgb(142,166,161),transparent);content:"";height:2px;width:40px;bottom:-8px;transition:width 0.3s ease}footer .main-master h5:hover::after{width:100%}footer .top-start{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;display:grid;margin-bottom:20px}footer .top-start a{transition:all 0.3s ease;font-size:15px;display:inline-block;position:relative;padding:5px 0;color:rgba(255,255,255,0.75);text-decoration:none}footer .top-start a::before{bottom:0;background-color:rgb(142,166,161);left:0;content:"";transition:width 0.3s ease;position:absolute;width:0;height:1px}footer .top-start a:hover{transform:translateX(5px);color:#ffffff}footer .top-start a:hover::before{width:100%}footer .subscribe_holder h5{color:#ffffff;margin-bottom:15px;font-size:18px;font-weight:600}footer .subscribe_holder p{margin-bottom:25px;line-height:1.6;color:rgba(255,255,255,0.9);font-size:15px}footer .input_holder{display:flex;gap:15px;flex-direction:column}footer .input_holder input[type="email"]{padding:14px 16px;border:none;background-color:rgba(255,255,255,0.1);border-radius:10px;font-size:15px;color:#ffffff;transition:all 0.3s ease}footer .input_holder input[type="email"]:focus{background-color:rgba(255,255,255,0.2);outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.2)}footer .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.6)}footer .sub-url{border-radius:10px;background-color:#ffffff;cursor:pointer;transition:all 0.3s ease;color:rgb(142,166,161);text-align:center;border:none;padding:14px 20px;font-size:17px;font-weight:600}footer .sub-url:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.2);background-color:rgb(106,128,123);color:#ffffff}footer .edu-links{position:relative;text-align:center;margin-top:60px}footer .play-market{padding:8px 20px;background-color:#ffffff;border-radius:30px;color:#000000;display:inline-block;font-size:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}@media (min-width: 992px) {footer .text_main_holder{align-items:stretch;flex-direction:row}footer .top-edu,footer .main-master,footer .subscribe_holder{display:flex;margin-top:0;flex-direction:column;flex:1}footer .top-edu{margin-right:-20px}footer .main-master{margin-right:-20px;margin-left:0;z-index:1}footer .subscribe_holder{margin-left:0;margin-right:0}} @media (max-width: 991px) {footer .reach-section{padding:20px;width:90%}footer .text_main_holder{margin-top:80px}} @media (max-width: 767px) {footer .tiktok-edu{padding:80px 0 30px}footer .reach-section{width:95%;padding:15px}footer .info_item{flex:1 1 100%}footer .top-edu,footer .main-master,footer .subscribe_holder{margin-left:0;padding:25px 20px;margin-right:0}footer .main-master,footer .subscribe_holder{margin-top:-10px}footer .edu-links{margin-top:40px}} @media (max-width: 576px) {footer .tiktok-edu{padding:70px 0 20px}footer .reach-section{padding:10px}footer .info_item{padding:10px}footer .text_main_holder{margin-top:60px}footer .top-edu,footer .main-master,footer .subscribe_holder{padding:20px 15px}footer .main-master h5,footer .subscribe_holder h5{font-size:calc(18px - 2px)}footer .top-start{grid-template-columns:1fr}footer .input_holder input[type="email"],footer .sub-url{padding:12px}}.metrics-summary{isolation:isolate;overflow:hidden;position:relative;padding:120px 0;color:#ffffff}.metrics-summary::before{left:0;width:100%;height:100%;position:absolute;opacity:0.92;content:'';top:0;background-color:#000000;z-index:-2}.metrics-summary::after{left:0;opacity:0.4;z-index:-1;position:absolute;width:100%;top:0;background:radial-gradient(circle at 20% 30%,rgb(142,166,161,0.5) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgb(106,128,123,0.5) 0%,transparent 50%);height:100%;content:''}.metrics-summary .container{padding:0 20px;position:relative;max-width:1400px;margin:0 auto}.metrics-summary .gain-statistics{gap:30px;position:relative;margin:0 auto;z-index:1;grid-template-columns:3fr 1fr;grid-template-areas:"header minisvg" "description description" "items items";display:grid;grid-template-rows:auto auto auto}.metrics-summary .pro-gains{grid-area:minisvg;display:flex;align-items:flex-start;justify-content:flex-end}.metrics-summary .pro-gains svg{filter:drop-shadow(0 0 12px rgb(142,166,161,0.5));fill:rgb(142,166,161);height:80px;animation:pulse 3s infinite alternate ease-in-out;width:80px}.metrics-summary .pro-gains svg path{stroke:#ffffff;stroke-width:0.5;fill:rgb(142,166,161)}.metrics-summary .top-statistics{grid-area:header;margin:0;align-items:center;font-weight:700;font-size:31px;color:#ffffff;display:flex;text-shadow:0 2px 10px rgba(0,0,0,0.3);letter-spacing:1px;position:relative}.metrics-summary .expert-upgrade{grid-area:description;line-height:1.7;font-size:15px;opacity:0.9;max-width:85%;border-top:1px solid rgba(255,255,255,0.1);color:#ffffff;text-align:center;margin:0 auto;border-radius:27px;background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.01));padding:20px;backdrop-filter:blur(5px);border-left:1px solid rgba(255,255,255,0.1);position:relative}.metrics-summary .expert-upgrade::before{opacity:0.6;border-radius:50%;border:1px solid rgb(142,166,161,0.5);top:-60px;position:absolute;right:-60px;width:120px;content:'';height:120px;animation:rotate 60s linear infinite}.metrics-summary .expert-upgrade::after{animation:rotate 40s linear infinite reverse;height:80px;left:-40px;content:'';border:1px solid rgb(106,128,123,0.5);bottom:-40px;width:80px;position:absolute;opacity:0.6;border-radius:50%}.metrics-summary .expert-benefits{flex-wrap:wrap;display:flex;justify-content:center;position:relative;grid-area:items;padding-top:40px;gap:20px}.metrics-summary .expert-benefits::before{top:0;height:1px;width:90%;position:absolute;transform:translateX(-50%);content:'';background:linear-gradient(to right,transparent,#ffffff,transparent);opacity:0.5;left:50%}.metrics-summary .knowledge-boosters{min-width:220px;height:220px;transition:transform 0.4s ease,box-shadow 0.4s ease;perspective:1000px;flex:1 1 200px;transform-style:preserve-3d;max-width:280px;position:relative}.metrics-summary .knowledge-boosters:hover{z-index:2;transform:translateY(-10px) rotate3d(1,2,0,5deg)}.metrics-summary .stat_item_inner{position:relative;flex-direction:column;border-radius:27px;width:100%;box-shadow:0 10px 25px rgba(0,0,0,0.1);background:linear-gradient(135deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));border-left:1px solid rgba(255,255,255,0.15);transition:transform 0.4s ease;backdrop-filter:blur(5px);text-align:center;height:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;padding:20px}.metrics-summary .knowledge-boosters::before,.metrics-summary .knowledge-boosters::after{z-index:-1;background:rgb(142,166,161,0.5);content:'';transition:all 0.5s ease;opacity:0;border-radius:50%;position:absolute}.metrics-summary .knowledge-boosters::before{height:120px;width:120px;right:-60px;top:-60px}.metrics-summary .knowledge-boosters::after{bottom:-50px;background:rgb(106,128,123,0.5);left:-50px;width:100px;height:100px}.metrics-summary .knowledge-boosters:hover::before,.metrics-summary .knowledge-boosters:hover::after{opacity:0.2}.metrics-summary .knowledge-upgrade{margin-bottom:15px;position:relative}.metrics-summary .knowledge-upgrade::after{z-index:-1;width:40px;left:50%;filter:blur(15px);transform:translate(-50%,-50%);border-radius:50%;opacity:0.5;height:40px;position:absolute;background:rgb(142,166,161,0.5);top:50%;content:''}.metrics-summary .knowledge-upgrade svg{height:45px;fill:rgb(142,166,161);width:45px;transition:transform 0.3s ease;z-index:1;position:relative}.metrics-summary .knowledge-upgrade svg path{stroke-width:0.5;stroke:#ffffff;fill:rgb(142,166,161)}.metrics-summary .knowledge-boosters:hover .knowledge-upgrade svg{transform:scale(1.1)}.metrics-summary .knowledge-boosters span{font-size:calc(31px * 1.1);font-weight:700;display:block;text-fill-color:transparent;background-clip:text !important;-webkit-text-fill-color:transparent;-webkit-background-clip:text !important;background:linear-gradient(to right,#ffffff,rgb(106,128,123));margin-bottom:10px;position:relative}.metrics-summary .knowledge-boosters p{margin:0;font-size:15px;line-height:1.4;color:#ffffff;max-width:90%;opacity:0.9}.metrics-summary .stat_item_inner::before{transition:opacity 0.4s ease;bottom:-2px;background:linear-gradient(45deg,transparent,rgb(142,166,161,0.5),transparent);left:-2px;z-index:-1;opacity:0;position:absolute;content:'';border-radius:calc(27px + 2px);right:-2px;top:-2px}.metrics-summary .knowledge-boosters:hover .stat_item_inner::before{opacity:1}.metrics-summary .stat_item_inner::after{height:30%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.05),transparent);width:100%;transform:translateY(-100%);transition:opacity 0.3s ease;animation:shine 3s infinite;position:absolute;content:'';left:0;top:0;opacity:0}.metrics-summary .knowledge-boosters:hover .stat_item_inner::after{opacity:1}.metrics-summary .top-statistics::before{content:'';border-radius:2px;position:absolute;bottom:-10px;width:50px;left:0;height:3px;background:rgb(142,166,161)}.metrics-summary .top-statistics::after{content:'';bottom:-10px;height:3px;border-radius:2px;width:20px;background:rgb(106,128,123);left:60px;position:absolute}.metrics-summary::before{background-image:linear-gradient(to right,#000000 1px,transparent 1px),linear-gradient(to bottom,#000000 1px,transparent 1px);background-position:center center;opacity:0.3;background-size:20px 20px}@keyframes rotate {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes pulse {0%,100%{transform:scale(1);opacity:0.8}50%{transform:scale(1.05);opacity:1}} @keyframes shine {0%{transform:translateY(-100%) rotate(30deg)}100%{transform:translateY(200%) rotate(30deg)}} @media screen and (max-width: 1200px) {.metrics-summary .knowledge-boosters{height:200px;min-width:200px;flex:1 1 180px}} @media screen and (max-width: 992px) {.metrics-summary{padding:100px 0}.metrics-summary .gain-statistics{grid-template-areas:"minisvg" "header" "description" "pro-skills";grid-template-rows:auto auto auto auto;grid-template-columns:1fr}.metrics-summary .pro-gains{margin-bottom:20px;justify-content:center}.metrics-summary .top-statistics{text-align:center;justify-content:center}.metrics-summary .top-statistics::before,.metrics-summary .top-statistics::after{left:50%}.metrics-summary .top-statistics::before{transform:translateX(calc(-50% - 10px))}.metrics-summary .top-statistics::after{transform:translateX(calc(-50% + 30px))}.metrics-summary .expert-upgrade{max-width:90%}} @media screen and (max-width: 768px) {.metrics-summary{padding:80px 0}.metrics-summary .top-statistics{font-size:calc(31px * 0.9)}.metrics-summary .expert-upgrade{max-width:95%;font-size:calc(15px * 0.95);padding:15px}.metrics-summary .knowledge-boosters{min-width:170px;flex:1 1 170px;height:190px}.metrics-summary .knowledge-boosters span{font-size:31px}.metrics-summary .knowledge-boosters p{font-size:calc(15px * 0.9)}} @media screen and (max-width: 576px) {.metrics-summary{padding:60px 0}.metrics-summary .pro-gains svg{width:60px;height:60px}.metrics-summary .expert-upgrade{padding:15px 10px;max-width:100%}.metrics-summary .knowledge-boosters{height:auto;aspect-ratio:16/9;flex:1 1 100%;min-width:100%}.metrics-summary .expert-benefits{flex-direction:column}} .metrics-summary .knowledge-boosters:nth-child(1){transform:translateY(-5px)}.metrics-summary .knowledge-boosters:nth-child(2){transform:translateY(5px)}.metrics-summary .knowledge-boosters:nth-child(3){transform:translateY(-8px)}.metrics-summary .knowledge-boosters:nth-child(4){transform:translateY(8px)}.metrics-summary .knowledge-boosters:hover{transform:translateY(-10px) rotate3d(1,2,0,5deg)}.metrics-summary .container::before{height:60px;top:-30px;border-radius:10px;content:'';animation:rotate 30s linear infinite;opacity:0.3;border:1px solid rgb(106,128,123,0.5);right:-30px;position:absolute;width:60px}.metrics-summary .container::after{position:absolute;border:1px solid rgb(142,166,161,0.5);opacity:0.3;left:-20px;width:40px;height:40px;animation:rotate 25s linear infinite reverse;bottom:-20px;transform:rotate(45deg);content:''}.educational-rewards{background:linear-gradient(135deg,rgb(179,203,198),#ffffff);padding:120px 0;overflow:hidden;position:relative}.educational-rewards::before{width:100%;height:100%;position:absolute;transform:translateZ(0);z-index:1;opacity:0.15;content:"";left:0;background:radial-gradient(circle at 70% 30%,rgb(142,166,161,0.5),transparent 60%);top:0}.educational-rewards::after{top:-50%;position:absolute;content:"";width:100%;z-index:1;opacity:0.1;animation:gradientShift 15s infinite alternate ease-in-out;right:-50%;height:100%;transform:translateZ(0);background:linear-gradient(45deg,transparent,rgb(106,128,123,0.5) 70%)}.educational-rewards .container{padding:0 20px;position:relative;max-width:1200px;flex-direction:column;margin:0 auto;display:flex;z-index:2}.educational-rewards .pic-thumbnail{transform:perspective(1000px) rotateY(-2deg) translateZ(0);max-height:500px;width:100%;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);transition:transform 0.7s cubic-bezier(0.19,1,0.22,1);height:auto;margin-bottom:40px;object-fit:cover;filter:brightness(1.05) contrast(1.05);box-shadow:0 25px 50px -12px rgba(0,0,0,0.15)}.educational-rewards .pic-thumbnail:hover{transform:perspective(1000px) rotateY(0deg) translateZ(0) scale(1.01)}.educational-rewards .story-info{position:relative;box-shadow:0 10px 30px -5px rgba(0,0,0,0.08);background:linear-gradient(to right,rgba(255,255,255,0.9),rgba(255,255,255,0.95));transform:translateY(-80px);max-width:90%;margin:0 auto;padding:40px;border-left:4px solid rgb(142,166,161);backdrop-filter:blur(10px)}.educational-rewards .text-row{position:relative}.educational-rewards h1{line-height:1.3;color:#000000;transition:transform 0.5s ease;margin-bottom:30px;position:relative;font-size:43px;transform:translateX(0);font-weight:700}.educational-rewards h1::after{background:rgb(142,166,161);bottom:-10px;content:"";left:0;transition:transform 0.5s ease-out;transform:scaleX(1);width:80px;height:3px;transform-origin:left;position:absolute}.educational-rewards h1:hover::after{transform:scaleX(1.5)}.educational-rewards ul{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;padding:0;display:grid;margin:0;gap:25px}.educational-rewards li{background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(255,255,255,0.5));border-radius:2px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border-left:1px solid rgba(255,255,255,0.8);padding:20px;box-shadow:0 8px 20px -10px rgba(0,0,0,0.1);border-top:1px solid rgba(255,255,255,0.8);position:relative}.educational-rewards li:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px rgba(0,0,0,0.15)}.educational-rewards li::before{content:"";opacity:0;top:0;left:0;position:absolute;width:100%;background:linear-gradient(45deg,transparent,rgba(var(--primary-color-rgb,33,150,243),0.03));z-index:-1;height:100%;transition:opacity 0.5s ease}.educational-rewards li:hover::before{opacity:1}.educational-rewards li p{margin:0;color:#000000;line-height:1.6;font-weight:400;gap:15px;display:flex;font-size:15px;align-items:flex-start}.educational-rewards svg{min-width:24px;height:24px;margin-top:3px;transform:scale(1);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.educational-rewards li:hover svg{transform:scale(1.15)}.educational-rewards svg path{transition:fill 0.3s ease;fill:rgb(142,166,161)}.educational-rewards li:hover svg path{fill:rgb(106,128,123)}@keyframes gradientShift {0%{opacity:0.05;transform:rotate(0deg) translateX(0) translateY(0)}100%{opacity:0.15;transform:rotate(5deg) translateX(5%) translateY(5%)}} @media (min-width: 992px) {.educational-rewards .container{flex-direction:row;align-items:center;gap:50px}.educational-rewards .pic-thumbnail{width:45%;transform:perspective(1000px) rotateY(-4deg) translateZ(0);clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);margin-bottom:0}.educational-rewards .story-info{width:55%;max-width:100%;transform:translateY(0) translateX(-80px)}.educational-rewards ul{grid-template-columns:repeat(2,1fr)}} @media (max-width: 991px) {.educational-rewards{padding:80px 0}.educational-rewards .story-info{transform:translateY(-50px)}.educational-rewards h1{font-size:calc(43px * 0.85)}} @media (max-width: 767px) {.educational-rewards{padding:60px 0}.educational-rewards .story-info{padding:30px 20px;max-width:100%}.educational-rewards h1{font-size:calc(43px * 0.7);margin-bottom:20px}.educational-rewards li{padding:15px}.educational-rewards ul{grid-template-columns:1fr;gap:15px}} @media (max-width: 480px) {.educational-rewards{padding:40px 0}.educational-rewards .pic-thumbnail{clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}.educational-rewards .story-info{padding:25px 15px;transform:translateY(-30px)}.educational-rewards h1{font-size:calc(43px * 0.6)}.educational-rewards li p{font-size:calc(15px * 0.9)}}.teaching-history{overflow:hidden;background:linear-gradient(135deg,rgb(179,203,198) 0%,rgb(142,166,161,0.5) 100%);padding:4rem 0;position:relative}.teaching-history::before{top:0;content:"";z-index:1;position:absolute;background:repeating-linear-gradient( -45deg,rgb(142,166,161,0.5) 0px,rgb(142,166,161,0.5) 1px,transparent 1px,transparent 20px );height:100%;left:0;width:100%;opacity:0.08}.teaching-history::after{opacity:0.15;position:absolute;top:-50%;background:radial-gradient(circle,rgb(106,128,123,0.5) 0%,transparent 70%);z-index:0;width:100%;height:100%;content:"";right:-50%}.teaching-history .container{padding:0 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.teaching-history .review-grid{background:#ffffff;position:relative;display:grid;padding:3rem 2rem;box-shadow:0 15px 30px rgba(0,0,0,0.1),0 5px 15px rgba(0,0,0,0.05);isolation:isolate;grid-template-columns:1fr;transform:perspective(1000px) rotateX(2deg);gap:2rem}.teaching-history .review-grid::before{width:4px;left:0;background:linear-gradient(to bottom,rgb(142,166,161),rgb(106,128,123));top:0;z-index:1;content:"";height:100%;position:absolute}.teaching-history .review-grid > div:first-child{order:1;justify-content:center;align-items:center;display:flex}.teaching-history .review-grid .pic-thumbnail{height:200px;width:200px;box-shadow:0 10px 20px rgba(0,0,0,0.15);position:relative;transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275);transform:translateY(-10px) rotate(-3deg)}.teaching-history .review-grid .pic-thumbnail::after{z-index:1;inset:0;mix-blend-mode:overlay;content:"";background:linear-gradient(to top right,rgba(rgb(142,166,161),0.2),transparent);position:absolute}.teaching-history .review-grid .pic-thumbnail:hover{transform:translateY(-15px) rotate(0deg) scale(1.05)}.teaching-history .review-grid > div:nth-child(2){padding-left:1rem;border-left:1px solid rgb(142,166,161,0.5);order:2}.teaching-history .review-grid .name{font-weight:700;color:rgb(142,166,161);font-size:calc(23px * 1.1);display:inline-block;margin-bottom:0.5rem;position:relative}.teaching-history .review-grid .name::after{content:"";height:2px;width:60%;transform-origin:left;position:absolute;left:0;transition:transform 0.3s ease-out;background:rgb(106,128,123);transform:scaleX(0.7);bottom:-4px}.teaching-history .review-grid .name:hover::after{transform:scaleX(1)}.teaching-history .review-grid > div:nth-child(2) > div{color:rgb(106,128,123);margin-top:0.5rem;font-size:15px;font-weight:600;letter-spacing:0.5px}.teaching-history .review-grid > div:nth-child(3){order:3;position:relative;margin-top:1rem}.teaching-history .review-grid .experience-details{padding:1.5rem;background:linear-gradient(to right,rgb(179,203,198) 0%,transparent 100%);color:#000000;font-size:15px;border-radius:10px;line-height:1.7;margin:0;position:relative}.teaching-history .review-grid .experience-details::before{color:rgb(142,166,161,0.5);opacity:0.3;font-size:5rem;top:-0.5rem;line-height:1;position:absolute;content:"";left:0}@media (min-width: 768px) {.teaching-history .review-grid{grid-template-areas:"photo info" "quote quote";padding:4rem;gap:3rem;grid-template-columns:250px 1fr}.teaching-history .review-grid > div:first-child{justify-content:flex-start;grid-area:photo}.teaching-history .review-grid > div:nth-child(2){grid-area:info;align-self:center;padding-left:0;border-left:none}.teaching-history .review-grid > div:nth-child(3){grid-area:quote}.teaching-history .review-grid .experience-details{background:linear-gradient(135deg,rgb(179,203,198) 0%,transparent 100%);padding:2rem}} @media (min-width: 992px) {.teaching-history .review-grid{grid-template-areas:"photo info" "photo quote";gap:3rem 4rem;padding:5rem;grid-template-columns:300px 1fr}.teaching-history .review-grid > div:first-child{align-self:start}.teaching-history .review-grid .pic-thumbnail{height:280px;width:280px}.teaching-history .review-grid .name{font-size:calc(23px * 1.3)}.teaching-history .review-grid > div:nth-child(2) > div{font-size:calc(15px * 1.1)}.teaching-history .review-grid .experience-details{line-height:1.8;padding:2.5rem;font-size:calc(15px * 1.05)}} @media (min-width: 1200px) {.teaching-history .review-grid{transform:perspective(1000px) rotateX(1deg) rotateY(-1deg);transition:transform 0.5s ease-out}.teaching-history .review-grid:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}.teaching-history .review-grid .pic-thumbnail{width:320px;height:320px}} @media (max-width: 767px) {.teaching-history{padding:3rem 0}.teaching-history .container{padding:0 1.5rem}.teaching-history .review-grid{transform:none;padding:2rem 1.5rem}.teaching-history .review-grid .pic-thumbnail{height:180px;width:180px}}.about-this{position:relative;overflow:hidden;background:rgb(179,203,198);padding:120px 0}.about-this::before{animation:pulse 15s infinite alternate;position:absolute;width:100%;content:"";background:radial-gradient(circle at 20% 20%,rgb(142,166,161,0.5) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgb(106,128,123,0.5) 0%,transparent 60%);left:0;height:100%;z-index:0;top:0}.about-this::after{content:"";z-index:1;left:0;top:0;width:100%;animation:slide 20s linear infinite;opacity:0.1;position:absolute;background-size:60px 60px;background:linear-gradient(45deg,transparent 49.5%,rgb(142,166,161,0.5) 49.5%,rgb(142,166,161,0.5) 50.5%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgb(106,128,123,0.5) 49.5%,rgb(106,128,123,0.5) 50.5%,transparent 50.5%);height:100%}.about-this .container{z-index:2;max-width:1200px;position:relative;margin:0 auto;padding:0 20px}.about-this .story-info{grid-template-columns:1fr 1fr;align-items:center;grid-gap:60px;display:grid}.about-this h3{font-size:31px;font-weight:700;grid-column:1 / -1;position:relative;color:#000000;display:inline-block;margin-bottom:30px}.about-this h3::after{background:rgb(142,166,161);content:"";height:4px;border-radius:10px;left:0;bottom:-10px;position:absolute;transition:width 0.5s ease;width:80px}.about-this h3:hover::after{width:100%}.about-this .learn-guide{overflow:hidden;border-radius:25px;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 15px 30px rgba(0,0,0,0.1);position:relative;background:#ffffff;padding:30px}.about-this .learn-guide::before{width:100%;height:5px;content:"";left:0;background:linear-gradient(90deg,rgb(142,166,161),rgb(106,128,123));border-radius:10px 10px 0 0;position:absolute;top:0}.about-this .learn-guide:hover{box-shadow:0 25px 40px rgba(0,0,0,0.15);transform:translateY(-10px)}.about-this .learn-guide span{padding-left:20px;position:relative;margin-bottom:20px;color:rgb(142,166,161);font-size:19px;font-weight:600;display:block}.about-this .learn-guide span::before{transform:translateY(-50%);border-radius:50%;width:10px;height:10px;top:50%;left:0;content:"";background:rgb(142,166,161);position:absolute}.about-this .learn-guide p{font-size:15px;line-height:1.6;margin-bottom:30px;color:#000000;font-weight:400}.about-this .learn-guide .pic-thumbnail{height:280px;overflow:hidden;width:100%;position:relative;transition:transform 0.5s ease;border-radius:25px}.about-this .learn-guide .pic-thumbnail::after{content:"";left:-100%;position:absolute;top:0;width:50%;animation:shine 3s infinite;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent)}.about-this .academy-learnings{border-radius:25px;box-shadow:0 15px 30px rgba(0,0,0,0.1);padding:30px;display:flex;position:relative;overflow:hidden;flex-direction:column;background:#ffffff;transition:transform 0.3s ease,box-shadow 0.3s ease}.about-this .academy-learnings::before{top:0;position:absolute;border-radius:10px 10px 0 0;content:"";right:0;background:linear-gradient(90deg,rgb(106,128,123),rgb(142,166,161));width:100%;height:5px}.about-this .academy-learnings:hover{box-shadow:0 25px 40px rgba(0,0,0,0.15);transform:translateY(-10px)}.about-this .academy-learnings p{line-height:1.6;font-size:15px;margin-bottom:30px;position:relative;border-left:3px solid rgb(106,128,123);padding-left:20px;font-weight:400;color:#000000}.about-this .academy-learnings .study-tracks{border-radius:50%;width:180px;box-shadow:0 10px 20px rgba(0,0,0,0.1);border:5px solid #ffffff;position:relative;margin:0 auto;height:180px;transition:transform 0.5s ease}.about-this .academy-learnings .study-tracks::before{border-radius:50%;height:calc(100% + 30px);left:-15px;animation:rotate 30s linear infinite;position:absolute;width:calc(100% + 30px);top:-15px;content:"";border:2px dashed rgb(106,128,123,0.5)}.about-this .academy-learnings .study-tracks::after{animation:rotate 20s linear infinite reverse;border:1px solid rgb(142,166,161,0.5);top:-5px;position:absolute;content:"";left:-5px;border-radius:50%;width:calc(100% + 10px);height:calc(100% + 10px)}@keyframes pulse {0%{opacity:0.5}50%{opacity:0.7}100%{opacity:0.5}} @keyframes slide {0%{background-position:0 0}100%{background-position:60px 60px}} @keyframes shine {0%{left:-100%}20%{left:100%}100%{left:100%}} @keyframes rotate {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @media (max-width: 992px) {.about-this{padding:90px 0}.about-this .story-info{grid-template-columns:1fr;grid-gap:40px}.about-this .learn-guide,.about-this .academy-learnings{margin:0 auto;max-width:600px}.about-this .learn-guide .pic-thumbnail{height:240px}.about-this .academy-learnings .study-tracks{width:160px;height:160px}} @media (max-width: 768px) {.about-this{padding:70px 0}.about-this h3{display:block;text-align:center;font-size:calc(31px * 0.9)}.about-this h3::after{transform:translateX(-50%);left:50%}.about-this .learn-guide,.about-this .academy-learnings{padding:25px}.about-this .learn-guide span{font-size:calc(19px * 0.9)}.about-this .learn-guide .pic-thumbnail{height:200px}.about-this .academy-learnings .study-tracks{width:140px;height:140px}} @media (max-width: 576px) {.about-this{padding:50px 0}.about-this .container{padding:0 15px}.about-this h3{font-size:calc(31px * 0.8);margin-bottom:20px}.about-this .story-info{grid-gap:30px}.about-this .learn-guide,.about-this .academy-learnings{padding:20px}.about-this .learn-guide p,.about-this .academy-learnings p{margin-bottom:20px}.about-this .learn-guide .pic-thumbnail{height:180px}.about-this .academy-learnings .study-tracks{height:120px;width:120px}.about-this .academy-learnings .study-tracks::before{top:-10px;left:-10px;height:calc(100% + 20px);width:calc(100% + 20px)}}.secure-guard{box-shadow:0 2px 4px rgba(0,0,0,0.5);margin:0 auto;max-width:1200px;background:#ffffff;border:1px solid rgba(0,0,0,0.5);font-family:Arial,sans-serif;color:#000000;padding:50px}.secure-guard h1{padding-bottom:10px;margin-top:20px;margin-bottom:30px;font-weight:700;color:rgb(142,166,161);border-bottom:2px solid rgb(142,166,161);font-size:42px}.secure-guard h2{font-size:31px;margin-bottom:20px;color:rgb(106,128,123);font-weight:600;border-left:4px solid rgb(106,128,123);padding-left:15px;margin-top:30px}.secure-guard ul{padding-left:40px;margin:20px 0;list-style-type:square}.secure-guard li{border-bottom:1px solid rgba(0,0,0,0.5);margin-bottom:15px;padding-bottom:5px;line-height:1.5;font-size:18px}.secure-guard p,.secure-guard span,.secure-guard div{color:#000000;margin-bottom:15px;line-height:1.6;font-size:18px}.secure-guard h3,.secure-guard h4,.secure-guard h5,.secure-guard h6{font-weight:600;border-left:3px solid rgb(142,166,161);margin-bottom:15px;margin-top:25px;font-size:21px;padding-left:10px;color:rgb(142,166,161)}@media only screen and (max-width: 800px) {.secure-guard{padding:30px}.secure-guard h1{font-size:calc(21px - 4px)}.secure-guard h2{font-size:calc(21px - 3px)}.secure-guard h3,.secure-guard h4,.secure-guard h5,.secure-guard h6{font-size:calc(21px - 2px)}.secure-guard p,.secure-guard span,.secure-guard div,.secure-guard li{font-size:calc(18px - 2px)}}