*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.story_spot{flex:0 0 auto}.nav_sitewrap{flex:1 0 auto}svg{height:30px;width:30px}.layer-container{min-height:100%;flex-direction:column;height:100%;display:flex}.container{margin:auto;max-width:100%;width:1172px}html,body{scroll-behavior:auto;height:100%;font-family:Arial,sans-serif;min-height:100%;color:#000000}header,footer{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}} .teaching_process{overflow:hidden;position:relative;background:linear-gradient(135deg,rgb(233,223,209) 0%,rgb(211,188,164,0.5) 100%);padding:8rem 2rem}.teaching_process::before{content:"";background-size:50px 50px;height:100%;left:0;background:linear-gradient(45deg,transparent 48%,rgb(186,155,119,0.5) 48%,rgb(186,155,119,0.5) 52%,transparent 52%),linear-gradient(135deg,transparent 48%,rgb(186,155,119,0.5) 48%,rgb(186,155,119,0.5) 52%,transparent 52%);position:absolute;opacity:0.15;z-index:1;width:100%;top:0}.teaching_process::after{width:80%;content:"";animation:floatBlob 20s infinite alternate ease-in-out;opacity:0.2;top:-10%;z-index:0;border-radius:50%;background:rgb(211,188,164,0.5);right:-10%;position:absolute;filter:blur(100px);height:80%}.teaching_process .skill_sessions{position:relative;max-width:900px;margin:0 auto;flex-direction:column;z-index:2;display:flex;gap:3rem}.teaching_process h3{color:#000000;position:relative;transform:rotate(-1deg);margin:0;font-weight:700;border-radius:14px;font-size:32px;animation:paperCut 0.8s ease-out forwards;background:#ffffff;padding:2rem;box-shadow:15px 15px 30px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,0.8);text-align:center}.teaching_process h3::before{border:2px dashed rgb(211,188,164,0.5);border-radius:calc(14px - 4px);right:5px;top:5px;left:5px;z-index:-1;opacity:0.6;content:"";bottom:5px;position:absolute}.teaching_process h3::after{left:15%;z-index:-2;width:70%;transform:rotate(1deg);position:absolute;top:-8px;border-radius:8px;background:rgb(186,155,119,0.5);height:16px;content:""}.teaching_process span{border-radius:14px;line-height:1.8;opacity:0;padding:2rem;box-shadow:15px 15px 30px rgba(0,0,0,0.1),-5px -5px 10px rgba(255,255,255,0.8);transform:rotate(1deg);animation:paperCut 1s 0.3s ease-out forwards;color:#000000;background:#ffffff;font-size:18px;position:relative}.teaching_process span::before{right:5px;left:5px;position:absolute;top:5px;border:2px dashed rgb(186,155,119,0.5);border-radius:calc(14px - 4px);z-index:-1;opacity:0.6;content:"";bottom:5px}.teaching_process span::after{background:rgb(211,188,164,0.5);border-radius:8px;z-index:-2;content:"";width:70%;height:16px;transform:rotate(-1deg);position:absolute;right:15%;bottom:-8px}@keyframes paperCut {0%{opacity:0;transform:translateY(30px) rotate(-2deg)}60%{opacity:1;transform:translateY(-10px) rotate(2deg)}80%{transform:translateY(5px) rotate(-1deg)}100%{opacity:1;transform:translateY(0) rotate(var(--rotation,1deg))}} @keyframes floatBlob {0%{transform:translate(0,0) scale(1)}100%{transform:translate(-10%,10%) scale(1.1)}} @media (max-width: 992px) {.teaching_process{padding:6rem 1.5rem}.teaching_process h3{font-size:calc(32px * 0.9);padding:1.8rem}.teaching_process span{padding:1.8rem}.teaching_process h3::after{top:-6px;height:12px}.teaching_process span::after{height:12px;bottom:-6px}.teaching_process .skill_sessions{gap:2.5rem}} @media (max-width: 768px) {.teaching_process{padding:5rem 1rem}.teaching_process h3{padding:1.5rem;--rotation:0deg;font-size:calc(32px * 0.8);transform:rotate(0deg)}.teaching_process span{padding:1.5rem;--rotation:0deg;font-size:calc(18px * 0.95);transform:rotate(0deg)}.teaching_process .skill_sessions{gap:2rem}.teaching_process h3::after,.teaching_process span::after{left:10%;transform:rotate(0deg);width:80%;right:10%}}.find_us{position:relative;font-family:Arial,sans-serif;padding:4rem 2rem;background:linear-gradient(135deg,rgb(233,223,209) 0%,rgba(245,247,250,0.97) 100%);box-shadow:0 10px 30px rgba(0,0,0,0.05);overflow:hidden}.find_us::before{height:100%;transform:translateX(20%) skewX(-15deg);position:absolute;content:"";right:0;background:linear-gradient(210deg,rgb(186,155,119,0.5) 0%,transparent 80%);width:45%;z-index:0;opacity:0.35;top:0}.find_us::after{height:5px;position:absolute;background:linear-gradient(90deg,rgb(211,188,164) 0%,rgb(186,155,119) 50%,rgb(211,188,164,0.5) 100%);bottom:0;z-index:1;content:"";width:100%;left:0}.find_us h1{text-align:center;color:#000000;font-weight:700;font-size:40px;margin-bottom:2.5rem;transition:transform 0.5s ease;transform:translateY(0);position:relative}.find_us h1::after{bottom:-10px;width:80px;background:rgb(186,155,119);position:absolute;left:50%;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);height:3px;transform:translateX(-50%) scaleX(0.8);content:""}.find_us h1:hover::after{transform:translateX(-50%) scaleX(1.2)}.find_us .container{max-width:1200px;position:relative;z-index:2;margin:0 auto}.find_us .get_answers{transition:transform 0.4s ease,box-shadow 0.4s ease;display:grid;box-shadow:0 15px 35px rgba(0,0,0,0.08);background:#ffffff;grid-template-columns:1fr;gap:2.5rem;padding:2.5rem;transform:translateY(0);border-radius:19px}.find_us .get_answers:hover{box-shadow:0 20px 40px rgba(0,0,0,0.12);transform:translateY(-5px)}.find_us .get_answers > div{padding:1.5rem;position:relative;transition:all 0.3s ease;border-left:3px solid transparent;background:rgba(245,247,250,0.5)}.find_us .get_answers > div:hover{background:rgba(245,247,250,0.8);border-left:3px solid rgb(186,155,119);transform:translateX(5px)}.find_us .get_answers > div:first-child{color:#000000;background:linear-gradient(45deg,rgba(245,247,250,0.5) 0%,rgba(255,255,255,0.9) 100%);font-size:calc(15px * 1.05);padding:2rem;line-height:1.7;font-weight:400;letter-spacing:0.02em;border-bottom:2px solid rgb(233,223,209);text-align:center}.find_us h6{margin-bottom:0.75rem;text-transform:capitalize;color:#000000;align-items:center;display:flex;font-size:21px;font-weight:600}.find_us h6 svg{transition:transform 0.3s ease;margin-left:10px}.find_us span{margin-left:30px;font-size:15px;color:#000000;line-height:1.5;display:block}.find_us .connect_section{display:flex;gap:1.2rem;flex-direction:column}.find_us .connect_section > div{transition:transform 0.3s ease;position:relative}.find_us .connect_section > div:hover{transform:translateX(5px)}.find_us .send_message{text-decoration:none;transition:color 0.3s ease;font-size:15px;font-weight:400;display:flex;align-items:center;text-transform:capitalize;color:#000000}.find_us .send_message:hover{color:rgb(211,188,164)}.find_us .send_message svg{margin-left:10px;transition:transform 0.3s ease}.find_us .send_message:hover svg{transform:scale(1.1) rotate(5deg)}.find_us svg{opacity:0.9;transition:all 0.3s ease;width:22px;height:22px}.find_us svg:hover{opacity:1;transform:scale(1.1)}.find_us svg path{fill:rgb(186,155,119);transition:fill 0.3s ease}.find_us .send_message:hover svg path{fill:rgb(211,188,164)}@media (min-width: 768px) {.find_us{padding:5rem 3rem}.find_us h1{font-size:calc(40px * 1.1);margin-bottom:3rem}.find_us .get_answers{grid-template-columns:1fr 1fr}.find_us .get_answers > div:first-child{grid-column:1 / -1;padding:2.5rem;text-align:left}} @media (min-width: 992px) {.find_us{padding:6rem 4rem}.find_us .get_answers{grid-template-columns:1.5fr 1fr 1fr;gap:2rem}.find_us .get_answers > div:first-child{grid-row:1 / 3;align-items:center;padding:3rem;display:flex;grid-column:1}.find_us .get_answers > div{border-left:3px solid transparent;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.find_us .connect_section{gap:1.5rem}} @media (max-width: 767px) {.find_us{padding:3rem 1.5rem}.find_us h1{font-size:calc(40px * 0.9)}.find_us .get_answers{padding:1.5rem}.find_us .get_answers > div{padding:1.25rem}.find_us .get_answers > div:first-child{font-size:15px;line-height:1.6;padding:1.5rem}.find_us h6{font-size:calc(21px * 0.95)}.find_us span{margin-left:25px}.find_us .connect_section{gap:1rem}.find_us svg{height:20px;width:20px}} @media (hover: none) {.find_us .get_answers:hover{transform:none;box-shadow:0 15px 35px rgba(0,0,0,0.08)}.find_us .get_answers > div:hover{transform:none}.find_us .connect_section > div:hover{transform:none}}.data_statistics{background-color:#000000;min-height:100vh;align-items:center;overflow:hidden;padding:0;display:flex;position:relative}.data_statistics::before{z-index:0;position:absolute;left:0;top:0;opacity:0.4;content:"";height:100%;width:100%;background:conic-gradient( from 45deg at 50% 50%,#000000 0deg,rgb(186,155,119,0.5) 90deg,#000000 180deg,rgb(211,188,164,0.5) 270deg,#000000 360deg )}.data_statistics .container{max-width:1200px;flex-direction:column;padding:60px 0;position:relative;display:flex;width:100%;z-index:1;margin:0 auto}.data_statistics h2{opacity:0.05;letter-spacing:-2px;position:absolute;text-align:center;width:100%;text-transform:uppercase;top:50%;font-size:calc(46px * 2.5);font-weight:700;pointer-events:none;transform:translateY(-50%);line-height:1;color:#ffffff;left:0;z-index:-1}.data_statistics ul{height:80vh;width:100%;display:flex;gap:0;padding:0;max-height:700px;flex-direction:row;align-items:stretch;list-style:none;justify-content:center;margin:0}.data_statistics .statistics_upgrade{padding:20px;align-items:center;position:relative;background:rgba(0,0,0,0.2);justify-content:center;display:flex;transition:all 0.6s cubic-bezier(0.23,1,0.32,1);flex:1;flex-direction:column;border-right:1px solid rgba(255,255,255,0.05);overflow:hidden}.data_statistics .statistics_upgrade:first-child{border-radius:20px 0 0 20px}.data_statistics .statistics_upgrade:last-child{border-right:none;border-radius:0 20px 20px 0}.data_statistics .statistics_upgrade::before{height:4px;transition:transform 0.4s ease;left:0;top:0;transform:scaleX(0);transform-origin:left;position:absolute;content:"";width:100%;background:linear-gradient(90deg,rgb(211,188,164),rgb(186,155,119))}.data_statistics .statistics_upgrade:hover{box-shadow:0 10px 30px rgba(0,0,0,0.3);flex:1.8;background:rgba(rgba(0,0,0,0.5),0.7);z-index:2;backdrop-filter:blur(10px)}.data_statistics .statistics_upgrade:hover::before{transform:scaleX(1)}.data_statistics .statistics_upgrade p{margin:0;font-weight:700;position:relative;text-align:center;line-height:1;font-size:3.5rem;color:#ffffff;transform:translateY(30px);transition:all 0.4s ease}.data_statistics .statistics_upgrade:hover p{transform:translateY(0)}.data_statistics .statistics_upgrade span{opacity:0;text-align:center;transform:translateY(20px);font-size:15px;margin-top:20px;max-width:200px;color:rgba(255,255,255,0.7);transition:all 0.4s ease 0.1s}.data_statistics .statistics_upgrade:hover span{opacity:1;transform:translateY(0)}.data_statistics svg{top:-30px;height:60px;transform:rotate(45deg);transition:all 0.5s ease;width:60px;right:-30px;opacity:0.1;fill:rgb(211,188,164);position:absolute}.data_statistics svg path{fill:rgb(211,188,164)}.data_statistics .statistics_upgrade:hover svg{opacity:0.6;right:20px;top:20px;transform:rotate(0) scale(1.5)}.data_statistics ul:has(.statistics_upgrade:only-child){max-width:500px;flex-direction:column;margin:0 auto;height:auto}.data_statistics ul:has(.statistics_upgrade:only-child) .statistics_upgrade{min-height:300px;border-radius:20px;padding:60px;border-right:none}.data_statistics ul:has(.statistics_upgrade:only-child) .statistics_upgrade p{font-size:5rem;transform:translateY(0)}.data_statistics ul:has(.statistics_upgrade:only-child) .statistics_upgrade span{opacity:1;font-size:calc(15px * 1.2);margin-top:30px;transform:translateY(0)}.data_statistics ul:has(.statistics_upgrade:only-child) .statistics_upgrade:hover{transform:scale(1.05);flex:1}.data_statistics ul:has(.statistics_upgrade:nth-child(2):last-child){flex-direction:row}.data_statistics ul:has(.statistics_upgrade:nth-child(3):last-child),.data_statistics ul:has(.statistics_upgrade:nth-child(4):last-child),.data_statistics ul:has(.statistics_upgrade:nth-child(5):last-child){flex-wrap:nowrap;flex-direction:row}.data_statistics ul:has(.statistics_upgrade:nth-child(n+6):nth-child(-n+10)){gap:2px;max-height:none;height:auto;flex-wrap:wrap}.data_statistics ul:has(.statistics_upgrade:nth-child(n+6):nth-child(-n+10)) .statistics_upgrade{border-radius:0;min-width:200px;margin:1px;border-right:none;flex:1 1 calc(33.33% - 2px)}.data_statistics ul:has(.statistics_upgrade:nth-child(n+6):nth-child(-n+10)) .statistics_upgrade:first-child{border-top-left-radius:20px}.data_statistics ul:has(.statistics_upgrade:nth-child(n+6):nth-child(-n+10)) .statistics_upgrade:nth-child(3){border-top-right-radius:20px}.data_statistics ul:has(.statistics_upgrade:nth-child(n+6):nth-child(-n+10)) .statistics_upgrade:nth-last-child(3){border-bottom-left-radius:20px}.data_statistics ul:has(.statistics_upgrade:nth-child(n+6):nth-child(-n+10)) .statistics_upgrade:last-child{border-bottom-right-radius:20px}@media screen and (min-width: 1441px) {.data_statistics .statistics_upgrade p{font-size:4rem}.data_statistics ul:has(.statistics_upgrade:only-child) .statistics_upgrade p{font-size:6rem}} @media screen and (max-width: 1200px) {.data_statistics .container{padding:40px}.data_statistics h2{font-size:calc(46px * 2)}.data_statistics .statistics_upgrade p{font-size:3rem}} @media screen and (max-width: 991px) {.data_statistics{padding:80px 0;min-height:auto}.data_statistics .container{padding:20px}.data_statistics h2{opacity:1;font-size:calc(46px * 1.5);top:auto;position:relative;transform:none;margin-bottom:60px}.data_statistics ul{height:auto;gap:15px;flex-direction:column !important;max-height:none}.data_statistics .statistics_upgrade,.data_statistics ul:has(.statistics_upgrade:nth-child(n+6):nth-child(-n+10)) .statistics_upgrade{flex:1 !important;border-radius:15px !important;border-right:none;padding:30px}.data_statistics .statistics_upgrade p,.data_statistics .statistics_upgrade span{transform:translateY(0)}.data_statistics .statistics_upgrade span{opacity:1}.data_statistics .statistics_upgrade:hover{transform:translateY(-5px)}.data_statistics svg{opacity:0.4;right:20px;transform:rotate(0);top:20px}} @media screen and (max-width: 767px) {.data_statistics{padding:60px 0}.data_statistics h2{font-size:calc(46px * 1.2);margin-bottom:40px}.data_statistics .statistics_upgrade p{font-size:2.5rem}.data_statistics .statistics_upgrade{padding:25px}.data_statistics svg{width:50px;height:50px}} @media screen and (max-width: 480px) {.data_statistics{padding:50px 0}.data_statistics h2{margin-bottom:30px;font-size:46px}.data_statistics .statistics_upgrade{padding:20px}.data_statistics .statistics_upgrade p{font-size:2.2rem}.data_statistics .statistics_upgrade span{font-size:calc(15px * 0.9);margin-top:15px}.data_statistics svg{top:15px;height:40px;right:15px;width:40px}}.get_in_touch{background:linear-gradient(120deg,rgb(233,223,209) 0%,#1a1e2e 100%);overflow:hidden;position:relative;padding:90px 0}.get_in_touch::before{height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,0,0,0.4) 0%,transparent 40%),linear-gradient(0deg,transparent 80%,rgba(rgb(211,188,164),0.05) 100%);left:0;z-index:0;position:absolute;top:0;width:100%;content:""}.get_in_touch::after{background:repeating-linear-gradient(90deg,rgba(255,255,255,0.03) 0px,rgba(255,255,255,0.03) 1px,transparent 1px,transparent 20px);height:100px;content:"";bottom:0;z-index:1;position:absolute;width:100%;left:0}.get_in_touch .container{z-index:2;position:relative;padding:0 20px;margin:0 auto;max-width:1200px}.get_in_touch h2{font-size:35px;position:relative;color:#ffffff;text-align:center;text-transform:uppercase;font-weight:700;margin-bottom:70px;letter-spacing:2px}.get_in_touch h2::before{left:calc(50% - 50px);position:absolute;width:30px;content:"";bottom:-20px;background:rgb(211,188,164);height:2px}.get_in_touch h2::after{height:2px;content:"";left:calc(50% - 10px);bottom:-20px;position:absolute;background:rgb(211,188,164);width:70px}.get_in_touch .request_block{border-radius:11px;border:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.2);display:grid;backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,0.3);grid-template-columns:6fr 4fr}.get_in_touch .image_frame{min-height:100%;position:relative}.get_in_touch .image_frame::before{height:100%;width:100%;z-index:1;position:absolute;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(0,0,0,0.7));left:0;content:"";top:0}.get_in_touch .image_frame::after{content:"";animation:scanLines 5s linear infinite;z-index:2;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(rgb(211,188,164),0.1) 10px,rgba(rgb(211,188,164),0.1) 11px);position:absolute;top:0}@keyframes scanLines {0%{background-position:0 0}100%{background-position:100px 100px}} .get_in_touch .feedback_inquiry{padding:50px;position:relative}.get_in_touch .feedback_inquiry::before{width:100%;height:100%;position:absolute;z-index:-1;top:0;background:radial-gradient(circle at 50% 30%,rgba(0,0,0,0),rgba(0,0,0,0.2));left:0;content:""}.get_in_touch #contact{gap:25px;flex-direction:column;display:flex}.get_in_touch h3{display:inline-block;margin-bottom:30px;position:relative;font-size:18px;font-weight:700;text-transform:uppercase;color:#ffffff;letter-spacing:1px}.get_in_touch h3::after{width:50px;position:absolute;left:0;height:2px;content:"";background:rgb(211,188,164);bottom:-10px}.get_in_touch input[type="text"]{position:relative;background:rgba(0,0,0,0.2);font-size:18px;padding:16px 20px;border:1px solid rgba(255,255,255,0.1);border-radius:10px;color:#ffffff;width:100%;transition:all 0.3s ease}.get_in_touch input[type="text"]:focus{border-color:rgb(211,188,164);box-shadow:0 0 15px rgba(rgb(211,188,164),0.2);background:rgba(0,0,0,0.3);outline:none}.get_in_touch input[type="text"]::placeholder{color:rgba(255,255,255,0.4)}.get_in_touch .feedback_feedback{align-items:flex-start;margin-top:5px;gap:12px;display:flex}.get_in_touch .feedback_feedback input[type="checkbox"]{width:24px;border-radius:3px;appearance:none;cursor:pointer;background:rgba(0,0,0,0.2);position:relative;border:1px solid rgba(255,255,255,0.1);height:24px;margin-top:2px}.get_in_touch .feedback_feedback input[type="checkbox"]:checked{background:rgb(211,188,164);border-color:rgb(211,188,164)}.get_in_touch .feedback_feedback input[type="checkbox"]:checked::after{border:solid #ffffff;content:"";left:9px;top:6px;width:6px;height:10px;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute}.get_in_touch .feedback_feedback label{line-height:1.5;color:rgba(255,255,255,0.7);font-size:calc(18px - 2px)}.get_in_touch .feedback_feedback a{color:rgb(211,188,164);text-decoration:none;transition:all 0.3s ease;position:relative}.get_in_touch .feedback_feedback a:hover{color:#ffffff}.get_in_touch .feedback_feedback a::after{bottom:-2px;width:100%;background:rgb(211,188,164);position:absolute;transition:all 0.3s ease;left:0;content:"";height:1px}.get_in_touch .feedback_feedback a:hover::after{background:#ffffff}.get_in_touch .support_message{padding:16px 35px;border:none;position:relative;color:#ffffff;font-size:17px;border-radius:10px;margin-top:10px;letter-spacing:1px;font-weight:600;align-self:flex-start;box-shadow:0 10px 20px rgba(0,0,0,0.2);overflow:hidden;transition:all 0.3s ease;cursor:pointer;text-transform:uppercase;background:rgb(211,188,164)}.get_in_touch .support_message::before{top:0;width:100%;left:-100%;transition:all 0.5s ease;position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);height:100%;content:""}.get_in_touch .support_message:hover{transform:translateY(-3px);background:rgb(186,155,119)}.get_in_touch .support_message:hover::before{left:100%}.get_in_touch svg{filter:drop-shadow(0 0 5px rgba(rgb(211,188,164),0.5));height:22px;width:22px;fill:rgb(211,188,164);transition:all 0.3s ease}.get_in_touch svg path{fill:rgb(211,188,164);transition:all 0.3s ease}.get_in_touch svg:hover{transform:scale(1.1);fill:#ffffff}.get_in_touch svg:hover path{fill:#ffffff}@media (max-width: 992px) {.get_in_touch{padding:70px 0}.get_in_touch .request_block{grid-template-columns:1fr}.get_in_touch .image_frame{min-height:300px}.get_in_touch .feedback_inquiry{padding:40px 30px 50px}} @media (max-width: 768px) {.get_in_touch{padding:50px 0}.get_in_touch h2{margin-bottom:50px;font-size:calc(35px - 4px)}.get_in_touch .image_frame{min-height:250px}} @media (max-width: 576px) {.get_in_touch{padding:40px 0}.get_in_touch .container{padding:0 15px}.get_in_touch h2{font-size:calc(35px - 6px);margin-bottom:40px}.get_in_touch h2::before{left:calc(50% - 35px);width:20px}.get_in_touch h2::after{width:50px}.get_in_touch .feedback_inquiry{padding:30px 20px 40px}.get_in_touch #contact{gap:20px}.get_in_touch .support_message{width:100%}.get_in_touch .image_frame{min-height:200px}}.plan_comparison{position:relative;padding:120px 0;overflow:hidden}.plan_comparison::before{content:"";right:0;position:absolute;background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.6) 100%);z-index:1;left:0;bottom:0;top:0}.plan_comparison .container{max-width:1200px;padding:0 20px;margin:0 auto;position:relative;z-index:2}.plan_comparison .cost_options{position:relative}.plan_comparison h2{position:relative;transform:translateY(20px);text-shadow:0 2px 5px rgba(0,0,0,0.2);text-align:center;font-size:28px;margin-bottom:20px;animation:fadeUp 0.7s ease-out 0.2s forwards;opacity:0;font-weight:700;color:#ffffff}.plan_comparison h2::after{box-shadow:0 0 10px rgb(186,155,119,0.5);left:50%;transform:translateX(-50%);width:80px;position:absolute;background:rgb(186,155,119);height:3px;bottom:-15px;content:""}.plan_comparison .study_price{transform:translateY(20px);opacity:0;letter-spacing:0.3px;color:#ffffff;text-align:center;font-size:calc(14px * 1.1);animation:fadeUp 0.7s ease-out 0.4s forwards;max-width:800px;line-height:1.6;margin:0 auto 50px}.plan_comparison .trial_rates{list-style:none;padding:0;perspective:1000px;gap:30px;grid-template-columns:repeat(1,1fr);margin:0;display:grid}.plan_comparison .trial_rates li{animation:fadeUp 0.8s ease-out forwards;opacity:0;transform:translateY(40px);animation-delay:calc(0.5s + var(--li-index,0) * 0.15s)}.plan_comparison .trial_rates li:nth-child(1){--li-index:1}.plan_comparison .trial_rates li:nth-child(2){--li-index:2}.plan_comparison .trial_rates li:nth-child(3){--li-index:3}.plan_comparison .trial_rates li:nth-child(4){--li-index:4}.plan_comparison .pay_options{text-decoration:none;display:block;position:relative;transition:transform 0.5s cubic-bezier(0.19,1,0.22,1);transform-style:preserve-3d;height:100%}.plan_comparison .pay_options:hover{transform:translateY(-10px) scale(1.02)}.plan_comparison .price_grid{height:100%;background:linear-gradient(145deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%);padding:40px 30px;border-left:1px solid rgba(255,255,255,0.2);border-top:1px solid rgba(255,255,255,0.2);overflow:hidden;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;position:relative;box-shadow:0 15px 35px rgba(0,0,0,0.2),0 5px 15px rgba(0,0,0,0.1);transition:all 0.4s ease}.plan_comparison .pay_options:hover .price_grid{box-shadow:0 25px 45px rgba(0,0,0,0.25),0 10px 20px rgba(0,0,0,0.15);border-color:rgb(186,155,119,0.5)}.plan_comparison .price_grid::before{background:radial-gradient( circle at center,rgba(rgb(186,155,119),0.05) 0%,transparent 70% );position:absolute;z-index:0;left:-50%;top:-50%;content:"";width:200%;opacity:0;height:200%;transition:transform 0.8s ease,opacity 0.8s ease;transform:scale(0.8)}.plan_comparison .pay_options:hover .price_grid::before{transform:scale(1);opacity:1}.plan_comparison .cost_fee{position:relative;z-index:2}.plan_comparison .cost_fee h4{font-weight:600;margin-bottom:15px;transition:transform 0.4s ease;padding-bottom:15px;color:#ffffff;position:relative;font-size:calc(23px * 1.15)}.plan_comparison .pay_options:hover .cost_fee h4{transform:translateY(-5px);color:rgb(186,155,119)}.plan_comparison .cost_fee h4::after{bottom:0;background:rgb(186,155,119);position:absolute;content:"";left:0;transition:width 0.4s ease;height:2px;width:50px}.plan_comparison .pay_options:hover .cost_fee h4::after{width:80px}.plan_comparison .cost_fee p{font-size:14px;overflow-y:auto;line-height:1.6;scrollbar-color:rgb(186,155,119) rgba(255,255,255,0.1);margin-bottom:25px;scrollbar-width:thin;padding-right:10px;color:rgba(255,255,255,0.8);max-height:150px}.plan_comparison .cost_fee p::-webkit-scrollbar{width:4px}.plan_comparison .cost_fee p::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.plan_comparison .cost_fee p::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(186,155,119)}.plan_comparison .study_cost{overflow:hidden;transition:all 0.4s ease;color:#ffffff;border-radius:8px;font-size:calc(23px * 1.5);font-weight:700;position:relative;background:linear-gradient(135deg,rgb(186,155,119) 0%,rgb(211,188,164) 100%);display:inline-block;box-shadow:0 5px 15px rgba(0,0,0,0.2);padding:8px 20px}.plan_comparison .pay_options:hover .study_cost{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,0.3)}.plan_comparison .study_cost::before{left:-100%;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100% );content:"";height:100%;transition:left 0.7s ease;position:absolute;width:70%;top:0}.plan_comparison .pay_options:hover .study_cost::before{left:200%}@keyframes fadeUp {from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}} @media (min-width: 768px) {.plan_comparison .trial_rates{grid-template-columns:repeat(2,1fr)}.plan_comparison h2{font-size:calc(28px * 1.1)}} @media (min-width: 992px) {.plan_comparison{padding:150px 0}.plan_comparison .trial_rates{grid-template-columns:repeat(4,1fr)}.plan_comparison .price_grid{padding:40px 25px}.plan_comparison h2{font-size:calc(28px * 1.2);margin-bottom:30px}.plan_comparison .study_price{margin-bottom:70px}} @media (max-width: 767px) {.plan_comparison{padding:80px 0}.plan_comparison h2{font-size:calc(28px * 0.9)}.plan_comparison .study_price{margin-bottom:40px;font-size:14px}.plan_comparison .price_grid{padding:30px 20px}.plan_comparison .cost_fee p{max-height:120px}.plan_comparison .study_cost{padding:6px 15px;font-size:calc(23px * 1.2)}}.privacy_bastion{background:linear-gradient(135deg,rgb(186,155,119,0.5) 0%,rgb(233,223,209) 100%);overflow:hidden;padding:5rem 2rem;position:relative}.privacy_bastion::before{background:radial-gradient(circle at 70% 30%,rgb(186,155,119,0.5) 0%,transparent 70%);top:0;content:"";height:100%;z-index:0;position:absolute;width:100%;left:0;opacity:0.4}.privacy_bastion::after{transform:rotate(-15deg);z-index:0;content:"";background:linear-gradient(225deg,rgb(211,188,164,0.5) 0%,transparent 70%);right:-50px;width:200px;opacity:0.2;position:absolute;bottom:-50px;height:200px}.privacy_bastion .container{max-width:1140px;box-shadow:0 10px 40px rgba(0,0,0,0.08);z-index:1;padding:3.5rem;margin:0 auto;transform:perspective(1000px) rotateX(0.5deg);background:#ffffff;position:relative}.privacy_bastion h1{font-size:44px;line-height:1.2;transform:translateX(-10px);position:relative;padding-left:20px;font-family:Arial,sans-serif;font-weight:700;letter-spacing:-0.02em;color:rgb(211,188,164);margin-bottom:2rem}.privacy_bastion h1::before{content:"";height:70%;transform:skewY(-15deg);top:15%;position:absolute;width:5px;left:0;background:rgb(186,155,119)}.privacy_bastion h2{color:rgb(186,155,119);position:relative;font-size:34px;font-weight:600;font-family:Arial,sans-serif;letter-spacing:-0.01em;margin-bottom:1.5rem;margin-top:3rem;padding-bottom:12px}.privacy_bastion h2::after{height:3px;background:linear-gradient(90deg,rgb(186,155,119) 0%,rgb(186,155,119,0.5) 100%);position:absolute;left:0;width:80px;content:"";bottom:0}.privacy_bastion h3{padding-left:15px;margin-bottom:1.25rem;font-size:calc(34px * 0.8);font-weight:600;font-family:Arial,sans-serif;position:relative;color:#000000;margin-top:2.5rem}.privacy_bastion h3::before{height:100%;position:absolute;left:0;content:"";background:rgb(186,155,119,0.5);width:3px;top:0}.privacy_bastion h4{font-family:Arial,sans-serif;margin-top:2rem;font-size:calc(34px * 0.7);position:relative;padding-left:10px;color:#000000;margin-bottom:1rem;font-weight:600}.privacy_bastion h4::before{top:25%;height:50%;background:rgb(186,155,119,0.5);content:"";position:absolute;width:2px;left:0}.privacy_bastion p{max-width:95%;font-size:15px;font-family:Arial,sans-serif;position:relative;margin-bottom:1.5rem;line-height:1.8;color:#000000}.privacy_bastion strong{position:relative;color:rgb(186,155,119);display:inline-block;font-weight:600}.privacy_bastion ul{list-style:none;position:relative;padding-left:1.5rem;margin:2rem 0;background:linear-gradient(90deg,rgb(186,155,119,0.5) 0%,transparent 3%);padding:1.5rem 1.5rem 1.5rem 3rem;border-left:3px solid rgb(186,155,119)}.privacy_bastion li{margin-bottom:1rem;font-family:Arial,sans-serif;position:relative;line-height:1.7;font-size:15px;color:#000000}.privacy_bastion li::before{height:8px;width:8px;position:absolute;top:0.6rem;transform:rotate(45deg);background:rgb(186,155,119);content:"";left:-1.5rem}.privacy_bastion span{padding-left:1rem;display:block;margin-bottom:1.5rem;font-family:Arial,sans-serif;color:#000000;font-size:15px;border-left:1px dashed rgb(186,155,119,0.5);line-height:1.75}.privacy_bastion *:last-child{margin-bottom:0}.privacy_bastion .container > *:first-child{margin-top:0}@media (max-width: 991px) {.privacy_bastion{padding:4rem 1.5rem}.privacy_bastion .container{padding:2.5rem;transform:perspective(1000px) rotateX(0.3deg)}.privacy_bastion h1{font-size:calc(44px * 0.9)}.privacy_bastion h2{font-size:calc(34px * 0.9)}.privacy_bastion ul{padding:1.25rem 1.25rem 1.25rem 2.5rem}} @media (max-width: 767px) {.privacy_bastion{padding:3rem 1rem}.privacy_bastion .container{padding:2rem 1.5rem;transform:none}.privacy_bastion h1{font-size:calc(44px * 0.8);padding-left:15px}.privacy_bastion h1::before{width:4px}.privacy_bastion h2{font-size:calc(34px * 0.8)}.privacy_bastion h3{font-size:calc(34px * 0.7)}.privacy_bastion h4{font-size:calc(34px * 0.6)}.privacy_bastion p,.privacy_bastion li,.privacy_bastion span{font-size:calc(15px * 0.95);max-width:100%}.privacy_bastion ul{margin:1.5rem 0;padding:1rem 1rem 1rem 2rem}} @media (max-width: 480px) {.privacy_bastion{padding:2rem 0.75rem}.privacy_bastion .container{padding:1.5rem 1.25rem}.privacy_bastion h1{font-size:calc(44px * 0.7)}.privacy_bastion h2{font-size:calc(34px * 0.7)}.privacy_bastion h2::after{width:60px}.privacy_bastion h3{font-size:calc(34px * 0.6)}.privacy_bastion h4{font-size:calc(34px * 0.5)}.privacy_bastion p,.privacy_bastion li,.privacy_bastion span{font-size:calc(15px * 0.9)}}.register_now{transform-style:preserve-3d;perspective:1000px;padding:6rem 0;position:relative;background:linear-gradient(135deg,rgb(211,188,164,0.5),rgb(211,188,164));overflow:hidden}.register_now::before,.register_now::after{pointer-events:none;top:0;left:0;height:100%;width:100%;content:'';position:absolute}.register_now::before{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 40%,transparent 60%);transform:translateZ(-10px) rotateX(5deg)}.register_now::after{opacity:0.7;background:repeating-linear-gradient( 135deg,transparent,transparent 10px,rgba(255,255,255,0.03) 10px,rgba(255,255,255,0.03) 12px );filter:blur(1px)}.register_now .container{max-width:1200px;animation:container-rise 0.8s cubic-bezier(0.23,1,0.32,1) forwards;transform:translateZ(20px);z-index:2;padding:0 2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.1);transform-style:preserve-3d;background:rgba(255,255,255,0.08);padding:3rem;backdrop-filter:blur(8px);border-bottom:3px solid rgb(186,155,119);border:1px solid rgba(255,255,255,0.15);position:relative;border-radius:4px;margin:0 auto}.register_now h2{text-align:center;margin-bottom:3rem;position:relative;opacity:0;font-size:28px;transform:translateY(10px);animation:text-fade 0.8s ease-out 0.3s forwards;line-height:1.4;letter-spacing:-0.01em;color:#ffffff;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,0.15)}.register_now h2::before{content:'';position:absolute;bottom:-12px;transform:translateX(-50%);height:3px;width:80px;border-radius:1px;background:rgb(186,155,119);left:50%}.register_now .skill_sessions{gap:2rem;animation:holder-fade 0.8s ease-out 0.6s forwards;justify-content:center;opacity:0;transform-style:preserve-3d;transform:translateZ(30px);display:flex;align-items:center}.register_now svg{transform:scale(0);height:48px;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1));width:48px;animation:svg-pop 0.6s cubic-bezier(0.34,1.56,0.64,1) 0.9s forwards}.register_now svg path{transition:fill 0.3s ease;fill:#ffffff}.register_now .support_message{font-weight:600;position:relative;transition:all 0.3s cubic-bezier(0.23,1,0.32,1);background:#ffffff;box-shadow:0 10px 20px rgba(0,0,0,0.1),0 6px 6px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.1);overflow:hidden;transform:translateY(0);text-decoration:none;padding:1rem 2.5rem;display:inline-block;border-radius:2px;font-size:18px;border:none;color:#000000}.register_now .support_message::before{left:-100%;width:100%;content:'';transition:all 0.6s ease;top:0;height:100%;position:absolute;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent )}.register_now .support_message:hover{box-shadow:0 15px 25px rgba(0,0,0,0.2),0 10px 10px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.2);color:#ffffff;transform:translateY(-5px);background:rgb(186,155,119)}.register_now .support_message:hover::before{left:100%}.register_now .support_message:active{box-shadow:0 5px 15px rgba(0,0,0,0.2);transform:translateY(-2px)}@keyframes container-rise {0%{transform:translateZ(0) translateY(30px);opacity:0}100%{transform:translateZ(20px) translateY(0);opacity:1}} @keyframes text-fade {0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}} @keyframes holder-fade {0%{opacity:0;transform:translateZ(10px)}100%{opacity:1;transform:translateZ(30px)}} @keyframes svg-pop {0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}} @media (max-width: 992px) {.register_now{padding:5rem 0}.register_now .container{padding:2.5rem 2rem}.register_now h2{font-size:calc(28px * 0.9)}} @media (max-width: 768px) {.register_now{padding:4rem 0}.register_now .container{padding:2rem 1.5rem}.register_now .skill_sessions{gap:1.5rem;flex-direction:column}.register_now h2{margin-bottom:2rem;font-size:calc(28px * 0.8)}.register_now svg{width:40px;height:40px}.register_now .support_message{padding:0.9rem 2rem;text-align:center;width:100%}} @media (max-width: 576px) {.register_now{padding:3rem 0}.register_now .container{padding:1.5rem 1rem}.register_now h2{font-size:calc(28px * 0.7);margin-bottom:1.5rem}.register_now svg{height:36px;width:36px}.register_now .support_message{font-size:calc(18px * 0.9);padding:0.8rem 1.5rem}} @media (prefers-reduced-motion: reduce) {.register_now .container,.register_now h2,.register_now .skill_sessions,.register_now svg{animation:none;transform:none;opacity:1}.register_now .support_message::before{display:none}}.our_background{overflow:hidden;padding:120px 0;position:relative}.our_background::before{content:"";z-index:1;width:100%;top:0;backdrop-filter:blur(5px);background:linear-gradient(135deg,rgb(211,188,164,0.5),rgba(0,0,0,0.5) 70%);position:absolute;left:0;height:100%}.our_background::after{position:absolute;background:rgb(186,155,119,0.5);height:300px;content:"";bottom:-50px;z-index:0;right:-50px;width:300px;filter:blur(60px);border-radius:50%;animation:pulse 8s infinite alternate ease-in-out}.our_background .container{max-width:1200px;z-index:2;margin:0 auto;padding:0 20px;position:relative}.our_background .summary_frame{max-width:800px;box-shadow:0 15px 35px rgba(0,0,0,0.2),0 5px 15px rgba(0,0,0,0.1);transform:perspective(1000px) rotateY(-2deg);border-left:4px solid rgb(186,155,119);padding:50px;margin-left:auto;background:linear-gradient(145deg,rgba(255,255,255,0.1),rgba(255,255,255,0.03));backdrop-filter:blur(10px);transition:transform 0.5s ease-out}.our_background .summary_frame:hover{transform:perspective(1000px) rotateY(0deg)}.our_background h5{font-weight:700;color:#ffffff;opacity:0.9;letter-spacing:1.5px;position:relative;margin-bottom:15px;transform:translateX(-10px);display:inline-block;text-transform:uppercase;font-size:20px;transition:all 0.4s ease}.our_background h5::after{position:absolute;width:40px;content:"";transform-origin:left;transition:transform 0.5s ease;transform:scaleX(0.7);height:3px;bottom:-8px;left:0;background:rgb(186,155,119)}.our_background .summary_frame:hover h5{transform:translateX(0);opacity:1}.our_background .summary_frame:hover h5::after{transform:scaleX(1)}.our_background p{color:#ffffff;line-height:1.5;margin-bottom:25px;font-size:calc(12px * 1.3);font-weight:400}.our_background p b{font-size:calc(12px * 1.5);letter-spacing:0.5px;color:rgb(186,155,119);font-weight:700;position:relative;transition:all 0.3s ease;display:inline-block}.our_background p b::before{left:0;transition:all 0.3s ease;z-index:-1;transform:skewX(-15deg) translateY(5px);width:100%;background:rgb(186,155,119,0.5);bottom:0;position:absolute;height:10px;content:""}.our_background .summary_frame:hover p b::before{transform:skewX(-15deg) translateY(3px);height:15px}.our_background ol{counter-reset:item;padding:0;margin:0}.our_background ol li{text-align:justify;font-size:12px;list-style-type:none;color:#ffffff;position:relative;margin-bottom:15px;line-height:1.8;padding-left:0}.our_background ol li::before{left:-35px;opacity:0.7;top:0;color:rgb(186,155,119);position:absolute;font-weight:700}@keyframes pulse {0%{opacity:0.5;transform:scale(0.9)}50%{opacity:0.7;transform:scale(1)}100%{opacity:0.5;transform:scale(0.9)}} @media (max-width: 992px) {.our_background{padding:90px 0}.our_background .summary_frame{transform:perspective(1000px) rotateY(-1deg);padding:40px 30px}.our_background p{font-size:12px}.our_background p b{font-size:calc(12px * 1.3)}} @media (max-width: 768px) {.our_background{padding:70px 0}.our_background .summary_frame{transform:none;max-width:100%;padding:30px 25px}.our_background h5{font-size:calc(20px * 0.9)}.our_background p b{font-size:calc(12px * 1.2)}.our_background ol li{line-height:1.7;font-size:calc(12px * 0.95)}} @media (max-width: 576px) {.our_background{padding:50px 0}.our_background .summary_frame{padding:25px 20px;border-left-width:3px}.our_background h5{margin-bottom:10px;font-size:calc(20px * 0.85)}.our_background h5::after{width:30px;height:2px}.our_background p{margin-bottom:15px;font-size:calc(12px * 0.95)}.our_background p b{font-size:calc(12px * 1.15)}.our_background ol li{font-size:calc(12px * 0.9);line-height:1.6}.our_background::after{height:200px;right:-30px;width:200px;bottom:-30px}}.id_thankbox{background:linear-gradient(135deg,rgb(233,223,209) 0%,rgb(211,188,164,0.5) 100%);position:relative;padding:120px 0 100px;overflow:hidden}.id_thankbox::before{left:0;content:"";background-size:60px 60px;height:100%;background:linear-gradient(45deg,transparent 49.5%,rgb(186,155,119,0.5) 49.5%,rgb(186,155,119,0.5) 50.5%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgb(186,155,119,0.5) 49.5%,rgb(186,155,119,0.5) 50.5%,transparent 50.5%);pointer-events:none;z-index:1;top:0;position:absolute;opacity:0.1;width:100%}.id_thankbox::after{right:-10%;position:absolute;height:70%;content:"";z-index:0;width:50%;opacity:0.03;transform:rotate(-15deg) skewX(-15deg);top:20%;background:rgb(211,188,164)}.id_thankbox .container{z-index:2;position:relative;max-width:1200px;margin:0 auto;transform-style:preserve-3d;padding:0 20px;perspective:1000px}.id_thankbox h2{text-align:left;animation:slideTitle 0.8s forwards 0.2s cubic-bezier(0.23,1,0.32,1);opacity:0;transform:translateZ(30px);font-size:34px;color:#000000;font-weight:700;margin-bottom:40px;position:relative}.id_thankbox h2::after{animation:expandLine 1.2s forwards 0.6s cubic-bezier(0.19,1,0.22,1);position:absolute;bottom:-15px;width:80px;background:linear-gradient(to right,rgb(211,188,164),rgb(186,155,119));left:0;height:4px;transform:scaleX(0);content:"";transform-origin:left}.id_thankbox .skill_sessions{transform:translateZ(10px) perspective(1000px) rotateX(2deg);overflow:hidden;padding:50px 40px;animation:fadeScale 0.8s forwards 0.5s cubic-bezier(0.23,1,0.32,1);background:#ffffff;border-radius:10px;box-shadow:0 15px 50px -20px rgba(0,0,0,0.15);position:relative;opacity:0}.id_thankbox .skill_sessions::before{z-index:0;top:0;content:"";height:100%;background:linear-gradient(135deg,rgb(211,188,164,0.5) 0%,transparent 80%);position:absolute;width:100%;left:0;opacity:0.07}.id_thankbox .skill_sessions::after{opacity:0;content:"";width:300%;height:300%;position:absolute;transform:scale(0.8);background:radial-gradient(circle,rgb(211,188,164,0.5) 0%,transparent 70%);left:-100%;top:-100%;transition:opacity 1.5s ease,transform 1.5s ease;pointer-events:none;z-index:0}.id_thankbox .skill_sessions:hover::after{opacity:0.05;transform:scale(1)}.id_thankbox ul{position:relative;z-index:2;list-style:none;padding:0;margin:0}.id_thankbox li{position:relative;padding-left:30px;z-index:2}.id_thankbox li::before{top:12px;border-radius:50%;position:absolute;content:"";height:10px;animation:popIn 0.5s forwards 1s cubic-bezier(0.34,1.56,0.64,1);transform:scale(0);background:linear-gradient(135deg,rgb(211,188,164) 0%,rgb(186,155,119) 100%);width:10px;left:0}.id_thankbox li span{color:#000000;line-height:1.8;opacity:0;transform:translateY(20px);animation:fadeUp 0.8s forwards 0.8s cubic-bezier(0.23,1,0.32,1);font-family:Arial,sans-serif;font-size:15px;display:block}.id_thankbox .skill_sessions:hover{transform:translateZ(20px) perspective(1000px) rotateX(1deg);box-shadow:0 22px 60px -20px rgba(0,0,0,0.2);transition:all 0.5s cubic-bezier(0.23,1,0.32,1)}@keyframes cursorRadial {0%{transform:scale(0);opacity:0.8}100%{transform:scale(1);opacity:0}} @keyframes slideTitle {0%{opacity:0;transform:translateZ(30px) translateY(-20px)}100%{opacity:1;transform:translateZ(30px) translateY(0)}} @keyframes expandLine {0%{transform:scaleX(0)}100%{transform:scaleX(1)}} @keyframes fadeScale {0%{opacity:0;transform:translateZ(10px) perspective(1000px) rotateX(5deg) scale(0.95)}100%{opacity:1;transform:translateZ(10px) perspective(1000px) rotateX(2deg) scale(1)}} @keyframes popIn {0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}} @keyframes fadeUp {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} @media screen and (max-width: 1200px) {.id_thankbox{padding:100px 0 80px}.id_thankbox h2{font-size:calc(34px - 2px)}} @media screen and (max-width: 992px) {.id_thankbox{padding:80px 0 60px}.id_thankbox h2{font-size:calc(34px - 4px)}.id_thankbox .skill_sessions{padding:40px 30px}} @media screen and (max-width: 768px) {.id_thankbox{padding:60px 0 50px}.id_thankbox h2{font-size:calc(34px - 6px);margin-bottom:30px}.id_thankbox .skill_sessions{padding:30px 25px;transform:translateZ(0) perspective(1000px) rotateX(0)}.id_thankbox h2::after{width:60px;height:3px}.id_thankbox li{padding-left:25px}.id_thankbox li::before{width:8px;height:8px}} @media screen and (max-width: 576px) {.id_thankbox{padding:50px 0 40px}.id_thankbox h2{margin-bottom:25px;font-size:calc(34px - 8px)}.id_thankbox .skill_sessions{padding:25px 20px}.id_thankbox li{padding-left:22px}.id_thankbox li span{line-height:1.6;font-size:calc(15px - 1px)}.id_thankbox li::before{height:7px;width:7px;top:10px}} @media (hover: none) {.id_thankbox .skill_sessions:hover{transform:translateZ(10px) perspective(1000px) rotateX(2deg);box-shadow:0 15px 50px -20px rgba(0,0,0,0.15)}.id_thankbox .skill_sessions:hover::after{opacity:0}}.cookie_warning_popup{animation:fadeInUp 0.5s ease-out;border-top:1px solid rgb(211,188,164);box-shadow:0px -2px 10px rgba(0,0,0,0.1);bottom:0;padding:20px 0;position:fixed;z-index:1000;width:100%;background-color:rgb(233,223,209)}.cookie_warning_popup .track_prefs{margin-right:20px;flex-shrink:0;animation:logoScale 1.5s cubic-bezier(0.25,0.46,0.45,0.94) both;transform-origin:center}.cookie_warning_popup .track_prefs svg{width:60px;height:60px;fill:rgb(211,188,164)}@keyframes logoScale {0%{transform:scale(0)}80%{transform:scale(1.1)}100%{transform:scale(1)}} .cookie_warning_popup .cookies_terms{flex-grow:1}.cookie_warning_popup .cookies_terms h5{margin-bottom:6px;color:rgb(211,188,164);font-size:20px}.cookie_warning_popup .cookies_terms p{line-height:1.5;margin:0;color:#000000;font-size:14px}.cookie_warning_popup .visitor_confirm{padding:10px 20px;margin-top:20px;background-color:rgb(211,188,164);color:#ffffff;transition:transform 0.3s,box-shadow 0.3s;font-size:14px;border-radius:5px;display:inline-block;margin-right:15px;text-decoration:none}.cookie_warning_popup .visitor_confirm:hover{transform:translateY(-3px);box-shadow:0px 5px 10px rgba(0,0,0,0.1)}.cookie_warning_popup .visitor_confirm:active{transform:translateY(1px);box-shadow:none}@media (max-width: 768px) {.cookie_warning_popup .track_prefs{margin-right:0;margin-bottom:15px}.cookie_warning_popup .visitor_confirm{width:48%;margin-left:0;text-align:center}} #cookieInfoPromptBar{display:none}#cookieInfoPromptBar:checked ~ .cookie_warning_popup{visibility:hidden;opacity:0}.educational_yield{background:linear-gradient(135deg,rgb(233,223,209) 0%,rgba(0,0,0,0.5) 100%);overflow:hidden;position:relative;padding:120px 0}.educational_yield::before{content:"";transform:translateZ(-10px);z-index:0;height:100%;width:100%;position:absolute;top:0;background-image:radial-gradient(circle at 20% 30%,rgb(211,188,164,0.5) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgb(186,155,119,0.5) 0%,transparent 50%);opacity:0.1;left:0}.educational_yield .container{margin:0 auto;z-index:1;max-width:1200px;position:relative;padding:0 20px}.educational_yield .skill_sessions{perspective:1000px;justify-content:space-between;display:flex;align-items:center;gap:40px;transform-style:preserve-3d}.educational_yield .summary_frame{flex:1;position:relative;transform:translateZ(30px)}.educational_yield .summary_frame::before{content:"";left:-20px;background:linear-gradient(to bottom,rgb(211,188,164),rgb(186,155,119));width:5px;transform-origin:top;position:absolute;top:0;height:100%;transform:scaleY(0);animation:lineReveal 1.2s cubic-bezier(0.19,1,0.22,1) 0.5s forwards}.educational_yield h4{color:#000000;animation:fadeUp 0.8s cubic-bezier(0.19,1,0.22,1) 0.2s forwards;transform:translateY(20px);margin-bottom:30px;opacity:0;line-height:1.4;font-weight:700;position:relative;font-size:31px}.educational_yield h4::after{animation:lineWidth 0.8s cubic-bezier(0.19,1,0.22,1) 0.7s forwards;background:rgb(211,188,164);transform:scaleX(0);position:absolute;transform-origin:left;width:80px;left:0;bottom:-10px;content:"";height:3px}.educational_yield .summary_frame > div{margin-top:20px;display:flex;gap:30px}.educational_yield ul{padding:0;flex:1;list-style:none;margin:0}.educational_yield li{opacity:0;margin-bottom:20px;transition:transform 0.3s ease;transform:translateX(-20px);animation:fadeSlideIn 0.6s cubic-bezier(0.19,1,0.22,1) forwards}.educational_yield li:nth-child(1){animation-delay:0.3s}.educational_yield li:nth-child(2){animation-delay:0.5s}.educational_yield li:nth-child(3){animation-delay:0.7s}.educational_yield li:hover{transform:translateX(5px) translateZ(10px)}.educational_yield li p{color:#000000;margin:0;font-size:16px;align-items:flex-start;gap:15px;display:flex;line-height:1.6}.educational_yield li p span:first-child{margin-top:3px;flex-shrink:0}.educational_yield li p span:last-child{position:relative;padding-bottom:5px}.educational_yield li p span:last-child::after{transform:scaleX(0);width:100%;bottom:0;height:1px;background:linear-gradient(to right,rgb(186,155,119,0.5),transparent);transition:transform 0.4s cubic-bezier(0.19,1,0.22,1);transform-origin:left;left:0;position:absolute;content:""}.educational_yield li:hover p span:last-child::after{transform:scaleX(1)}.educational_yield svg{transition:transform 0.3s ease,filter 0.3s ease;height:24px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.1));width:24px}.educational_yield li:hover svg{transform:rotate(10deg) scale(1.1);filter:drop-shadow(2px 2px 3px rgba(0,0,0,0.2))}.educational_yield svg path{transition:fill 0.3s ease;fill:rgb(211,188,164)}.educational_yield li:hover svg path{fill:rgb(186,155,119)}.educational_yield .image_frame{flex:0 0 45%;z-index:2;animation:floatImage 5s ease-in-out infinite alternate;transition:transform 0.5s cubic-bezier(0.19,1,0.22,1);max-width:450px;border-radius:26px;box-shadow:15px 15px 30px rgba(0,0,0,0.1),-5px -5px 30px rgba(255,255,255,0.8);opacity:0;animation:floatImage 6s ease-in-out infinite alternate,fadeIn 1s cubic-bezier(0.19,1,0.22,1) 0.8s forwards;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg) translateZ(40px);position:relative}.educational_yield .image_frame::before{position:absolute;opacity:0.1;border-radius:26px;transform:translateZ(-5px);background:linear-gradient(135deg,rgb(211,188,164,0.5),rgb(186,155,119,0.5));content:"";z-index:-1;inset:0}.educational_yield .image_frame::after{right:-20px;border-radius:50%;width:80px;content:"";filter:blur(20px);height:80px;top:-20px;position:absolute;z-index:-1;background:rgb(211,188,164,0.5)}@keyframes fadeUp {from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes fadeSlideIn {from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}} @keyframes lineWidth {from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes lineReveal {from{transform:scaleY(0)}to{transform:scaleY(1)}} @keyframes floatImage {0%{transform:perspective(1000px) rotateY(-10deg) rotateX(5deg) translateZ(40px) translateY(0)}100%{transform:perspective(1000px) rotateY(-8deg) rotateX(3deg) translateZ(40px) translateY(-15px)}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} @media (max-width: 992px) {.educational_yield{padding:80px 0}.educational_yield h4{font-size:calc(31px * 0.9)}.educational_yield .skill_sessions{gap:60px;flex-direction:column-reverse}.educational_yield .image_frame{max-width:100%;flex:0 0 100%;transform:perspective(1000px) rotateY(-5deg) rotateX(3deg) translateZ(20px)}.educational_yield .summary_frame > div{flex-direction:column;gap:10px}} @media (max-width: 768px) {.educational_yield{padding:60px 0}.educational_yield h4{font-size:calc(31px * 0.8);margin-bottom:20px}.educational_yield .summary_frame::before{left:-15px;width:3px}.educational_yield li p{font-size:calc(16px * 0.95);gap:10px}.educational_yield svg{height:20px;width:20px}.educational_yield .image_frame{transform:perspective(800px) rotateY(-3deg) rotateX(2deg) translateZ(10px)}} @media (max-width:576px){.educational_yield{padding:40px 0}.educational_yield h4{font-size:calc(31px * 0.7)}.educational_yield .skill_sessions{gap:40px}.educational_yield li{margin-bottom:15px}.educational_yield li p{font-size:calc(16px * 0.9)}.educational_yield .image_frame{animation:fadeIn 1s cubic-bezier(0.19,1,0.22,1) 0.8s forwards,simpleFloat 4s ease-in-out infinite alternate;box-shadow:10px 10px 20px rgba(0,0,0,0.1),-3px -3px 15px rgba(255,255,255,0.8);transform:none}@keyframes simpleFloat {0%{transform:translateY(0)}100%{transform:translateY(-10px)}}}.title_page{align-items:center;display:flex;min-height:100vh;background:linear-gradient(135deg,rgb(233,223,209) 0%,#f9f9f9 100%);overflow:hidden;padding:4rem 1rem;position:relative}.title_page .skill_sessions{flex-direction:column;width:100%;margin:0 auto;position:relative;max-width:1200px;z-index:2;display:flex}.title_page::before{height:100%;content:"";top:0;left:0;background:linear-gradient(45deg,rgba(94,170,168,0.05) 0%,rgba(94,170,168,0.01) 100%);z-index:1;position:absolute;width:100%}.title_page::after{height:20px;content:"";background:linear-gradient(to right,rgb(211,188,164) 25%,transparent 25%,transparent 50%,rgb(211,188,164) 50%,rgb(211,188,164) 75%,transparent 75%);transform:scaleY(0.5);position:absolute;background-size:40px 40px;width:100%;opacity:0.3;animation:moveStripes 35s linear infinite;left:0;bottom:-10px}.title_page .summary_frame{padding:3rem 2rem;flex:1;transform:translateY(0);position:relative;z-index:3;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1)}.title_page .summary_frame:hover{transform:translateY(-5px)}.title_page h1{line-height:1.2;position:relative;margin-bottom:1.5rem;color:#000000;font-size:clamp(2rem,5vw,43px);font-weight:700}.title_page h1::after{position:absolute;transform-origin:left;height:3px;transition:transform 0.5s cubic-bezier(0.25,1,0.5,1);background:rgb(211,188,164);left:0;transform:scaleX(1);bottom:-10px;content:"";width:80px}.title_page .summary_frame:hover h1::after{transform:scaleX(1.5)}.title_page .learning_main{margin:2rem 0;flex-direction:column;align-items:flex-start;display:flex;position:relative}.title_page .learning_main svg{width:75px;margin-bottom:1.5rem;transition:all 0.5s cubic-bezier(0.22,1,0.36,1);height:75px;filter:drop-shadow(0 4px 8px rgba(94,170,168,0.2))}.title_page .learning_main:hover svg{transform:translateY(-5px) rotate(5deg)}.title_page .learning_main svg text{font-size:5px;opacity:0.9;letter-spacing:0.5px;font-family:Arial,sans-serif}.title_page .learning_main svg path{transition:fill 0.3s ease;fill:rgb(211,188,164)}.title_page .learning_main:hover svg path{fill:rgb(74,150,148)}.title_page .learning_main p{font-size:clamp(16px,3vw,calc(16px * 1.2));max-width:600px;line-height:1.6;position:relative;margin-bottom:1.5rem;color:#000000;padding-left:1rem}.title_page .learning_main p::before{height:100%;top:0;width:3px;left:0;position:absolute;content:"";background:linear-gradient(to bottom,rgb(211,188,164),transparent)}.title_page ul{list-style:none;margin:2rem 0 0;padding:0}.title_page ul li{margin-right:1rem;display:inline-block}.title_page .support_message{border:2px solid rgb(211,188,164);box-shadow:0 4px 15px rgba(94,170,168,0.2);z-index:1;transition:all 0.3s cubic-bezier(0.22,1,0.36,1);font-weight:600;background:rgb(211,188,164);overflow:hidden;font-size:14px;text-decoration:none;color:#ffffff;display:inline-block;padding:1rem 2rem;position:relative}.title_page .support_message::before{content:"";position:absolute;left:-100%;z-index:-1;height:100%;transition:left 0.7s ease;width:100%;top:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}.title_page .support_message:hover{background:rgb(74,150,148);transform:translateY(-5px);box-shadow:0 8px 25px rgba(94,170,168,0.3);border-color:rgb(74,150,148)}.title_page .support_message:hover::before{left:100%}.title_page .image_frame{height:350px;position:relative;width:100%;overflow:hidden;transition:all 0.5s cubic-bezier(0.22,1,0.36,1);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.title_page .image_frame::before{left:0;content:"";z-index:1;transition:opacity 0.5s ease;background:linear-gradient(to right,rgba(94,170,168,0.4),rgba(0,0,0,0.1));width:100%;position:absolute;opacity:0.7;top:0;height:100%}.title_page .image_frame:hover::before{opacity:0.5}.title_page .image_frame::after{content:"";width:100%;z-index:1;top:0;opacity:0;left:0;position:absolute;transition:opacity 0.5s ease;height:100%}.title_page .image_frame:hover::after{opacity:0.2}@keyframes moveStripes {0%{background-position:0 0}100%{background-position:100% 0}} @media (min-width: 768px) {.title_page .skill_sessions{flex-direction:row;align-items:center;gap:3rem}.title_page .summary_frame{padding-right:2rem;flex:1}.title_page .image_frame{height:450px;flex:1;transform:perspective(1000px) rotateY(-5deg);clip-path:polygon(0 0,100% 5%,95% 100%,0% 95%)}.title_page .image_frame:hover{transform:perspective(1000px) rotateY(0deg)}.title_page h1{font-size:43px}} @media (min-width: 992px) {.title_page{padding:6rem 2rem}.title_page .summary_frame{padding:3rem}.title_page .image_frame{height:500px}.title_page h1::after{width:100px}} @media (max-width: 767px) {.title_page{padding:3rem 1rem}.title_page .skill_sessions{gap:2rem}.title_page h1{margin-bottom:1rem}.title_page .learning_main{margin:1.5rem 0}.title_page .learning_main svg{width:60px;height:60px}.title_page .support_message{padding:0.8rem 1.5rem;font-size:calc(14px * 0.9)}}footer{position:relative;margin-top:0;background-color:#000000}footer::before{content:"";position:absolute;z-index:1;width:100%;opacity:0.9;height:100%;top:0;left:0;background:linear-gradient(to right,#000000 0%,rgb(211,188,164,0.5) 50%,#000000 100%)}.story_spot{padding:60px 0 40px;position:relative;background-color:transparent;z-index:5}.story_spot .container{display:grid;grid-gap:30px;position:relative;grid-template-columns:repeat(12,1fr)}.story_spot .company_holder{padding:30px;border-radius:10px;background-color:rgba(255,255,255,0.03);position:relative;grid-column:span 4}.story_spot .company_holder h3{color:#ffffff;font-size:38px;display:inline-block;position:relative;margin-bottom:20px;font-weight:700}.story_spot .company_holder h3::after{height:2px;content:"";left:0;position:absolute;bottom:-8px;width:100%;background:rgb(211,188,164)}.story_spot .study_bottom{line-height:1.6;opacity:0.8;font-size:14px;color:#ffffff}.story_spot .support_cta{grid-gap:30px;grid-template-columns:repeat(2,1fr);grid-column:span 8;display:grid}.story_spot .main_site{position:relative;border-radius:10px;background-color:rgba(255,255,255,0.03);padding:30px}.story_spot .main_site h5{margin-bottom:20px;display:inline-block;font-size:23px;position:relative;color:#ffffff;font-weight:600}.story_spot .main_site h5::after{left:0;content:"";background:rgb(186,155,119);position:absolute;height:2px;width:100%;bottom:-8px}.story_spot .main_site .header_wrap{grid-gap:15px;display:grid}.story_spot .main_site .header_wrap a{color:#ffffff;display:block;text-decoration:none;padding-left:15px;font-size:14px;opacity:0.8;transition:color 0.3s ease,transform 0.3s ease;position:relative}.story_spot .main_site .header_wrap a::before{left:0;position:absolute;top:50%;content:"";background:rgb(186,155,119);border-radius:50%;transform:translateY(-50%);height:6px;width:6px}.story_spot .main_site .header_wrap a:hover{opacity:1;color:rgb(211,188,164);transform:translateX(5px)}.comm_guide{padding:25px 0;background-color:rgba(0,0,0,0.2);position:relative;margin-top:40px;z-index:5}.comm_guide .container{align-items:center;justify-content:center;display:flex}.comm_guide .calc_foot{opacity:0.7;text-align:center;font-size:12px;color:#ffffff}@media (max-width: 991px) {.story_spot .container{grid-gap:30px;grid-template-columns:1fr}.story_spot .company_holder{grid-column:span 12}.story_spot .support_cta{grid-template-columns:1fr 1fr;grid-column:span 12}} @media (max-width: 767px) {.story_spot{padding:40px 0 30px}.story_spot .support_cta{grid-template-columns:1fr}.story_spot .company_holder{padding:25px}.story_spot .main_site{padding:25px}.story_spot .company_holder h3{font-size:calc(38px - 2px)}.story_spot .main_site h5{font-size:calc(23px - 1px)}} @media (max-width: 575px) {.story_spot{padding:30px 0 20px}.story_spot .company_holder,.story_spot .main_site{padding:20px}.story_spot .company_holder h3{font-size:calc(38px - 4px)}.comm_guide{padding:20px 0}} .story_spot .company_holder:hover,.story_spot .main_site:hover{background-color:rgba(255,255,255,0.05);transition:background-color 0.3s ease}.story_spot .container::before{background:linear-gradient(to right,rgb(211,188,164,0.5) 1px,transparent 1px) 0 0 / 40px 100%,linear-gradient(to bottom,rgb(211,188,164,0.5) 1px,transparent 1px) 0 0 / 100% 40px;content:"";pointer-events:none;left:0;top:0;height:100%;width:100%;z-index:-1;opacity:0.05;position:absolute}.story_spot .company_holder::before{background:rgb(211,188,164);height:100%;width:5px;top:0;opacity:0.5;position:absolute;left:0;content:""}.story_spot .main_site::before{background:rgb(186,155,119);width:5px;opacity:0.5;position:absolute;left:0;content:"";top:0;height:100%}footer::after{background:linear-gradient(to right,rgb(211,188,164),rgb(186,155,119),rgb(211,188,164));bottom:0;position:absolute;width:100%;height:5px;opacity:0.3;content:"";z-index:2;left:0}.story_spot .header_wrap{position:relative}.story_spot .header_wrap::after{height:1px;bottom:-15px;position:absolute;content:"";left:0;opacity:0.2;width:100%;background:rgb(186,155,119,0.5)}.story_spot .main_site h5,.story_spot .company_holder h3{text-transform:uppercase;letter-spacing:1px}.story_spot .main_site:nth-child(1){grid-column:1;grid-row:1}.story_spot .main_site:nth-child(2){grid-column:2;grid-row:1}.comm_guide .calc_foot{display:inline-block;position:relative}.comm_guide .calc_foot::before{width:30px;top:50%;background:rgb(211,188,164);height:1px;position:absolute;opacity:0.5;transform:translateY(-50%);left:-40px;content:""}.comm_guide .calc_foot::after{height:1px;top:50%;position:absolute;right:-40px;width:30px;opacity:0.5;transform:translateY(-50%);background:rgb(211,188,164);content:""}header{z-index:100;overflow:visible;box-shadow:0 10px 30px rgba(0,0,0,0.1);background:rgb(233,223,209);position:relative;padding:0;margin-top:0}header::before{content:'';left:0;background:linear-gradient(135deg,transparent 25%,rgba(rgb(211,188,164),0.03) 25%) 0 0 / 20px 20px,linear-gradient(225deg,transparent 25%,rgba(rgb(211,188,164),0.03) 25%) 0 0 / 20px 20px,linear-gradient(315deg,transparent 25%,rgba(rgb(211,188,164),0.03) 25%) 0 0 / 20px 20px,linear-gradient(45deg,transparent 25%,rgba(rgb(211,188,164),0.03) 25%) 0 0 / 20px 20px;top:0;width:100%;position:absolute;height:100%;z-index:0}header::after{height:5px;left:0;transform:scaleX(0.7);bottom:0;transition:transform 0.5s ease;position:absolute;background:linear-gradient(to right,rgb(211,188,164),rgb(186,155,119),rgb(211,188,164) );transform-origin:center;width:100%;content:''}header:hover::after{transform:scaleX(1)}header .nav_learn{align-items:center;justify-content:space-between;padding:1.3rem 2.5rem;z-index:5;position:relative;display:flex}header .nav_site{flex:0 0 auto;position:relative;margin-right:2rem;perspective:800px}header .head_sitewrap{transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;transform-style:preserve-3d;display:block}header .head_sitewrap:hover{transform:rotateY(10deg) rotateX(5deg)}header .head_sitewrap::before{height:100%;top:0;filter:blur(10px);width:100%;background:rgb(211,188,164);left:0;position:absolute;opacity:0.1;content:'';transform:translateZ(-10px)}header .head_sitewrap img{filter:drop-shadow(0 5px 10px rgba(0,0,0,0.2));max-height:40px;transform:translateZ(20px)}header .main_site{position:relative;perspective:1000px;padding:0;transform-style:preserve-3d;display:flex;list-style:none;margin:0}header .main_site::before{background:linear-gradient(transparent,rgba(0,0,0,0.05));height:10px;transform:rotateX(90deg);left:0;width:100%;content:'';transform-origin:top;top:100%;position:absolute}header .main_base{position:relative;transform-style:preserve-3d;margin:0 0.3rem}header .main_base a{box-shadow:0 4px 6px rgba(0,0,0,0.05);font-weight:600;justify-content:center;padding:0.7rem 1.2rem;transform-style:preserve-3d;border-radius:10px;color:#000000;display:flex;text-decoration:none;transform:translateZ(0);font-size:17px;align-items:center;transition:all 0.4s ease;background:#ffffff;position:relative}header .main_base a::before{height:100%;content:'';opacity:0;background:linear-gradient(135deg,rgb(211,188,164,0.5) 0%,rgb(186,155,119,0.5) 100% );transition:opacity 0.4s ease;transform:translateZ(-5px);left:0;border-radius:10px;width:100%;position:absolute;top:0}header .main_base a:hover{transform:translateZ(15px);color:#ffffff;box-shadow:0 10px 20px rgba(0,0,0,0.1)}header .main_base a:hover::before{opacity:1}header .main_base a::after{background:rgb(211,188,164);left:5px;position:absolute;content:'';transition:all 0.4s ease;right:5px;transform:translateZ(-10px);height:5px;bottom:-5px;opacity:0}header .main_base a:hover::after{opacity:0.3;bottom:-8px}header .nav_learn::before{height:1px;position:absolute;width:30%;content:'';top:0;background:linear-gradient(to right,transparent,rgb(211,188,164),transparent );left:35%}.nav_sitewrap{z-index:1;position:relative;padding-top:2rem;background:#ffffff}@keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} @media (min-width: 1400px) {header .nav_learn{max-width:1320px;margin:0 auto}header .main_base{margin:0 0.5rem}header .main_base a{padding:0.7rem 1.5rem}} @media (max-width: 991px) {header .nav_learn{flex-wrap:wrap;padding:1rem 2rem}header .nav_site{margin-right:0;margin-bottom:0}header .main_site{flex-basis:100%;margin-top:1rem;justify-content:flex-end}header .main_base a{padding:0.6rem 1rem;font-size:calc(17px - 1px)}} @media (max-width: 767px) {header{padding:0}header .nav_learn{padding:0.8rem 1.5rem}header .nav_site{max-width:140px}header .head_sitewrap img{max-height:35px}header .main_site{margin-top:0.8rem;scrollbar-width:thin;padding-bottom:0.5rem;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}header .main_site::-webkit-scrollbar{height:3px}header .main_site::-webkit-scrollbar-thumb{background:rgb(211,188,164,0.5);border-radius:10px}header .main_base{margin:0 0.2rem;flex:0 0 auto}header .main_base a{white-space:nowrap;font-size:calc(17px - 2px);padding:0.5rem 0.8rem}} @media (max-width: 479px) {header .nav_learn{padding:0.7rem 1.2rem}header .nav_site{max-width:120px}header .main_base a{font-size:calc(17px - 3px);padding:0.4rem 0.6rem}header::after{height:3px}} @supports not (transform-style: preserve-3d) {header .head_sitewrap:hover{transform:translateY(-3px)}header .main_base a:hover{transform:translateY(-3px)}}.teaching_history{overflow:hidden;isolation:isolate;background:rgb(233,223,209);position:relative;padding:5rem 2rem}.teaching_history::before{height:140%;z-index:-1;position:absolute;background:rgb(211,188,164,0.5);transform:rotate(15deg);width:60%;content:"";filter:blur(3px);right:-5%;top:-20%}.teaching_history::after{z-index:-1;animation:morph 15s linear infinite alternate;bottom:-5%;height:30%;left:-5%;position:absolute;width:30%;background:rgb(186,155,119,0.5);border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;content:""}@keyframes morph {0%{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%}100%{border-radius:60% 40% 30% 70% / 60% 30% 70% 40%}} .teaching_history .learning_stories{display:grid;max-width:1100px;position:relative;grid-template-columns:1fr 1fr;margin:0 auto;gap:0}.teaching_history .image_frame{z-index:2;height:450px;transform:translateX(-5%);width:100%;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);transition:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);grid-column:1 / 2;border-radius:0;grid-row:1 / 2;position:relative}.teaching_history .image_frame::after{background:linear-gradient( to right,rgba(0,0,0,0.5) 0%,transparent 50% );content:"";position:absolute;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);left:0;width:100%;height:100%;top:0}.teaching_history .learning_stories:hover .image_frame{filter:contrast(1.1);transform:translateX(0) scale(1.02)}.teaching_history .work_background{grid-row:1 / 2;grid-column:2 / 3;padding:3rem 3rem 3rem 5rem;transform:translateX(-15%);flex-direction:column;box-shadow:0 15px 30px -10px rgba(0,0,0,0.5);justify-content:center;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);transition:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);display:flex;z-index:1;background:#ffffff}.teaching_history .learning_stories:hover .work_background{transform:translateX(-10%) translateY(-5px);box-shadow:0 25px 50px -15px rgba(0,0,0,0.5)}.teaching_history .name{font-size:37px;margin-bottom:0.7rem;position:relative;font-weight:700;color:rgb(211,188,164);display:inline-block}.teaching_history .name::before{top:-10px;content:"";left:-20px;transition:transform 0.4s ease 0.2s;background:rgb(186,155,119,0.5);height:30px;position:absolute;width:30px;z-index:-1;transform:rotate(45deg) scale(0);border-radius:10px}.teaching_history .learning_stories:hover .name::before{transform:rotate(45deg) scale(1)}.teaching_history .work_background > div:nth-child(2){transform:translateX(-20px);opacity:0.9;transition:all 0.5s ease 0.3s;opacity:0;margin-bottom:2rem;font-weight:600;color:rgb(186,155,119);font-size:18px}.teaching_history .learning_stories:hover .work_background > div:nth-child(2){opacity:1;transform:translateX(0)}.teaching_history .job_content{font-weight:400;font-size:18px;color:#000000;position:relative;padding-top:20px;opacity:0;font-style:italic;transform:translateY(20px);transition:all 0.5s ease 0.5s;line-height:1.7}.teaching_history .learning_stories:hover .job_content{transform:translateY(0);opacity:1}.teaching_history .job_content::before{background:linear-gradient(to right,rgb(211,188,164),transparent);height:3px;content:"";top:0;position:absolute;left:0;width:60px}@keyframes float {0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}} .teaching_history .work_background::after{right:20px;width:40px;background:rgb(211,188,164,0.5);border-radius:50%;position:absolute;bottom:20px;height:40px;content:"";z-index:-1;animation:float 4s ease-in-out infinite}@media (max-width: 992px) {.teaching_history .learning_stories{grid-template-rows:auto auto;gap:2rem;grid-template-columns:1fr}.teaching_history .image_frame{grid-row:1 / 2;grid-column:1 / 2;transform:none;height:300px;clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.teaching_history .image_frame::after{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.teaching_history .work_background{transform:none;grid-row:2 / 3;padding:2rem;clip-path:none;grid-column:1 / 2}.teaching_history .learning_stories:hover .work_background{transform:translateY(-5px)}}.program_structure{padding:100px 0;position:relative;background:rgb(233,223,209);overflow:hidden}.program_structure::before{background:linear-gradient(135deg,rgb(211,188,164,0.5) 0%,transparent 40%),linear-gradient(225deg,rgb(186,155,119,0.5) 0%,transparent 40%);opacity:0.4;left:0;z-index:0;position:absolute;height:100%;content:"";width:100%;top:0}.program_structure::after{position:absolute;z-index:0;content:"";top:0;width:100%;left:0;opacity:0.2;animation:gridMove 20s linear infinite;height:100%}.program_structure .container{z-index:1;position:relative}.program_structure .skill_sessions{position:relative;justify-content:center;display:flex;flex-direction:column;align-items:center;min-height:500px}.program_structure .image_frame{position:absolute;z-index:0;width:100%;top:0;left:0;height:100%}.program_structure .image_frame::before{position:absolute;height:100%;background:linear-gradient( 135deg,rgba(0,0,0,0.5) 0%,transparent 40%,transparent 60%,rgba(0,0,0,0.5) 100% );top:0;left:0;mix-blend-mode:multiply;width:100%;z-index:1;content:""}.program_structure .training{z-index:2;grid-template-columns:60% 40%;grid-template-rows:auto auto 1fr;grid-template-areas:"logo logo" "title photo1" "desc photo2";position:relative;gap:30px;display:grid;width:100%}.program_structure .nav_site{transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);border-radius:50%;z-index:10;justify-content:center;justify-self:center;box-shadow:0px 10px 30px rgba(0,0,0,0.1),0px 4px 10px rgb(211,188,164,0.5);background:#ffffff;width:80px;position:relative;height:80px;margin-bottom:20px;display:flex;align-items:center;grid-area:logo}.program_structure .nav_site::before{position:absolute;left:-8px;right:-8px;background:conic-gradient( from 0deg,rgb(211,188,164,0.5),rgb(186,155,119,0.5),rgb(211,188,164,0.5) );animation:spin 10s linear infinite;bottom:-8px;content:"";opacity:0.6;border-radius:50%;top:-8px;z-index:-1}.program_structure .nav_site::after{content:"";top:-15px;left:-15px;right:-15px;animation:pulse 4s ease-in-out infinite;opacity:0.3;border:1px solid rgb(211,188,164,0.5);bottom:-15px;z-index:-2;position:absolute;border-radius:50%}.program_structure .nav_site:hover{box-shadow:0px 15px 40px rgba(0,0,0,0.15),0px 6px 15px rgb(211,188,164,0.5);transform:scale(1.1) rotate(5deg)}.program_structure .nav_site svg{width:45px;transition:transform 0.5s ease;height:45px}.program_structure .nav_site:hover svg{transform:rotate(-10deg)}.program_structure .nav_site svg path{transition:fill 0.3s ease;fill:rgb(211,188,164)}.program_structure .nav_site:hover svg path{fill:rgb(186,155,119)}.program_structure h3{box-shadow:0px 15px 30px rgba(0,0,0,0.1);margin:0;grid-area:title;background:#ffffff;border-radius:0 10px 10px 0;color:#000000;transition:all 0.5s ease;padding:30px 40px;font-size:38px;z-index:5;transform:translateX(-5%);clip-path:polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%);position:relative;font-weight:700}.program_structure h3::before{border-radius:0 10px 10px 0;content:"";border:1px dashed rgb(211,188,164,0.5);position:absolute;opacity:0.5;right:10px;left:10px;top:10px;bottom:10px;clip-path:polygon(0% 0%,95% 0%,100% 50%,95% 100%,0% 100%);z-index:-1}.program_structure h3::after{position:absolute;background:linear-gradient(90deg,rgb(211,188,164),rgb(186,155,119));height:3px;transition:width 0.4s ease;border-radius:10px;width:60px;left:40px;content:"";bottom:15px}.program_structure .training:hover h3{transform:translateX(0%);box-shadow:0px 20px 40px rgba(0,0,0,0.15)}.program_structure .training:hover h3::after{width:100px}.program_structure p{box-shadow:0px 15px 30px rgba(0,0,0,0.1);font-size:13px;background:#ffffff;padding-right:70px;grid-area:desc;margin:0;clip-path:polygon(0% 0%,93% 0%,100% 50%,93% 100%,0% 100%);line-height:1.8;transform:translateX(-10%);transition:all 0.5s ease 0.1s;z-index:4;position:relative;color:#000000;border-radius:0 10px 10px 0;padding:35px 40px}.program_structure p::before{left:10px;content:"";bottom:10px;z-index:-1;border:1px dashed rgb(186,155,119,0.5);border-radius:0 10px 10px 0;opacity:0.5;position:absolute;top:10px;clip-path:polygon(0% 0%,93% 0%,100% 50%,93% 100%,0% 100%);right:10px}.program_structure .training:hover p{box-shadow:0px 20px 40px rgba(0,0,0,0.15);transform:translateX(-5%)}.program_structure .image_frame::after{top:0;height:100%;content:"";mix-blend-mode:multiply;position:absolute;background:rgba(0,0,0,0.5);width:100%;z-index:1;opacity:0.5;left:0;transition:opacity 0.5s ease}.program_structure .training::after{clip-path:polygon(15% 0%,100% 0%,100% 100%,0% 100%);transition:all 0.5s ease 0.1s;background-position:center bottom;z-index:2;border-radius:10px 0 0 10px;content:"";position:relative;height:100%;background:inherit;transform:translateX(15%);background-size:cover;box-shadow:0px 15px 30px rgba(0,0,0,0.1);grid-area:photo2}.program_structure .training:hover::before{box-shadow:0px 20px 40px rgba(0,0,0,0.15);transform:translateX(5%)}.program_structure .training:hover::after{box-shadow:0px 20px 40px rgba(0,0,0,0.15);transform:translateX(10%)}@keyframes spin {from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes pulse {0%,100%{transform:scale(1);opacity:0.3}50%{transform:scale(1.1);opacity:0.5}} @keyframes gridMove {0%{background-position:0 0}100%{background-position:100px 100px}} @media (min-width: 992px) and (max-width: 1199px) {.program_structure{padding:80px 0}.program_structure .training{gap:25px;grid-template-columns:55% 45%}.program_structure h3{font-size:calc(38px - 2px);padding:25px 35px}.program_structure p{padding:30px 35px}} @media (min-width: 768px) and (max-width: 991px) {.program_structure{padding:70px 0}.program_structure .skill_sessions{min-height:auto}.program_structure .training{grid-template-areas:"logo logo" "title title" "desc desc" "photo1 photo2";gap:20px;grid-template-rows:auto auto auto 250px;grid-template-columns:1fr 1fr}.program_structure h3{padding:25px 30px;clip-path:none;font-size:calc(38px - 4px);border-radius:10px;transform:none}.program_structure h3::before{border-radius:10px;clip-path:none}.program_structure p{border-radius:10px;transform:none;padding:25px 30px;clip-path:none}.program_structure p::before{clip-path:none;border-radius:10px}.program_structure .training::before,.program_structure .training::after{transform:none;height:250px;border-radius:10px;clip-path:polygon(0% 0%,100% 0%,100% 100%,10% 100%)}.program_structure .training::after{clip-path:polygon(10% 0%,100% 0%,100% 100%,0% 100%)}.program_structure .training:hover h3,.program_structure .training:hover p,.program_structure .training:hover::before,.program_structure .training:hover::after{transform:none}.program_structure .nav_site{height:70px;width:70px;margin-bottom:15px}.program_structure .nav_site svg{height:40px;width:40px}} @media (max-width: 767px) {.program_structure{padding:60px 0}.program_structure .skill_sessions{min-height:auto}.program_structure .training{grid-template-rows:auto auto auto 200px;grid-template-columns:1fr;gap:15px;grid-template-areas:"logo" "title" "desc" "photo1"}.program_structure h3{border-radius:10px;transform:none;padding:20px 25px;clip-path:none;font-size:calc(38px - 6px)}.program_structure h3::before{display:none}.program_structure h3::after{bottom:10px;left:25px;width:50px;height:2px}.program_structure p{padding:20px 25px;transform:none;clip-path:none;line-height:1.6;font-size:calc(13px - 1px);border-radius:10px}.program_structure p::before{display:none}.program_structure .training::before{clip-path:none;border-radius:10px;height:200px;transform:none}.program_structure .training::after{display:none}.program_structure .training:hover h3,.program_structure .training:hover p,.program_structure .training:hover::before{transform:none}.program_structure .nav_site{width:60px;height:60px;margin-bottom:10px}.program_structure .nav_site::before,.program_structure .nav_site::after{display:none}.program_structure .nav_site svg{height:35px;width:35px}}