﻿*{padding:0;box-sizing:border-box;margin:0}.transcript{flex:0 0 auto}header,footer{width:100%}.header-mentor{flex:1 0 auto}a{color:inherit;text-decoration:none}.framework-wrap{flex-direction:column;height:100%;display:flex;min-height:100%}svg{height:30px;width:30px}html,body{min-height:100%;height:100%;font-family:Arial,sans-serif;color:#000000}.container{margin:auto;width:1176px;max-width:100%}@media only screen and (max-width: 1200px) {.container{width:100%;padding:0 20px}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .contact-panel{padding:100px 0;position:relative}.contact-panel::before{height:100%;background:linear-gradient(135deg,rgb(177,202,188,0.5) 0%,rgb(137,174,149,0.5) 100%);top:0;position:absolute;content:'';width:100%;left:0}.contact-panel .container{position:relative;margin:0 auto;max-width:1200px;padding:0 15px}.contact-panel .request-map{display:grid;grid-template-columns:1fr;grid-gap:40px}.contact-panel .query-message{background:#ffffff;display:grid;border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;box-shadow:0 15px 30px rgba(0,0,0,0.1);padding:40px}.contact-panel .query-message h3{color:#000000;font-weight:700;position:relative;margin-bottom:30px;text-align:center;font-size:34px;grid-column:1 / -1}.contact-panel .query-message h3::after{position:absolute;background:rgb(177,202,188);height:4px;left:50%;content:'';border-radius:2px;width:80px;transform:translateX(-50%);bottom:-15px}.contact-panel .query-message div{flex-direction:column;align-items:center;display:flex;background:rgb(215,228,219);padding:30px 20px;border-radius:10px;transition:all 0.3s ease;text-align:center}.contact-panel .query-message div:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.contact-panel .query-message svg{height:40px;margin-bottom:15px;width:40px}.contact-panel .query-message svg path{fill:rgb(177,202,188)}.contact-panel .query-message span{font-size:14px;color:#000000}.contact-panel .query-message a{color:rgb(177,202,188);font-weight:600;transition:color 0.3s ease;text-decoration:none}.contact-panel .query-message a:hover{color:rgb(137,174,149)}.contact-panel .connect-grid{background:#ffffff;border-radius:22px;box-shadow:0 15px 30px rgba(0,0,0,0.1);padding:40px}.contact-panel form h3{font-size:34px;margin-bottom:40px;text-align:center;position:relative;color:#000000;font-weight:700}.contact-panel form h3::after{width:80px;bottom:-15px;height:4px;content:'';background:rgb(177,202,188);position:absolute;border-radius:2px;transform:translateX(-50%);left:50%}.contact-panel form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px}.contact-panel form h3{grid-column:1 / -1}.contact-panel form input[type="text"],.contact-panel form input[type="email"]{width:100%;padding:15px 20px;background:#ffffff;border:1px solid rgba(0,0,0,0.1);border-radius:10px;font-size:14px;transition:all 0.3s ease;color:#000000}.contact-panel form input[type="text"]:focus,.contact-panel form input[type="email"]:focus{box-shadow:0 0 0 3px rgb(177,202,188,0.5);border-color:rgb(177,202,188);outline:none}.contact-panel form input::placeholder{color:rgba(0,0,0,0.4)}.contact-panel .message-request{margin:10px 0;display:flex;grid-column:1 / -1;align-items:flex-start}.contact-panel .message-request input[type="checkbox"]{border:2px solid rgba(0,0,0,0.1);flex-shrink:0;position:relative;height:22px;border-radius:10px;margin-right:15px;appearance:none;cursor:pointer;transition:all 0.3s ease;width:22px;-webkit-appearance:none}.contact-panel .message-request input[type="checkbox"]:checked{border-color:rgb(177,202,188);background-color:rgb(177,202,188)}.contact-panel .message-request input[type="checkbox"]:checked::before{border:solid #ffffff;width:6px;transform:rotate(45deg);top:4px;position:absolute;height:10px;content:"";border-width:0 2px 2px 0;left:7px}.contact-panel .message-request label{line-height:1.5;color:#000000;font-size:16px}.contact-panel .message-request a{transition:color 0.3s ease;color:rgb(177,202,188);font-weight:600;text-decoration:none}.contact-panel .message-request a:hover{color:rgb(137,174,149)}.contact-panel .request-query{padding:18px 20px;cursor:pointer;border-radius:10px;font-weight:600;font-size:15px;transition:all 0.3s ease;color:#ffffff;position:relative;background:rgb(177,202,188);grid-column:1 / -1;overflow:hidden;border:none}.contact-panel .request-query:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);background:rgb(137,174,149);transform:translateY(-3px)}@media (max-width: 992px) {.contact-panel{padding:80px 0}.contact-panel .query-message{padding:35px}.contact-panel .connect-grid{padding:35px}} @media (max-width: 768px) {.contact-panel{padding:60px 0}.contact-panel .query-message{grid-template-columns:repeat(2,1fr);padding:30px}.contact-panel .connect-grid{padding:30px}.contact-panel form{grid-template-columns:1fr;grid-gap:20px}.contact-panel .query-message h3,.contact-panel form h3{margin-bottom:30px;font-size:calc(34px * 0.85)}} @media (max-width: 576px) {.contact-panel{padding:50px 0}.contact-panel .query-message{padding:25px;grid-template-columns:1fr}.contact-panel .connect-grid{padding:25px}.contact-panel .query-message h3,.contact-panel form h3{font-size:calc(34px * 0.8);margin-bottom:25px}.contact-panel .query-message div{padding:25px 15px}}.training-method{isolation:isolate;background:rgb(215,228,219);position:relative;overflow:hidden;padding:7rem 0}.training-method::before{top:-50%;background-position:0 0,30px 30px;transform:rotate(15deg);left:-50%;z-index:0;background-size:60px 60px;background-image:radial-gradient( rgb(137,174,149,0.5) 20%,transparent 21% ),radial-gradient( rgb(177,202,188,0.5) 20%,transparent 21% );content:"";height:200%;width:200%;position:absolute;opacity:0.3;animation:shiftPattern 60s linear infinite}.training-method::after{width:100%;bottom:0;left:0;content:"";position:absolute;background:linear-gradient(to top,rgb(215,228,219),transparent );height:40%;z-index:1}.training-method .expert-program{z-index:2;animation:appearFromBottom 1s ease-out forwards;overflow:hidden;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1),0 1px 5px rgba(0,0,0,0.05);align-items:center;flex-direction:column;background:#ffffff;padding:0;position:relative;margin:0 auto;max-width:900px;display:flex}.training-method h3{background:linear-gradient(135deg,rgb(177,202,188),rgb(137,174,149));font-size:37px;text-align:center;margin:0;padding:2.5rem;font-weight:700;clip-path:polygon( 0 0,100% 0,100% 75%,50% 100%,0 75% );position:relative;padding-bottom:4rem;width:100%;color:#ffffff}.training-method h3::before{top:0;opacity:0.3;position:absolute;background-size:20px 20px;background:linear-gradient( rgba(255,255,255,0.2) 1px,transparent 1px ),linear-gradient( 90deg,rgba(255,255,255,0.2) 1px,transparent 1px );left:0;bottom:0;right:0;content:"";animation:moveGrid 20s linear infinite}.training-method h3::after{animation:shimmer 5s infinite linear;height:5px;top:0;left:0;position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent );content:"";right:0}.training-method span{font-size:12px;margin-top:-30px;line-height:1.8;padding:3rem 2.5rem 2.5rem;z-index:1;width:100%;border-radius:0 0 15px 15px;color:#000000;box-sizing:border-box;position:relative;background:#ffffff}.training-method span::before{width:70px;border-radius:50%;transform:translateX(-50%);top:-35px;z-index:-1;left:50%;box-shadow:0 -5px 10px rgba(0,0,0,0.05);position:absolute;height:70px;background:#ffffff;content:""}.training-method span::after{background:rgb(177,202,188);animation:pulse 3s infinite;border-radius:50%;top:-20px;height:20px;position:absolute;content:"";left:50%;transform:translateX(-50%);width:20px;box-shadow:0 0 15px rgb(177,202,188,0.5)}@keyframes appearFromBottom {from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}} @keyframes shiftPattern {0%{transform:rotate(15deg) translateY(0)}50%{transform:rotate(15deg) translateY(-30px)}100%{transform:rotate(15deg) translateY(0)}} @keyframes moveGrid {0%{background-position:0 0}100%{background-position:20px 20px}} @keyframes shimmer {0%{background-position:-1000px}100%{background-position:1000px}} @keyframes pulse {0%,100%{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.2);opacity:0.8}} @media (max-width: 992px) {.training-method{padding:5rem 1.5rem}.training-method::before{background-size:50px 50px;background-position:0 0,25px 25px}.training-method h3{padding-bottom:3.5rem;font-size:calc(37px * 0.9);padding:2rem}.training-method span{padding:2.5rem 2rem 2rem}} @media (max-width: 768px) {.training-method{padding:4rem 1rem}.training-method::before{background-position:0 0,20px 20px;background-size:40px 40px}.training-method h3{padding-bottom:3rem;font-size:calc(37px * 0.8);clip-path:polygon( 0 0,100% 0,100% 80%,50% 100%,0 80% );padding:1.5rem}.training-method span{padding:2.5rem 1.5rem 1.5rem;font-size:calc(12px * 0.95)}.training-method span::before{height:60px;width:60px;top:-30px}.training-method span::after{top:-18px;height:16px;width:16px}}.training-benefits{overflow:hidden;padding:100px 0;background:linear-gradient(135deg,rgb(215,228,219) 0%,rgb(177,202,188,0.5) 100%);position:relative}.training-benefits::before{background:radial-gradient(circle at 20% 30%,rgb(137,174,149,0.5) 0%,transparent 40%);content:"";top:0;position:absolute;opacity:0.7;height:100%;width:100%;left:0}.training-benefits::after{top:-200px;right:-200px;filter:blur(80px);animation:rotate 30s linear infinite;height:400px;border-radius:50%;content:"";opacity:0.5;background:rgb(177,202,188,0.5);position:absolute;width:400px}.training-benefits .container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px}.training-benefits .expert-program{gap:40px;display:flex;justify-content:space-between;align-items:center}.training-benefits .image-list{border-radius:30px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.1);transition:all 0.5s ease;flex:0 0 42%;max-width:42%;z-index:1}.training-benefits .image-list:hover{box-shadow:0 30px 50px rgba(0,0,0,0.15);transform:translateY(-10px)}.training-benefits .text-box-holder{position:relative;flex:0 0 52%;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.08),inset 0 0 0 1px rgba(255,255,255,0.5);background:rgba(255,255,255,0.9);padding:40px;border-radius:20px}.training-benefits .text-box-holder::before{transform:rotate(45deg);height:80px;width:80px;top:-20px;opacity:0.7;z-index:-1;content:"";right:30px;position:absolute;border-radius:20px;background:linear-gradient(135deg,rgb(177,202,188,0.5),rgb(137,174,149,0.5))}.training-benefits h3{position:relative;color:#000000;margin-bottom:35px;font-size:33px;font-weight:700}.training-benefits h3::after{width:50px;position:absolute;bottom:-12px;content:"";height:3px;left:0;border-radius:10px;background:linear-gradient(to right,rgb(177,202,188),rgb(137,174,149))}.training-benefits ul{margin:0;padding:0;list-style:none;gap:16px;flex-direction:column;display:flex}.training-benefits li{position:relative;border-radius:12px;transition:all 0.3s ease;overflow:hidden}.training-benefits li::before{transition:opacity 0.3s ease;content:"";background:linear-gradient(90deg,rgb(177,202,188,0.5),transparent);position:absolute;opacity:0;height:100%;width:100%;z-index:0;left:0;top:0}.training-benefits li:hover{transform:translateX(10px)}.training-benefits li:hover::before{opacity:0.3}.training-benefits li p{border-radius:12px;z-index:1;font-weight:400;display:flex;background:rgba(255,255,255,0.8);backdrop-filter:blur(5px);padding:16px 20px;font-size:12px;transition:all 0.3s ease;align-items:center;margin:0;color:#000000;line-height:1.5;box-shadow:0 5px 15px rgba(0,0,0,0.05),inset 0 0 0 1px rgba(255,255,255,0.5);position:relative;gap:16px}.training-benefits li:hover p{background:rgba(255,255,255,0.9);box-shadow:0 8px 20px rgba(0,0,0,0.08),inset 0 0 0 1px rgba(255,255,255,0.6)}.training-benefits svg{transition:all 0.3s ease;box-shadow:0 4px 8px rgba(0,0,0,0.1);justify-content:center;padding:5px;align-items:center;flex-shrink:0;background:linear-gradient(135deg,#ffffff,rgb(215,228,219));display:flex;width:24px;border-radius:50%;height:24px}.training-benefits svg path{fill:rgb(177,202,188);transition:fill 0.3s ease}.training-benefits li:hover svg{background:#ffffff;box-shadow:0 6px 12px rgba(0,0,0,0.15);transform:scale(1.1) rotate(10deg)}.training-benefits li:hover svg path{fill:rgb(137,174,149)}@keyframes rotate {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @media (max-width: 992px) {.training-benefits{padding:70px 0}.training-benefits .expert-program{flex-direction:column;gap:40px}.training-benefits .image-list{max-width:60%;flex:none;margin:0 auto}.training-benefits .text-box-holder{margin:0 auto;flex:none;width:90%}} @media (max-width: 576px) {.training-benefits{padding:50px 0}.training-benefits .image-list{max-width:85%}.training-benefits .text-box-holder{padding:30px 25px;width:100%}.training-benefits .text-box-holder::before{width:60px;height:60px;right:20px;top:-15px}.training-benefits h3{margin-bottom:25px;font-size:18px}.training-benefits li p{padding:12px 15px}.training-benefits svg{height:22px;width:22px;padding:4px}}header{border-bottom:2px solid rgb(215,228,219);position:fixed;width:100%;top:0;transition:all 0.3s ease;z-index:1000;left:0;background-color:#ffffff}header:before{background:linear-gradient(90deg,rgb(177,202,188),rgb(137,174,149),rgb(177,202,188));width:100%;background-size:200% 100%;content:'';animation:gradientMove 6s infinite linear;left:0;height:4px;top:0;position:absolute}header .main-header{width:100%;padding:0}header .container{max-width:1200px;margin:0 auto;position:relative;padding:20px}header .nav-site{justify-content:space-between;position:relative;align-items:center;display:flex}header .top-class{display:flex;align-items:center;gap:35px}header .top-pagewrap{text-decoration:none;padding:5px 0;font-weight:600;font-family:Arial,sans-serif;transition:all 0.3s ease;color:#000000;position:relative;font-size:12px}header .top-pagewrap:before{content:'';background-color:rgb(177,202,188);position:absolute;transition:transform 0.3s ease;height:6px;width:6px;transform:translateY(-50%) scale(0);border-radius:10px;left:-15px;top:50%}header .top-pagewrap:after{width:100%;transform-origin:center;transition:transform 0.3s ease;position:absolute;height:2px;content:'';left:0;transform:scaleX(0);bottom:0;background-color:rgb(177,202,188)}header .top-pagewrap:hover{color:rgb(177,202,188)}header .top-pagewrap:hover:before{transform:translateY(-50%) scale(1)}header .top-pagewrap:hover:after{transform:scaleX(1)}header .main-core{text-decoration:none;position:relative;align-items:center;display:flex;padding:5px 10px;transition:all 0.3s ease}header .main-core:before{content:'';background:linear-gradient(to right,rgb(177,202,188),rgb(137,174,149)) border-box;left:0;-webkit-mask-composite:xor;border-radius:10px;opacity:0;border:2px solid transparent;mask-composite:exclude;top:0;height:100%;transition:opacity 0.3s ease;position:absolute;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);width:100%}header .main-core:hover:before{opacity:1}header .main-core svg{width:auto;height:42px;transition:transform 0.3s ease}header .main-core:hover svg{transform:scale(1.05)}@keyframes gradientMove {0%{background-position:0% 0%}100%{background-position:200% 0%}} @media (max-width: 991px) {header .container{padding:15px}header .top-class{gap:20px}header .top-pagewrap:before{left:-10px}header .main-core svg{height:38px}} @media (max-width: 767px) {header .top-class{box-shadow:0 10px 20px rgba(0,0,0,0.1);gap:0;max-height:0;left:0;transition:max-height 0.4s ease;width:100%;position:absolute;background-color:#ffffff;padding:0;top:100%;border-bottom:3px solid rgb(177,202,188);z-index:1001;flex-direction:column;overflow:hidden}header .menu.active{max-height:400px}header .top-pagewrap{width:100%;border-bottom:1px solid rgb(215,228,219);padding:12px 20px}header .top-pagewrap:last-child{border-bottom:none}header .top-pagewrap:before{left:5px}header .nav-site{padding:5px 0}header .main-core{margin:0 auto}} @media (max-width: 480px) {header .container{padding:12px 10px}header .main-core svg{height:32px}}.course-program{min-height:100vh;position:relative;grid-template-rows:1fr;background-color:rgb(215,228,219);display:grid;grid-template-columns:repeat(12,1fr);overflow:hidden}.course-program .learn-map{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);z-index:1;grid-row:1;position:relative;grid-column:4 / span 8;height:100%}.course-program .learn-map::before{left:0;background:linear-gradient(90deg,rgb(137,174,149,0.5),transparent);width:30%;position:absolute;z-index:2;top:0;pointer-events:none;content:"";height:100%}.course-program .class-route{position:relative;height:100%;width:100%;overflow:hidden}.course-program .learn-work{perspective:1000px;width:100%;height:100%;position:relative}.course-program .new-skills{left:0;top:0;height:100%;transition:opacity 0.8s,transform 0.8s;position:absolute;transform:translateZ(-50px);z-index:1;opacity:0;width:100%}.course-program .new-skills:nth-child(1){animation:slide-cube 25s infinite 0s}.course-program .new-skills:nth-child(2){animation:slide-cube 25s infinite -5s}.course-program .new-skills:nth-child(3){animation:slide-cube 25s infinite -10s}.course-program .new-skills:nth-child(4){animation:slide-cube 25s infinite -15s}.course-program .new-skills:nth-child(5){animation:slide-cube 25s infinite -20s}.course-program .new-skills img{height:100%;object-fit:cover;width:100%}.course-program .class-route:hover .new-skills{animation-play-state:paused}.course-program .container{grid-column:1 / span 7;position:relative;display:flex;grid-row:1;z-index:2;padding:0 0 0 4rem;justify-content:flex-start;align-items:center}.course-program .expert-program{margin-right:auto;margin-left:0;max-width:550px;position:relative;width:100%}.course-program .career-class{padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.2);background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.1);position:relative;border-radius:27px}.course-program .career-class h3{margin-bottom:1.5rem;position:relative;animation:slide-up 0.7s ease-out forwards;opacity:0;text-shadow:0 2px 4px rgba(0,0,0,0.3);font-weight:700;line-height:1.1;font-size:42px;transform:translateY(30px);color:#ffffff}.course-program .career-class::before{border-top:3px solid rgb(177,202,188);top:-40px;opacity:0;border-left:3px solid rgb(177,202,188);animation:fade-in 0.5s 0.9s ease-out forwards;left:-40px;content:"";height:80px;position:absolute;width:80px}.course-program .career-class::after{height:80px;right:-40px;bottom:-40px;content:"";border-right:3px solid rgb(177,202,188);opacity:0;animation:fade-in 0.5s 0.9s ease-out forwards;border-bottom:3px solid rgb(177,202,188);width:80px;position:absolute}.course-program .career-class p{font-size:17px;transform:translateY(30px);line-height:1.8;opacity:0;margin-bottom:2.5rem;color:#ffffff;animation:slide-up 0.7s 0.4s ease-out forwards;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.course-program .request-query{transform:translateY(30px);letter-spacing:1px;padding:1rem 2.5rem;opacity:0;transition:all 0.3s;background:rgb(177,202,188);position:relative;color:#ffffff;font-size:19px;animation:slide-up 0.7s 0.6s ease-out forwards;overflow:hidden;display:inline-block;text-decoration:none;font-weight:600}.course-program .request-query:hover{background:transparent;transform:scale(1.05);box-shadow:0 0 30px rgba(rgb(177,202,188),0.5)}.course-program .request-query::before{transform:scale(1);width:100%;position:absolute;height:100%;z-index:-1;background:rgb(177,202,188);content:"";top:0;transform-origin:bottom right;transition:transform 0.5s;left:0}.course-program .request-query:hover::before{transform:scale(0);transition:transform 0.5s}@keyframes slide-cube {0%,20%,100%{opacity:0;transform:translateZ(-50px) rotateY(-5deg)}4%,16%{opacity:1;transform:translateZ(0) rotateY(0)}} @keyframes slide-up {to{opacity:1;transform:translateY(0)}} @keyframes fade-in {to{opacity:1}} .course-program::before{background:linear-gradient(to right,rgb(137,174,149,0.5) 0%,rgb(137,174,149,0.5) 40%,transparent 70%);position:absolute;top:0;width:100%;pointer-events:none;content:"";height:100%;left:0;z-index:0}.course-program::after{top:0;pointer-events:none;background:radial-gradient( circle at 30% 50%,rgb(177,202,188,0.5) 0%,transparent 50% );content:"";opacity:0.5;left:0;height:100%;z-index:0;width:100%;position:absolute}@media screen and (max-width: 1400px) {.course-program .expert-program{margin-right:1rem}} @media screen and (max-width: 1200px) {.course-program{grid-template-columns:repeat(10,1fr)}.course-program .learn-map{grid-column:6 / span 5}.course-program .container{grid-column:1 / span 6;padding:0 0 0 3rem}.course-program .expert-program{max-width:100%}.course-program::before{background:linear-gradient(to right,rgb(137,174,149,0.5) 0%,rgb(137,174,149,0.5) 30%,transparent 60%)}} @media screen and (max-width: 992px) {.course-program{min-height:auto;padding:0;flex-direction:column;display:flex}.course-program .learn-map{height:50vh;order:1;width:100%;clip-path:none}.course-program .learn-map::before{display:none}.course-program .container{padding:4rem 3rem;width:100%;order:2}.course-program .expert-program{max-width:600px;margin:0}.course-program .career-class{background:rgba(0,0,0,0.7)}.course-program::before{background:rgb(137,174,149,0.5);opacity:0.95}.course-program::after{background:none}.course-program .new-skills{animation-duration:20s}} @media screen and (max-width: 768px) {.course-program .learn-map{height:40vh}.course-program .container{padding:3rem 2rem}.course-program .career-class h3{font-size:calc(42px * 0.8)}.course-program .career-class::before,.course-program .career-class::after{height:60px;width:60px}} @media screen and (max-width: 576px) {.course-program .learn-map{height:35vh}.course-program .container{padding:2.5rem 1.5rem}.course-program .career-class h3{font-size:calc(32px * 1.1)}.course-program .career-class::before,.course-program .career-class::after{left:-20px;right:-20px;bottom:-20px;top:-20px;height:40px;width:40px}.course-program .request-query{width:100%;text-align:center}}.thanksUnit{overflow:hidden;padding:5rem 0;background:linear-gradient(135deg,rgb(215,228,219) 25%,rgba(rgb(177,202,188,0.5),0.05) 100%);position:relative}.thanksUnit::before{top:-15%;filter:blur(80px);width:40%;right:-10%;position:absolute;height:70%;opacity:0.1;transform:rotate(35deg) skew(15deg);content:"";z-index:0;animation:float 15s ease-in-out infinite alternate;background:linear-gradient(120deg,rgb(137,174,149),rgba(rgb(137,174,149,0.5),0.2))}.thanksUnit::after{left:0;background:linear-gradient(90deg,transparent,rgb(177,202,188) 20%,rgb(137,174,149) 50%,rgb(177,202,188) 80%,transparent);z-index:1;content:"";height:10px;width:100%;position:absolute;opacity:0.3;bottom:0}.thanksUnit .container{margin:0 auto;padding:0 1.5rem;z-index:2;position:relative;max-width:1140px}.thanksUnit .expert-program{position:relative;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),box-shadow 0.5s ease;display:flex;box-shadow:0 10px 30px rgba(rgba(0,0,0,0.5),0.05),0 1px 0 rgba(rgb(255,255,255,0.5),0.95) inset,0 -20px 50px rgba(rgb(137,174,149,0.5),0.1) inset;padding:3.5rem;gap:2rem;flex-direction:column;transform:perspective(1000px) rotateY(1deg);background:rgba(rgb(255,255,255,0.5),0.9);backdrop-filter:blur(10px)}.thanksUnit .expert-program:hover{transform:perspective(1000px) rotateY(-1deg);box-shadow:0 15px 35px rgba(rgba(0,0,0,0.5),0.08),0 1px 0 rgba(rgb(255,255,255,0.5),0.95) inset,0 -20px 50px rgba(rgb(137,174,149,0.5),0.15) inset}.thanksUnit .expert-program > div:first-child{position:relative;padding-bottom:1.5rem}.thanksUnit .expert-program > div:first-child::after{left:0;height:3px;content:"";bottom:0;position:absolute;width:60px;background:rgb(177,202,188);transform-origin:left;transition:width 0.5s cubic-bezier(0.19,1,0.22,1)}.thanksUnit .expert-program:hover > div:first-child::after{width:120px}.thanksUnit h5{transform:translateX(-5px);transition:transform 0.4s ease;margin:0 0 0.5rem 0;font-weight:700;font-size:22px;line-height:1.4;color:#000000;position:relative}.thanksUnit .expert-program:hover h5{transform:translateX(0)}.thanksUnit a{text-decoration:none;display:block;transition:transform 0.3s ease-out;position:relative}.thanksUnit a:hover{transform:translateY(-3px)}.thanksUnit p{transition:color 0.3s ease;line-height:1.8;font-family:Arial,sans-serif;margin:0;font-size:18px;font-weight:400;color:#000000;position:relative}.thanksUnit a:hover p{color:rgb(177,202,188)}.thanksUnit a::before{opacity:0.7;position:absolute;transition:width 0.5s cubic-bezier(0.165,0.84,0.44,1);height:1px;bottom:-10px;background:linear-gradient(90deg,rgb(177,202,188),rgb(137,174,149));content:"";left:0;width:0}.thanksUnit a:hover::before{width:100%}.thanksUnit .expert-program > div:first-child::before{transform:rotate(-5deg) scale(0.9);transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);top:-20px;right:0;content:"✓";font-size:calc(37px * 1.5);opacity:0.1;position:absolute;color:rgb(137,174,149)}.thanksUnit .expert-program:hover > div:first-child::before{transform:rotate(5deg) scale(1.1);opacity:0.2}@keyframes float {0%{transform:rotate(35deg) skew(15deg) translate(0,0)}50%{transform:rotate(38deg) skew(12deg) translate(-20px,20px)}100%{transform:rotate(32deg) skew(18deg) translate(20px,-10px)}} @media (max-width: 992px) {.thanksUnit{padding:4rem 0}.thanksUnit .expert-program{padding:2.5rem}.thanksUnit h5{font-size:calc(22px * 0.9)}} @media (max-width: 768px) {.thanksUnit{padding:3rem 0}.thanksUnit .expert-program{transform:perspective(1000px) rotateY(0deg);gap:1.5rem;padding:2rem}.thanksUnit .expert-program:hover{transform:perspective(1000px) rotateY(0deg)}.thanksUnit h5{transform:translateX(0);font-size:calc(22px * 0.85)}.thanksUnit p{font-size:calc(18px * 0.95)}.thanksUnit::before{height:50%;top:-10%;width:60%;right:-30%}} @media (max-width: 576px) {.thanksUnit{padding:2.5rem 0}.thanksUnit .expert-program{padding:1.5rem;gap:1.25rem}.thanksUnit h5{font-size:calc(22px * 0.8)}.thanksUnit p{font-size:calc(18px * 0.9);line-height:1.6}.thanksUnit .expert-program > div:first-child{padding-bottom:1rem}.thanksUnit .expert-program > div:first-child::after{height:2px;width:40px}.thanksUnit .expert-program:hover > div:first-child::after{width:80px}.thanksUnit .expert-program > div:first-child::before{top:-15px;font-size:calc(37px * 1.2)}}.meet-us{padding:120px 0;overflow:hidden;color:#ffffff;position:relative}.meet-us::before{top:0;left:0;position:absolute;backdrop-filter:blur(2px);background:linear-gradient(145deg,rgba(0,0,0,0.9),rgba(0,0,0,0.5),rgba(0,0,0,0.85));content:"";right:0;z-index:1;bottom:0}.meet-us::after{transform:rotate(-15deg);background:rgb(177,202,188,0.5);top:-50%;opacity:0.15;right:-20%;position:absolute;height:200%;width:80%;content:"";animation:shine 15s infinite alternate ease-in-out;z-index:0}.meet-us .container{max-width:1200px;display:grid;z-index:2;grid-template-columns:1fr;margin:0 auto;position:relative;gap:2rem;padding:0 20px}.meet-us h2{font-weight:700;font-size:calc(28px * 1.2);display:inline-block;color:#ffffff;transform:translateX(-10px);animation:slideInTitle 0.8s ease-out forwards;position:relative;margin-bottom:2rem}.meet-us h2::after{content:"";transform-origin:left;left:0;animation:lineGrow 1s 0.6s forwards cubic-bezier(0.34,1.56,0.64,1);transform:scaleX(0);position:absolute;width:60px;background:linear-gradient(90deg,rgb(177,202,188),rgb(137,174,149));bottom:-10px;height:3px}.meet-us .text-box-holder{transform:translateY(20px);backdrop-filter:blur(5px);box-shadow:0 10px 35px rgba(0,0,0,0.2);animation:fadeSlideUp 1s 0.3s forwards cubic-bezier(0.16,1,0.3,1);background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.03));position:relative;padding:40px;border-top:1px solid rgba(255,255,255,0.1);opacity:0;border-radius:2px;border-left:1px solid rgba(255,255,255,0.1)}.meet-us .text-box-holder::before{background:rgb(177,202,188);content:"";height:80px;width:20px;z-index:-1;left:-10px;opacity:0.6;position:absolute;top:20px}.meet-us .text-box-holder > div{display:grid;gap:1.5rem;grid-template-columns:1fr}.meet-us .text-box-holder p{transform:translateX(-10px);margin:0 0 10px;color:#ffffff;animation:fadeIn 0.5s 0.8s forwards;opacity:0;font-weight:600;line-height:1.2;font-size:calc(18px * 1.5);letter-spacing:0.5px;position:relative}.meet-us .text-box-holder p::after{transform-origin:left;left:0;animation:lineGrow 0.6s 1s forwards cubic-bezier(0.34,1.56,0.64,1);bottom:-5px;position:absolute;content:"";transform:scaleX(0);width:40px;background:rgb(137,174,149);height:2px}.meet-us .text-box-holder div div{column-gap:40px;column-count:1;opacity:0;transform:translateY(10px);line-height:1.8;color:#ffffff;opacity:0.9;position:relative;font-size:18px;animation:fadeSlideUp 0.8s 1s forwards cubic-bezier(0.16,1,0.3,1)}.meet-us .text-box-holder div div::first-letter{color:rgb(177,202,188);font-weight:700;float:left;padding-right:8px;line-height:1;font-size:1.5em}@keyframes fadeSlideUp {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} @keyframes slideInTitle {0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}} @keyframes lineGrow {0%{transform:scaleX(0)}100%{transform:scaleX(1)}} @keyframes fadeIn {to{opacity:1;transform:translateX(0)}} @keyframes shine {0%{opacity:0.1;transform:rotate(-15deg) translateX(5%)}50%{opacity:0.2}100%{opacity:0.15;transform:rotate(-15deg) translateX(-5%)}} @media (min-width: 768px) {.meet-us{padding:150px 0}.meet-us .container{grid-template-columns:1fr}.meet-us h2{margin-bottom:3rem;font-size:calc(28px * 1.4)}.meet-us .text-box-holder{padding:50px}.meet-us .text-box-holder::before{height:120px}.meet-us .text-box-holder div div{column-count:2}} @media (min-width: 992px) {.meet-us{padding:180px 0}.meet-us::after{width:60%}.meet-us .container{padding:0 40px}.meet-us h2{font-size:calc(28px * 1.6)}.meet-us h2::after{width:80px}.meet-us .text-box-holder{padding:60px 70px}.meet-us .text-box-holder::before{width:25px;height:150px}.meet-us .text-box-holder div div{column-gap:60px;column-count:2}} @media (min-width: 1200px) {.meet-us .container{padding:0 60px}.meet-us h2{margin-left:30px}.meet-us .text-box-holder{margin-left:30px;transition:transform 0.5s ease,box-shadow 0.5s ease}.meet-us .text-box-holder:hover{transform:translateY(-5px);box-shadow:0 15px 45px rgba(0,0,0,0.3)}} @media (max-width: 767px) {.meet-us{padding:80px 0}.meet-us::after{opacity:0.1}.meet-us h2{margin-bottom:1.5rem;font-size:calc(28px * 1.1)}.meet-us h2::after{width:50px;height:2px}.meet-us .text-box-holder{padding:30px 25px}.meet-us .text-box-holder::before{height:60px;width:10px}.meet-us .text-box-holder p{font-size:calc(18px * 1.2)}.meet-us .text-box-holder div div{line-height:1.6;font-size:calc(18px * 0.95)}}.leadership-profile{background:rgb(215,228,219);isolation:isolate;position:relative;padding:5rem 2rem;overflow:hidden}.leadership-profile::before{filter:blur(3px);height:140%;transform:rotate(15deg);right:-5%;width:60%;top:-20%;content:"";position:absolute;z-index:-1;background:rgb(177,202,188,0.5)}.leadership-profile::after{height:30%;position:absolute;animation:morph 15s linear infinite alternate;content:"";border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;background:rgb(137,174,149,0.5);left:-5%;bottom:-5%;z-index:-1;width:30%}@keyframes morph {0%{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%}100%{border-radius:60% 40% 30% 70% / 60% 30% 70% 40%}} .leadership-profile .student-voices{gap:0;max-width:1100px;grid-template-columns:1fr 1fr;margin:0 auto;position:relative;display:grid}.leadership-profile .image-list{transform:translateX(-5%);grid-column:1 / 2;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);width:100%;transition:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);height:450px;border-radius:0;position:relative;z-index:2;grid-row:1 / 2}.leadership-profile .image-list::after{content:"";left:0;background:linear-gradient( to right,rgba(0,0,0,0.5) 0%,transparent 50% );top:0;position:absolute;height:100%;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);width:100%}.leadership-profile .student-voices:hover .image-list{filter:contrast(1.1);transform:translateX(0) scale(1.02)}.leadership-profile .career-tasks{padding:3rem 3rem 3rem 5rem;transform:translateX(-15%);z-index:1;background:#ffffff;transition:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);display:flex;justify-content:center;box-shadow:0 15px 30px -10px rgba(0,0,0,0.5);grid-row:1 / 2;flex-direction:column;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);grid-column:2 / 3}.leadership-profile .student-voices:hover .career-tasks{box-shadow:0 25px 50px -15px rgba(0,0,0,0.5);transform:translateX(-10%) translateY(-5px)}.leadership-profile .name{font-size:38px;font-weight:700;display:inline-block;color:rgb(177,202,188);margin-bottom:0.7rem;position:relative}.leadership-profile .name::before{top:-10px;z-index:-1;width:30px;transform:rotate(45deg) scale(0);transition:transform 0.4s ease 0.2s;height:30px;border-radius:10px;background:rgb(137,174,149,0.5);position:absolute;content:"";left:-20px}.leadership-profile .student-voices:hover .name::before{transform:rotate(45deg) scale(1)}.leadership-profile .career-tasks > div:nth-child(2){margin-bottom:2rem;font-size:21px;opacity:0;opacity:0.9;color:rgb(137,174,149);transition:all 0.5s ease 0.3s;transform:translateX(-20px);font-weight:600}.leadership-profile .student-voices:hover .career-tasks > div:nth-child(2){opacity:1;transform:translateX(0)}.leadership-profile .work-summary{font-weight:400;color:#000000;padding-top:20px;position:relative;font-size:17px;opacity:0;transition:all 0.5s ease 0.5s;font-style:italic;transform:translateY(20px);line-height:1.7}.leadership-profile .student-voices:hover .work-summary{opacity:1;transform:translateY(0)}.leadership-profile .work-summary::before{left:0;content:"";top:0;position:absolute;height:3px;width:60px;background:linear-gradient(to right,rgb(177,202,188),transparent)}@keyframes float {0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}} .leadership-profile .career-tasks::after{bottom:20px;z-index:-1;background:rgb(177,202,188,0.5);position:absolute;border-radius:50%;right:20px;width:40px;content:"";height:40px;animation:float 4s ease-in-out infinite}@media (max-width: 992px) {.leadership-profile .student-voices{gap:2rem;grid-template-columns:1fr;grid-template-rows:auto auto}.leadership-profile .image-list{grid-column:1 / 2;height:300px;grid-row:1 / 2;clip-path:polygon(0 0,100% 0,90% 100%,0 100%);transform:none}.leadership-profile .image-list::after{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.leadership-profile .career-tasks{clip-path:none;grid-column:1 / 2;transform:none;grid-row:2 / 3;padding:2rem}.leadership-profile .student-voices:hover .career-tasks{transform:translateY(-5px)}}footer{width:100%;position:relative}footer .transcript{background-color:rgb(137,174,149);position:relative;color:#ffffff;padding:80px 0 30px;font-family:Arial,sans-serif}footer .transcript::before{height:100%;opacity:0.05;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px;position:absolute;left:0;width:100%;background-image:linear-gradient(30deg,rgb(137,174,149) 12%,transparent 12.5%,transparent 87%,rgb(137,174,149) 87.5%,rgb(137,174,149)),linear-gradient(150deg,rgb(137,174,149) 12%,transparent 12.5%,transparent 87%,rgb(137,174,149) 87.5%,rgb(137,174,149)),linear-gradient(30deg,rgb(137,174,149) 12%,transparent 12.5%,transparent 87%,rgb(137,174,149) 87.5%,rgb(137,174,149)),linear-gradient(150deg,rgb(137,174,149) 12%,transparent 12.5%,transparent 87%,rgb(137,174,149) 87.5%,rgb(137,174,149)),linear-gradient(60deg,rgb(177,202,188,0.5) 25%,transparent 25.5%,transparent 75%,rgb(177,202,188,0.5) 75%,rgb(177,202,188,0.5)),linear-gradient(60deg,rgb(177,202,188,0.5) 25%,transparent 25.5%,transparent 75%,rgb(177,202,188,0.5) 75%,rgb(177,202,188,0.5));top:0;background-size:80px 140px;pointer-events:none;content:""}footer .transcript::after{height:5px;top:0;content:"";position:absolute;background:linear-gradient(90deg,rgb(177,202,188),rgb(137,174,149));left:0;width:100%;pointer-events:none}footer .compliance{position:relative;z-index:1}footer .contact-links{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:60px;gap:20px}footer .info_item{cursor:pointer;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);justify-content:center;min-height:60px;position:relative;min-width:200px;transition:all 0.4s ease;max-width:300px;flex:0 1 auto;display:flex;background-color:rgba(255,255,255,0.03);padding:20px 25px;align-items:center}footer .info_item::before{z-index:-1;pointer-events:none;right:3px;background-color:rgb(137,174,149);left:3px;top:3px;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);position:absolute;content:"";bottom:3px}footer .info_item:hover{background-color:rgb(177,202,188);transform:translateY(-5px)}footer .info_item svg{transition:fill 0.3s ease;height:20px;fill:rgb(177,202,188);margin-right:12px;width:20px;flex-shrink:0}footer .info_item:hover svg{fill:#ffffff}footer .info_item p,footer .info_item a{text-overflow:ellipsis;overflow:hidden;font-size:13px;display:flex;color:#ffffff;align-items:center;z-index:1;height:100%;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;width:100%;text-decoration:none}footer .text_main_holder{gap:50px;position:relative;display:grid;padding-top:40px;grid-template-columns:1fr}footer .text_main_holder::before{pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);height:1px;content:"";width:80%;left:10%;top:0;position:absolute}footer .header-sitebar{flex-direction:column;display:flex;background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.01) 100%);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);position:relative;align-items:center;max-width:350px;text-align:center;margin:0 auto;padding:20px;justify-content:center}footer .header-sitebar::before{right:3px;pointer-events:none;position:absolute;top:3px;background-color:rgb(137,174,149);z-index:-1;content:"";left:3px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);bottom:3px}footer .header-sitebar svg{margin-bottom:20px;height:45px;filter:brightness(0) invert(1);width:auto}footer .license-cta{font-size:15px;color:rgba(255,255,255,0.7);line-height:1.6}footer .top-class{padding:30px;position:relative;border-radius:12px;background-color:rgba(255,255,255,0.03)}footer .top-class h5{font-weight:700;color:#ffffff;display:inline-block;padding-bottom:10px;position:relative;margin-bottom:25px;font-size:24px}footer .top-class h5::after{pointer-events:none;bottom:0;height:2px;background-color:rgb(177,202,188);position:absolute;left:0;width:50px;content:""}footer .top-tutor{grid-template-columns:repeat(2,1fr);display:grid;gap:5px;margin-bottom:20px}footer .top-tutor a{text-decoration:none;display:flex;position:relative;background-color:rgba(255,255,255,0.03);transition:all 0.3s ease;cursor:pointer;font-size:13px;align-items:center;color:rgba(255,255,255,0.7);padding:12px 15px;border-radius:10px}footer .top-tutor a::before{transform:translateY(-50%);content:"";pointer-events:none;opacity:0;top:50%;border-bottom:4px solid transparent;border-top:4px solid transparent;left:5px;height:0;border-left:4px solid rgb(177,202,188);position:absolute;transition:all 0.3s ease;width:0}footer .top-tutor a:hover{padding-left:25px;color:#ffffff;background-color:rgba(255,255,255,0.05)}footer .top-tutor a:hover::before{opacity:1}footer .subscribe_holder{padding:30px;border-radius:12px;position:relative;background-color:rgba(255,255,255,0.05)}footer .subscribe_holder::before{position:absolute;top:0;height:100%;width:100%;content:"";background-size:20px 20px;pointer-events:none;background-image:linear-gradient(-45deg,transparent 48%,rgb(177,202,188,0.5) 49%,rgb(177,202,188,0.5) 51%,transparent 52%),linear-gradient(45deg,transparent 48%,rgb(177,202,188,0.5) 49%,rgb(177,202,188,0.5) 51%,transparent 52%);left:0;opacity:0.05;border-radius:12px}footer .subscribe_holder h5{font-size:24px;margin-bottom:15px;color:#ffffff;font-weight:700}footer .subscribe_holder p{color:rgba(255,255,255,0.7);font-size:13px;line-height:1.6;margin-bottom:25px}footer .input_holder{gap:15px;z-index:5;flex-direction:column;display:flex;position:relative;width:100%}footer .input_holder input[type="email"]{transition:all 0.3s ease;z-index:5;font-size:13px;cursor:text;border-radius:10px;border:1px solid rgba(255,255,255,0.1);position:relative;width:100%;color:#ffffff;background-color:rgba(255,255,255,0.05);appearance:none;padding:14px 16px;-webkit-appearance:none}footer .input_holder input[type="email"]:focus{border-color:rgb(177,202,188);background-color:rgba(255,255,255,0.08);outline:none}footer .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.4)}footer .signup-block{border:none;transition:all 0.3s ease;background-color:rgb(177,202,188);font-size:18px;position:relative;color:#ffffff;padding:14px 20px;z-index:5;cursor:pointer;text-align:center;font-weight:600;border-radius:10px;width:100%}footer .signup-block:hover{transform:translateY(-3px);background-color:rgb(137,174,149);box-shadow:0 5px 15px rgba(0,0,0,0.2)}footer .slack-invite{position:relative;margin-top:50px;text-align:center}footer .math-tools{display:inline-block;color:rgba(255,255,255,0.5);position:relative;padding:0 20px;font-size:15px}footer .math-tools::before,footer .math-tools::after{background-color:rgba(255,255,255,0.2);position:absolute;top:50%;width:20px;content:"";height:1px;pointer-events:none}footer .math-tools::before{left:-10px;transform:rotate(-45deg)}footer .math-tools::after{transform:rotate(45deg);right:-10px}@media (min-width: 768px) {footer .text_main_holder{grid-template-columns:1fr 1fr 1fr;gap:30px}footer .input_holder{flex-direction:row}footer .signup-block{width:auto;min-width:150px;flex-shrink:0}footer .input_holder input[type="email"]{min-width:0;flex:1}} @media (max-width: 991px) {footer .top-tutor{grid-template-columns:1fr}} @media (max-width: 767px) {footer .transcript{padding:60px 0 30px}footer .contact-links{margin-bottom:40px}footer .info_item{min-width:150px;padding:15px 20px}footer .top-class,footer .subscribe_holder{padding:25px 20px}footer .header-sitebar{padding:15px;margin-bottom:20px}footer .slack-invite{margin-top:40px}} @media (max-width: 576px) {footer .transcript{padding:50px 0 20px}footer .info_item{min-width:100%}footer .top-class h5,footer .subscribe_holder h5{margin-bottom:20px;font-size:calc(24px - 2px)}footer .top-class,footer .subscribe_holder{padding:20px 15px}footer .input_holder input[type="email"],footer .signup-block{padding:12px}}.pricing-feature{position:relative;overflow:hidden;padding:120px 0;background:rgb(215,228,219)}.pricing-feature::before{background:linear-gradient(135deg,rgb(177,202,188,0.5),rgb(137,174,149,0.5));opacity:0.08;width:100%;left:0;content:"";height:100%;z-index:0;position:absolute;top:0}.pricing-feature .container{position:relative;padding:0 15px;margin:0 auto;max-width:1320px;z-index:1}.pricing-feature .class-cost{display:flex;flex-direction:column-reverse;gap:60px}.pricing-feature .pricing-schemes{text-align:center;margin:0 auto;padding:0 20px;max-width:800px}.pricing-feature .pricing-schemes h2{margin-bottom:20px;font-weight:700;position:relative;font-size:37px;color:#000000;display:inline-block}.pricing-feature .pricing-schemes h2::after{position:absolute;border-radius:3px;height:3px;content:"";width:80px;left:50%;bottom:-10px;transform:translateX(-50%);background:linear-gradient(90deg,rgb(177,202,188),rgb(137,174,149))}.pricing-feature .tuition-plans{line-height:1.7;font-size:13px;margin-right:auto;margin-left:auto;max-width:600px;color:#000000;margin-top:20px}.pricing-feature .access-cost{display:grid;margin:0 auto;gap:30px;grid-template-columns:1fr;width:100%}.pricing-feature .cost-card{position:relative;z-index:1;text-decoration:none;display:block;transition:transform 0.4s cubic-bezier(0.215,0.61,0.355,1)}.pricing-feature .cost-card:hover{transform:translateY(-8px)}.pricing-feature .plan-matrix{overflow:hidden;height:100%;position:relative;flex-direction:column;box-shadow:16px 16px 32px rgba(0,0,0,0.05),-16px -16px 32px rgba(255,255,255,0.8);background:linear-gradient(145deg,#f6f6f6,#ffffff);border-radius:16px;display:flex;transition:all 0.4s ease}.pricing-feature .cost-card:hover .plan-matrix{box-shadow:20px 20px 40px rgba(0,0,0,0.08),-8px -8px 24px rgba(255,255,255,1)}.pricing-feature .learning-cost{z-index:2;padding:30px;flex:1;position:relative}.pricing-feature .learning-cost h3{display:inline-block;padding-bottom:10px;font-weight:600;color:#000000;font-size:19px;margin-bottom:15px;position:relative}.pricing-feature .learning-cost h3::after{transition:width 0.3s ease;border-radius:2px;left:0;bottom:0;background:rgb(177,202,188);position:absolute;width:40px;content:"";height:3px}.pricing-feature .cost-card:hover .learning-cost h3::after{width:60px}.pricing-feature .deal-grid{background-clip:text !important;color:transparent;-webkit-background-clip:text !important;position:relative;display:inline-block;color:rgb(177,202,188);font-size:1.8rem;font-weight:700;margin-bottom:20px;background:linear-gradient(135deg,rgb(177,202,188),rgb(137,174,149))}.pricing-feature .deal-grid::before{bottom:-5px;content:"";left:0;background:linear-gradient(90deg,rgb(177,202,188,0.5),transparent);height:1px;width:100%;position:absolute}.pricing-feature .learning-cost p{line-height:1.6;word-break:break-word;overflow-wrap:break-word;font-size:calc(13px - 2px);margin-bottom:20px;position:relative;color:#000000}.pricing-feature .image-list{overflow:hidden;border-radius:0 0 12px 12px;width:100%;transition:all 0.5s ease;position:relative;height:220px}.pricing-feature .image-list::after{top:0;transition:opacity 0.3s ease;right:0;bottom:0;opacity:0.6;z-index:1;left:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);content:"";position:absolute}.pricing-feature .cost-card:hover .image-list::after{opacity:0.3}@media (min-width: 768px) {.pricing-feature .access-cost{grid-template-columns:repeat(2,1fr)}.pricing-feature .plan-matrix{height:100%}.pricing-feature .image-list{height:240px}} @media (min-width: 992px) {.pricing-feature{padding:160px 0}.pricing-feature .class-cost{flex-direction:row;align-items:center;gap:80px}.pricing-feature .pricing-schemes{text-align:left;padding:0;flex:0 0 30%}.pricing-feature .pricing-schemes h2{font-size:calc(37px + 4px)}.pricing-feature .pricing-schemes h2::after{transform:none;left:0}.pricing-feature .tuition-plans{margin-left:0}.pricing-feature .access-cost{flex:0 0 70%;grid-template-columns:repeat(2,1fr)}} @media (min-width: 1200px) {.pricing-feature .access-cost{gap:40px;grid-template-columns:repeat(2,1fr)}.pricing-feature .learning-cost{padding:40px}.pricing-feature .image-list{height:260px}.pricing-feature .cost-card:nth-child(odd){transform:translateY(20px)}.pricing-feature .cost-card:nth-child(odd):hover{transform:translateY(12px)}.pricing-feature .cost-card:nth-child(even):hover{transform:translateY(-8px)}} @keyframes pulse {0%{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),0.4)}70%{box-shadow:0 0 0 10px rgba(var(--primary-color-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--primary-color-rgb),0)}} @media (prefers-reduced-motion: no-preference) {.pricing-feature .cost-card:active .plan-matrix{transition:transform 0.2s ease;transform:scale(0.98)}} @media (max-width: 767px) {.pricing-feature{padding:80px 0}.pricing-feature .class-cost{gap:40px}.pricing-feature .pricing-schemes h2{font-size:calc(37px - 4px)}.pricing-feature .image-list{height:200px}.pricing-feature .learning-cost{padding:25px}.pricing-feature .deal-grid{font-size:1.5rem}}.target-audience{position:relative;background-color:rgb(215,228,219);z-index:1;padding:5rem 0;overflow:hidden}.target-audience::before,.target-audience::after{background:linear-gradient(to bottom,transparent 20%,rgb(177,202,188) 50%,transparent 80%);height:100%;content:'';top:0;animation:beamScan 8s infinite ease-out;z-index:-1;position:absolute;opacity:0;width:1px}.target-audience::before{animation-delay:0s;left:25%}.target-audience::after{right:25%;animation-delay:4s}.target-audience .expert-program{margin:0 auto;max-width:1000px;padding:0 2rem;z-index:2;position:relative}.target-audience .expert-program::before,.target-audience .expert-program::after{animation:horizontalBeam 10s infinite ease-out;position:absolute;background:linear-gradient(to right,transparent 10%,rgb(137,174,149) 50%,transparent 90%);content:'';height:1px;width:100%;z-index:-1;opacity:0;left:0}.target-audience .expert-program::before{animation-delay:2s;top:30%}.target-audience .expert-program::after{bottom:30%;animation-delay:6s}.target-audience h3{font-weight:600;margin-bottom:3.5rem;color:rgb(177,202,188);letter-spacing:1px;text-align:center;position:relative;font-size:32px}.target-audience h3::after{content:'';position:absolute;height:2px;transform:translateX(-50%) scaleX(0.3);background:rgb(177,202,188);animation:pulseLine 4s infinite ease-in-out;width:100px;bottom:-15px;opacity:0.7;left:50%}.target-audience ul{padding:0;margin:0;gap:1.2rem;flex-direction:column;display:flex;list-style:none}.target-audience ul li{font-weight:400;position:relative;font-size:18px;color:#000000;overflow:hidden;padding:1.3rem 1.5rem;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,0.05);transition:all 0.3s ease}.target-audience ul li::before{width:3px;transition:transform 0.4s ease;transform-origin:top;background:linear-gradient(to bottom,rgb(137,174,149,0.5),rgb(177,202,188,0.5));position:absolute;height:100%;transform:scaleY(0);content:'';top:0;opacity:0.5;left:0}.target-audience ul li::after{transition:transform 0.5s ease;background:linear-gradient(90deg,transparent,rgb(177,202,188,0.5) 20%,transparent 80%);content:'';position:absolute;left:0;top:0;height:100%;transform:translateX(-100%);opacity:0;z-index:-1;width:100%}.target-audience ul li:hover{color:#000000;background-color:rgba(255,255,255,0.05)}.target-audience ul li:hover::before{transform:scaleY(1)}.target-audience ul li:hover::after{transform:translateX(100%);opacity:0.15}.target-audience ul li svg{position:relative;transition:all 0.4s ease;margin-right:1.5rem;z-index:1;flex-shrink:0;width:28px;height:28px}.target-audience ul li:hover svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1));transform:translateY(-2px)}.target-audience ul li svg path{transition:fill 0.4s ease;fill:rgb(177,202,188)}.target-audience ul li:hover svg path{fill:rgb(137,174,149);animation:flashIcon 1s ease}@keyframes beamScan {0%{opacity:0;transform:translateY(-100%)}20%,35%{opacity:0.8}80%,100%{opacity:0;transform:translateY(100%)}} @keyframes horizontalBeam {0%{opacity:0;transform:translateX(-100%)}20%,35%{opacity:0.5}80%,100%{opacity:0;transform:translateX(100%)}} @keyframes pulseLine {0%,100%{opacity:0.5;transform:translateX(-50%) scaleX(0.3)}50%{opacity:1;transform:translateX(-50%) scaleX(1)}} @keyframes flashIcon {0%{filter:brightness(1)}25%{filter:brightness(1.5)}100%{filter:brightness(1)}} .target-audience::before:nth-child(1){animation-delay:1s}.target-audience::before:nth-child(2){animation-delay:3s}.target-audience::before:nth-child(3){animation-delay:5s}.target-audience ul::before{content:'';height:50px;border-radius:50%;top:20px;right:20px;width:50px;opacity:0.2;border:1px solid rgb(177,202,188,0.5);position:absolute}.target-audience ul::after{opacity:0.2;left:20px;bottom:20px;position:absolute;border:1px solid rgb(137,174,149,0.5);border-radius:50%;width:30px;height:30px;content:''}@media (max-width: 992px) {.target-audience{padding:4rem 0}.target-audience h3{font-size:calc(32px * 0.9)}.target-audience ul{gap:1rem}.target-audience ul li{padding:1.1rem 1.3rem}} @media (max-width: 576px) {.target-audience{padding:3rem 0}.target-audience .expert-program{padding:0 1.5rem}.target-audience h3{margin-bottom:2.5rem;font-size:calc(32px * 0.8)}.target-audience ul{gap:0.8rem}.target-audience ul li{padding:1rem}.target-audience ul li svg{width:24px;height:24px;margin-right:1rem}}.cookieAlertPromptPanel{transition:transform 0.3s ease-in-out;border-top:3px solid rgb(177,202,188);box-shadow:0 -2px 10px rgba(0,0,0,0.5);z-index:90;width:100%;background:rgb(215,228,219);bottom:0;position:fixed}.consent-learn{display:flex;align-items:center;max-width:1200px;margin:0 auto;justify-content:space-between;padding:20px 15px}.user-alert{margin-right:15px;flex-shrink:0}.user-alert svg{transition:fill 0.3s ease;width:60px;fill:rgb(177,202,188);height:60px}.user-alert svg:hover{fill:rgb(137,174,149)}.data-control{margin-right:15px;flex-grow:1;color:#000000}.cookieAlertPromptPanel h5{color:rgb(177,202,188);font-family:Arial,sans-serif;font-weight:600;margin-bottom:8px;font-size:24px}.cookieAlertPromptPanel p{font-family:Arial,sans-serif;line-height:1.5;color:#000000;font-size:12px}.data-opt{font-size:18px;color:#ffffff;margin-left:10px;cursor:pointer;border-radius:13px;padding:10px 20px;text-decoration:none;transition:background 0.3s ease,box-shadow 0.3s ease;line-height:35px;background:rgb(177,202,188);text-align:center}.data-opt:hover{box-shadow:0 0 10px rgb(137,174,149,0.5);background:rgb(137,174,149)}#cookiePolicyPermitUsageBtn{background:rgb(177,202,188)}#reject-cookies-collection{background:rgba(0,0,0,0.5)}.cookieAlertPromptPanel p a{transition:color 0.3s ease;text-decoration:underline;color:rgb(177,202,188)}.cookieAlertPromptPanel p a:hover{color:rgb(137,174,149)}@media only screen and (max-width: 1200px) {.consent-learn{align-items:center;flex-direction:column}.user-alert{margin-bottom:15px}.data-control{text-align:center;margin-right:0;margin-bottom:15px}.data-opt{width:100%;margin-left:0;max-width:200px;margin-bottom:10px}} @media only screen and (max-width: 800px) {.consent-learn{padding:15px}.user-alert{display:none}.cookieAlertPromptPanel h5{font-size:18px}.cookieAlertPromptPanel p{font-size:14px}} #cookieMessageWindow{display:none}#cookieMessageWindow:checked ~ .cookieAlertPromptPanel{visibility:hidden;opacity:0}.privacy-zone{padding:60px 0;position:relative;background:linear-gradient(135deg,rgb(215,228,219) 0%,rgba(rgb(137,174,149,0.5),0.05) 100%);overflow:hidden}.privacy-zone::before{content:"";height:100%;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(rgb(177,202,188,0.5),0.05) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(rgb(137,174,149,0.5),0.07) 0%,transparent 60%);width:100%;left:0;top:0;position:absolute}.privacy-zone::after{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;background:linear-gradient(225deg,rgba(rgb(177,202,188,0.5),0.03),rgba(rgb(137,174,149,0.5),0.03));animation:float 15s ease-in-out infinite alternate;right:-5%;top:-10%;content:"";height:300px;z-index:0;position:absolute;width:300px}.privacy-zone .container{margin:0 auto;z-index:1;padding:0 20px;position:relative;max-width:1140px}.privacy-zone h1{font-family:Arial,sans-serif;position:relative;margin-bottom:35px;font-size:45px;color:#000000;padding-bottom:20px;font-weight:700;transform:translateZ(0)}.privacy-zone h1::after{content:"";height:4px;position:absolute;transition:width 0.3s ease-out;transform-origin:left;background:linear-gradient(90deg,rgb(177,202,188) 0%,rgb(137,174,149) 100%);left:0;width:80px;bottom:0}.privacy-zone h2{font-family:Arial,sans-serif;margin:40px 0 20px;padding-left:15px;position:relative;font-size:32px;color:#000000;font-weight:600}.privacy-zone h2::before{transform:translateY(-50%);content:"";width:5px;border-radius:2px;top:50%;background:rgb(177,202,188);height:70%;left:0;position:absolute}.privacy-zone h3{margin:35px 0 18px;font-size:calc(32px * 0.85);font-weight:600;color:#000000;padding-left:12px;position:relative;font-family:Arial,sans-serif}.privacy-zone h3::before{border-radius:2px;left:0;width:4px;height:65%;transform:translateY(-50%);background:rgb(137,174,149);content:"";position:absolute;top:50%}.privacy-zone h4{padding-left:10px;margin:30px 0 15px;font-weight:600;font-family:Arial,sans-serif;color:#000000;font-size:calc(32px * 0.75);position:relative}.privacy-zone h4::before{width:3px;background:rgba(rgb(177,202,188,0.5),0.7);content:"";border-radius:2px;left:0;transform:translateY(-50%);height:60%;position:absolute;top:50%}.privacy-zone p{line-height:1.75;font-size:14px;color:#000000;font-weight:400;font-family:Arial,sans-serif;position:relative;margin-bottom:20px;max-width:100%}.privacy-zone span{display:block;color:#000000;line-height:1.75;font-family:Arial,sans-serif;font-weight:400;font-size:14px;margin-bottom:20px}.privacy-zone ul{margin:25px 0;list-style:none;position:relative;padding:0}.privacy-zone li{color:#000000;padding-left:30px;line-height:1.65;margin-bottom:15px;transition:transform 0.3s ease;position:relative;font-family:Arial,sans-serif;font-size:14px}.privacy-zone li::before{background:#ffffff;border-radius:10px;transform:rotate(45deg);top:8px;position:absolute;border:2px solid rgb(177,202,188);left:0;width:10px;content:"";transition:background-color 0.3s ease;height:10px}.privacy-zone li:hover::before{background-color:rgb(177,202,188)}.privacy-zone strong{position:relative;padding:0 2px;color:#000000;font-weight:600;display:inline-block}.privacy-zone strong::after{content:"";width:100%;position:absolute;height:2px;transition:height 0.3s ease;background:rgba(rgb(177,202,188,0.5),0.3);z-index:-1;bottom:0;left:0}.privacy-zone strong:hover::after{height:8px}@keyframes float {0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(15px,15px) rotate(5deg)}100%{transform:translate(-15px,10px) rotate(-5deg)}} @media screen and (min-width: 992px) {.privacy-zone{padding:80px 0}.privacy-zone h1{font-size:calc(45px * 1.1);margin-bottom:45px}.privacy-zone h1::after{width:100px}.privacy-zone .container{padding:0 30px}.privacy-zone li{padding-left:35px}.privacy-zone li::before{height:12px;width:12px}} @media screen and (max-width: 768px) {.privacy-zone{padding:50px 0}.privacy-zone h1{font-size:calc(45px * 0.9);margin-bottom:30px}.privacy-zone h2{margin:30px 0 15px;font-size:calc(32px * 0.9)}.privacy-zone h3{font-size:calc(32px * 0.75)}.privacy-zone h4{font-size:calc(32px * 0.65)}.privacy-zone p,.privacy-zone span,.privacy-zone li{font-size:calc(14px * 0.95);line-height:1.65}} @media screen and (max-width: 576px) {.privacy-zone{padding:40px 0}.privacy-zone .container{padding:0 15px}.privacy-zone h1{margin-bottom:25px;padding-bottom:15px;font-size:calc(45px * 0.8)}.privacy-zone h1::after{width:60px;height:3px}.privacy-zone h2{margin:25px 0 12px;font-size:calc(32px * 0.8)}.privacy-zone h3{font-size:calc(32px * 0.7)}.privacy-zone h4{font-size:calc(32px * 0.6)}.privacy-zone p,.privacy-zone span,.privacy-zone li{font-size:calc(14px * 0.9);margin-bottom:15px;line-height:1.6}.privacy-zone ul{margin:20px 0}.privacy-zone li{margin-bottom:12px;padding-left:25px}.privacy-zone li::before{top:7px;width:8px;height:8px}}.title-welcome{overflow:hidden;min-height:100vh;background:linear-gradient(135deg,rgb(215,228,219),rgba(255,255,255,0.95));position:relative}.title-welcome::before{left:0;right:0;position:absolute;background:radial-gradient(circle at 30% 70%,rgb(177,202,188,0.5),transparent 30%),radial-gradient(circle at 70% 20%,rgb(137,174,149,0.5),transparent 35%);content:"";pointer-events:none;top:0;bottom:0;z-index:0;opacity:0.15}.title-welcome::after{opacity:0.05;content:"";pointer-events:none;top:-50%;animation:patternMove 120s linear infinite;position:absolute;height:200%;background:repeating-linear-gradient( 45deg,rgb(177,202,188,0.5) 0,rgb(177,202,188,0.5) 1px,transparent 1px,transparent 20px );left:-50%;width:200%}.title-welcome .expert-program{margin:0 auto;grid-template-columns:1fr 1fr;height:100%;padding:6rem 2rem;z-index:1;max-width:1400px;gap:2rem;position:relative;display:grid}.title-welcome h1{position:relative;transform:translateX(-1rem);color:#000000;font-weight:700;margin-bottom:2rem;opacity:0;animation:slideInTitle 1s cubic-bezier(0.215,0.61,0.355,1) forwards 0.2s;font-size:clamp(2.5rem,5vw,43px);grid-column:1 / -1}.title-welcome h1::after{left:0;transform:scaleX(0);transform-origin:left;width:8rem;background:linear-gradient(90deg,rgb(177,202,188),rgb(137,174,149));height:0.3rem;position:absolute;animation:scaleWidth 1.2s cubic-bezier(0.19,1,0.22,1) forwards 0.8s;bottom:-1rem;content:""}.title-welcome .text-box-holder{z-index:2;animation:fadeUpIn 1s ease-out forwards 0.6s;flex-direction:column;opacity:0;transform:translateY(2rem);display:flex;justify-content:center;position:relative}.title-welcome .edu-begin{overflow:hidden;background:rgba(255,255,255,0.85);position:relative;box-shadow:0 20px 50px rgba(0,0,0,0.1),0 10px 20px rgba(0,0,0,0.05);backdrop-filter:blur(10px);border-radius:10px;transform:perspective(1000px) rotateY(-2deg);padding:3rem;transition:transform 0.5s ease,box-shadow 0.5s ease}.title-welcome .edu-begin:hover{box-shadow:0 25px 60px rgba(0,0,0,0.12),0 15px 25px rgba(0,0,0,0.07);transform:perspective(1000px) rotateY(0deg)}.title-welcome .edu-begin::before{top:0;height:0.3rem;content:"";position:absolute;background:linear-gradient(90deg,rgb(177,202,188),rgb(137,174,149));width:100%;left:0}.title-welcome .edu-begin p{position:relative;margin-bottom:2.5rem;color:#000000;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.title-welcome .edu-begin p::first-letter{font-weight:700;font-size:150%;color:rgb(177,202,188)}.title-welcome svg{display:block;margin:1rem auto 2.5rem;height:120px;transition:transform 0.7s cubic-bezier(0.175,0.885,0.32,1.275);filter:drop-shadow(0 10px 15px rgba(94,170,168,0.2));transform-origin:center;width:120px}.title-welcome svg:hover{transform:scale(1.05) rotate(2deg)}.title-welcome svg path{transition:fill 0.3s ease}.title-welcome svg:hover path{fill:rgb(177,202,188)}.title-welcome svg text{transition:all 0.3s ease}.title-welcome svg:hover text{fill:#000000}.title-welcome .request-query{overflow:hidden;background:linear-gradient(135deg,rgb(177,202,188),rgb(137,174,149));color:#ffffff;display:inline-block;border-radius:10px;padding:1rem 2.5rem;transition:transform 0.3s ease,box-shadow 0.3s ease;box-shadow:0 8px 25px rgba(94,170,168,0.3);font-size:16px;z-index:1;font-weight:600;text-decoration:none;text-align:center;position:relative}.title-welcome .request-query::before{transition:opacity 0.3s ease;background:linear-gradient(135deg,rgb(137,174,149),rgb(177,202,188));position:absolute;opacity:0;left:0;content:"";height:100%;top:0;width:100%;z-index:-1}.title-welcome .request-query:hover{box-shadow:0 12px 30px rgba(94,170,168,0.4);transform:translateY(-5px)}.title-welcome .request-query:hover::before{opacity:1}.title-welcome .request-query:active{transform:translateY(-2px)}.title-welcome .image-list{position:relative;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,0.15),0 10px 20px rgba(0,0,0,0.1);transform:perspective(1000px) rotateY(2deg) translateY(2rem);transition:transform 0.5s ease;animation:fadePhotoIn 1s cubic-bezier(0.215,0.61,0.355,1) forwards 0.8s;overflow:hidden;opacity:0}.title-welcome .image-list::after{background:linear-gradient( to bottom right,rgba(var(--primary-color-rgb),0.2),rgba(var(--secondary-color-rgb),0.2) );position:absolute;height:100%;content:"";mix-blend-mode:overlay;left:0;width:100%;top:0}.title-welcome .image-list:hover{transform:perspective(1000px) rotateY(0deg) translateY(0)}@keyframes slideInTitle {from{transform:translateX(-1rem);opacity:0}to{transform:translateX(0);opacity:1}} @keyframes scaleWidth {from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes fadeUpIn {from{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes fadePhotoIn {from{transform:perspective(1000px) rotateY(2deg) translateY(2rem);opacity:0}to{transform:perspective(1000px) rotateY(2deg) translateY(0);opacity:1}} @keyframes patternMove {0%{transform:translate(0,0)}100%{transform:translate(50%,50%)}} @media (max-width:992px){.title-welcome .expert-program{gap:1.5rem;grid-template-columns:1fr;padding:4rem 1.5rem}.title-welcome h1{font-size:2.5rem;text-align:center}.title-welcome h1::after{left:50%;transform:translateX(-50%) scaleX(0)}@keyframes scaleWidth {from{transform:translateX(-50%) scaleX(0)}to{transform:translateX(-50%) scaleX(1)}} .title-welcome .edu-begin{padding:2rem;transform:perspective(1000px) rotateY(0)}.title-welcome .request-query{display:block;width:100%}.title-welcome .image-list{transform:perspective(1000px) rotateY(0) translateY(1rem);order:-1;height:300px}.title-welcome svg{height:100px;margin:0.5rem auto 2rem;width:100px}}@media (max-width: 576px) {.title-welcome .expert-program{padding:3rem 1rem}.title-welcome h1{font-size:2rem}.title-welcome .edu-begin{padding:1.5rem}.title-welcome .edu-begin p{font-size:1rem}.title-welcome .image-list{height:200px}.title-welcome .request-query{padding:0.8rem 1.5rem}.title-welcome svg{width:80px;height:80px}}