*{padding:0;margin:0;box-sizing:border-box}.site_head{flex:1 0 auto}header,footer{width:100%}header{position:relative;background:linear-gradient(to bottom,rgb(219,233,214),#ffffff);z-index:100;box-shadow:0 5px 20px rgba(0,0,0,0.05);padding:1.2rem 0;width:100%}.exam_prep .intern_ship{margin-top:1rem;line-height:1.6;color:#ffffff;opacity:0.8;font-size:15px}.exam_prep .top_lesson::before{position:absolute;left:-20px;opacity:0.4;height:40px;border-top:1px solid rgb(183,206,175);width:40px;top:-10px;content:"";border-left:1px solid rgb(183,206,175)}.exam_prep .top_lesson .head_info a::before{width:5px;top:50%;position:absolute;height:5px;transform:translateY(-50%);content:"";transition:all 0.3s ease;left:0;border-radius:50%;background-color:rgb(183,206,175)}.verify_cta .gdpr_block{text-align:center;opacity:0.7;font-size:13px;color:#ffffff}header .top_plank .best_classes{justify-content:flex-start;padding:15px 0 10px 0;font-size:12px;align-items:center;display:flex;line-height:21px;width:100%;flex-wrap:wrap}.title_section .edu_intro::before{position:absolute;backdrop-filter:blur(8px);width:100%;opacity:0.85;background:linear-gradient( 135deg,rgb(183,206,175,0.5),rgb(148,171,134,0.5) );height:100%;content:"";z-index:-1;left:0;top:0}.title_section .edu_intro h1{transform:translateY(20px);line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,0.15);opacity:0;margin-bottom:2rem;animation:slideInUp 0.8s 0.5s forwards cubic-bezier(0.19,1,0.22,1);position:relative;font-weight:700;font-size:44px;color:#ffffff}.title_section .edu_intro p::before{background:linear-gradient(to bottom,rgb(148,171,134),transparent);position:absolute;height:100%;left:-15px;opacity:0.7;top:0;width:3px;content:""}.reach_out .container{position:relative;padding:0 20px;z-index:1;max-width:1200px;margin:0 auto}.reach_out h2::after{background:rgb(183,206,175);bottom:-15px;height:3px;width:60px;transform:translateX(-50%);content:"";position:absolute;left:50%}.reach_out .pic_list_wrap::after{position:absolute;content:"";left:0;background:linear-gradient(45deg,rgb(183,206,175,0.5),transparent);width:100%;top:0;height:100%}.reach_out input[type="text"]{font-size:16px;transition:all 0.3s ease;color:#000000;border:2px solid rgb(219,233,214);padding:18px 20px;border-radius:10px;background:#ffffff;width:100%}.reach_out .support_widget input[type="checkbox"]:checked::after{border-bottom:2px solid #ffffff;position:absolute;content:"";transform:rotate(45deg);height:10px;border-right:2px solid #ffffff;left:8px;top:5px;width:6px}.reach_out .connect_links:hover::before{left:100%}.reach_out svg{transition:all 0.3s ease;fill:rgb(183,206,175);width:22px;height:22px}.reach_out svg:hover{transform:translateY(-2px);fill:rgb(148,171,134)}.gratBox::before{background:radial-gradient(circle at 10% 20%,rgb(183,206,175,0.5) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgb(148,171,134,0.5) 0%,transparent 50%);content:"";z-index:1;width:100%;top:0;position:absolute;opacity:0.6;pointer-events:none;height:100%;left:0}.gratBox .knowledge_zone > div:first-child::after{height:2px;animation:expandWidth 1.5s cubic-bezier(0.25,1,0.5,1) 0.5s forwards;left:0;width:35%;content:"";bottom:-2px;background:rgb(183,206,175);position:absolute}.gratBox a{padding:1rem 1.5rem;box-shadow:0 5px 15px rgba(0,0,0,0.05);background:linear-gradient(to right,rgba(#ffffff,0.4) 0%,rgba(#ffffff,0.8) 50%,rgba(#ffffff,0.4) 100%);display:block;transition:all 0.4s cubic-bezier(0.2,0.85,0.4,1);overflow:hidden;border-radius:10px;position:relative;text-decoration:none}header .nav_expert{flex-wrap:wrap;justify-content:center;display:flex;gap:2rem}header .head_nav:hover::before{opacity:1}header .head_nav svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));height:auto;transition:all 0.3s ease;width:150px}header .head_nav:hover svg{transform:scale(1.03)}header .top_pro::before{transition:transform 0.3s ease;position:absolute;left:0;content:'';background:linear-gradient(to right,rgb(183,206,175),rgb(148,171,134));top:0;transform:scaleX(0);transform-origin:left;height:3px;width:100%}.confidential_hearth::after{bottom:-30px;width:100px;background:rgb(148,171,134);height:100px;left:-30px}.confidential_hearth h3,.confidential_hearth h4,.confidential_hearth h5,.confidential_hearth h6{z-index:1;position:relative;color:rgb(183,206,175);margin-bottom:15px;margin-top:30px;font-weight:400}.confidential_hearth h3{font-size:calc(22px - 0.2rem)}.confidential_hearth ul{z-index:1;list-style-type:disc;padding-left:25px;position:relative;margin-top:15px}.confidential_hearth div{position:relative;margin-bottom:25px;z-index:1}.confidential_hearth section{margin:50px 0;border-top:2px solid rgba(0,0,0,0.5);padding-top:25px}.course_benefits::after{height:70%;width:60%;z-index:1;right:-10%;bottom:-5%;clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);position:absolute;content:'';transform:rotate(15deg) skewX(-5deg);background:linear-gradient(240deg,rgb(148,171,134,0.5) 0%,transparent 70%)}.course_benefits .text_details:hover h4::after{transform:scaleX(1.5)}.course_benefits .text_details > div{gap:20px;display:flex;flex-direction:column}.course_benefits li{margin-bottom:15px;transition:transform 0.3s ease;transform:translateX(0)}.course_benefits svg{transition:transform 0.3s ease;width:22px;transform:rotate(0deg);height:22px}.pricing_bundle{position:relative;padding:100px 0;overflow:hidden}.pricing_bundle .price_options{position:relative}.pricing_bundle h2{position:relative;color:#ffffff;transform:perspective(1000px) translateZ(20px);margin-bottom:25px;font-weight:700;font-size:32px;text-align:center}.pricing_bundle .plan_matrix li{perspective:1000px;transition:transform 0.4s ease;transform-style:preserve-3d}.pricing_bundle .group_plans::before{transform:scaleX(0.7);left:0;transform-origin:left;transition:transform 0.3s ease;content:"";height:5px;position:absolute;top:0;width:100%;background:linear-gradient(90deg,rgb(148,171,134),rgb(183,206,175))}.pricing_bundle .learn_sub{transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;color:#ffffff;padding:10px 20px;box-shadow:2px 2px 8px rgba(0,0,0,0.1),-2px -2px 8px rgba(255,255,255,0.05);background:linear-gradient(135deg,rgba(rgb(148,171,134,0.5),0.1),rgba(rgb(183,206,175,0.5),0.2));display:inline-block;font-size:calc(23px + 4px);border-radius:8px;font-weight:700}.course_summary::after{left:-5%;background:linear-gradient(215deg,rgb(148,171,134,0.5) 10%,rgb(183,206,175,0.5) 90%);width:25%;filter:blur(15px);content:"";height:50%;opacity:0.05;bottom:-5%;position:absolute;z-index:1;transform:rotate(10deg) skewX(10deg);animation:float 18s infinite alternate-reverse ease-in-out}.course_summary .text_details{transform:translateZ(0);padding:1.5rem 0;position:relative}.course_summary h3{margin-bottom:1.5rem;transform:translateY(0);font-weight:600;padding-left:1rem;line-height:1.3;opacity:1;position:relative;color:#000000;transition:all 0.6s cubic-bezier(0.175,0.885,0.32,1.275);font-size:calc(21px * 1.1)}.popupPrivacySettings{bottom:0;width:100%;animation:fadeInUp 0.5s ease-out;box-shadow:0px -2px 10px rgba(0,0,0,0.1);padding:20px 0;z-index:1000;position:fixed;background-color:rgb(219,233,214);border-top:1px solid rgb(183,206,175)}.popupPrivacySettings .learn_cookies:hover{transform:translateY(-3px);box-shadow:0px 5px 10px rgba(0,0,0,0.1)}#cookieMessageAlert:checked ~ .popupPrivacySettings{opacity:0;visibility:hidden}.our_story::after{z-index:-1;content:"";background:rgb(148,171,134);width:300px;height:300px;transform:rotate(25deg);right:-50px;opacity:0.1;position:absolute;animation:float 15s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);bottom:-50px}.our_story .text_details > div{position:relative}.our_story .text_details p{position:relative;padding-right:15px;opacity:0;font-size:calc(18px * 1.4);margin-bottom:1.5rem;color:#000000;font-weight:600;display:inline-block;transform:translateY(10px);animation:fadeUp 0.8s 0.8s forwards ease-out}.customer_support::after{opacity:0.4;position:absolute;height:100%;left:0;content:"";background-image:linear-gradient(0deg,transparent 84px,rgb(183,206,175,0.5) 85px,transparent 86px),linear-gradient(90deg,transparent 84px,rgb(148,171,134,0.5) 85px,transparent 86px);width:100%;background-size:85px 85px;animation:gridMove 40s linear infinite;z-index:0;top:0}.customer_support .get_connected{position:relative;padding:30px;display:flex;z-index:2;gap:15px;flex-direction:column}.customer_support .get_connected p svg{top:50%;position:absolute;width:20px;transition:all 0.3s ease;left:20px;stroke-linejoin:round;height:20px;fill:none;transform:translateY(-50%);stroke:rgb(183,206,175);stroke-linecap:round;stroke-width:2}.customer_support .chat_form{padding-bottom:15px;align-items:center;margin:0 0 20px 0;color:rgb(183,206,175);border-bottom:1px solid rgb(183,206,175,0.5);font-weight:700;display:flex;font-size:20px;text-align:center;justify-content:center}.customer_support .message_info:hover svg{transform:rotate(30deg);stroke:rgb(148,171,134)}.customer_support .get_connected p:nth-child(2){animation-delay:0.2s}.customer_support .get_connected p:nth-child(4){animation-delay:0.4s}.customer_support .get_connected p:nth-child(2) svg path{animation-delay:0.7s}.customer_support .get_connected p:nth-child(5) svg path{animation-delay:1s}.education_experience .feedback_ratings{backdrop-filter:blur(10px);grid-template-areas:"photo quote" "name quote";grid-template-rows:auto auto;gap:1.5rem;padding:2.5rem;border-radius:26px;transition:transform 0.5s ease;display:grid;transform:rotateX(5deg) rotateY(-2deg);box-shadow:0 15px 35px rgba(0,0,0,0.5),0 5px 15px rgb(183,206,175,0.5);grid-template-columns:minmax(220px,1fr) 2fr;transform-style:preserve-3d;background:#ffffff}.education_experience .job_overview::before{mix-blend-mode:overlay;left:0;content:"";background:linear-gradient(45deg,rgb(183,206,175,0.5) 0%,transparent 40%,transparent 60%,rgb(148,171,134,0.5) 100%);opacity:0.3;position:absolute;border-radius:26px;width:100%;height:100%;top:0}.future_attendees h3::after{position:absolute;background:linear-gradient(90deg,rgb(183,206,175),rgb(148,171,134));bottom:0;left:50%;height:5px;transform:translateX(-50%);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);width:80px;content:""}.future_attendees ul li:hover{box-shadow:0 25px 50px rgba(0,0,0,0.15),0 5px 15px rgba(0,0,0,0.1);transform:perspective(1000px) rotateX(0deg) translateY(-10px)}.future_attendees ul li svg{left:25px;position:absolute;width:40px;height:40px;z-index:2;top:50%;transition:all 0.4s ease;transform:translateY(-50%)}.future_attendees ul li:nth-child(3n+1):hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(-10px)}@media only screen and (max-width: 800px) {.container{padding:0 12px}} @media screen and (max-width: 768px) {.exam_prep{padding:3rem 0 2rem}.exam_prep .head_info{flex-direction:column;gap:2rem}.exam_prep .top_lesson::before,.exam_prep .top_lesson::after{display:none}.exam_prep .top_lesson{margin-bottom:1.5rem}.verify_cta{padding:1rem 0}} @media (max-width: 576px) {.title_section .edu_intro{padding:2rem 1.25rem}.title_section .edu_intro h1{font-size:calc(44px * 0.65)}.title_section .edu_intro h3{border-left:2px solid rgb(183,206,175);font-size:calc(23px * 0.75)}.title_section .edu_intro h1::after{height:3px;width:60px}.title_section .edu_intro p::before{left:-10px;width:2px}} @media (max-width: 992px) {.gratBox{padding:5rem 0}.gratBox .knowledge_zone{gap:2rem;padding:2.5rem}.gratBox h5{font-size:calc(24px * 0.9)}} @media (max-width: 991px) {header{padding:1rem 0}header .head_nav{padding:0.5rem 1.2rem}header .head_nav svg{width:140px}header .top_lesson{gap:0.5rem}header .top_pro{padding:0.5rem 1rem}} @media (max-width: 767px) {header .nav_expert{gap:1.5rem}header .head_nav{padding:0.4rem 1rem}header .head_nav svg{width:130px}header .top_lesson{gap:0.5rem}header .top_pro{padding:0.5rem 0.9rem;font-size:calc(19px - 1px)}} @media (max-width: 767px) {.course_benefits{padding:80px 0}.course_benefits .text_details{padding:30px 25px}.course_benefits h4{margin-bottom:20px;font-size:calc(20px * 0.9)}.course_benefits li p{font-size:calc(14px * 0.95)}.course_benefits svg{width:20px;height:20px}} @media (max-width: 480px) {.pricing_bundle{padding:50px 0}.pricing_bundle h2{font-size:calc(32px - 8px)}.pricing_bundle .learn_fees{font-size:calc(17px - 2px)}.pricing_bundle .member_fees{padding:25px 20px}.pricing_bundle .group_plans h4{font-size:calc(23px - 2px)}.pricing_bundle .learn_sub{padding:8px 15px;font-size:calc(23px - 2px)}} @media (min-width: 1200px) {.course_summary .coding_expert{grid-template-columns:0.8fr 1.2fr;gap:6rem}.course_summary .pic_list_wrap{min-height:550px}.course_summary h3{font-size:calc(21px * 1.5)}} @media (min-width: 768px) {.our_story{padding:150px 0 130px}.our_story .container{gap:3rem;grid-template-columns:1fr}.our_story h2{font-size:calc(30px * 1.2);margin-bottom:3rem}.our_story h2::after{height:5px;width:80px}.our_story .text_details{transition:transform 0.6s ease;padding:4rem 3.5rem;transform:perspective(1000px) rotateY(-2deg)}.our_story .text_details:hover{transform:perspective(1000px) rotateY(0)}.our_story .text_details div div{column-count:2}} @media (min-width: 1024px) {.customer_support{padding:100px 0}.customer_support .message_form{max-width:1100px;margin:0 auto}.customer_support .msg_team{padding:30px}.customer_support .msg_team svg{height:35px;margin-right:20px;width:35px}.customer_support .get_connected{padding:40px}.customer_support .get_connected p svg{height:24px;width:24px}.customer_support .ask_team{padding:30px;margin-top:30px}.customer_support .chat_form svg{height:24px;width:24px}.customer_support .contact_form{gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}} @media (max-width: 480px) {.future_attendees{padding:60px 0}.future_attendees .knowledge_zone{padding:0 20px}.future_attendees h3{font-size:calc(34px * 0.7);margin-bottom:40px}.future_attendees ul{gap:25px}.future_attendees ul li{padding:18px 15px 18px 65px}.future_attendees ul li svg{width:30px;height:30px;left:18px}.future_attendees ul li,.future_attendees ul li:nth-child(3n+1),.future_attendees ul li:nth-child(3n+2),.future_attendees ul li:nth-child(3n){transform:perspective(800px) rotateX(2deg)}.future_attendees ul li:hover,.future_attendees ul li:nth-child(3n+1):hover,.future_attendees ul li:nth-child(3n+2):hover,.future_attendees ul li:nth-child(3n):hover{transform:perspective(800px) rotateX(0deg) translateY(-5px)}} @keyframes slideIn {to{transform:translateX(0);opacity:1}} @keyframes float {0%,100%{transform:rotate(25deg) translateY(0)}50%{transform:rotate(22deg) translateY(-20px)}} @keyframes slideUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}