*{margin:0;box-sizing:border-box;padding:0}.outer-container{display:flex;flex-direction:column;height:100%;min-height:100%}.main-class{flex:1 0 auto}.container{width:1105px;margin:auto;max-width:100%}svg{height:30px;width:30px}header,footer{width:100%}a{text-decoration:none;color:inherit}html,body{font-family:Arial,sans-serif;scroll-behavior:smooth;height:100%;min-height:100%;color:#000000}::-webkit-scrollbar{width:14px;background:rgb(123,133,132,0.5)}::-webkit-scrollbar-track{box-shadow:inset -5px 0px 9px 5px rgba(0,0,0,0.3);border-radius:17%;background:rgb(255,255,255,0.5)}::-webkit-scrollbar-track:active{background:rgb(123,133,132,0.5)}::-webkit-scrollbar-thumb{border-radius:4px;border:2px dotted rgb(123,133,132);box-shadow:-1px 4px 14px 8px rgba(0,0,0,0.2);background:rgb(193,207,207);min-height:79px;transition:border-radius 4s ease-in}::-webkit-scrollbar-thumb:hover{background:#ffffff;border-color:rgb(255,255,255,0.5);box-shadow:5px -1px 8px 6px rgba(0,0,0,0.2)}::-webkit-scrollbar-corner{background:rgb(193,207,207)}html{scrollbar-color:rgb(123,133,132) rgb(158,171,169,0.5);scrollbar-width:none}.verify-cta{flex:0 0 auto}@media only screen and (max-width: 1200px) {.container{width:100%;padding:0 20px}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .trackingPolicyPanel{bottom:0;border-top:2px solid rgb(158,171,169);width:100%;box-shadow:0 -10px 30px rgb(158,171,169,0.5);background:rgb(123,133,132);animation:slideIn 0.5s ease-in-out;position:fixed;z-index:90}@keyframes slideIn {from{bottom:-100px;opacity:0}to{bottom:0;opacity:1}} .data-guard{background:linear-gradient(135deg,rgb(123,133,132) 0%,rgba(0,0,0,0.5) 100%);justify-content:space-between;box-shadow:0 0 20px rgb(158,171,169,0.5);display:flex;padding:20px 5%;flex-wrap:wrap;align-items:center}.privacy-ack{padding:10px;background:rgba(0,0,0,0.5);margin-right:20px;flex-shrink:0;border-radius:17px;overflow:hidden;box-shadow:0 0 15px rgb(158,171,169)}.privacy-ack svg,.privacy-ack svg path{transition:transform 0.3s ease;height:60px;fill:rgb(158,171,169);width:60px}.privacy-ack:hover svg{transform:rotate(20deg)}.safe-cookies{flex:1;color:#ffffff;min-width:300px}.safe-cookies h5{color:rgb(158,171,169);font-size:24px;font-weight:700;text-shadow:0 0 10px rgb(158,171,169);margin-bottom:10px}.safe-cookies p{margin-bottom:0;font-size:12px;color:#ffffff;text-shadow:0 0 5px rgb(158,171,169,0.5)}.data-settings{background:rgb(158,171,169);border-radius:10px;text-decoration:none;padding:12px 25px;margin-left:10px;box-shadow:0 0 10px rgb(158,171,169,0.5);transition:background 0.3s ease,box-shadow 0.3s ease;white-space:nowrap;color:#000000;cursor:pointer;font-size:15px}.data-settings:hover{background:rgb(123,133,132);box-shadow:0 0 20px rgb(123,133,132,0.5)}.trackingPolicyPanel p a{transition:color 0.3s ease;color:rgb(158,171,169);text-decoration:underline}.trackingPolicyPanel p a:hover{color:rgb(123,133,132)}#cookieMessagePanel{display:none}#cookieMessagePanel:checked ~ .trackingPolicyPanel{opacity:0;visibility:hidden}@media only screen and (max-width: 1200px) {.trackingPolicyPanel{padding:20px}.data-guard{padding:20px 2%}} @media only screen and (max-width: 800px) {.privacy-ack{display:none}.data-guard{justify-content:center;align-items:center;flex-direction:column}.safe-cookies{text-align:center;margin-bottom:20px}.trackingPolicyPanel h5,.trackingPolicyPanel p{text-align:center}.data-settings{text-align:center;margin-left:0;width:100%;margin-top:10px}} footer{width:100%;position:relative}footer .verify-cta{font-family:Arial,sans-serif;padding:100px 0 30px;position:relative;color:#000000;background-color:rgb(193,207,207)}footer .verify-cta::before{background-image:radial-gradient(circle at 10% 20%,rgb(158,171,169,0.5) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgb(123,133,132,0.5) 0%,transparent 20%);content:"";top:0;opacity:0.3;z-index:0;height:100%;width:100%;position:absolute;left:0}footer .footer-benefit{position:relative;z-index:1}footer .edu-form{padding:25px;margin:auto;background-color:#ffffff;z-index:3;gap:15px;box-shadow:0 20px 50px rgba(0,0,0,0.1);border-radius:15px;flex-wrap:wrap;width:85%;justify-content:space-between;display:flex}footer .info_item{background-color:rgb(193,207,207);border-radius:10px;align-items:center;padding:15px;display:flex;transition:all 0.3s ease;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{width:22px;fill:rgb(158,171,169);margin-right:12px;transition:transform 0.3s ease;height:22px}footer .info_item:hover svg{transform:scale(1.2)}footer .info_item p,footer .info_item a{transition:all 0.3s ease;font-size:14px;color:#000000;text-decoration:none}footer .info_item a:hover{color:rgb(158,171,169)}footer .text_main_holder{display:flex;position:relative;flex-direction:column;gap:20px;margin-top:40px;perspective:2000px}footer .nav-sitebar,footer .nav-learn,footer .subscribe_holder{transition:all 0.5s ease;transform-origin:center center;box-shadow:0 15px 30px rgba(0,0,0,0.08);transform-style:preserve-3d;position:relative;padding:30px;border-radius:15px}footer .nav-sitebar{transform:translateZ(0) scale(1);background-color:#ffffff;z-index:2}footer .nav-sitebar:hover{transform:translateZ(30px) scale(1.02)}footer .nav-learn{background-color:rgb(123,133,132);z-index:1;color:#ffffff;margin-right:20px;margin-left:20px;margin-top:-20px;transform:translateZ(-10px) scale(0.98)}footer .subscribe_holder{transform:translateZ(-20px) scale(0.96);background-color:rgb(158,171,169);margin-left:40px;z-index:0;margin-right:40px;margin-top:-20px;color:#ffffff}footer .subscribe_holder:hover{transform:translateZ(10px) scale(0.98)}footer .nav-sitebar::after,footer .nav-learn::after,footer .subscribe_holder::after{width:100%;opacity:0;top:0;position:absolute;z-index:-1;transition:opacity 0.3s ease;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);border-radius:15px;left:0;content:""}footer .nav-sitebar:hover::after,footer .nav-learn:hover::after,footer .subscribe_holder:hover::after{opacity:1}footer .nav-sitebar svg{height:45px;width:auto;margin-bottom:20px;display:block}footer .faq-block{color:#000000;line-height:1.6;font-size:14px}footer .nav-learn h5{position:relative;font-weight:600;margin-bottom:20px;display:inline-block;color:#ffffff;font-size:18px}footer .nav-learn h5::after{background:linear-gradient(90deg,rgb(158,171,169),transparent);width:40px;transition:width 0.3s ease;left:0;position:absolute;content:"";bottom:-8px;height:2px}footer .nav-learn h5:hover::after{width:100%}footer .main-learn{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px;gap:15px}footer .main-learn a{font-size:14px;color:rgba(255,255,255,0.75);position:relative;transition:all 0.3s ease;text-decoration:none;display:inline-block;padding:5px 0}footer .main-learn a::before{bottom:0;position:absolute;left:0;width:0;background-color:rgb(158,171,169);content:"";height:1px;transition:width 0.3s ease}footer .main-learn a:hover{transform:translateX(5px);color:#ffffff}footer .main-learn a:hover::before{width:100%}footer .subscribe_holder h5{color:#ffffff;margin-bottom:15px;font-size:18px;font-weight:600}footer .subscribe_holder p{line-height:1.6;color:rgba(255,255,255,0.9);margin-bottom:25px;font-size:14px}footer .input_holder{display:flex;flex-direction:column;gap:15px}footer .input_holder input[type="email"]{padding:14px 16px;color:#ffffff;border-radius:10px;border:none;background-color:rgba(255,255,255,0.1);transition:all 0.3s ease;font-size:14px}footer .input_holder input[type="email"]:focus{outline:none;background-color:rgba(255,255,255,0.2);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 .access-lessons{font-weight:600;color:rgb(158,171,169);cursor:pointer;padding:14px 20px;background-color:#ffffff;text-align:center;border-radius:10px;transition:all 0.3s ease;font-size:20px;border:none}footer .access-lessons:hover{background-color:rgb(123,133,132);box-shadow:0 5px 15px rgba(0,0,0,0.2);transform:translateY(-3px);color:#ffffff}footer .collab-net{margin-top:60px;position:relative;text-align:center}footer .alumni-net{display:inline-block;box-shadow:0 5px 15px rgba(0,0,0,0.05);padding:8px 20px;background-color:#ffffff;color:#000000;border-radius:30px;font-size:14px}@media (min-width: 992px) {footer .text_main_holder{align-items:stretch;flex-direction:row}footer .nav-sitebar,footer .nav-learn,footer .subscribe_holder{flex:1;display:flex;margin-top:0;flex-direction:column}footer .nav-sitebar{margin-right:-20px}footer .nav-learn{z-index:1;margin-left:0;margin-right:-20px}footer .subscribe_holder{margin-left:0;margin-right:0}} @media (max-width: 991px) {footer .edu-form{width:90%;padding:20px}footer .text_main_holder{margin-top:80px}} @media (max-width: 767px) {footer .verify-cta{padding:80px 0 30px}footer .edu-form{width:95%;padding:15px}footer .info_item{flex:1 1 100%}footer .nav-sitebar,footer .nav-learn,footer .subscribe_holder{margin-right:0;margin-left:0;padding:25px 20px}footer .nav-learn,footer .subscribe_holder{margin-top:-10px}footer .collab-net{margin-top:40px}} @media (max-width: 576px) {footer .verify-cta{padding:70px 0 20px}footer .edu-form{padding:10px}footer .info_item{padding:10px}footer .text_main_holder{margin-top:60px}footer .nav-sitebar,footer .nav-learn,footer .subscribe_holder{padding:20px 15px}footer .nav-learn h5,footer .subscribe_holder h5{font-size:calc(18px - 2px)}footer .main-learn{grid-template-columns:1fr}footer .input_holder input[type="email"],footer .access-lessons{padding:12px}}.title-board{position:relative;align-items:center;display:flex;height:100vh;background:linear-gradient(135deg,rgb(158,171,169,0.5),rgb(123,133,132,0.5));overflow:hidden}.title-board .image-cell{left:0;clip-path:polygon(0 0,100% 0,100% 85%,0% 100%);height:100%;top:0;position:absolute;width:100%;z-index:0}.title-board .image-cell::after{position:absolute;mix-blend-mode:multiply;width:100%;height:100%;left:0;top:0;content:"";background:linear-gradient( 215deg,rgba(94,170,168,0.85),rgba(94,170,168,0.4) 40%,rgba(0,0,0,0.7) )}.title-board .method-ped{position:relative;margin:0 auto;z-index:2;max-width:1200px;width:100%;gap:2rem;padding:2rem;grid-template-columns:1fr;transform:translateY(-5%);display:grid}.title-board h1{animation:slideIn 0.8s cubic-bezier(0.16,1,0.3,1) forwards;color:#ffffff;position:relative;font-size:45px;transform:translateX(-10px);text-shadow:0 2px 10px rgba(0,0,0,0.3);font-weight:700;margin-bottom:1.5rem}.title-board h1::after{transform:scaleX(0);background:rgb(123,133,132);left:0;animation:scaleIn 1s ease-out 0.4s forwards;bottom:-10px;position:absolute;width:80px;content:'';transform-origin:left;height:4px}.title-board .label-holder{transform:translateY(20px);backdrop-filter:blur(10px);background:rgba(255,255,255,0.9);display:flex;flex-direction:column;box-shadow:0 15px 30px rgba(0,0,0,0.15);padding:2.5rem;border-left:5px solid rgb(123,133,132);animation:fadeUp 0.8s cubic-bezier(0.21,1,0.36,1) 0.3s forwards;max-width:600px;opacity:0;gap:1.5rem}.title-board .label-holder p{font-size:calc(14px * 1.1);color:#000000;margin:0;font-weight:400;line-height:1.6}.title-board .course-open{justify-content:center;display:flex;margin:1.5rem 0}.title-board .course-open svg{transform:scale(0);width:100px;height:100px;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1));animation:popIn 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.8s forwards}.title-board .course-open svg path{fill:rgb(123,133,132);transition:fill 0.3s ease}.title-board .course-open svg text{font-family:Arial,sans-serif;transition:transform 0.3s ease}.title-board .course-open:hover svg path{fill:rgb(158,171,169)}.title-board .course-open:hover svg{transform:scale(1.05) rotate(2deg)}.title-board h6{margin-top:1rem;text-align:center}.title-board .message-links{overflow:hidden;color:#ffffff;border-radius:10px;z-index:1;font-weight:600;text-decoration:none;position:relative;padding:0.9rem 2.2rem;font-size:14px;display:inline-block;background:linear-gradient(135deg,rgb(123,133,132),rgb(158,171,169));box-shadow:0 6px 15px rgba(94,170,168,0.3);transition:all 0.3s ease-in-out}.title-board .message-links::before{content:"";left:-100%;width:100%;height:100%;top:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);position:absolute;z-index:-1;transition:all 0.5s ease}.title-board .message-links:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(94,170,168,0.4)}.title-board .message-links:hover::before{left:100%}.title-board .message-links:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(94,170,168,0.4)}@keyframes slideIn {from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}} @keyframes scaleIn {from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes fadeUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes popIn {from{transform:scale(0)}to{transform:scale(1)}} @media (min-width:768px){.title-board .method-ped{align-items:center;grid-template-columns:1fr 1fr;gap:3rem}.title-board h1{font-size:calc(45px * 1.2);max-width:500px}.title-board .label-holder{transform:translateX(20px);animation:fadeFromRight 0.8s cubic-bezier(0.21,1,0.36,1) 0.3s forwards}@keyframes fadeFromRight {from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}}@media (min-width: 992px) {.title-board .image-cell{clip-path:polygon(0 0,100% 0,100% 90%,0% 100%)}.title-board .method-ped{padding:0 4rem;max-width:1400px}.title-board h1{font-size:calc(45px * 1.3);margin-bottom:2rem}.title-board h1::after{width:120px}.title-board .label-holder{padding:3rem}.title-board .course-open svg{width:120px;height:120px}} @media (max-width:767px){.title-board{min-height:100vh;height:auto;padding:100px 0 60px}.title-board .image-cell{clip-path:polygon(0 0,100% 0,100% 100%,0 85%);height:50%}.title-board .method-ped{transform:translateY(0)}.title-board h1{transform:translateX(0);font-size:calc(45px * 0.9);text-align:center}.title-board h1::after{transform:translateX(-50%) scaleX(0);left:50%}@keyframes scaleIn {from{transform:translateX(-50%) scaleX(0)}to{transform:translateX(-50%) scaleX(1)}} .title-board .label-holder{padding:1.5rem;margin:0 auto}.title-board .course-open svg{width:80px;height:80px}}.tyZone{padding:120px 0;background:linear-gradient(135deg,rgb(193,207,207) 0%,rgb(158,171,169,0.5) 100%);position:relative;overflow:hidden}.tyZone::before{content:"";animation:floatElement 15s ease-in-out infinite;background:linear-gradient(220deg,rgb(123,133,132,0.5) 20%,transparent 80%);width:40%;position:absolute;filter:blur(60px);transform:rotate(-15deg) skewX(10deg);height:70%;top:-10%;z-index:1;right:-5%}.tyZone::after{transform:rotate(15deg) skewX(-10deg);bottom:-10%;background:linear-gradient(220deg,rgb(158,171,169,0.5) 20%,transparent 80%);position:absolute;animation:floatElement 15s ease-in-out infinite reverse;width:40%;content:"";left:-5%;filter:blur(60px);z-index:1;height:70%}.tyZone .container{max-width:1200px;padding:0 20px;margin:0 auto;z-index:2;position:relative}.tyZone h2{max-width:800px;opacity:0;position:relative;margin-bottom:40px;animation:slideUp 0.8s forwards 0.2s ease-out;font-size:31px;color:#000000;margin-right:auto;margin-left:auto;letter-spacing:-0.01em;font-weight:700;transform:translateY(20px);line-height:1.4;text-align:center}.tyZone h2::after{bottom:-15px;border-radius:10px;position:absolute;background:rgb(158,171,169);transform:translateX(-50%);width:80px;height:3px;left:50%;content:""}.tyZone .method-ped{opacity:0;position:relative;animation:slideUp 0.8s forwards 0.5s ease-out;padding:50px;box-shadow:0 15px 40px rgba(0,0,0,0.08),0 5px 10px rgba(0,0,0,0.05);overflow:hidden;border-radius:21px;background:#ffffff;transform:translateY(30px)}.tyZone .method-ped::before{width:100%;height:6px;left:0;content:"";background:linear-gradient(90deg,rgb(158,171,169) 0%,rgb(123,133,132) 100%);position:absolute;top:0}.tyZone .method-ped::after{right:20px;width:160px;position:absolute;border-radius:50%;height:160px;opacity:0.2;content:"";transform:translateY(-10px);background:linear-gradient(135deg,rgb(158,171,169,0.5) 0%,transparent 70%);top:20px}.tyZone ul{position:relative;padding:0;margin:0;list-style:none}.tyZone li{gap:20px;position:relative;display:grid;grid-template-columns:1fr}.tyZone li::before{left:-30px;height:12px;top:8px;width:12px;animation:pulse 2s infinite;background:rgb(158,171,169);content:"";position:absolute;border-radius:50%}.tyZone span{font-size:calc(16px * 1.1);font-family:Arial,sans-serif;padding-left:15px;color:#000000;text-align:left;position:relative;line-height:1.8;border-left:3px solid rgb(158,171,169,0.5)}@keyframes slideUp {0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}} @keyframes pulse {0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(rgb(158,171,169),0.5)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(rgb(158,171,169),0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(rgb(158,171,169),0)}} @keyframes floatElement {0%{transform:rotate(-15deg) skewX(10deg) translateY(0)}50%{transform:rotate(-15deg) skewX(10deg) translateY(-20px)}100%{transform:rotate(-15deg) skewX(10deg) translateY(0)}} @media (max-width: 991px) {.tyZone{padding:80px 0}.tyZone h2{font-size:calc(31px * 0.85)}.tyZone .method-ped{padding:40px 30px}.tyZone li::before{left:-20px}} @media (max-width: 767px) {.tyZone{padding:60px 0}.tyZone h2{margin-bottom:30px;font-size:calc(31px * 0.7)}.tyZone h2::after{bottom:-10px;width:60px}.tyZone .method-ped{padding:30px 20px}.tyZone li::before{display:none}.tyZone span{font-size:16px;line-height:1.6}} @media (max-width: 480px) {.tyZone{padding:40px 0}.tyZone h2{font-size:calc(31px * 0.6);margin-bottom:25px}.tyZone .method-ped{padding:25px 15px}.tyZone span{padding-left:10px;border-left:2px solid rgb(158,171,169,0.5)}}header{z-index:100;position:relative;background:linear-gradient(120deg,rgb(158,171,169) 0%,rgb(123,133,132) 100%);clip-path:polygon( 0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px) );padding:0;overflow:visible;margin-top:0}header::before{background:repeating-linear-gradient( -45deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 1px,transparent 1px,transparent 10px );top:2px;position:absolute;bottom:2px;content:'';z-index:-1;left:2px;clip-path:polygon( 0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px) );right:2px}header .first-lesson{z-index:5;position:relative;padding:1.2rem 3rem;justify-content:space-between;display:flex;align-items:center}header .nav-sitebar{padding:0.7rem 1.2rem 0.7rem 1rem;flex:0 0 auto;margin-right:2rem;transition:all 0.3s ease;background:rgba(255,255,255,0.15);clip-path:polygon( 0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px) );position:relative}header .nav-sitebar::before{border:1px dashed rgba(255,255,255,0.3);top:3px;clip-path:polygon( 0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px) );bottom:3px;left:3px;z-index:-1;right:3px;content:'';position:absolute}header .nav-sitebar:hover{transform:translateY(-3px) scale(1.03);background:rgba(255,255,255,0.2)}header .first-class{display:block;transition:all 0.3s ease;position:relative;z-index:1}header .first-class img{filter:drop-shadow(0 0 5px rgba(255,255,255,0.5));max-height:40px}header .nav-learn{margin:0;padding:0;display:flex;z-index:2;list-style:none;position:relative}header .main-bar{margin:0 0.5rem;position:relative}header .main-bar a{height:40px;border:1px solid transparent;font-size:14px;color:#ffffff;overflow:hidden;background:rgba(255,255,255,0.1);transition:all 0.3s ease;font-weight:600;align-items:center;display:flex;clip-path:polygon( 10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px );position:relative;padding:0 1.2rem;justify-content:center;text-decoration:none}header .main-bar a::before{left:-100%;transition:left 0.7s ease;width:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );height:100%;top:0;content:'';position:absolute}header .main-bar a:hover{border-color:#ffffff;background:rgba(255,255,255,0.2);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}header .main-bar a:hover::before{left:100%}header .main-bar::after{transform:translateX(-50%);bottom:-5px;height:2px;position:absolute;width:0;left:50%;transition:width 0.3s ease;content:'';background:#ffffff}header .main-bar:hover::after{width:80%}header .first-lesson::before{border:2px solid rgba(255,255,255,0.3);content:'';opacity:0.5;width:40px;border-bottom:none;border-right:none;top:10px;right:10px;height:40px;position:absolute}header .first-lesson::after{width:40px;content:'';height:40px;border:2px solid rgba(255,255,255,0.3);left:10px;position:absolute;border-left:none;border-top:none;opacity:0.5;bottom:10px}header .main-class{padding-top:2rem;position:relative;background:rgb(193,207,207);z-index:1;margin-top:-15px}@keyframes pulse {0%,100%{opacity:0.5}50%{opacity:1}} header::after{position:absolute;top:15px;width:8px;box-shadow:0 0 10px #ffffff;animation:pulse 2s infinite;content:'';right:15px;border-radius:50%;background:#ffffff;height:8px}@media (min-width: 1400px) {header .first-lesson{margin:0 auto;max-width:1320px}header .main-bar{margin:0 0.7rem}header .main-bar a{padding:0 1.5rem}} @media (max-width: 991px) {header{clip-path:polygon( 0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px) )}header .first-lesson{padding:1rem 2rem;flex-wrap:wrap}header .nav-sitebar{margin-right:0;margin-bottom:0}header .nav-learn{flex-basis:100%;margin-top:1rem;justify-content:flex-end}header .main-bar a{padding:0 1rem;font-size:calc(14px - 1px);height:35px}header .first-lesson::before,header .first-lesson::after{display:none}.main-class{margin-top:-10px}} @media (max-width: 767px) {header{clip-path:polygon( 0 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px) );padding:0}header .first-lesson{padding:0.8rem 1.5rem}header .nav-sitebar{clip-path:polygon( 0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px) );padding:0.5rem 0.8rem}header .first-class img{max-height:35px}header .nav-learn{-webkit-overflow-scrolling:touch;margin-top:0.8rem;overflow-x:auto;padding-bottom:0.5rem;justify-content:flex-start;scrollbar-width:thin}header .nav-learn::-webkit-scrollbar{height:3px}header .nav-learn::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:10px}header .main-bar{flex:0 0 auto;margin:0 0.25rem}header .main-bar a{padding:0 0.8rem;clip-path:polygon( 5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px );height:32px;font-size:calc(14px - 2px);white-space:nowrap}header .main-bar::after{display:none}header::after{top:10px;right:10px;width:5px;height:5px}.main-class{margin-top:-5px}} @media (max-width: 479px) {header .first-lesson{padding:0.7rem 1.2rem}header .nav-sitebar{padding:0.4rem 0.6rem;max-width:120px}header .main-bar a{padding:0 0.6rem;height:30px;font-size:calc(14px - 3px)}}.course-candidates{overflow:hidden;padding:120px 0;position:relative;background:linear-gradient(140deg,#f5f7ff 0%,#ffffff 100%)}.course-candidates::before{z-index:1;opacity:0.15;content:'';left:0;height:100%;position:absolute;width:100%;background:radial-gradient(circle at 20% 20%,rgb(158,171,169,0.5) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgb(123,133,132,0.5) 0%,transparent 40%);top:0}.course-candidates::after{left:0;top:0;z-index:2;background-size:60px 60px;opacity:0.05;background:linear-gradient(45deg,transparent 48%,rgb(158,171,169,0.5) 49%,transparent 51%),linear-gradient(135deg,transparent 48%,rgb(123,133,132,0.5) 49%,transparent 51%);width:100%;content:'';height:100%;position:absolute}.course-candidates .method-ped{z-index:10;position:relative;text-align:center;padding:0 30px;margin:0 auto;max-width:1200px}.course-candidates h3{font-size:37px;font-weight:700;display:inline-block;margin-bottom:70px;position:relative;color:#000000;padding:0 20px}.course-candidates h3::before,.course-candidates h3::after{position:absolute;top:50%;content:'';width:40px;transform:translateY(-50%);background:linear-gradient(90deg,rgb(158,171,169),rgb(123,133,132));height:2px}.course-candidates h3::before{left:-60px}.course-candidates h3::after{right:-60px}.course-candidates ul{margin:0;justify-content:center;padding:0;flex-wrap:wrap;display:flex;gap:40px;list-style:none}.course-candidates ul li{min-width:280px;display:flex;background-color:#ffffff;align-items:flex-start;border-radius:25px;z-index:1;box-shadow:0 15px 35px -10px rgba(0,0,0,0.08),0 5px 15px rgba(0,0,0,0.04);overflow:hidden;padding:40px 30px;transition:all 0.6s cubic-bezier(0.165,0.84,0.44,1);text-align:left;width:calc(33.333% - 27px);position:relative;gap:20px}.course-candidates ul li::before{top:0;width:100%;opacity:0;background:linear-gradient(90deg,rgb(158,171,169),rgb(123,133,132));left:0;position:absolute;transition:opacity 0.4s ease;content:'';height:5px}.course-candidates ul li::after{transition:all 0.6s ease;content:'';position:absolute;z-index:-1;border-radius:50%;left:-50px;height:100px;bottom:-50px;background:rgb(158,171,169,0.5);opacity:0.1;width:100px}.course-candidates ul li:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,0.15),0 10px 20px rgba(0,0,0,0.08);transform:translateY(-15px)}.course-candidates ul li:hover::before{opacity:1}.course-candidates ul li:hover::after{opacity:0.05;transform:scale(6)}.course-candidates ul li svg{transition:all 0.5s ease;flex-shrink:0;position:relative;width:50px;height:50px}.course-candidates ul li:hover svg{transform:translateY(-5px) scale(1.1)}.course-candidates ul li svg path{transition:fill 0.5s ease;fill:rgb(158,171,169)}.course-candidates ul li:hover svg path{fill:rgb(123,133,132)}@keyframes floatingAnimation {0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}100%{transform:translateY(0) rotate(0deg)}} @keyframes slideInBottom {from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}} .course-candidates ul li{opacity:0;animation:slideInBottom 0.6s forwards}.course-candidates ul li:nth-child(1){animation-delay:0.1s}.course-candidates ul li:nth-child(2){animation-delay:0.25s}.course-candidates ul li:nth-child(3){animation-delay:0.4s}.course-candidates ul li:nth-child(4){animation-delay:0.55s}.course-candidates ul li:nth-child(5){animation-delay:0.7s}.course-candidates ul li:nth-child(6){animation-delay:0.85s}.course-candidates ul li:nth-child(3n+1){animation-delay:0.1s,2s;animation:slideInBottom 0.6s forwards,floatingAnimation 8s ease-in-out infinite}.course-candidates ul li:nth-child(3n+2){animation-delay:0.25s,3s;animation:slideInBottom 0.6s forwards,floatingAnimation 8s ease-in-out infinite 1s reverse}.course-candidates ul li:nth-child(3n+3){animation-delay:0.4s,4s;animation:slideInBottom 0.6s forwards,floatingAnimation 8s ease-in-out infinite 2s}@media (max-width: 992px) {.course-candidates{padding:90px 0}.course-candidates h3{margin-bottom:60px}.course-candidates h3::before,.course-candidates h3::after{width:30px}.course-candidates h3::before{left:-40px}.course-candidates h3::after{right:-40px}.course-candidates ul{gap:30px}.course-candidates ul li{width:calc(50% - 15px);padding:35px 25px}} @media (max-width: 768px) {.course-candidates ul li{max-width:400px;width:100%}.course-candidates ul li:nth-child(3n+1),.course-candidates ul li:nth-child(3n+2),.course-candidates ul li:nth-child(3n+3){animation:slideInBottom 0.6s forwards}} @media (max-width: 576px) {.course-candidates{padding:70px 0}.course-candidates h3{margin-bottom:50px;font-size:calc(37px * 0.9)}.course-candidates h3::before,.course-candidates h3::after{display:none}.course-candidates ul{gap:25px}.course-candidates ul li{padding:30px 20px}.course-candidates ul li svg{height:40px;width:40px}} @media (prefers-reduced-motion: reduce) {.course-candidates ul li{animation:none;opacity:1}.course-candidates ul li:hover{transform:none}.course-candidates ul li:hover svg{transform:none}}.study-process{padding:120px 0;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.08);background:linear-gradient(135deg,rgb(193,207,207) 0%,rgb(158,171,169,0.5) 100%)}.study-process::before{height:100%;right:0;top:0;position:absolute;background:radial-gradient(circle at 20% 30%,rgb(123,133,132,0.5) 0%,transparent 80%),radial-gradient(circle at 80% 70%,rgb(158,171,169,0.5) 0%,transparent 60%);opacity:0.25;pointer-events:none;content:"";width:100%;z-index:0}.study-process::after{pointer-events:none;z-index:1;width:100%;position:absolute;background:linear-gradient(45deg,transparent 49.5%,rgb(123,133,132,0.5) 49.5%,rgb(123,133,132,0.5) 50.5%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgb(123,133,132,0.5) 49.5%,rgb(123,133,132,0.5) 50.5%,transparent 50.5%);top:0;opacity:0.05;animation:backgroundShift 60s linear infinite;left:0;background-size:60px 60px;content:"";height:100%}.study-process .container{position:relative;transform-style:preserve-3d;perspective:1200px;z-index:2}.study-process .method-ped{grid-template-columns:1fr;gap:2rem;display:grid;transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.17,0.67,0.83,0.67)}.study-process .method-ped:hover{transform:translateZ(20px)}.study-process .method-ped > div{position:relative;border-left:5px solid rgb(158,171,169);padding:3rem;background:#ffffff;transition:all 0.6s cubic-bezier(0.34,1.56,0.64,1);overflow:hidden;transform:perspective(1000px) rotateX(2deg) rotateY(-1deg);backdrop-filter:blur(10px);box-shadow:0 15px 30px rgba(0,0,0,0.08),0 5px 15px rgba(0,0,0,0.05);-webkit-backdrop-filter:blur(10px)}.study-process .method-ped > div::before{transition:transform 0.5s ease-out;top:0;background:linear-gradient(135deg,rgb(158,171,169,0.5) 0%,transparent 100%);position:absolute;height:100%;content:"";z-index:-1;transform-origin:left top;width:100%;left:0;transform:scaleX(0);opacity:0.05}.study-process .method-ped > div:hover{transform:perspective(1000px) rotateX(0) rotateY(0) translateZ(30px);border-left-width:8px;box-shadow:0 25px 50px rgba(0,0,0,0.12),0 10px 25px rgba(0,0,0,0.08)}.study-process .method-ped > div:hover::before{transform:scaleX(1)}.study-process h3{font-weight:700;margin-bottom:1.5rem;font-size:calc(32px * 0.8);transition:transform 0.4s ease-out;color:#000000;padding-bottom:1rem;position:relative;transform:translateZ(10px)}.study-process h3::after{transform:scaleX(0.7);background:linear-gradient(90deg,rgb(158,171,169) 0%,rgb(123,133,132) 100%);transition:transform 0.6s cubic-bezier(0.17,0.67,0.83,0.67);position:absolute;width:80px;left:0;transform-origin:left;bottom:0;content:"";height:3px}.study-process .method-ped > div:hover h3{transform:translateZ(15px)}.study-process .method-ped > div:hover h3::after{transform:scaleX(1)}.study-process p{margin-bottom:0;font-size:17px;transform:translateZ(5px);z-index:2;line-height:1.8;color:#000000;transition:transform 0.4s ease-out 0.1s;opacity:0.9;position:relative}.study-process p span{transform-origin:left center;display:inline-block;position:relative;transition:transform 0.4s ease-out,opacity 0.3s ease-in}.study-process .method-ped > div:hover p{transform:translateZ(10px)}.study-process .method-ped > div:hover p span{opacity:1}@keyframes backgroundShift {0%{background-position:0 0}100%{background-position:1000px 1000px}} @media screen and (min-width: 768px) {.study-process{padding:150px 0}.study-process .method-ped{gap:3rem;grid-template-columns:1fr}.study-process h3{font-size:32px}.study-process .method-ped > div{padding:4rem}} @media screen and (min-width: 992px) {.study-process{padding:180px 0}.study-process .method-ped{grid-template-columns:1fr;gap:4rem}.study-process .method-ped > div{transform:perspective(1200px) rotateX(3deg) rotateY(-2deg);padding:5rem}.study-process h3{margin-bottom:2rem;padding-bottom:1.5rem}.study-process h3::after{width:120px}} @media screen and (max-width: 767px) {.study-process{padding:80px 0}.study-process .method-ped > div{padding:2rem;transform:perspective(800px) rotateX(1deg) rotateY(-0.5deg)}.study-process h3{margin-bottom:1rem;font-size:calc(32px * 0.7)}.study-process p{font-size:calc(17px * 0.9)}} @media (prefers-reduced-motion: reduce) {.study-process::after{animation:none}.study-process .method-ped,.study-process .method-ped > div,.study-process h3,.study-process p,.study-process p span{transition:none;transform:none !important}}.client-comments{position:relative;padding:5rem 0;background:linear-gradient(145deg,rgb(193,207,207),rgb(123,133,132,0.5) 90%);overflow:hidden}.client-comments::before{position:absolute;background:radial-gradient(circle at 75% 20%,rgb(255,255,255,0.5) 0%,transparent 60%);pointer-events:none;height:100%;width:100%;content:"";left:0;z-index:1;top:0}.client-comments::after{z-index:0;right:-5%;background:linear-gradient(135deg,rgb(158,171,169,0.5),transparent 80%);filter:blur(30px);content:"";opacity:0.4;position:absolute;height:25rem;transform:rotate(-15deg);width:25rem;bottom:-10%;border-radius:40% 60% 70% 30% / 40% 50% 60% 50%}.client-comments h2{margin-bottom:3.5rem;line-height:1.3;z-index:2;font-size:calc(29px * 1.1);color:#000000;transform:translateX(10px);font-weight:700;max-width:80%;position:relative;text-align:left}.client-comments h2::after{bottom:-15px;content:"";left:0;height:4px;width:120px;position:absolute;animation:expandLine 1.2s ease-out forwards;background:linear-gradient(90deg,rgb(158,171,169),rgb(123,133,132));transform-origin:left center}.client-comments .container.method-ped{position:relative;z-index:2}.client-comments .alumni-voices{position:relative;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid;gap:2rem}.client-comments .client-story{padding:2rem;transform:translateY(0);overflow:hidden;transition:transform 0.4s cubic-bezier(0.25,1,0.5,1),box-shadow 0.4s cubic-bezier(0.25,1,0.5,1);background:linear-gradient(145deg,#ffffff,rgb(255,255,255,0.5) 90%);z-index:1;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.08),0 3px 10px rgba(0,0,0,0.05);border-left:3px solid rgb(123,133,132)}.client-comments .client-story::before{font-weight:700;position:absolute;right:20px;content:"";color:rgb(123,133,132,0.5);line-height:1;z-index:-1;top:-20px;opacity:0.3;font-size:8rem}.client-comments .client-story:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.1),0 5px 15px rgba(0,0,0,0.05)}.client-comments .client-story h3{margin-bottom:0.8rem;display:inline-block;position:relative;font-weight:600;font-size:calc(21px * 1.1);color:rgb(158,171,169)}.client-comments .client-story h3::after{transition:width 0.3s ease;bottom:-5px;position:absolute;content:"";width:0;background:rgb(158,171,169);height:2px;left:0}.client-comments .client-story:hover h3::after{width:100%}.client-comments .client-story .description{position:relative;margin-bottom:1.5rem;font-size:13px;z-index:2;line-height:1.6;color:#000000}.client-comments .client-story div{position:relative;transform:rotate(-3deg);height:60px;box-shadow:0 5px 15px rgba(0,0,0,0.08);border:3px solid #ffffff;overflow:hidden;width:60px;transition:transform 0.5s cubic-bezier(0.25,1,0.5,1)}.client-comments .client-story:hover div{transform:rotate(0deg)}.client-comments .client-story div::before{left:0;transition:opacity 0.3s ease;background:linear-gradient(45deg,rgb(158,171,169,0.5),transparent);height:100%;z-index:1;position:absolute;top:0;opacity:0;width:100%;content:""}.client-comments .client-story:hover div::before{opacity:0.3}.client-comments .client-story img{transition:transform 0.5s cubic-bezier(0.25,1,0.5,1);height:100%;transform:scale(1);object-fit:cover;width:100%}.client-comments .client-story:hover img{transform:scale(1.1)}@keyframes expandLine {0%{width:0;opacity:0}100%{width:120px;opacity:1}} @media (max-width: 991px) {.client-comments{padding:4rem 0}.client-comments h2{transform:translateX(0);font-size:calc(29px * 0.95);max-width:100%;text-align:center}.client-comments h2::after{left:50%;transform:translateX(-50%)}.client-comments .alumni-voices{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}} @media (max-width: 767px) {.client-comments{padding:3rem 0}.client-comments::after{width:15rem;height:15rem}.client-comments h2{margin-bottom:2.5rem;font-size:calc(29px * 0.85)}.client-comments .alumni-voices{grid-template-columns:1fr;gap:1.5rem}.client-comments .client-story{padding:1.5rem}} @media (max-width: 480px) {.client-comments{padding:2.5rem 0}.client-comments h2{font-size:calc(29px * 0.75);margin-bottom:2rem}.client-comments .client-story::before{font-size:6rem}.client-comments .client-story h3{font-size:21px}.client-comments .client-story .description{font-size:calc(13px * 0.95)}}header .top_plank{background:rgb(158,171,169);color:#ffffff}header .top_plank .top-knowledge div svg,header .top_plank .top-knowledge div svg path{fill:#ffffff}header .top_plank .top-knowledge div span{color:#ffffff}header .top_plank .top-knowledge{align-items:center;padding:15px 0 10px 0;font-size:14px;width:100%;flex-wrap:wrap;justify-content:flex-start;line-height:21px;display:flex}header .top_plank .top-knowledge div{margin-right:24px;justify-content:flex-start;align-items:center;display:flex}header .top_plank .top-knowledge div img,header .top_plank .top-knowledge div svg{width:16px;margin-right:8px;height:16px}.program-results{background:linear-gradient(150deg,#ffffff 0%,rgb(193,207,207) 100%);position:relative;font-family:Arial,sans-serif;overflow:hidden;padding:90px 0}.program-results::before{width:100%;position:absolute;z-index:0;top:0;left:0;opacity:0.3;content:"";height:100%;background:radial-gradient(circle at 20% 30%,rgb(158,171,169,0.5) 0%,transparent 35%),radial-gradient(circle at 80% 60%,rgb(123,133,132,0.5) 0%,transparent 35%)}.program-results::after{opacity:0.1;content:"";position:absolute;animation:moveBgPattern 60s linear infinite;height:100%;background-size:20px 20px;background-image:linear-gradient(0deg,transparent 95%,rgb(158,171,169,0.5) 100%),linear-gradient(90deg,transparent 95%,rgb(123,133,132,0.5) 100%);top:0;width:100%;left:0}@keyframes moveBgPattern {0%{background-position:0 0}100%{background-position:20px 20px}} .program-results .container{max-width:1200px;padding:0 25px;margin:0 auto;z-index:1;position:relative}.program-results .method-ped{display:grid;overflow:hidden;background:#ffffff;grid-template-columns:0.9fr 1.1fr;box-shadow:0 20px 50px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.5);border-radius:18px;position:relative}.program-results .method-ped::before{transition:transform 0.4s ease;opacity:0.2;background-image:linear-gradient( 90deg,rgb(158,171,169,0.5),rgb(123,133,132,0.5),rgb(158,171,169,0.5) );content:"";width:100%;position:absolute;transform:translateY(-60px);top:0;left:0;height:70px}.program-results .method-ped:hover::before{transform:translateY(-40px)}.program-results .image-cell{width:100%;transition:transform 0.6s cubic-bezier(0.175,0.885,0.32,1.275);clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);transform-origin:left center;height:100%;object-fit:cover}.program-results .image-cell:hover{transform:scale(1.05)}.program-results .label-holder{justify-content:center;position:relative;display:flex;padding:40px 30px 40px 10px;flex-direction:column}.program-results .label-holder::before{right:-100px;content:"";position:absolute;width:200px;height:200px;top:-100px;filter:blur(30px);background:radial-gradient(circle,rgb(158,171,169,0.5) 0%,transparent 70%);opacity:0.3}.program-results h3{margin-bottom:30px;font-weight:700;position:relative;color:rgb(158,171,169);font-size:35px}.program-results h3::after{content:"";height:3px;width:40px;bottom:-8px;transition:width 0.3s ease;background:rgb(123,133,132);left:0;position:absolute}.program-results .label-holder:hover h3::after{width:80px}.program-results ul{display:flex;padding:0;list-style:none;margin:0;flex-direction:column;gap:12px}.program-results li{padding:10px 15px;transform:translateX(0);overflow:hidden;box-shadow:3px 3px 10px rgba(0,0,0,0.05),inset 1px 1px 1px rgba(255,255,255,0.8);transition:all 0.3s ease;position:relative;border-radius:15px 5px 15px 5px;border-left:2px solid rgb(158,171,169,0.5);background:linear-gradient(120deg,rgba(255,255,255,0.7),rgba(255,255,255,0.4));border-bottom:1px solid rgb(123,133,132,0.5)}.program-results li::before{height:100%;opacity:0;width:100%;left:0;position:absolute;content:"";transition:opacity 0.3s ease;background:linear-gradient(120deg,transparent,rgb(123,133,132,0.5));top:0}.program-results li:hover{border-left:2px solid rgb(158,171,169);box-shadow:5px 5px 15px rgba(0,0,0,0.08),inset 1px 1px 2px rgba(255,255,255,0.9);transform:translateX(10px)}.program-results li:hover::before{opacity:0.2}.program-results li p{margin:0;font-size:14px;color:#000000;z-index:1;display:flex;gap:15px;position:relative;align-items:center}.program-results svg{transition:all 0.3s ease;width:18px;background:linear-gradient(135deg,rgb(158,171,169),rgb(123,133,132));height:18px;flex-shrink:0;padding:7px;box-shadow:2px 2px 5px rgba(0,0,0,0.1);border-radius:8px}.program-results svg path{fill:#ffffff;transition:fill 0.3s ease}.program-results li:hover svg{transform:rotate(10deg);box-shadow:3px 3px 8px rgba(0,0,0,0.15)}@media (max-width: 992px) {.program-results{padding:70px 0}.program-results .method-ped{grid-template-columns:1fr}.program-results .image-cell{clip-path:polygon(0% 0%,100% 0%,100% 85%,0% 100%);height:300px}.program-results .label-holder{padding:35px 25px}} @media (max-width: 768px) {.program-results{padding:50px 0}.program-results .image-cell{height:250px}.program-results h3{font-size:calc(35px * 0.9)}} @media (max-width: 576px) {.program-results{padding:40px 0}.program-results .image-cell{height:200px}.program-results .label-holder{padding:25px 20px}.program-results h3{font-size:calc(35px * 0.85);margin-bottom:25px}.program-results li{padding:8px 12px}.program-results li p{gap:10px;font-size:calc(14px * 0.9)}.program-results svg{padding:6px;width:16px;height:16px}}.course-overview{overflow:hidden;padding:6rem 0;background:linear-gradient(135deg,rgb(193,207,207) 0%,rgba(249,249,249,0.95) 100%);position:relative}.course-overview::before{left:0;bottom:0;position:absolute;content:"";background-image:linear-gradient(45deg,rgb(123,133,132,0.5) 25%,transparent 25%),linear-gradient(-45deg,rgb(123,133,132,0.5) 25%,transparent 25%);background-size:60px 60px;z-index:0;top:0;right:0;opacity:0.05}.course-overview .container{padding:0 2rem;max-width:1200px;margin:0 auto;z-index:2;position:relative}.course-overview .learn-professional{animation:fadeIn 0.8s ease-out forwards 0.3s;grid-template-columns:1fr;display:grid;transform:translateY(20px);gap:3rem;opacity:0}.course-overview .image-cell{transition:transform 0.6s cubic-bezier(0.19,1,0.22,1);box-shadow:0 20px 40px rgba(0,0,0,0.12),0 8px 16px rgba(0,0,0,0.08);transform:perspective(1000px) rotateY(-2deg);height:380px;position:relative}.course-overview .image-cell::after{background:linear-gradient(to bottom right,rgb(158,171,169,0.5) 0%,transparent 40%,transparent 60%,rgb(123,133,132,0.5) 100%);bottom:0;position:absolute;content:"";opacity:0.5;z-index:1;left:0;transition:opacity 0.6s ease;right:0;top:0}.course-overview .image-cell:hover{transform:perspective(1000px) rotateY(0deg) translateY(-5px)}.course-overview .image-cell:hover::after{opacity:0.2}.course-overview .label-holder{justify-content:center;display:flex;background:#ffffff;transition:transform 0.6s cubic-bezier(0.19,1,0.22,1);transform:translateX(0);padding:2rem;position:relative;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,0.05)}.course-overview .label-holder::before{height:0;width:5px;transition:height 0.8s cubic-bezier(0.19,1,0.22,1);top:0;content:"";background:linear-gradient(to bottom,rgb(158,171,169),rgb(123,133,132));position:absolute;left:0}.course-overview .learn-professional:hover .label-holder::before{height:100%}.course-overview h3{color:#000000;transition:transform 0.4s ease;position:relative;font-size:calc(23px * 1.1);transform:translateY(0);font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.course-overview h3::after{width:60px;content:"";position:absolute;left:0;height:3px;transition:width 0.5s ease;bottom:0;background:linear-gradient(90deg,rgb(158,171,169),rgb(123,133,132))}.course-overview .label-holder:hover h3{transform:translateY(-5px)}.course-overview .label-holder:hover h3::after{width:100px}.course-overview .description{color:#000000;line-height:1.7;font-size:14px;padding-right:1rem;max-height:200px;overflow-y:auto;position:relative;margin-bottom:1.5rem}.course-overview .description::-webkit-scrollbar{width:4px}.course-overview .description::-webkit-scrollbar-track{background:rgba(0,0,0,0.03)}.course-overview .description::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(123,133,132,0.5)}.course-overview span.description{display:none}@keyframes fadeIn {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} @media (min-width: 768px) {.course-overview{padding:8rem 0}.course-overview .learn-professional{gap:4rem;grid-template-columns:1fr 1fr;align-items:center}.course-overview .label-holder{transform:translateX(-30px)}.course-overview .learn-professional:hover .label-holder{transform:translateX(0)}.course-overview .image-cell{height:480px;transform:perspective(1000px) rotateY(-5deg) translateZ(0)}.course-overview .image-cell:hover{transform:perspective(1000px) rotateY(0deg) translateZ(0) translateY(-10px)}.course-overview h3{font-size:23px}} @media (min-width: 992px) {.course-overview{padding:10rem 0}.course-overview .container{padding:0 3rem}.course-overview .learn-professional{gap:6rem}.course-overview .label-holder{padding:3rem}.course-overview .image-cell{height:550px}.course-overview h3{font-size:calc(23px * 1.2);margin-bottom:2rem}.course-overview .description{line-height:1.8;max-height:300px}} @media (max-width: 767px) {.course-overview{padding:4rem 0}.course-overview .container{padding:0 1.5rem}.course-overview .image-cell{margin-bottom:1rem;height:280px}.course-overview .label-holder{padding:1.5rem}.course-overview h3{margin-bottom:1rem;padding-bottom:0.75rem;font-size:calc(17px * 1.1)}.course-overview .description{font-size:calc(14px * 0.95);max-height:180px;line-height:1.6}}.our-background{color:#ffffff;overflow:hidden;position:relative;padding:120px 0}.our-background::before{left:0;height:100%;position:absolute;width:100%;top:0;content:"";z-index:1;background:linear-gradient(135deg,rgb(158,171,169,0.5),rgba(0,0,0,0.5) 70%)}.our-background::after{position:absolute;border:3px solid rgb(123,133,132);opacity:0.3;bottom:-50px;z-index:1;width:250px;transform:rotate(15deg);height:250px;right:-50px;content:""}.our-background .container{position:relative;max-width:1200px;padding:0 20px;z-index:2;margin:0 auto}.our-background .label-holder{backdrop-filter:blur(10px);border-left:4px solid rgb(123,133,132);position:relative;opacity:0;background:linear-gradient(to right,rgba(255,255,255,0.1),rgba(255,255,255,0.05));transform:translateY(20px);padding:40px;animation:slideUp 0.8s ease-out forwards;box-shadow:0 15px 35px rgba(0,0,0,0.2)}.our-background .label-holder::before{z-index:-1;width:80px;clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);background-color:rgb(123,133,132);height:30px;left:30px;top:-15px;content:"";position:absolute}.our-background h5{letter-spacing:2px;animation:slideRight 0.6s ease-out 0.3s forwards;position:relative;color:rgb(123,133,132);font-weight:700;margin:0 0 15px 0;transform:translateX(-10px);opacity:0;display:inline-block;text-transform:uppercase;font-size:22px}.our-background h5::after{left:0;width:100%;position:absolute;background:linear-gradient(to right,rgb(123,133,132),transparent);height:2px;content:"";bottom:-5px;transform-origin:left;animation:expandLine 0.6s ease-out 0.9s forwards;transform:scaleX(0)}.our-background p{font-size:calc(17px * 1.2);margin:0 0 20px 0;transform:translateY(10px);opacity:0;animation:fadeIn 0.6s ease-out 0.6s forwards}.our-background p b{color:#ffffff;position:relative;display:inline-block;padding-right:15px;font-size:calc(19px * 1.1);font-weight:700}.our-background p b::after{right:0;content:"";top:50%;border-radius:50%;position:absolute;background-color:rgb(123,133,132);transform:translateY(-50%);width:8px;height:8px}.our-background ol{opacity:0;list-style:none;padding:0;animation:fadeIn 0.8s ease-out 0.9s forwards;margin:0;position:relative;transform:translateY(20px)}.our-background ol li{overflow-y:auto;font-size:17px;max-height:400px;scrollbar-color:rgb(123,133,132) rgba(255,255,255,0.1);scrollbar-width:thin;margin-bottom:15px;line-height:1.8;position:relative;color:rgba(255,255,255,0.9);padding-left:15px}.our-background ol li::-webkit-scrollbar{width:6px}.our-background ol li::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:3px}.our-background ol li::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgb(123,133,132)}.our-background ol li::before{position:absolute;height:6px;left:0;background-color:rgb(123,133,132);top:10px;transform:rotate(45deg);width:6px;content:""}@keyframes slideUp {from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes slideRight {from{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}} @keyframes fadeIn {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes expandLine {from{transform:scaleX(0)}to{transform:scaleX(1)}} @media (max-width: 992px) {.our-background{padding:80px 0}.our-background .label-holder{padding:30px}.our-background h5{font-size:calc(22px * 0.9);margin-bottom:10px}.our-background p{font-size:17px}.our-background ol li{max-height:300px}} @media (max-width: 768px) {.our-background{padding:60px 0}.our-background::after{width:150px;right:-30px;bottom:-30px;height:150px}.our-background .label-holder{padding:25px 20px}.our-background h5{font-size:calc(22px * 0.85)}.our-background p b{font-size:19px}.our-background ol li{line-height:1.7;font-size:calc(17px * 0.95);max-height:250px}} @media (max-width: 576px) {.our-background{padding:50px 0}.our-background .label-holder::before{top:-10px;width:60px;left:20px}.our-background .label-holder{padding:20px 15px}.our-background h5{letter-spacing:1px;font-size:calc(22px * 0.8)}.our-background p{font-size:calc(17px * 0.95);margin-bottom:15px}.our-background ol li{font-size:calc(17px * 0.9);max-height:200px;line-height:1.6}}.secure-safe{color:#000000;background:#ffffff;padding:50px;max-width:1000px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.5);font-family:Arial,sans-serif;margin:0 auto;position:relative;width:85%;border:2px solid rgb(158,171,169)}.secure-safe:before,.secure-safe:after{height:100%;top:0;left:0;content:"";width:100%;position:absolute;background:linear-gradient(135deg,rgb(158,171,169,0.5),rgb(123,133,132,0.5));opacity:0.1;z-index:0}.secure-safe h1{color:#000000;font-weight:700;border-bottom:3px solid rgb(158,171,169);padding-bottom:10px;text-transform:uppercase;margin-top:20px;position:relative;font-size:48px;margin-bottom:30px;z-index:1}.secure-safe h2{font-size:31px;margin-bottom:20px;font-weight:600;padding-bottom:5px;margin-top:30px;z-index:1;border-bottom:2px solid rgb(123,133,132,0.5);color:rgb(123,133,132);position:relative}.secure-safe ul,.secure-safe ol{list-style-type:disc;position:relative;z-index:1;padding-left:20px;margin-bottom:20px;list-style:none}.secure-safe li{line-height:1.8;font-size:15px;position:relative;margin-bottom:10px}.secure-safe li:before{line-height:1;color:rgb(158,171,169);content:"•";position:absolute;left:-20px;font-size:1.2em}.secure-safe div{border-radius:10px;position:relative;margin-bottom:30px;background:#ffffff;z-index:1;box-shadow:0 5px 10px rgba(0,0,0,0.5);line-height:1.8;padding:25px}.secure-safe .container{position:relative;z-index:1}.secure-safe h3,.secure-safe h4,.secure-safe h5,.secure-safe h6{margin-top:25px;margin-bottom:15px;font-weight:600;font-size:21px;z-index:1;position:relative;color:rgb(158,171,169)}.secure-safe p,.secure-safe span{font-size:15px;color:#000000;margin-bottom:15px;position:relative;z-index:1;line-height:1.6}.secure-safe a{position:relative;z-index:1;text-decoration:none;color:rgb(123,133,132);border-bottom:1px solid rgb(123,133,132);font-weight:600}.secure-safe a:hover{color:rgb(158,171,169);border-bottom:1px solid rgb(158,171,169)}.secure-safe button{position:relative;color:#ffffff;border-radius:10px;background:rgb(123,133,132);padding:12px 24px;z-index:1;border:none;font-size:20px;cursor:pointer}.secure-safe button:hover{background:rgb(158,171,169)}@media only screen and (max-width: 800px) {.secure-safe{width:90%;padding:30px}.secure-safe h1{font-size:calc(21px - 5px)}.secure-safe h2{font-size:calc(21px - 3px)}.secure-safe ul,.secure-safe ol{padding-left:10px}.secure-safe li:before{left:-10px}.secure-safe button{padding:10px 20px}}.connect-with-us{padding:90px 0;position:relative;background:linear-gradient(120deg,rgb(193,207,207) 0%,#1a1e2e 100%);overflow:hidden}.connect-with-us::before{position:absolute;background:radial-gradient(circle at 20% 50%,rgba(0,0,0,0.4) 0%,transparent 40%),linear-gradient(0deg,transparent 80%,rgba(rgb(158,171,169),0.05) 100%);height:100%;top:0;left:0;z-index:0;content:"";width:100%}.connect-with-us::after{z-index:1;bottom:0;height:100px;background:repeating-linear-gradient(90deg,rgba(255,255,255,0.03) 0px,rgba(255,255,255,0.03) 1px,transparent 1px,transparent 20px);left:0;content:"";position:absolute;width:100%}.connect-with-us .container{position:relative;max-width:1200px;padding:0 20px;z-index:2;margin:0 auto}.connect-with-us h2{letter-spacing:2px;margin-bottom:70px;font-size:37px;color:#ffffff;text-align:center;text-transform:uppercase;font-weight:700;position:relative}.connect-with-us h2::before{width:30px;position:absolute;content:"";bottom:-20px;background:rgb(158,171,169);height:2px;left:calc(50% - 50px)}.connect-with-us h2::after{content:"";height:2px;width:70px;left:calc(50% - 10px);bottom:-20px;background:rgb(158,171,169);position:absolute}.connect-with-us .inquiry-info{box-shadow:0 25px 50px rgba(0,0,0,0.3);background:rgba(0,0,0,0.2);grid-template-columns:6fr 4fr;backdrop-filter:blur(10px);overflow:hidden;border-radius:30px;display:grid;border:1px solid rgba(255,255,255,0.05)}.connect-with-us .image-cell{position:relative;min-height:100%}.connect-with-us .image-cell::before{height:100%;position:absolute;top:0;left:0;width:100%;z-index:1;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(0,0,0,0.7));content:""}.connect-with-us .image-cell::after{z-index:2;animation:scanLines 5s linear infinite;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(rgb(158,171,169),0.1) 10px,rgba(rgb(158,171,169),0.1) 11px);height:100%;position:absolute;content:"";left:0;width:100%;top:0}@keyframes scanLines {0%{background-position:0 0}100%{background-position:100px 100px}} .connect-with-us .request-supportTg1BN{position:relative;padding:50px}.connect-with-us .request-supportTg1BN::before{height:100%;left:0;position:absolute;background:radial-gradient(circle at 50% 30%,rgba(0,0,0,0),rgba(0,0,0,0.2));width:100%;z-index:-1;top:0;content:""}.connect-with-us #contact{display:flex;gap:25px;flex-direction:column}.connect-with-us h3{letter-spacing:1px;display:inline-block;margin-bottom:30px;text-transform:uppercase;position:relative;color:#ffffff;font-weight:700;font-size:24px}.connect-with-us h3::after{content:"";left:0;height:2px;position:absolute;bottom:-10px;width:50px;background:rgb(158,171,169)}.connect-with-us input[type="text"]{width:100%;transition:all 0.3s ease;background:rgba(0,0,0,0.2);padding:16px 20px;position:relative;color:#ffffff;font-size:15px;border:1px solid rgba(255,255,255,0.1);border-radius:10px}.connect-with-us input[type="text"]:focus{border-color:rgb(158,171,169);outline:none;box-shadow:0 0 15px rgba(rgb(158,171,169),0.2);background:rgba(0,0,0,0.3)}.connect-with-us input[type="text"]::placeholder{color:rgba(255,255,255,0.4)}.connect-with-us .request-inquiry{align-items:flex-start;gap:12px;margin-top:5px;display:flex}.connect-with-us .request-inquiry input[type="checkbox"]{background:rgba(0,0,0,0.2);border-radius:3px;margin-top:2px;cursor:pointer;width:24px;height:24px;border:1px solid rgba(255,255,255,0.1);appearance:none;position:relative}.connect-with-us .request-inquiry input[type="checkbox"]:checked{border-color:rgb(158,171,169);background:rgb(158,171,169)}.connect-with-us .request-inquiry input[type="checkbox"]:checked::after{position:absolute;left:9px;content:"";border:solid #ffffff;transform:rotate(45deg);height:10px;width:6px;top:6px;border-width:0 2px 2px 0}.connect-with-us .request-inquiry label{line-height:1.5;font-size:calc(15px - 2px);color:rgba(255,255,255,0.7)}.connect-with-us .request-inquiry a{transition:all 0.3s ease;color:rgb(158,171,169);text-decoration:none;position:relative}.connect-with-us .request-inquiry a:hover{color:#ffffff}.connect-with-us .request-inquiry a::after{left:0;content:"";width:100%;position:absolute;bottom:-2px;background:rgb(158,171,169);transition:all 0.3s ease;height:1px}.connect-with-us .request-inquiry a:hover::after{background:#ffffff}.connect-with-us .message-links{box-shadow:0 10px 20px rgba(0,0,0,0.2);font-size:19px;cursor:pointer;letter-spacing:1px;align-self:flex-start;border-radius:10px;background:rgb(158,171,169);font-weight:600;margin-top:10px;position:relative;padding:16px 35px;text-transform:uppercase;transition:all 0.3s ease;color:#ffffff;border:none;overflow:hidden}.connect-with-us .message-links::before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);position:absolute;left:-100%;transition:all 0.5s ease;width:100%;top:0;height:100%}.connect-with-us .message-links:hover{transform:translateY(-3px);background:rgb(123,133,132)}.connect-with-us .message-links:hover::before{left:100%}.connect-with-us svg{height:22px;width:22px;filter:drop-shadow(0 0 5px rgba(rgb(158,171,169),0.5));transition:all 0.3s ease;fill:rgb(158,171,169)}.connect-with-us svg path{transition:all 0.3s ease;fill:rgb(158,171,169)}.connect-with-us svg:hover{fill:#ffffff;transform:scale(1.1)}.connect-with-us svg:hover path{fill:#ffffff}@media (max-width: 992px) {.connect-with-us{padding:70px 0}.connect-with-us .inquiry-info{grid-template-columns:1fr}.connect-with-us .image-cell{min-height:300px}.connect-with-us .request-supportTg1BN{padding:40px 30px 50px}} @media (max-width: 768px) {.connect-with-us{padding:50px 0}.connect-with-us h2{margin-bottom:50px;font-size:calc(37px - 4px)}.connect-with-us .image-cell{min-height:250px}} @media (max-width: 576px) {.connect-with-us{padding:40px 0}.connect-with-us .container{padding:0 15px}.connect-with-us h2{font-size:calc(37px - 6px);margin-bottom:40px}.connect-with-us h2::before{left:calc(50% - 35px);width:20px}.connect-with-us h2::after{width:50px}.connect-with-us .request-supportTg1BN{padding:30px 20px 40px}.connect-with-us #contact{gap:20px}.connect-with-us .message-links{width:100%}.connect-with-us .image-cell{min-height:200px}}.plan{overflow:hidden;background:linear-gradient(135deg,rgba(0,0,0,0.5),rgb(193,207,207),rgba(0,0,0,0.5));padding:5rem 1rem;position:relative}.plan::before{content:"";top:0;left:0;opacity:0.1;pointer-events:none;position:absolute;z-index:1;width:100%;background:linear-gradient(45deg,transparent 0%,rgb(158,171,169,0.5) 30%,transparent 70%);height:100%}.plan .container{z-index:2;position:relative;max-width:1400px;margin:0 auto}.plan .cost-summary{display:flex;gap:3rem;flex-direction:column}.plan .pay-plans{opacity:0;margin:0 auto 2rem;transform:translateY(20px);animation:fadeUp 0.8s ease-out forwards;text-align:center;order:-1;max-width:800px}.plan .pay-plans h2{font-weight:700;color:#000000;font-size:36px;position:relative;margin-bottom:1rem;display:inline-block}.plan .pay-plans h2::after{height:3px;left:50%;width:80px;content:"";position:absolute;transform:translateX(-50%);background:linear-gradient(90deg,rgb(158,171,169),rgb(123,133,132));border-radius:10px;bottom:-10px}.plan .group-rates{color:#000000;max-width:90%;line-height:1.6;font-size:17px;margin:0 auto}.plan .study-offers{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));perspective:1000px}.plan .premium-cost{border-radius:17px;opacity:0;animation:fadeIn 0.8s cubic-bezier(0.23,1,0.32,1) forwards;background:#ffffff;position:relative;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1),box-shadow 0.5s ease;text-decoration:none;display:block;transform:translateZ(0) scale(1);box-shadow:0 10px 30px rgba(0,0,0,0.05);color:#000000;overflow:hidden}.plan .premium-cost:nth-child(1){animation-delay:0.1s}.plan .premium-cost:nth-child(2){animation-delay:0.2s}.plan .premium-cost:nth-child(3){animation-delay:0.3s}.plan .premium-cost:nth-child(4){animation-delay:0.4s}.plan .premium-cost::before{position:absolute;background:linear-gradient(90deg,rgb(158,171,169),rgb(123,133,132));width:100%;left:0;content:"";top:0;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1);height:5px;transform-origin:left;transform:scaleX(0)}.plan .premium-cost:hover{transform:translateZ(30px) scale(1.03);box-shadow:0 15px 40px rgba(0,0,0,0.1)}.plan .premium-cost:hover::before{transform:scaleX(1)}.plan .learning-fee{flex-direction:column;display:flex;height:100%}.plan .fee-offers{flex-grow:1;flex-direction:column;display:flex;padding:2rem}.plan .fee-offers h3{color:#000000;transition:color 0.3s ease;position:relative;font-weight:700;font-size:18px;margin:0 0 1rem}.plan .premium-cost:hover .fee-offers h3{color:rgb(158,171,169)}.plan .member-fees{font-size:2rem;position:relative;margin-bottom:1.5rem;display:inline-block;font-weight:700;color:rgb(158,171,169);transition:transform 0.3s ease,color 0.3s ease}.plan .member-fees::after{transition:width 0.3s ease;position:absolute;height:2px;width:40px;content:"";left:0;background-color:rgb(123,133,132);bottom:-8px}.plan .premium-cost:hover .member-fees{transform:translateY(-3px)}.plan .premium-cost:hover .member-fees::after{width:80px}.plan .fee-offers p{word-break:break-word;font-size:calc(17px - 2px);flex-grow:1;color:#000000;margin:0;overflow-wrap:break-word;line-height:1.6}.plan .image-cell{height:200px;transition:transform 0.5s cubic-bezier(0.23,1,0.32,1);overflow:hidden;position:relative;width:100%}.plan .image-cell::after{position:absolute;content:"";bottom:0;right:0;transition:opacity 0.5s ease;background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 50%);top:0;opacity:0.7;left:0}.plan .premium-cost:hover .image-cell{transform:scale(1.05)}.plan .premium-cost:hover .image-cell::after{opacity:0.4}@keyframes fadeIn {from{opacity:0;transform:translateY(30px) rotateX(5deg)}to{opacity:1;transform:translateY(0) rotateX(0)}} @keyframes fadeUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @media (min-width: 768px) {.plan{padding:7rem 2rem}.plan .cost-summary{flex-direction:row;align-items:flex-start}.plan .pay-plans{justify-content:center;flex-direction:column;flex:0 0 30%;text-align:left;order:0;display:flex;padding-right:2rem;margin:0}.plan .pay-plans h2{text-align:left}.plan .pay-plans h2::after{left:0;transform:none}.plan .group-rates{margin:0;max-width:100%}.plan .study-offers{grid-template-columns:repeat(auto-fill,minmax(calc(50% - 1rem),1fr));flex:0 0 70%}} @media (min-width: 992px) {.plan .study-offers{grid-template-columns:repeat(2,1fr)}} @media (min-width: 1200px) {.plan{padding:8rem 2rem}.plan .pay-plans{flex:0 0 25%}.plan .study-offers{flex:0 0 75%}.plan .fee-offers{padding:2.5rem}} @media (max-width: 767px) {.plan .premium-cost{max-width:400px;margin:0 auto}.plan .pay-plans h2{font-size:calc(36px * 0.9)}.plan .group-rates{font-size:calc(17px * 0.95)}}.leadership-profile{position:relative;overflow:hidden;background:linear-gradient(135deg,rgb(193,207,207) 0%,rgba(255,255,255,0.95) 100%);padding:5rem 0}.leadership-profile::before{height:100%;width:100%;transform:translateY(-30%) skewY(-5deg);position:absolute;top:0;opacity:0.1;left:0;z-index:0;content:"";background:linear-gradient(45deg,rgb(158,171,169,0.5) 0%,transparent 70%)}.leadership-profile::after{position:absolute;transform:rotate(-15deg);opacity:0.15;background:linear-gradient(135deg,rgb(123,133,132,0.5) 0%,transparent 80%);z-index:0;content:"";right:-20%;bottom:-20%;width:100%;height:60%}.leadership-profile .container{max-width:1200px;perspective:1000px;z-index:1;position:relative;margin:0 auto;padding:0 1.5rem}.leadership-profile .client-story{display:grid;grid-template-columns:1fr;border:1px solid rgba(0,0,0,0.05);box-shadow:0 20px 40px rgba(0,0,0,0.05),0 5px 15px rgba(0,0,0,0.03),0 0 0 1px rgba(255,255,255,0.1) inset;transform-style:preserve-3d;padding:2.5rem;border-radius:10px;grid-gap:2rem;background:#ffffff;overflow:hidden;transition:transform 0.5s cubic-bezier(0.215,0.61,0.355,1);position:relative}.leadership-profile .client-story::before{background-size:200% 100%;content:"";width:100%;top:0;left:0;background:linear-gradient(90deg,rgb(158,171,169) 0%,rgb(123,133,132) 50%,rgb(158,171,169) 100%);animation:gradientMove 8s ease-in-out infinite;position:absolute;height:5px;z-index:2}.leadership-profile .client-story > div:first-child{justify-content:center;align-items:center;z-index:1;display:flex;position:relative}.leadership-profile .image-cell{position:relative;box-shadow:0 10px 25px rgba(0,0,0,0.1),0 5px 10px rgba(0,0,0,0.05);width:180px;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);height:180px;transform:translateZ(30px);border-radius:50%}.leadership-profile .image-cell::before{transform:rotate(-45deg);border-radius:50%;inset:-8px;opacity:0.8;z-index:-1;content:"";background:linear-gradient( 135deg,rgb(123,133,132) 0%,transparent 50%,rgb(158,171,169) 100% );animation:rotateGradient 15s linear infinite;position:absolute}.leadership-profile .image-cell::after{box-shadow:inset 0 0 0 10px rgba(255,255,255,0.1);border-radius:50%;position:absolute;z-index:1;content:"";inset:0}.leadership-profile .client-story > div:nth-child(2){transform:translateZ(20px);text-align:center;position:relative}.leadership-profile .name{margin-bottom:0.5rem;color:#000000;position:relative;display:inline-block;font-weight:700;font-size:23px}.leadership-profile .name::after{bottom:-8px;transform:translateZ(5px);left:30%;height:3px;width:40%;content:"";position:absolute;background:rgb(158,171,169)}.leadership-profile .client-story > div:nth-child(2) > div{margin-top:1rem;color:rgb(123,133,132);font-weight:600;font-size:calc(15px * 0.9);letter-spacing:0.5px}.leadership-profile .client-story > div:nth-child(3){position:relative;transform:translateZ(10px)}.leadership-profile .experiencep-wrap{text-align:justify;position:relative;font-size:15px;line-height:1.8;padding-left:1rem;color:#000000}.leadership-profile .experiencep-wrap::before{background:linear-gradient( to bottom,rgb(158,171,169) 0%,rgb(123,133,132) 100% );top:0;border-radius:3px;left:0;bottom:0;width:3px;content:"";position:absolute}.leadership-profile .client-story:hover{transform:translateY(-5px) rotateX(2deg) rotateY(-2deg);box-shadow:0 30px 60px rgba(0,0,0,0.08),0 10px 25px rgba(0,0,0,0.05),0 0 0 1px rgba(255,255,255,0.2) inset}.leadership-profile .client-story:hover .image-cell{transform:translateZ(40px) scale(1.05)}@keyframes gradientMove {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes rotateGradient {0%{transform:rotate(-45deg)}100%{transform:rotate(315deg)}} @media (min-width: 768px) {.leadership-profile{padding:7rem 0}.leadership-profile .client-story{grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;padding:3rem;grid-gap:2.5rem}.leadership-profile .client-story > div:first-child{grid-row:1 / span 2}.leadership-profile .client-story > div:nth-child(2){align-self:end;text-align:left;padding-top:1.5rem}.leadership-profile .name::after{left:0;width:60px}.leadership-profile .experiencep-wrap{padding-left:1.5rem}.leadership-profile .experiencep-wrap::before{width:4px}} @media (min-width: 992px) {.leadership-profile .client-story{grid-template-columns:250px 1fr;padding:3.5rem 4rem;grid-gap:3rem}.leadership-profile .image-cell{height:220px;width:220px}.leadership-profile .name{font-size:calc(23px * 1.1)}.leadership-profile .client-story > div:nth-child(2) > div{font-size:15px}.leadership-profile .experiencep-wrap{font-size:calc(15px * 1.05);line-height:1.9}} @media (min-width: 1200px) {.leadership-profile .container{padding:0 2rem}.leadership-profile .client-story{padding:4rem 5rem;grid-template-columns:280px 1fr}.leadership-profile .image-cell{width:240px;height:240px}} @media (max-width: 767px) {.leadership-profile{padding:4rem 0}.leadership-profile .client-story{text-align:center;padding:2rem 1.5rem}.leadership-profile .image-cell{height:150px;width:150px}.leadership-profile .experiencep-wrap{text-align:left;padding-left:0;padding-top:1rem}.leadership-profile .experiencep-wrap::before{width:50px;transform:translateX(-50%);bottom:auto;left:50%;top:0;height:3px}}