*{padding:0;box-sizing:border-box;margin:0}a{color:inherit;text-decoration:none}.container{margin:auto;width:1232px;max-width:100%}header,footer{width:100%}.cheat_sheet{flex:0 0 auto}svg{height:30px;width:30px}.panel-container{display:flex;min-height:100%;height:100%;flex-direction:column}html,body{color:#000000;height:100%;min-height:100%;font-family:Arial,sans-serif;scroll-behavior:smooth}.head_mainwrap{flex:1 0 auto}@keyframes slide_scrollbar {0%{background-position:0% 50%}100%{background-position:100% 50%}}::-webkit-scrollbar{width:8px;padding:0px}::-webkit-scrollbar-button{background:rgb(183,110,128);border-radius:2px;height:5px}::-webkit-scrollbar-track{border-radius:4.3vw;background:#ffffff;box-shadow:inset -1px 3px 12px 3px rgba(0,0,0,0.1)}::-webkit-scrollbar-thumb{animation:slide_scrollbar 5.8s ease-in infinite;background:rgb(183,110,128,0.5);box-shadow:-4px 5px 8px 5px rgba(0,0,0,0.1);border-radius:9999px}::-webkit-scrollbar-thumb:hover{border-color:rgb(255,255,255,0.5);background:rgb(230,237,239);box-shadow:5px 2px 9px -1px rgba(0,0,0,0.4)}::-webkit-scrollbar-corner{background:rgb(171,206,189,0.5);border:1px dashed rgb(171,206,189)}*{scrollbar-color:rgb(255,255,255,0.5) rgb(230,237,239);scrollbar-width:auto}@media only screen and (max-width: 1200px) {.container{padding:0 20px;width:100%}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .course_highlights{overflow:hidden;background:linear-gradient(45deg,rgb(230,237,239) 0%,rgb(183,110,128,0.5) 40%,rgb(230,237,239) 100%);position:relative;padding:5rem 0}.course_highlights::before{width:100%;z-index:1;left:0;opacity:0.1;background:repeating-linear-gradient(45deg,rgb(183,110,128,0.5) 0px,rgb(183,110,128,0.5) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(135deg,rgb(171,206,189,0.5) 0px,rgb(171,206,189,0.5) 1px,transparent 1px,transparent 10px);height:100%;position:absolute;content:"";top:0}.course_highlights .container{z-index:2;position:relative}.course_highlights .digital_education{flex-direction:column;position:relative;display:flex;min-height:480px}.course_highlights .pic_wrap_item{top:0;position:absolute;height:100%;width:100%;z-index:1;left:0}.course_highlights .pic_wrap_item::after{content:"";left:0;background:linear-gradient(135deg,rgb(171,206,189,0.5) 0%,transparent 50%,rgba(0,0,0,0.5) 100%);height:100%;top:0;position:absolute;mix-blend-mode:multiply;width:100%}.course_highlights .skill_academy{background:linear-gradient(to right bottom,rgba(255,255,255,0.9),rgba(255,255,255,0.8));z-index:3;width:60%;box-shadow:-15px -15px 30px rgba(0,0,0,0.1);margin-left:auto;margin-top:auto;position:relative;padding:2.5rem;backdrop-filter:blur(8px)}.course_highlights .skill_academy::before{content:"";width:50px;background:linear-gradient(to right,transparent,rgba(255,255,255,0.8));left:-50px;height:100%;position:absolute;top:0}.course_highlights .top_lesson{top:-35px;padding:15px;position:absolute;left:2.5rem;background:#ffffff;border-radius:50%;z-index:4;transition:transform 0.3s ease-in-out;box-shadow:0 5px 20px rgba(0,0,0,0.1)}.course_highlights .top_lesson:hover{transform:translateY(-5px) rotate(5deg)}.course_highlights .top_lesson svg{width:45px;display:block;height:45px;filter:drop-shadow(0 3px 5px rgb(171,206,189,0.5))}.course_highlights .top_lesson svg path{transition:fill 0.3s ease;fill:rgb(171,206,189)}.course_highlights .top_lesson:hover svg path{fill:rgb(183,110,128)}.course_highlights .skill_academy h3{font-size:37px;font-weight:700;position:relative;color:#000000;margin-bottom:1.5rem}.course_highlights .skill_academy h3::after{background:rgb(171,206,189);height:3px;border-radius:10px;content:"";bottom:-0.5rem;width:60px;position:absolute;left:0}.course_highlights .skill_academy p{color:#000000;line-height:1.7;font-size:14px}.course_highlights .digital_education::before{height:120px;position:absolute;z-index:0;content:"";border:2px solid rgb(171,206,189,0.5);right:65%;top:10%;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;animation:floatAnimation 8s infinite ease-in-out;width:120px}.course_highlights .digital_education::after{height:80px;width:80px;left:10%;animation:floatAnimation 12s infinite ease-in-out reverse;position:absolute;border:2px solid rgb(183,110,128,0.5);content:"";border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;z-index:0;bottom:20%}@keyframes floatAnimation {0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(10px,-15px) rotate(5deg)}50%{transform:translate(5px,10px) rotate(-5deg)}75%{transform:translate(-10px,-5px) rotate(3deg)}} @media screen and (max-width: 991px) {.course_highlights .digital_education{min-height:420px}.course_highlights .skill_academy{width:75%;padding:2rem}.course_highlights .top_lesson{top:-30px;padding:12px;left:2rem}.course_highlights .top_lesson svg{height:40px;width:40px}.course_highlights .skill_academy h3{font-size:calc(37px - 0.2rem)}} @media screen and (max-width: 767px) {.course_highlights{padding:4rem 0}.course_highlights .digital_education{min-height:auto}.course_highlights .pic_wrap_item{height:250px;margin-bottom:-50px;position:relative}.course_highlights .skill_academy{margin-left:auto;width:90%;padding:2rem 1.5rem;border-radius:11px;margin-right:auto}.course_highlights .skill_academy::before{display:none}.course_highlights .skill_academy::after{width:70px;height:70px}.course_highlights .top_lesson{transform:translateX(-50%);left:50%}.course_highlights .top_lesson:hover{transform:translateX(-50%) translateY(-5px)}.course_highlights .skill_academy h3{margin-top:1rem;font-size:calc(37px - 0.3rem)}.course_highlights .digital_education::before,.course_highlights .digital_education::after{display:none}} @media screen and (max-width: 480px) {.course_highlights{padding:3rem 0}.course_highlights .pic_wrap_item{height:200px}.course_highlights .skill_academy{padding:1.5rem 1.25rem;width:100%}.course_highlights .top_lesson{padding:10px}.course_highlights .top_lesson svg{height:35px;width:35px}.course_highlights .skill_academy h3{font-size:calc(37px - 0.5rem);margin-top:0.75rem}.course_highlights .skill_academy p{font-size:calc(14px - 0.1rem)}}.pricing_shelf{padding:100px 0;position:relative;color:#ffffff;overflow:hidden}.pricing_shelf::before{background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.7) 100%);height:100%;content:"";z-index:1;width:100%;left:0;position:absolute;top:0}.pricing_shelf .container{position:relative;max-width:1200px;z-index:2;padding:0 15px;margin:0 auto}.pricing_shelf .fee_choices{position:relative}.pricing_shelf h2{margin-bottom:20px;font-size:calc(36px * 1.2);color:#ffffff;position:relative;transform:translateY(10px);font-weight:700;opacity:0;text-align:center;animation:fadeInUp 0.8s forwards 0.3s}.pricing_shelf .pay_plans{margin:0 auto 40px;color:rgb(255,255,255,0.5);transform:translateY(10px);max-width:700px;text-align:center;animation:fadeInUp 0.8s forwards 0.5s;opacity:0;line-height:1.6;font-size:calc(12px * 1.1)}.pricing_shelf .discount_grid{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:0;list-style:none}.pricing_shelf .discount_grid li{animation:fadeInUp 0.8s forwards;height:100%;transform:translateY(20px);animation-delay:calc(0.6s + (0.15s * var(--i,0)));opacity:0}.pricing_shelf .discount_grid li:nth-child(1){--i:1}.pricing_shelf .discount_grid li:nth-child(2){--i:2}.pricing_shelf .discount_grid li:nth-child(3){--i:3}.pricing_shelf .discount_grid li:nth-child(4){--i:4}.pricing_shelf .plan_fee{display:block;color:inherit;height:100%;text-decoration:none;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.pricing_shelf .plan_fee:hover{transform:translateY(-10px)}.pricing_shelf .annual_plan{padding:30px;height:100%;backdrop-filter:blur(10px);border-left:3px solid rgb(171,206,189);position:relative;border:1px solid rgba(255,255,255,0.1);background:linear-gradient(145deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.08) 100%);transition:all 0.4s ease;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.2);border-radius:3px}.pricing_shelf .plan_fee:hover .annual_plan{background:linear-gradient(145deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.1) 100%);box-shadow:0 20px 40px rgba(0,0,0,0.3)}.pricing_shelf .annual_plan::before{transform-origin:left;left:0;transition:transform 0.5s cubic-bezier(0.77,0,0.175,1);height:5px;background:linear-gradient(to right,rgb(171,206,189),rgb(183,110,128));position:absolute;transform:scaleX(0);content:"";width:100%;top:0}.pricing_shelf .plan_fee:hover .annual_plan::before{transform:scaleX(1)}.pricing_shelf .pricing_tiers{flex-direction:column;display:flex;height:100%}.pricing_shelf .pricing_tiers h4{padding-bottom:15px;color:#ffffff;font-size:calc(20px * 1.1);position:relative;font-weight:700;margin:0 0 20px}.pricing_shelf .pricing_tiers h4::after{content:"";bottom:0;width:40px;left:0;position:absolute;transition:width 0.4s ease;background:rgb(171,206,189);height:3px}.pricing_shelf .plan_fee:hover .pricing_tiers h4::after{width:60px}.pricing_shelf .pricing_tiers p{margin:0 0 25px;word-break:break-word;color:rgb(255,255,255,0.5);flex-grow:1;line-height:1.6;font-size:12px;overflow-wrap:break-word}.pricing_shelf .rate_schemes{padding-top:15px;position:relative;font-weight:700;border-top:1px solid rgba(255,255,255,0.1);font-size:calc(20px * 1.2);transition:color 0.3s ease;color:rgb(183,110,128);margin-top:auto;display:block}.pricing_shelf .plan_fee:hover .rate_schemes{color:rgb(171,206,189)}@keyframes fadeInUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @media (max-width: 991px) {.pricing_shelf{padding:80px 0}.pricing_shelf h2{font-size:36px}.pricing_shelf .pay_plans{margin-bottom:30px;font-size:12px}.pricing_shelf .discount_grid{gap:20px}.pricing_shelf .annual_plan{padding:25px}} @media (max-width: 767px) {.pricing_shelf{padding:60px 0}.pricing_shelf .discount_grid{max-width:500px;margin:0 auto;grid-template-columns:1fr}.pricing_shelf .pricing_tiers h4{font-size:20px}.pricing_shelf .rate_schemes{font-size:20px}} @media (max-width: 480px) {.pricing_shelf{padding:50px 0}.pricing_shelf h2{font-size:calc(36px * 0.9)}.pricing_shelf .pay_plans{font-size:calc(12px * 0.9)}.pricing_shelf .annual_plan{padding:20px}}.about_this{padding:120px 0 100px;overflow:hidden;color:#ffffff;position:relative}.about_this::before{height:100%;content:"";z-index:1;width:100%;left:0;position:absolute;top:0;background:linear-gradient(135deg,rgba(30,45,60,0.92),rgba(20,30,45,0.86))}.about_this::after{opacity:0.5;z-index:2;height:100%;pointer-events:none;left:0;width:100%;position:absolute;top:0;content:"";background:radial-gradient(circle at 15% 25%,rgb(171,206,189,0.5) 0%,transparent 35%),radial-gradient(circle at 85% 75%,rgb(183,110,128,0.5) 0%,transparent 40%)}.about_this h4{font-weight:700;z-index:3;transition:transform 0.7s cubic-bezier(0.23,1,0.32,1),opacity 0.7s cubic-bezier(0.23,1,0.32,1);transform:translateY(0);margin-bottom:40px;text-align:center;position:relative;letter-spacing:3px;text-transform:uppercase;color:#ffffff;font-size:calc(18px * 1.2);opacity:1}.about_this h4::before{transform:translateX(-50%);background:linear-gradient(90deg,rgb(171,206,189),rgb(183,110,128));border-radius:1px;content:"";box-shadow:0 0 15px rgba(rgb(171,206,189),0.2);width:60px;position:absolute;bottom:-12px;left:50%;height:3px}.about_this .container{position:relative;z-index:3;margin:0 auto;max-width:1200px;padding:0 20px}.about_this .content_wrap{-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,0.08);padding:40px;backdrop-filter:blur(12px);border-radius:4px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 15px 10px -10px rgba(0,0,0,0.04),inset 0 1px 1px rgba(255,255,255,0.15),inset 0 -1px 1px rgba(0,0,0,0.1);transform:translateY(0);opacity:1;transition:transform 0.8s cubic-bezier(0.23,1,0.32,1),opacity 0.8s cubic-bezier(0.23,1,0.32,1)}.about_this .content_wrap::before{left:0;position:absolute;width:100%;background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,transparent 100%);content:"";height:100%;top:0;border-radius:4px;pointer-events:none}.about_this .content_wrap h6{font-weight:700;display:inline-block;position:relative;margin-bottom:25px;color:rgb(171,206,189);font-size:calc(19px * 1.4)}.about_this .content_wrap h6::after{transform:scaleX(1);transform-origin:left;width:40px;background:rgb(183,110,128);position:absolute;left:0;content:"";height:2px;bottom:-8px;transition:transform 0.4s ease}.about_this .content_wrap:hover h6::after{transform:scaleX(1.5)}.about_this .content_wrap div{position:relative}.about_this .content_wrap span{letter-spacing:0.3px;font-size:16px;color:rgba(255,255,255,0.9);column-count:1;line-height:1.8;display:block;column-gap:30px;text-shadow:0 1px 1px rgba(0,0,0,0.1);margin-bottom:15px;font-weight:400}@media (min-width: 768px) {.about_this{padding:140px 0 120px}.about_this h4{margin-bottom:60px;font-size:calc(18px * 1.4)}.about_this h4::before{width:80px}.about_this .content_wrap{padding:60px;border-radius:4px}.about_this .content_wrap span{column-count:2}} @media (min-width: 992px) {.about_this{padding:160px 0 140px}.about_this .container{padding:0 50px}.about_this h4{font-size:calc(18px * 1.5)}.about_this .content_wrap{padding:70px;transform:translateY(0);transition:transform 0.5s cubic-bezier(0.165,0.84,0.44,1)}.about_this .content_wrap:hover{transform:translateY(-5px)}.about_this .content_wrap h6{margin-bottom:30px;font-size:calc(19px * 1.6)}.about_this .content_wrap span{column-gap:50px;column-count:2;font-size:calc(16px * 1.05);line-height:1.9}} @media (min-width: 1200px) {.about_this{padding:180px 0 160px}.about_this .container{max-width:1400px}.about_this .content_wrap{padding:80px}.about_this .content_wrap span{column-count:2;column-gap:60px}} @media (max-width: 767px) {.about_this{padding:80px 0 60px}.about_this h4{margin-bottom:30px;font-size:18px}.about_this .content_wrap{padding:30px}.about_this .content_wrap h6{font-size:19px;margin-bottom:20px}.about_this .content_wrap span{font-size:calc(16px * 0.95);line-height:1.7}} @media (hover: hover) {.about_this .content_wrap{transition:transform 0.5s cubic-bezier(0.165,0.84,0.44,1),box-shadow 0.5s cubic-bezier(0.165,0.84,0.44,1)}.about_this .content_wrap:hover{box-shadow:0 15px 35px -5px rgba(0,0,0,0.15),0 20px 15px -15px rgba(0,0,0,0.07),inset 0 1px 1px rgba(255,255,255,0.2),inset 0 -1px 1px rgba(0,0,0,0.15)}}footer{position:relative;width:100%}footer .cheat_sheet{padding:80px 0 30px;font-family:Arial,sans-serif;background:linear-gradient(135deg,rgb(171,206,189),rgb(183,110,128));position:relative;color:#ffffff}footer .cheat_sheet::before{content:"";background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,0.1) 0%,transparent 20%),radial-gradient(circle at 85% 60%,rgba(255,255,255,0.15) 0%,transparent 25%),radial-gradient(circle at 40% 90%,rgba(255,255,255,0.08) 0%,transparent 15%);width:100%;top:0;position:absolute;height:100%;left:0}footer .whatsapp_grp{z-index:1;position:relative}footer .contact_details{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:60px;gap:20px}footer .info_item{padding:20px;height:220px;flex:0 1 220px;transition:all 0.4s ease;box-shadow:0 10px 25px rgba(0,0,0,0.1);position:relative;align-items:center;z-index:1;border-radius:50%;backdrop-filter:blur(5px);background-color:rgb(171,206,189,0.5);justify-content:center;display:flex}footer .info_item:nth-child(1){transform:translateY(-20px)}footer .info_item:nth-child(2){transform:translateY(20px)}footer .info_item:nth-child(3){transform:translateY(-10px)}footer .info_item:nth-child(4){transform:translateY(10px)}footer .info_item:hover{transform:scale(1.05) translateY(0);z-index:2;background-color:rgb(183,110,128,0.5)}footer .info_item svg{fill:#ffffff;width:24px;height:24px;flex-shrink:0;margin-right:10px}footer .info_item p,footer .info_item a{font-size:18px;max-width:80%;text-align:center;text-decoration:none;color:#ffffff}footer .info_item a:hover{text-decoration:underline}footer .text_main_holder{justify-content:center;display:flex;position:relative;flex-wrap:wrap;gap:30px}footer .top_lesson,footer .nav_info,footer .subscribe_holder{padding:30px;align-items:center;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,0.1);position:relative;flex-direction:column;overflow:hidden;text-align:center;border-radius:29px;transition:all 0.3s ease;display:flex;backdrop-filter:blur(5px);background-color:rgb(171,206,189,0.5);flex:1 1 300px}footer .top_lesson:hover,footer .nav_info:hover,footer .subscribe_holder:hover{transform:translateY(-10px);background-color:rgb(183,110,128,0.5);box-shadow:0 15px 40px rgba(0,0,0,0.15)}footer .top_lesson::before,footer .nav_info::before,footer .subscribe_holder::before{z-index:-1;border-radius:50%;width:150px;opacity:0.1;height:150px;position:absolute;content:""}footer .top_lesson::before{top:-50px;background-color:rgb(171,206,189);left:-50px}footer .nav_info::before{bottom:-50px;right:-50px;background-color:rgb(183,110,128)}footer .subscribe_holder::before{bottom:-50px;background-color:rgb(171,206,189);left:-50px}footer .top_lesson svg{filter:brightness(0) invert(1);height:50px;width:auto;margin-bottom:20px}footer .footer_address{line-height:1.6;color:rgba(255,255,255,0.8);font-size:13px;max-width:300px}footer .nav_info h5,footer .subscribe_holder h5{font-weight:600;position:relative;font-size:23px;color:#ffffff;margin-bottom:20px;display:inline-block}footer .nav_info h5::after,footer .subscribe_holder h5::after{left:50%;position:absolute;content:"";transform:translateX(-50%);width:40px;background-color:#ffffff;height:2px;bottom:-8px;transition:width 0.3s ease}footer .nav_info:hover h5::after,footer .subscribe_holder:hover h5::after{width:80px}footer .top_edu{gap:10px;flex-wrap:wrap;display:flex;justify-content:center;margin-bottom:20px;max-width:300px}footer .top_edu a{border-radius:10px;color:#ffffff;font-size:18px;transition:all 0.3s ease;padding:8px 15px;text-decoration:none;background-color:rgb(171,206,189,0.5)}footer .top_edu a:hover{background-color:rgb(183,110,128,0.5);transform:translateY(-3px)}footer .subscribe_holder p{color:rgba(255,255,255,0.9);line-height:1.6;font-size:18px;margin-bottom:25px;max-width:300px}footer .input_holder{flex-direction:column;align-items:center;width:100%;gap:15px;display:flex;max-width:300px}footer .input_holder input[type="email"]{padding:15px 20px;border-radius:10px;font-size:18px;text-align:center;border:none;width:100%;color:#ffffff;background-color:rgba(255,255,255,0.2);transition:all 0.3s ease}footer .input_holder input[type="email"]:focus{background-color:rgba(255,255,255,0.3);box-shadow:0 0 0 3px rgb(171,206,189,0.5);outline:none}footer .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.6)}footer .sub_set{width:100%;border:none;transition:all 0.3s ease;color:#ffffff;cursor:pointer;border-radius:10px;font-size:17px;padding:15px 20px;font-weight:600;background-color:rgb(171,206,189)}footer .sub_set:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-3px);background-color:rgb(183,110,128)}footer .footer_social{margin-top:60px;text-align:center;position:relative}footer .policy_links{background-color:rgb(171,206,189,0.5);color:rgba(255,255,255,0.7);font-size:13px;backdrop-filter:blur(5px);border-radius:10px;display:inline-block;padding:8px 20px}@media (min-width: 992px) {footer .text_main_holder{flex-wrap:nowrap}} @media (max-width: 991px) {footer .info_item{flex:0 1 180px;height:180px}footer .info_item:nth-child(1),footer .info_item:nth-child(2),footer .info_item:nth-child(3),footer .info_item:nth-child(4){transform:none}} @media (max-width: 767px) {footer .cheat_sheet{padding:60px 0 30px}footer .contact_details{margin-bottom:40px;flex-direction:column}footer .info_item{height:100px;padding:15px;flex:0 1 100px}footer .top_lesson,footer .nav_info,footer .subscribe_holder{padding:25px 20px}footer .footer_social{margin-top:40px}} @media (max-width: 576px) {footer .cheat_sheet{padding:50px 0 20px}footer .info_item{flex:0 1 90px;height:90px}footer .info_item p,footer .info_item a{font-size:calc(18px - 1px)}footer .nav_info h5,footer .subscribe_holder h5{font-size:calc(23px - 2px)}footer .top_edu a{padding:6px 12px;font-size:calc(18px - 1px)}footer .input_holder input[type="email"],footer .sub_set{padding:12px 15px}footer .policy_links{padding:6px 15px}}header{overflow:visible;margin-top:0;padding:0;position:relative;background:rgb(183,110,128);z-index:100}header::before{height:100%;background-size:20px 20px;top:0;content:'';left:0;position:absolute;width:100%;background-image:linear-gradient(0deg,rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);z-index:0}header::after{top:0;background:linear-gradient(to right,transparent 0%,rgb(183,110,128,0.5) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgb(183,110,128,0.5) 50%,transparent 100%);left:0;width:100%;height:100%;z-index:0;content:'';position:absolute}header .nav_pagebar{padding:1.3rem 2.5rem;z-index:5;justify-content:space-between;align-items:center;position:relative;display:flex}header .top_lesson{margin-right:2rem;overflow:hidden;z-index:2;border-left:3px solid rgb(171,206,189);padding:0.5rem 0.7rem;position:relative;transition:all 0.3s ease;flex:0 0 auto}header .top_lesson::before{height:100%;border-top:1px solid rgba(255,255,255,0.2);width:100%;content:'';opacity:0;transition:all 0.4s ease;position:absolute;left:0;transform:scaleX(0);top:0;border-bottom:1px solid rgba(255,255,255,0.2)}header .top_lesson:hover{box-shadow:5px 0 15px -5px rgb(171,206,189);transform:translateX(5px)}header .top_lesson:hover::before{opacity:1;transform:scaleX(1)}header .nav_wrap{transition:all 0.3s ease;position:relative;display:block}header .nav_wrap::after{transition:all 0.3s ease;width:10px;position:absolute;opacity:0;background:rgb(171,206,189);height:10px;content:'';bottom:-5px;right:-5px}header .nav_wrap:hover::after{opacity:1}header .nav_wrap img{max-height:40px;filter:brightness(1.1)}header .nav_info{display:flex;position:relative;list-style:none;padding:0;z-index:2;margin:0}header .nav_info::before{right:-20px;content:'';height:1px;width:40px;transform:translateY(-50%);position:absolute;top:50%;background:rgb(171,206,189)}header .main_head{margin:0 1px;position:relative}header .main_head a{text-decoration:none;display:flex;border-right:1px solid transparent;height:45px;transition:all 0.3s ease;align-items:center;border-left:1px solid transparent;color:#ffffff;font-weight:600;z-index:1;letter-spacing:1px;overflow:hidden;position:relative;justify-content:center;padding:0 1.2rem;font-size:18px}header .main_head a::before{background:rgb(171,206,189);content:'';width:100%;left:0;position:absolute;transform:translateX(-100%);z-index:-1;height:100%;transition:transform 0.3s ease;top:0}header .main_head a:hover{border-left-color:rgba(255,255,255,0.2);color:#ffffff;border-right-color:rgba(255,255,255,0.2)}header .main_head a:hover::before{transform:translateX(0)}header .main_head a::after{width:100%;top:0;left:0;transform-origin:right;transition:transform 0.3s ease;position:absolute;background:rgb(171,206,189);height:2px;transform:scaleX(0);content:''}header .main_head a:hover::after{transform:scaleX(1);transform-origin:left}header .main_head::before{content:'';left:-10px;transform:translateY(-50%) scale(0);background:rgb(171,206,189);width:5px;top:50%;position:absolute;transition:transform 0.3s ease;height:5px}header .main_head:hover::before{transform:translateY(-50%) scale(1)}header .nav_pagebar::before{top:20px;width:30px;position:absolute;background:rgb(171,206,189);height:1px;content:'';left:20px}header .nav_pagebar::after{top:20px;position:absolute;background:rgb(171,206,189);content:'';left:20px;width:1px;height:30px}.head_mainwrap{background:rgb(230,237,239);padding-top:2rem;z-index:1;position:relative}@keyframes typingCursor {0%,100%{opacity:1}50%{opacity:0}} header .main_head:last-child::after{content:'|';position:absolute;right:-10px;transform:translateY(-50%);color:rgb(171,206,189);top:50%;font-weight:700;animation:typingCursor 1s infinite}@media (min-width: 1400px) {header .nav_pagebar{max-width:1320px;margin:0 auto}header .main_head{margin:0 2px}header .main_head a{padding:0 1.5rem}} @media (max-width: 991px) {header .nav_pagebar{padding:1rem 2rem;flex-wrap:wrap}header .top_lesson{margin-bottom:0;margin-right:0}header .nav_info{margin-top:1rem;justify-content:flex-end;flex-basis:100%}header .nav_info::before{display:none}header .main_head a{height:40px;padding:0 1rem;font-size:calc(18px - 1px)}header .main_head::before{display:none}header .nav_pagebar::before,header .nav_pagebar::after{display:none}} @media (max-width: 767px) {header{padding:0}header .nav_pagebar{padding:0.8rem 1.5rem}header .top_lesson{padding:0.4rem 0.6rem;max-width:140px}header .nav_wrap img{max-height:35px}header .nav_info{padding-bottom:0.5rem;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;margin-top:0.8rem}header .nav_info::-webkit-scrollbar{height:3px}header .nav_info::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(171,206,189)}header .main_head{flex:0 0 auto;margin:0}header .main_head a{padding:0 0.8rem;height:35px;letter-spacing:0.5px;white-space:nowrap;font-size:calc(18px - 2px)}header .main_head:last-child::after{display:none}} @media (max-width: 479px) {header .nav_pagebar{padding:0.7rem 1.2rem}header .top_lesson{padding:0.3rem 0.5rem;max-width:120px}header .main_head a{font-size:calc(18px - 3px);height:32px;padding:0 0.6rem}}.teaching_experience{position:relative;padding:100px 0;background:rgb(230,237,239);overflow:hidden}.teaching_experience::before{width:100%;opacity:0.3;background:linear-gradient(90deg,transparent 9%,rgb(171,206,189,0.5) 10%,transparent 11%);content:"";background-size:150px 100%;position:absolute;height:100%;left:0;top:0;animation:gradientSlide 30s linear infinite}.teaching_experience .container{z-index:2;position:relative;margin:0 auto;max-width:800px}.teaching_experience .opinion_corner{transition:all 0.5s cubic-bezier(0.25,1,0.5,1);background:#ffffff;padding:60px 40px 40px;position:relative;border-radius:2px;flex-direction:column;box-shadow:0 5px 30px rgba(0,0,0,0.05);display:flex}.teaching_experience .opinion_corner:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.1)}.teaching_experience .pic_wrap_item{top:-60px;box-shadow:10px 10px 0 #ffffff,12px 12px 0 rgb(171,206,189);clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,0 100%);transform:rotate(0deg);width:120px;border-radius:2px;position:absolute;height:120px;left:40px;transition:all 0.5s ease}.teaching_experience .opinion_corner:hover .pic_wrap_item{transform:rotate(-5deg)}.teaching_experience .name{font-weight:700;margin-top:40px;letter-spacing:-0.5px;font-size:calc(18px * 1.2);transition:transform 0.5s ease;color:#000000;transform:translateX(0);margin-left:0}.teaching_experience .opinion_corner:hover .name{transform:translateX(10px)}.teaching_experience .opinion_corner span:not(.name){font-weight:300;letter-spacing:1px;margin-top:5px;text-transform:uppercase;transform:translateX(0);color:#000000;transition:transform 0.5s ease;font-size:17px}.teaching_experience .opinion_corner:hover span:not(.name){color:rgb(171,206,189);transform:translateX(10px)}.teaching_experience .emp_summary{font-weight:400;transition:padding 0.5s ease;position:relative;font-size:17px;line-height:1.8;padding-left:0;margin-top:40px;color:#000000}.teaching_experience .emp_summary::before{transition:transform 0.5s ease;transform-origin:right;transform:scaleX(0);position:absolute;content:"";height:2px;width:30px;background:rgb(171,206,189);left:-40px;top:15px}.teaching_experience .opinion_corner:hover .emp_summary{padding-left:20px}.teaching_experience .opinion_corner:hover .emp_summary::before{transform:scaleX(1)}@keyframes gradientSlide {0%{background-position:0% 0%}100%{background-position:100% 0%}} @media (max-width: 768px) {.teaching_experience{padding:80px 0}.teaching_experience .opinion_corner{margin:0 15px;padding:80px 25px 30px}.teaching_experience .pic_wrap_item{height:100px;width:100px;left:25px}.teaching_experience .name{font-size:18px}.teaching_experience .emp_summary{font-size:calc(17px * 0.95)}.teaching_experience .emp_summary::before{width:20px;left:-25px}}.try_immediately{position:relative;box-shadow:inset 0 0 70px rgba(rgb(171,206,189),0.3);padding:6rem 2rem;background:linear-gradient(125deg,rgb(183,110,128,0.5) 0%,rgb(171,206,189,0.5) 100%);overflow:hidden;margin:0}.try_immediately::before{animation:holographicShift 15s linear infinite;left:0;height:100%;background-size:200% 200%;position:absolute;opacity:0.3;width:100%;top:0;z-index:1;content:'';background:linear-gradient(125deg,rgba(255,255,255,0.3) 10%,rgba(255,255,255,0.05) 30%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.05) 70%,rgba(255,255,255,0.3) 90%)}@keyframes holographicShift {0%{background-position:0% 0%}100%{background-position:200% 200%}} .try_immediately::after{width:100%;filter:blur(1px);height:100%;content:'';position:absolute;z-index:1;top:0;animation:particlesMove 25s linear infinite;left:0;background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,0.3) 0%,transparent 5px),radial-gradient(circle at 30% 30%,rgba(255,255,255,0.2) 0%,transparent 4px),radial-gradient(circle at 50% 50%,rgba(255,255,255,0.3) 0%,transparent 6px),radial-gradient(circle at 70% 70%,rgba(255,255,255,0.2) 0%,transparent 5px),radial-gradient(circle at 90% 90%,rgba(255,255,255,0.3) 0%,transparent 7px),radial-gradient(circle at 20% 80%,rgba(255,255,255,0.2) 0%,transparent 4px),radial-gradient(circle at 80% 20%,rgba(255,255,255,0.3) 0%,transparent 6px)}@keyframes particlesMove {0%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}50%{background-position:5% 10%,-8% 5%,10% -5%,-5% 8%,8% 12%,-12% 8%,7% -12%}100%{background-position:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}} .try_immediately::before{opacity:0.5;height:200%;animation:prismRotate 30s linear infinite;background-image:conic-gradient( transparent 0deg,rgba(255,255,255,0.05) 10deg,transparent 20deg,rgba(255,255,255,0.05) 30deg,transparent 40deg,rgba(255,255,255,0.05) 50deg,transparent 60deg,rgba(255,255,255,0.05) 70deg,transparent 80deg,rgba(255,255,255,0.05) 90deg,transparent 100deg,rgba(255,255,255,0.05) 110deg,transparent 120deg,rgba(255,255,255,0.05) 130deg,transparent 140deg,rgba(255,255,255,0.05) 150deg,transparent 160deg,rgba(255,255,255,0.05) 170deg,transparent 180deg,rgba(255,255,255,0.05) 190deg,transparent 200deg,rgba(255,255,255,0.05) 210deg,transparent 220deg,rgba(255,255,255,0.05) 230deg,transparent 240deg,rgba(255,255,255,0.05) 250deg,transparent 260deg,rgba(255,255,255,0.05) 270deg,transparent 280deg,rgba(255,255,255,0.05) 290deg,transparent 300deg,rgba(255,255,255,0.05) 310deg,transparent 320deg,rgba(255,255,255,0.05) 330deg,transparent 340deg,rgba(255,255,255,0.05) 350deg,transparent 360deg );width:200%;z-index:2;content:'';position:absolute;top:-50%;left:-50%}@keyframes prismRotate {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .try_immediately .digital_education{border-radius:20px;position:relative;padding:4rem 3rem;align-items:center;backdrop-filter:blur(15px);margin:0 auto;display:flex;z-index:5;box-shadow:0 20px 40px rgba(0,0,0,0.1),0 0 100px rgba(255,255,255,0.2);max-width:950px;transition:all 0.6s cubic-bezier(0.22,1,0.36,1);justify-content:center;overflow:hidden;text-align:center;flex-direction:column;background:rgba(255,255,255,0.15)}.try_immediately .digital_education:hover{box-shadow:0 30px 60px rgba(0,0,0,0.15),0 0 120px rgba(255,255,255,0.3);transform:translateY(-10px)}.try_immediately .digital_education::before{border:1px solid rgba(255,255,255,0.3);background-size:200% 200%;background:linear-gradient( 125deg,rgba(255,255,255,0) 20%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 80% );z-index:-1;border-radius:20px;position:absolute;content:'';opacity:0.5;animation:holoBorderShift 5s ease infinite;inset:0}@keyframes holoBorderShift {0%{background-position:0% 0%}50%{background-position:100% 100%}100%{background-position:0% 0%}} .try_immediately .digital_education::after{border-radius:30px;opacity:0.4;position:absolute;animation:spectrumPulse 8s ease-in-out infinite;content:'';background:linear-gradient( 125deg,rgb(171,206,189,0.5),rgba(255,255,255,0.4),rgb(183,110,128,0.5) );z-index:-2;inset:-10px;filter:blur(15px)}@keyframes spectrumPulse {0%,100%{opacity:0.3;filter:blur(15px)}50%{opacity:0.5;filter:blur(20px)}} .try_immediately h3{text-shadow:0 0 10px rgba(255,255,255,0.3);font-weight:700;color:#ffffff;letter-spacing:1px;font-size:35px;margin-bottom:2.5rem;position:relative;font-family:Arial,sans-serif;z-index:1}.try_immediately h3::after{animation:lineGlow 3s ease-in-out infinite;left:50%;width:60%;content:'';background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.8),transparent );bottom:-12px;position:absolute;transform:translateX(-50%);height:2px}@keyframes lineGlow {0%,100%{opacity:0.5;width:60%}50%{opacity:1;width:80%}} .try_immediately h3::before{border-radius:50%;top:-20px;right:-30px;z-index:-1;animation:titleHaloRotate 5s ease-in-out infinite;left:-30px;filter:blur(8px);content:'';background:linear-gradient( 125deg,rgba(255,255,255,0) 20%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0) 80% );bottom:-20px;position:absolute;opacity:0.5}@keyframes titleHaloRotate {0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1) rotate(0deg)}} .try_immediately .edu_query{padding:1.2rem 3.5rem;overflow:hidden;font-weight:600;box-shadow:0 10px 20px rgba(0,0,0,0.1),0 0 15px rgba(255,255,255,0.2);align-items:center;position:relative;letter-spacing:1.5px;border:none;transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1);display:inline-flex;z-index:1;font-size:19px;text-decoration:none;border-radius:50px;justify-content:center;background:linear-gradient(125deg,rgb(171,206,189),rgb(183,110,128));text-transform:uppercase;color:#ffffff}.try_immediately .edu_query::before{position:absolute;z-index:0;width:50%;left:-50%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.5),transparent );height:100%;content:'';animation:buttonSpark 5s ease-in-out infinite;top:0;transform:skewX(-25deg)}@keyframes buttonSpark {0%{left:-50%}30%,100%{left:150%}} .try_immediately .edu_query:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 15px 30px rgba(0,0,0,0.15),0 0 20px rgba(255,255,255,0.3)}.try_immediately .edu_query::after{position:absolute;z-index:-1;content:'';inset:-5px;transition:opacity 0.4s ease;border-radius:55px;background:linear-gradient( 125deg,rgb(171,206,189),rgb(183,110,128) );filter:blur(10px);opacity:0}.try_immediately .edu_query:hover::after{opacity:0.5}.try_immediately::after{top:0;height:100%;position:absolute;background-image:repeating-linear-gradient( 0deg,transparent,transparent 20px,rgba(255,255,255,0.03) 20px,rgba(255,255,255,0.03) 21px ),repeating-linear-gradient( 90deg,transparent,transparent 20px,rgba(255,255,255,0.03) 20px,rgba(255,255,255,0.03) 21px );content:'';width:100%;left:0;z-index:3}.try_immediately::before{height:2px;background:linear-gradient( 90deg,transparent 0%,rgb(171,206,189) 25%,#ffffff 50%,rgb(183,110,128) 75%,transparent 100% );content:'';left:0;animation:spectrumHorizontal 10s linear infinite;position:absolute;z-index:3;width:100%;opacity:0.5;filter:blur(2px);top:50%}@keyframes spectrumHorizontal {0%{transform:translateX(-100%)}100%{transform:translateX(100%)}} .try_immediately::after{left:50%;top:0;content:'';animation:spectrumVertical 15s linear infinite;z-index:3;opacity:0.5;background:linear-gradient( 180deg,transparent 0%,rgb(171,206,189) 25%,#ffffff 50%,rgb(183,110,128) 75%,transparent 100% );height:100%;position:absolute;width:2px;filter:blur(2px)}@keyframes spectrumVertical {0%{transform:translateY(-100%)}100%{transform:translateY(100%)}} @media screen and (max-width: 991px) {.try_immediately{padding:5rem 1.5rem}.try_immediately .digital_education{padding:3.5rem 2.5rem}.try_immediately h3{margin-bottom:2.2rem;font-size:calc(35px * 0.9)}.try_immediately .edu_query{padding:1.1rem 3rem}} @media screen and (max-width: 767px) {.try_immediately{padding:4rem 1.2rem}.try_immediately .digital_education{padding:3rem 2rem}.try_immediately h3{margin-bottom:2rem;font-size:calc(35px * 0.8)}.try_immediately .edu_query{font-size:calc(19px * 0.95);padding:1rem 2.5rem}} @media screen and (max-width: 480px) {.try_immediately{padding:3.5rem 1rem}.try_immediately .digital_education{padding:2.5rem 1.5rem}.try_immediately h3{margin-bottom:1.8rem;font-size:calc(35px * 0.7)}.try_immediately .edu_query{padding:0.9rem 2.2rem;font-size:calc(19px * 0.9)}}.reach_out{overflow:hidden;padding:100px 0;position:relative}.reach_out::before{top:0;left:0;height:100%;background-color:rgb(171,206,189,0.5);width:100%;z-index:1;backdrop-filter:blur(10px);content:"";position:absolute}.reach_out::after{content:"";left:0;top:0;height:100%;pointer-events:none;background:linear-gradient(135deg,rgb(183,110,128,0.5) 0%,transparent 50%,rgb(171,206,189,0.5) 100%);z-index:2;position:absolute;width:100%}.reach_out .container{width:90%;position:relative;margin:0 auto;z-index:3;max-width:1200px}.reach_out .feedback_reach{border:1px solid rgba(255,255,255,0.1);justify-content:space-between;display:flex;background:rgba(255,255,255,0.05);backdrop-filter:blur(15px);border-radius:22px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);gap:30px;overflow:hidden}.reach_out .reach_support{overflow:hidden;padding:60px 40px;width:40%;position:relative;background:linear-gradient(to bottom right,rgb(171,206,189),rgb(183,110,128))}.reach_out .reach_support::before{background:rgb(183,110,128);position:absolute;height:200px;right:-100px;border-radius:50%;content:'';width:200px;top:-100px;opacity:0.4}.reach_out .reach_support::after{bottom:-75px;border-radius:50%;width:150px;background:rgb(171,206,189);left:-75px;content:'';position:absolute;height:150px;opacity:0.3}.reach_out .reach_support h3{z-index:5;position:relative;font-weight:700;font-size:35px;color:#ffffff;margin-bottom:40px}.reach_out .reach_support div{position:relative;display:flex;z-index:5;align-items:center;transition:transform 0.3s ease;margin-bottom:25px}.reach_out .reach_support div:hover{transform:translateX(10px)}.reach_out .reach_support div svg{margin-right:15px;width:24px;flex-shrink:0;height:24px}.reach_out .reach_support div svg path{fill:#ffffff;transition:fill 0.3s ease}.reach_out .reach_support div:hover svg path{fill:rgb(230,237,239)}.reach_out .reach_support div span{color:#ffffff;font-weight:400;font-size:12px}.reach_out .reach_support div span a{color:#ffffff;text-decoration:none;transition:color 0.3s ease}.reach_out .reach_support div span a:hover{text-decoration:underline;color:rgb(230,237,239)}.reach_out .help_links{padding:60px 40px;position:relative;background:rgba(255,255,255,0.1);overflow:hidden;width:60%}.reach_out .help_links::before{height:5px;top:0;left:0;background:linear-gradient(to right,rgb(171,206,189),rgb(183,110,128));width:100%;position:absolute;content:''}.reach_out .help_links h3{font-weight:600;position:relative;color:#ffffff;margin-bottom:30px;font-size:23px}.reach_out .help_links h3::after{left:0;bottom:-10px;height:3px;content:'';background:rgb(183,110,128);width:50px;position:absolute}.reach_out form{display:flex;width:100%;flex-direction:column}.reach_out form input[type="text"],.reach_out form input[type="email"]{padding:16px 20px;transition:all 0.3s ease;color:#ffffff;font-size:12px;border-radius:10px;border:1px solid transparent;font-family:Arial,sans-serif;margin-bottom:20px;border:none;background:rgba(255,255,255,0.08)}.reach_out form input[type="text"]:focus,.reach_out form input[type="email"]:focus{box-shadow:0 0 15px rgba(rgb(183,110,128),0.2);border-color:rgb(183,110,128);outline:none;background:rgba(255,255,255,0.12);transform:translateY(-2px)}.reach_out form input::placeholder{color:rgba(255,255,255,0.6)}.reach_out .message_box{position:relative;display:flex;margin-bottom:25px;align-items:flex-start}.reach_out .message_box input[type="checkbox"]{cursor:pointer;width:0;height:0;opacity:0;position:absolute}.reach_out .message_box label{padding-left:35px;position:relative;line-height:1.5;cursor:pointer;color:rgba(255,255,255,0.8);font-size:12px}.reach_out .message_box label::before{height:22px;left:0;transition:all 0.3s ease;position:absolute;border-radius:10px;top:2px;border:2px solid rgb(183,110,128);width:22px;content:'';background:transparent}.reach_out .message_box input[type="checkbox"]:checked + label::before{background:rgb(183,110,128)}.reach_out .message_box input[type="checkbox"]:checked + label::after{content:'';transform:rotate(45deg);width:6px;border-width:0 2px 2px 0;border:solid white;left:8px;top:5px;position:absolute;height:12px}.reach_out .message_box label a{transition:color 0.3s ease;color:rgb(183,110,128);text-decoration:none}.reach_out .message_box label a:hover{text-decoration:underline;color:#ffffff}.reach_out form .connect_widget{font-size:15px;background:linear-gradient(to right,rgb(171,206,189),rgb(183,110,128));padding:16px 30px;font-weight:600;position:relative;transition:all 0.3s ease;border:none;cursor:pointer;color:#ffffff;border-radius:10px;overflow:hidden}.reach_out form .connect_widget::before{transition:all 0.5s ease;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);content:"";left:-100%;width:100%;height:100%;top:0;position:absolute}.reach_out form .connect_widget:hover::before{left:100%}.reach_out form .connect_widget:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}@keyframes pulse {0%{transform:scale(1);opacity:0.8}50%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:0.8}} @keyframes float {0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}} .reach_out .reach_support div:nth-child(2){animation:float 5s infinite ease-in-out}.reach_out .reach_support div:nth-child(3){animation:float 7s infinite ease-in-out}.reach_out .reach_support div:nth-child(4){animation:float 6s infinite ease-in-out}.reach_out .reach_support div:nth-child(5){animation:float 8s infinite ease-in-out}@media screen and (max-width: 992px) {.reach_out{padding:80px 0}.reach_out .feedback_reach{flex-direction:column}.reach_out .reach_support,.reach_out .help_links{width:100%;padding:40px 30px}.reach_out .reach_support h3{margin-bottom:30px;font-size:calc(35px * 0.9)}.reach_out .reach_support div{margin-bottom:20px}} @media screen and (max-width: 576px) {.reach_out{padding:60px 0}.reach_out .container{width:95%}.reach_out .reach_support,.reach_out .help_links{padding:30px 20px}.reach_out .reach_support h3{margin-bottom:25px;font-size:calc(35px * 0.8)}.reach_out .help_links h3{font-size:calc(23px * 0.9)}.reach_out form input[type="text"],.reach_out form input[type="email"]{padding:14px 16px;margin-bottom:15px}.reach_out .message_box label{font-size:calc(12px * 0.9)}.reach_out form .connect_widget{padding:14px 20px}}.privacy_panel{background-color:#ffffff;transition:all 0.3s ease;width:100%;overflow:hidden;padding:40px;box-shadow:0 4px 6px rgba(0,0,0,0.5);height:auto}.privacy_panel:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,0.5)}.privacy_panel h1{font-family:Arial,sans-serif;font-weight:700;font-size:47px;margin-top:20px;margin-bottom:15px;color:rgb(171,206,189);text-transform:uppercase}.privacy_panel h2{border-bottom:2px solid rgb(171,206,189,0.5);padding-bottom:5px;font-family:Arial,sans-serif;margin-bottom:10px;font-size:38px;font-weight:600;margin-top:15px;color:rgb(183,110,128)}.privacy_panel h3,.privacy_panel h4,.privacy_panel h5,.privacy_panel h6{text-transform:capitalize;margin-top:10px;font-family:Arial,sans-serif;font-size:24px;margin-bottom:5px;color:#000000;font-weight:400}.privacy_panel ul,.privacy_panel ol{list-style:none;color:#000000;padding-left:20px;margin:10px 0;line-height:1.6;font-size:17px;font-family:Arial,sans-serif;list-style-position:inside}.privacy_panel li{margin-bottom:8px;position:relative;padding-left:20px}.privacy_panel li::before{font-size:1.2em;content:"•";left:0;position:absolute;color:rgb(171,206,189)}.privacy_panel section{padding:20px;transition:background 0.3s ease;background:rgb(230,237,239);border-radius:10px}.privacy_panel section:hover{background:rgb(171,206,189,0.5)}.privacy_panel p,.privacy_panel span,.privacy_panel div{margin-bottom:10px;transition:color 0.3s ease;line-height:1.8;font-size:17px;color:#000000;font-family:Arial,sans-serif}.privacy_panel p:hover,.privacy_panel span:hover,.privacy_panel div:hover{color:#000000}@media only screen and (max-width: 800px) {.privacy_panel{padding:20px}.privacy_panel h1{font-size:calc(24px - 10px)}.privacy_panel h2{font-size:calc(24px - 8px)}.privacy_panel h3,.privacy_panel h4,.privacy_panel h5,.privacy_panel h6{font-size:calc(24px - 5px)}.privacy_panel ul,.privacy_panel ol{padding-left:15px;font-size:calc(17px - 2px)}}.learning_process{overflow:hidden;background:linear-gradient(135deg,rgb(230,237,239) 0%,rgb(183,110,128,0.5) 100%);padding:7rem 0;perspective:1000px;position:relative}.learning_process::before{left:-5%;z-index:1;pointer-events:none;background:repeating-linear-gradient( 45deg,rgb(171,206,189,0.5) 0px,transparent 2px,transparent 10px,rgb(171,206,189,0.5) 12px );top:-5%;opacity:0.05;bottom:-5%;transform:rotateX(45deg) rotateZ(-2deg);animation:patternShift 20s infinite linear;position:absolute;right:-5%;content:""}.learning_process::after{top:0;background:radial-gradient( circle at 75% 25%,rgb(171,206,189,0.5) 0%,transparent 60% );opacity:0.2;height:100%;width:100%;left:0;position:absolute;content:"";z-index:0}.learning_process .container.digital_education{border-left:3px solid rgb(171,206,189);transition:transform 0.5s cubic-bezier(0.215,0.61,0.355,1);max-width:1140px;background:#ffffff;margin:0 auto;z-index:2;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.08),0 5px 15px rgba(0,0,0,0.05);transform-style:preserve-3d}.learning_process .container.digital_education:hover{transform:translateY(-5px) rotateX(2deg)}.learning_process .container.digital_education > div{overflow:hidden;padding:3.5rem;position:relative}.learning_process .container.digital_education > div::before{content:"";width:100%;left:0;height:5px;background:linear-gradient( 90deg,rgb(171,206,189) 0%,rgb(183,110,128) 100% );position:absolute;z-index:1;top:0}.learning_process h3{color:#000000;font-weight:700;transform:translateZ(10px);position:relative;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.2;margin-bottom:2rem;letter-spacing:-0.01em;display:inline-block}.learning_process h3::after{background:rgb(183,110,128);bottom:-10px;height:3px;transition:width 0.6s cubic-bezier(0.19,1,0.22,1);position:absolute;left:0;width:0;content:""}.learning_process .container.digital_education:hover h3::after{width:100%}.learning_process p{position:relative;font-size:18px;z-index:2;line-height:1.8;color:#000000;margin-bottom:0;max-width:90%}.learning_process p span{position:relative;animation:textFadeIn 1s ease-out forwards;opacity:0;display:inline-block;border-left:2px solid rgb(171,206,189,0.5);padding-left:1rem;transform:translateY(20px)}@keyframes textFadeIn {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} @keyframes patternShift {0%{background-position:0 0}100%{background-position:100px 100px}} @media (min-width: 992px) {.learning_process .container.digital_education > div{padding:4.5rem}.learning_process h3{padding-left:20px;margin-left:-20px}.learning_process p{font-size:calc(18px + 0.1rem);margin-left:2rem;line-height:1.9;max-width:80%}.learning_process p span{padding-left:1.5rem;border-left-width:3px}.learning_process .container.digital_education{transition:transform 0.6s cubic-bezier(0.23,1,0.32,1),box-shadow 0.6s ease}.learning_process .container.digital_education:hover{box-shadow:0 30px 60px rgba(0,0,0,0.1),0 10px 25px rgba(0,0,0,0.05);transform:translateY(-10px) rotateX(3deg)}} @media (max-width: 991.98px) {.learning_process{padding:5rem 0}.learning_process .container.digital_education > div{padding:3rem 2.5rem}.learning_process h3{font-size:1.75rem;margin-bottom:1.5rem}.learning_process p{max-width:100%}} @media (max-width: 767.98px) {.learning_process{padding:4rem 0}.learning_process .container.digital_education{margin:0 15px}.learning_process .container.digital_education > div{padding:2.5rem 1.5rem}.learning_process h3{margin-bottom:1.25rem;font-size:1.5rem}.learning_process p span{border-left-width:1px;padding-left:0.75rem}} @media (max-width: 575.98px) {.learning_process{padding:3rem 0}.learning_process .container.digital_education > div{padding:2rem 1.25rem}.learning_process h3{margin-bottom:1rem;line-height:1.3;font-size:1.35rem}.learning_process p{font-size:calc(18px - 0.05rem);line-height:1.7}} @media (hover: hover) {.learning_process .container.digital_education{cursor:default}.learning_process .container.digital_education::after{inset:0;transition:opacity 0.4s ease;background:linear-gradient( 135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.03) 100% );opacity:0;position:absolute;content:""}.learning_process .container.digital_education:hover::after{opacity:1}} @media (prefers-reduced-motion: reduce) {.learning_process .container.digital_education:hover{transform:translateY(-5px)}.learning_process::before{animation:none}.learning_process p span{opacity:1;transform:none;animation:none}}.windowPrivacySettings{position:fixed;width:100%;animation:slideUp 0.5s forwards;bottom:0;transition:transform 0.5s ease-in-out;background:rgb(183,110,128);padding:20px 0;transform:translateY(100%);font-family:Arial,sans-serif;z-index:90;border-top:3px solid rgb(183,110,128);box-shadow:0 -4px 10px rgba(0,0,0,0.5)}@keyframes slideUp {to{transform:translateY(0)}} .cookie_show{justify-content:space-between;gap:20px;align-items:center;padding:20px 5%;display:flex}.windowPrivacySettings h5{font-weight:700;color:#ffffff;font-size:24px;text-transform:uppercase;letter-spacing:1px}.windowPrivacySettings p{line-height:1.5;margin:0;color:#ffffff;font-size:15px}.data_guard{justify-content:center;align-items:center;margin-right:15px;filter:drop-shadow(0 0 10px rgb(171,206,189));display:flex;flex-shrink:0}.data_guard svg{fill:rgb(171,206,189);width:80px;height:80px;transition:transform 0.3s ease-in-out}.data_guard:hover svg{transform:scale(1.1)}.cookie_view{text-decoration:none;min-width:140px;flex-shrink:0;line-height:40px;white-space:nowrap;font-size:17px;transition:background-color 0.3s ease,box-shadow 0.3s ease;color:#000000;text-align:center;box-shadow:0 0 15px rgb(171,206,189);background:linear-gradient(90deg,rgb(171,206,189),rgb(183,110,128));margin-left:10px;border-radius:12px;padding:10px 20px;cursor:pointer}.cookie_view:hover{box-shadow:0 0 20px rgb(183,110,128)}.cookie_button.cookies_tracking:hover{box-shadow:0 0 15px rgb(183,110,128)}.windowPrivacySettings p a{text-decoration:none;transition:color 0.3s ease;color:rgb(171,206,189)}.windowPrivacySettings p a:hover{color:rgb(183,110,128)}#bannerPrivacyAlert{display:none}#bannerPrivacyAlert:checked ~ .windowPrivacySettings{opacity:0;visibility:hidden}@media only screen and (max-width: 1200px) {.windowPrivacySettings{padding:15px 0}.cookie_show{padding:15px 5%}} @media only screen and (max-width: 800px) {.data_guard{display:none}.cookie_show{text-align:center;align-items:center;flex-direction:column}.windowPrivacySettings h5{margin-bottom:5px;font-size:16px}.consent_box{margin-bottom:15px}.cookie_view{margin:10px 0;min-width:100%}} .thanksBox{position:relative;padding:120px 0;overflow:hidden;background:linear-gradient(135deg,rgb(230,237,239) 0%,rgb(183,110,128,0.5) 100%)}.thanksBox::before{content:"";background:radial-gradient(circle,rgb(171,206,189,0.5) 0%,transparent 70%);animation:pulse 8s infinite alternate ease-in-out;width:300px;height:300px;top:-50px;transform:rotate(-15deg);z-index:1;right:-50px;opacity:0.6;position:absolute}.thanksBox::after{width:400px;z-index:1;bottom:-100px;content:"";background:radial-gradient(ellipse,rgb(183,110,128,0.5) 0%,transparent 70%);opacity:0.4;animation:float 12s infinite alternate ease-in-out;position:absolute;height:400px;left:-100px}.thanksBox .container{position:relative;padding:0 20px;margin:0 auto;max-width:1140px;z-index:2}.thanksBox h2{position:relative;opacity:1;transform:translateY(0);margin-bottom:40px;animation:slideInTitle 1.2s ease-out;color:#000000;font-size:34px;font-weight:700}.thanksBox h2::after{width:80px;transform-origin:left;left:0;position:absolute;height:4px;background:linear-gradient(90deg,rgb(171,206,189) 0%,rgb(183,110,128) 100%);animation:expandWidth 1.5s ease-out forwards 0.5s;content:"";bottom:-15px}.thanksBox .digital_education{animation:slideInContent 1.5s ease-out 0.3s both;padding:40px;position:relative;box-shadow:0 15px 35px rgba(0,0,0,0.08);transform:translateY(0);background:#ffffff}.thanksBox .digital_education::before{top:0;height:100%;position:absolute;width:100%;background:linear-gradient(135deg,transparent 0%,rgb(255,255,255,0.5) 100%);left:0;content:"";z-index:-1}.thanksBox ul{padding:0;list-style:none;margin:0}.thanksBox li{animation:fadeIn 1.8s ease-out 0.6s both;padding-left:25px;margin-bottom:15px;position:relative}.thanksBox li::before{top:10px;background:rgb(171,206,189);content:"";left:0;animation:rotateMark 6s infinite alternate ease-in-out;transform:rotate(45deg);height:8px;position:absolute;width:8px}.thanksBox li span{line-height:1.8;font-size:14px;color:#000000;display:block;font-family:Arial,sans-serif}@keyframes slideInTitle {from{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes slideInContent {from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes expandWidth {from{transform:scaleX(0.3)}to{transform:scaleX(1)}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes rotateMark {0%{transform:rotate(45deg)}50%{transform:rotate(135deg)}100%{transform:rotate(45deg)}} @keyframes pulse {0%{transform:scale(1) rotate(-15deg);opacity:0.6}50%{transform:scale(1.1) rotate(-15deg);opacity:0.8}100%{transform:scale(1) rotate(-15deg);opacity:0.6}} @keyframes float {0%{transform:translateY(0)}50%{transform:translateY(-30px)}100%{transform:translateY(0)}} @media (max-width: 992px) {.thanksBox{padding:80px 0}.thanksBox h2{font-size:calc(34px * 0.9)}.thanksBox .digital_education{padding:30px}} @media (max-width: 768px) {.thanksBox{padding:60px 0}.thanksBox h2{margin-bottom:30px;font-size:calc(34px * 0.8)}.thanksBox h2::after{width:60px}.thanksBox .digital_education{padding:25px}.thanksBox::before{width:200px;height:200px}.thanksBox::after{width:250px;height:250px}} @media (max-width: 576px) {.thanksBox{padding:40px 0}.thanksBox h2{font-size:calc(34px * 0.7);margin-bottom:25px}.thanksBox h2::after{height:3px;width:50px}.thanksBox .digital_education{padding:20px}.thanksBox li{padding-left:20px}.thanksBox li span{font-size:calc(14px * 0.95);line-height:1.6}} @media (prefers-reduced-motion: reduce) {.thanksBox,.thanksBox::before,.thanksBox::after,.thanksBox h2,.thanksBox h2::after,.thanksBox .digital_education,.thanksBox li,.thanksBox li::before{animation:none;transition:none}} @supports (container-type:inline-size){.thanksBox .container{container-name:thanks-container;container-type:inline-size}@container thanks-container (max-width:768px){.thanksBox .digital_education{padding:20px}.thanksBox h2{margin-bottom:25px}}}.user_reviews{position:relative;padding:6rem 2rem;background:linear-gradient(135deg,rgb(230,237,239) 0%,rgb(171,206,189,0.5) 100%);overflow:hidden}.user_reviews::before{right:0;bottom:0;z-index:0;left:0;background:linear-gradient(45deg,transparent 49.5%,rgb(183,110,128,0.5) 49.5%,rgb(183,110,128,0.5) 50.5%,transparent 50.5%);content:"";position:absolute;top:0}.user_reviews .digital_education{position:relative;max-width:1200px;margin:0 auto;z-index:1}.user_reviews h4{font-weight:700;margin-bottom:4rem;transform:skewX(-5deg);position:relative;text-align:center;font-size:35px;color:#000000}.user_reviews h4::after{height:4px;background:rgb(171,206,189);border-radius:10px;transform:translateX(-50%);content:"";position:absolute;width:100px;bottom:-15px;left:50%}.user_reviews .learn_ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;perspective:1000px}.user_reviews .opinion_corner{transition:all 0.5s ease;transform:rotateX(10deg) rotateY(-5deg);overflow:hidden;border-radius:27px;padding:2.5rem;background:#ffffff;backface-visibility:hidden;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.08)}.user_reviews .opinion_corner::before{content:"";position:absolute;height:100px;transform:translate(30%,-30%) rotate(45deg);width:100px;top:0;right:0;background:rgb(171,206,189,0.5);z-index:0}.user_reviews .opinion_corner:hover{transform:rotateX(0) rotateY(0);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.user_reviews .opinion_corner .pic_wrap_item{width:80px;box-shadow:0 5px 15px rgba(0,0,0,0.1);border:4px solid #ffffff;height:80px;border-radius:50%;transition:all 0.3s ease;margin:0 auto 1.5rem}.user_reviews .opinion_corner:hover .pic_wrap_item{border-color:rgb(171,206,189);transform:scale(1.1)}.user_reviews .opinion_corner span{position:relative;text-align:center;font-weight:600;font-size:20px;margin-bottom:1rem;color:#000000;display:block}.user_reviews .opinion_corner span::after{display:block;width:40px;content:"";margin:0.5rem auto;height:2px;background:rgb(171,206,189)}.user_reviews .opinion_corner p{color:#000000;text-align:center;font-size:15px;line-height:1.6}@media (max-width: 992px) {.user_reviews .learn_ratings{grid-template-columns:repeat(2,1fr)}.user_reviews h4{font-size:calc(35px * 0.9)}} @media (max-width: 768px) {.user_reviews{padding:4rem 1.5rem}.user_reviews .learn_ratings{gap:2rem;grid-template-columns:1fr}.user_reviews h4{font-size:calc(35px * 0.8);margin-bottom:3rem}.user_reviews .opinion_corner{padding:2rem}}.course_rewards{perspective:1000px;overflow:hidden;background:linear-gradient(to right,rgb(230,237,239) 0%,#ffffff 100%);padding:8rem 0;position:relative}.course_rewards::before{right:-10%;background:linear-gradient(135deg,transparent 0%,rgb(171,206,189,0.5) 100%);content:'';width:70%;position:absolute;top:-10%;transform:rotate(-15deg);opacity:0.5;height:120%;z-index:1}.course_rewards .digital_education{z-index:2;max-width:100%;position:relative;margin:0 auto;display:flex;width:100%}.course_rewards .pic_wrap_item{height:600px;position:relative;box-shadow:20px 20px 60px rgba(0,0,0,0.15);transform-origin:left center;width:50%;transform:rotateY(15deg) translateX(-5vw);transition:transform 0.5s ease;z-index:2}.course_rewards .pic_wrap_item:hover{transform:rotateY(5deg) translateX(-3vw)}.course_rewards .pic_wrap_item::after{content:'';position:absolute;z-index:1;background:linear-gradient(to right,rgb(171,206,189,0.5) 0%,transparent 100%);inset:0}.course_rewards .content_wrap{transform:rotateY(-5deg);width:50%;transition:transform 0.5s ease;padding:3rem 5vw;transform-origin:right center}.course_rewards .content_wrap:hover{transform:rotateY(0deg)}.course_rewards h2{margin-bottom:3rem;position:relative;font-weight:700;color:#000000;border-left:5px solid rgb(171,206,189);font-size:30px;padding-left:2rem}.course_rewards .text_main_holder{position:relative;display:grid;grid-template-columns:1fr;gap:2rem}.course_rewards .text_main_holder > div{position:relative;align-items:flex-start;z-index:1;padding:2rem;overflow:hidden;display:flex;box-shadow:0 15px 30px rgba(0,0,0,0.05);background:#ffffff;border-radius:19px;transition:all 0.4s ease}.course_rewards .text_main_holder > div::before{background:linear-gradient(135deg,rgb(171,206,189,0.5) 0%,transparent 100%);opacity:0;z-index:-1;position:absolute;content:'';inset:0;transition:opacity 0.4s ease}.course_rewards .text_main_holder > div:hover{box-shadow:0 25px 50px rgba(0,0,0,0.1);transform:translateX(1rem) scale(1.03)}.course_rewards .text_main_holder > div:hover::before{opacity:1}.course_rewards .text_main_holder svg{width:3rem;transition:all 0.3s ease;flex-shrink:0;height:3rem;margin-right:1.5rem}.course_rewards .text_main_holder > div:hover svg{transform:rotate(10deg)}.course_rewards .text_main_holder svg path{transition:fill 0.3s ease;fill:rgb(171,206,189)}.course_rewards .text_main_holder > div:hover svg path{fill:rgb(183,110,128)}.course_rewards .text_main_holder p{line-height:1.6;font-size:14px;color:#000000;margin:0}@media (max-width: 1200px) {.course_rewards .pic_wrap_item{height:500px;width:45%}.course_rewards .content_wrap{width:55%}} @media (max-width: 992px) {.course_rewards{padding:6rem 0;perspective:none}.course_rewards .digital_education{max-width:90%;flex-direction:column}.course_rewards .pic_wrap_item{transform:none;margin-bottom:3rem;width:100%;height:400px}.course_rewards .pic_wrap_item:hover{transform:none}.course_rewards .content_wrap{padding:0;transform:none;width:100%}.course_rewards .content_wrap:hover{transform:none}.course_rewards .text_main_holder > div:hover{transform:translateX(0) scale(1.03)}} @media (max-width: 768px) {.course_rewards{padding:5rem 0}.course_rewards .pic_wrap_item{height:350px}.course_rewards h2{margin-bottom:2.5rem;font-size:calc(30px * 0.9)}.course_rewards .text_main_holder > div{padding:1.5rem}} @media (max-width: 576px) {.course_rewards .digital_education{max-width:95%}.course_rewards .pic_wrap_item{height:250px}.course_rewards h2{padding-left:1.5rem}.course_rewards .text_main_holder > div{padding:1.2rem}.course_rewards .text_main_holder svg{height:2.5rem;margin-right:1rem;width:2.5rem}}.welcome_page{min-height:100vh;overflow:hidden;perspective:1000px;position:relative;background:linear-gradient(135deg,rgb(230,237,239),rgb(183,110,128,0.5) 70%)}.welcome_page::before{content:"";height:100%;background:linear-gradient(45deg,rgba(255,255,255,0.03) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.03) 50%,rgba(255,255,255,0.03) 75%,transparent 75%);top:0;background-size:80px 80px;z-index:1;left:0;width:100%;animation:backgroundShift 40s linear infinite;position:absolute;opacity:0.5}@keyframes backgroundShift {0%{background-position:0 0}100%{background-position:160px 160px}} .welcome_page .digital_education{padding:4rem 2rem;margin:0 auto;grid-template-columns:1fr 1fr;height:100%;position:relative;max-width:1400px;z-index:5;min-height:85vh;display:grid;grid-gap:2rem}.welcome_page h1{text-shadow:0 4px 12px rgba(0,0,0,0.1);position:relative;opacity:0;animation:fadeSlideIn 1.2s cubic-bezier(0.17,0.67,0.43,0.99) forwards;grid-column:1 / -1;font-weight:700;margin-bottom:2rem;font-size:calc(42px * 1.2);color:#000000;transform:translateZ(60px)}.welcome_page h1::after{left:0;height:4px;animation:lineExpand 1.5s cubic-bezier(0.17,0.67,0.43,0.99) forwards 0.6s;content:"";transform:scaleX(0);bottom:-10px;width:80px;background:rgb(171,206,189);position:absolute;transform-origin:left center}@keyframes lineExpand {0%{transform:scaleX(0)}100%{transform:scaleX(1)}} .welcome_page .content_wrap{flex-direction:column;justify-content:center;transform:translateZ(30px);transform-style:preserve-3d;opacity:0;display:flex;animation:fadeSlideIn 1.2s cubic-bezier(0.17,0.67,0.43,0.99) forwards 0.3s}@keyframes fadeSlideIn {0%{opacity:0;transform:translateY(40px) translateZ(0)}100%{opacity:1;transform:translateY(0) translateZ(30px)}} .welcome_page .learning_main{flex-direction:column;background:linear-gradient(120deg,rgba(255,255,255,0.95),rgba(255,255,255,0.85));gap:1.5rem;padding:2rem;transform:rotate(-2deg);box-shadow:0 15px 35px rgba(0,0,0,0.1),0 5px 15px rgba(0,0,0,0.07);display:flex;border-left:4px solid rgb(171,206,189);transition:transform 0.5s cubic-bezier(0.17,0.67,0.43,0.99)}.welcome_page .learning_main:hover{transform:rotate(0deg) translateY(-10px)}.welcome_page .learning_main p{font-size:calc(18px * 1.2);margin-bottom:1.5rem;line-height:1.6;color:#000000}.welcome_page svg{transform:translateZ(20px);height:100px;align-self:center;filter:drop-shadow(0 5px 10px rgba(94,170,168,0.3));transition:transform 0.5s cubic-bezier(0.17,0.67,0.43,0.99);width:100px}.welcome_page svg:hover{transform:translateZ(40px) scale(1.1)}.welcome_page svg path{fill:rgb(183,110,128);transition:fill 0.3s ease}.welcome_page svg:hover path{fill:rgb(171,206,189)}.welcome_page svg text{animation:textPulse 3s infinite alternate;font-family:Arial,sans-serif}@keyframes textPulse {0%{fill:rgb(183,110,128)}100%{fill:rgb(171,206,189)}} .welcome_page .learning_main div{margin-top:1rem;justify-content:center;display:flex}.welcome_page .connect_widget{background:linear-gradient(135deg,rgb(171,206,189),rgb(183,110,128));box-shadow:0 8px 20px rgba(94,170,168,0.3);text-decoration:none;display:inline-block;transform:translateZ(10px);border:none;font-weight:600;padding:0.8rem 2rem;overflow:hidden;position:relative;z-index:10;transition:all 0.4s cubic-bezier(0.17,0.67,0.43,0.99);font-size:20px;color:#ffffff}.welcome_page .connect_widget::before{left:-100%;content:"";transition:left 0.7s;width:100%;top:0;height:100%;position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}.welcome_page .connect_widget:hover{transform:translateZ(20px) scale(1.05);box-shadow:0 15px 30px rgba(94,170,168,0.4)}.welcome_page .connect_widget:hover::before{left:100%}.welcome_page .pic_wrap_item{box-shadow:25px 25px 45px rgba(0,0,0,0.2),-5px -5px 30px rgba(255,255,255,0.5);position:relative;opacity:0;transition:all 0.6s cubic-bezier(0.17,0.67,0.43,0.99);overflow:hidden;border-radius:27px;height:100%;min-height:400px;animation:photoReveal 1.8s cubic-bezier(0.17,0.67,0.43,0.99) forwards 0.6s;transform:translateZ(10px) perspective(800px) rotateY(-6deg)}@keyframes photoReveal {0%{opacity:0;transform:translateZ(10px) perspective(800px) rotateY(-20deg) translateX(100px)}100%{opacity:1;transform:translateZ(10px) perspective(800px) rotateY(-6deg) translateX(0)}} .welcome_page .pic_wrap_item::before{top:0;width:100%;left:0;background:linear-gradient( 135deg,rgb(171,206,189,0.5) 0%,transparent 70% );z-index:2;height:100%;content:"";position:absolute}.welcome_page .pic_wrap_item::after{width:100%;content:"";left:0;background:linear-gradient( to top,rgba(0,0,0,0.5) 0%,transparent 100% );z-index:3;position:absolute;height:40%;bottom:0}.welcome_page .pic_wrap_item:hover{transform:translateZ(50px) perspective(800px) rotateY(0deg)}@media (max-width:992px){.welcome_page .digital_education{min-height:auto;padding:3rem 1.5rem;grid-template-columns:1fr}.welcome_page h1{font-size:calc(42px * 1.1);text-align:center}.welcome_page h1::after{transform:translateX(-50%) scaleX(0);left:50%}@keyframes lineExpand {0%{transform:translateX(-50%) scaleX(0)}100%{transform:translateX(-50%) scaleX(1)}} .welcome_page .content_wrap{order:2}.welcome_page .pic_wrap_item{min-height:300px;order:1;transform:translateZ(10px) perspective(800px) rotateY(0);margin-bottom:2rem}@keyframes photoReveal {0%{opacity:0;transform:translateZ(10px) scale(0.9)}100%{opacity:1;transform:translateZ(10px) scale(1)}}}@media (max-width: 768px) {.welcome_page .digital_education{padding:2rem 1rem}.welcome_page h1{font-size:42px;margin-bottom:1.5rem}.welcome_page .learning_main{transform:rotate(0);padding:1.5rem}.welcome_page .learning_main p{font-size:18px}.welcome_page svg{height:80px;width:80px}.welcome_page .pic_wrap_item{min-height:250px}} @media (max-width: 576px) {.welcome_page{padding-top:1rem}.welcome_page .digital_education{padding:1.5rem 1rem;grid-gap:1.5rem}.welcome_page h1{font-size:calc(42px * 0.9)}.welcome_page .learning_main{padding:1.25rem}.welcome_page svg{width:60px;height:60px}.welcome_page .connect_widget{padding:0.7rem 1.5rem}.welcome_page .pic_wrap_item{min-height:200px}}