header,footer{width:100%}header{z-index:100;position:relative;overflow:visible;margin-top:0;background:rgb(102,125,120);padding:0}html,body{font-family:Arial,sans-serif;height:100%;color:#000000;min-height:100%;auto contain touch-action:none;scroll-behavior:smooth}.program_detailsJ::before{position:absolute;content:"";height:100%;width:100%;left:0;background:radial-gradient(circle at 20% 30%,rgb(102,125,120,0.5) 0%,transparent 60%);top:0;pointer-events:none;z-index:0}.program_detailsJ h2{font-size:28px;margin-bottom:3.5rem;transform:translateX(-0.5rem);position:relative;max-width:85%;color:#000000;font-weight:700}.program_detailsJ .content_photoq{position:relative;transform:perspective(1000px) rotateY(-2deg);transition:transform 0.5s cubic-bezier(0.215,0.61,0.355,1);box-shadow:0 15px 35px rgba(0,0,0,0.1);height:400px;overflow:hidden;border-radius:0.5rem}.program_detailsJ .description{font-size:12px;color:#000000;margin-bottom:1.5rem;position:relative;line-height:1.8;font-family:Arial,sans-serif}header::after{width:100%;left:0;top:0;content:'';height:100%;position:absolute;z-index:0;background:linear-gradient(to right,transparent 0%,rgb(102,125,120,0.5) 50%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgb(102,125,120,0.5) 50%,transparent 100%)}header .top_tutorA::before{transition:all 0.4s ease;left:0;border-bottom:1px solid rgba(255,255,255,0.2);transform:scaleX(0);width:100%;border-top:1px solid rgba(255,255,255,0.2);top:0;content:'';position:absolute;opacity:0;height:100%}header .top_wrapk{padding:0;display:flex;list-style:none;position:relative;margin:0;z-index:2}header .nav_learng a{color:#ffffff;position:relative;text-decoration:none;letter-spacing:1px;font-weight:600;justify-content:center;display:flex;border-left:1px solid transparent;z-index:1;align-items:center;height:45px;padding:0 1.2rem;transition:all 0.3s ease;border-right:1px solid transparent;font-size:13px;overflow:hidden}header .nav_learng::before{transform:translateY(-50%) scale(0);content:'';top:50%;width:5px;height:5px;transition:transform 0.3s ease;background:rgb(137,163,161);position:absolute;left:-10px}header .nav_learng:last-child::after{color:rgb(137,163,161);font-weight:700;right:-10px;content:'|';top:50%;transform:translateY(-50%);position:absolute;animation:typingCursor 1s infinite}.secure_boltF h2{margin-top:40px;margin-bottom:25px;font-weight:600;color:transparent;padding-bottom:10px;color:rgb(102,125,120);font-size:32px;border-bottom:1px solid rgb(102,125,120);background:linear-gradient(90deg,rgb(102,125,120),rgb(137,163,161));-webkit-background-clip:text !important;letter-spacing:1px}.secure_boltF section{margin-top:30px;border-radius:10px;padding:25px;background:rgb(172,200,198);box-shadow:0 0 15px rgb(137,163,161,0.5)}.appFieldU::before{position:absolute;z-index:1;background:linear-gradient(120deg,rgb(102,125,120,0.5) 0%,transparent 70%);content:"";right:-5%;transform:rotate(-15deg) skewX(15deg);top:-10%;width:40%;opacity:0.6;height:70%}.appFieldU h2{line-height:1.4;animation:fadeInUp 0.8s ease-out forwards;opacity:1;font-weight:700;transform:translateY(0);color:#000000;max-width:90%;margin-bottom:50px;font-size:34px;position:relative}.appFieldU .why_trustz::before{bottom:0;content:"";background:linear-gradient(135deg,#ffffff 0%,#ffffff 100%);left:0;clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,0 100%);right:0;position:absolute;z-index:-1;top:0}.appFieldU ul{margin:0;list-style:none;padding:0}.appFieldU span{opacity:0;color:#000000;display:block;animation:fadeInUp 0.8s ease-out 0.5s forwards;font-size:calc(17px * 1.05);line-height:1.8;transform:translateY(10px);letter-spacing:0.02em;font-family:Arial,sans-serif}header .top_plank .top_areau div img,header .top_plank .top_areau div svg{height:16px;margin-right:8px;width:16px}.sustain_ctaV::after{left:0;content:'';position:absolute;background:linear-gradient(90deg,transparent,rgb(137,163,161),transparent);right:0;z-index:2;top:0;height:3px;animation:glowLine 3s infinite alternate}.sustain_ctaV .info_item{transition:transform 0.3s ease;max-width:300px;flex:1;text-align:center;min-width:200px}.sustain_ctaV .info_item:hover{transform:translateY(-5px)}.sustain_ctaV .info_item p,.sustain_ctaV .info_item a{align-items:center;gap:0.5rem;padding:0.75rem;background:linear-gradient(135deg,rgba(0,0,0,0.5) 0%,transparent 100%);text-decoration:none;justify-content:center;border:1px solid transparent;color:#ffffff;font-size:calc(12px - 2px);border-radius:10px;transition:all 0.3s ease;display:flex}.sustain_ctaV .edu_linksK{max-width:280px;opacity:0.7;font-size:calc(14px - 1px);line-height:1.5;color:#ffffff}.sustain_ctaV .top_wrapk:hover h5::after{width:80px}.sustain_ctaV .main_headeri{gap:0.75rem;display:flex;flex-direction:column}.sustain_ctaV .main_headeri a::before{transform:translateY(-50%);border-radius:50%;top:50%;height:5px;width:5px;background:rgb(102,125,120);left:0;position:absolute;transition:all 0.3s ease;content:''}.sustain_ctaV .subscribe_holder::before{opacity:0.1;top:0;position:absolute;content:'';bottom:0;z-index:-1;left:0;background:radial-gradient(circle at top right,rgb(137,163,161,0.5) 0%,transparent 70%);right:0}.sustain_ctaV .input_holder input[type="email"]:focus{box-shadow:0 0 10px rgb(137,163,161,0.5);outline:none;border-color:rgb(137,163,161)}.sustain_ctaV .sub_scalea::before{height:100%;content:'';left:-100%;width:100%;position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.7s ease;top:0}.sustain_ctaV .design_resO{border-top:1px solid rgb(102,125,120,0.5);margin-top:3rem;text-align:center;position:relative;padding-top:1.5rem}.our_backgroundG::before{width:100%;top:0;position:absolute;background:linear-gradient(135deg,rgba(0,0,0,0.85),rgba(0,0,0,0.65));content:"";height:100%;z-index:1;left:0}.our_backgroundG::before{background-position:0% 0%;background-size:200% 200%;transition:background-position 0.5s cubic-bezier(0.22,1,0.36,1)}.our_backgroundG:hover h4{transform:translateY(-5px)}.our_backgroundG:hover h4::after{transform:translateX(-50%) scaleX(1.2)}.our_backgroundG .textual_boxJ{position:relative;clip-path:polygon( 0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100% );background:rgba(255,255,255,0.9);box-shadow:0 20px 60px rgba(0,0,0,0.15),0 10px 25px rgba(0,0,0,0.1);transition:transform 0.8s cubic-bezier(0.22,1,0.36,1),box-shadow 0.8s cubic-bezier(0.22,1,0.36,1);border-radius:10px;transform:perspective(1000px) rotateY(0deg);padding:40px}.our_backgroundG .textual_boxJ h6::after{content:"";bottom:-8px;width:100%;background:linear-gradient( 90deg,rgb(137,163,161) 0%,rgb(102,125,120) 100% );left:0;height:2px;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);position:absolute;transform-origin:left;transform:scaleX(0.5)}.reach_outx{padding:100px 0;overflow:hidden;position:relative;background:rgb(172,200,198)}.reach_outx .content_photoq{left:0;filter:saturate(0.5) brightness(1.2);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);z-index:0;top:0;position:absolute;height:100%;opacity:0.1;width:100%}.reach_outx h3{margin-bottom:50px;position:relative;text-transform:uppercase;color:rgb(137,163,161);font-weight:700;z-index:2;font-size:33px;letter-spacing:2px;text-align:center}.reach_outx h3::after{width:40px;background:rgb(102,125,120);content:"";left:50%;height:2px;transform:translateX(-50%);position:absolute;bottom:-25px}.reach_outx .inquiry_linksv h3{margin-bottom:30px;letter-spacing:normal;color:#000000;text-transform:none;text-align:left;font-size:22px;font-weight:600}.reach_outx .inquiry_linksv input[type="text"]:focus,.reach_outx .inquiry_linksv textarea:focus{outline:none;border-color:rgb(137,163,161);box-shadow:0 0 0 4px rgb(137,163,161,0.5)}.reach_outx .inquiry_linksv .support_gridd input[type="checkbox"]{position:absolute;opacity:0}.reach_outx .inquiry_linksv .support_gridd label::before{height:18px;left:0;transition:all 0.3s ease;top:3px;content:"";border-radius:2px;position:absolute;width:18px;border:2px solid rgb(172,200,198)}.reach_outx .inquiry_linksv .support_gridd a::after{transform-origin:right;width:100%;bottom:-2px;transform:scaleX(0);left:0;position:absolute;transition:transform 0.3s ease;content:"";height:1px;background:rgb(137,163,161)}.reach_outx .inquiry_linksv .support_mapb:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);color:#ffffff;transform:translateY(-3px)}.reach_outx .inquiry_linksv .support_mapb:hover::before{width:100%}.reach_outx .connect_reachh::before{left:0;background-position:0 0,0 15px,15px -15px,-15px 0px;opacity:0.03;top:0;background-image:linear-gradient(45deg,rgb(137,163,161,0.5) 25%,transparent 25%),linear-gradient(-45deg,rgb(137,163,161,0.5) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(137,163,161,0.5) 75%),linear-gradient(-45deg,transparent 75%,rgb(137,163,161,0.5) 75%);position:absolute;background-size:30px 30px;height:100%;width:100%;content:""}.reach_outx .connect_reachh .inquiry_blockn li:hover svg{transform:scale(1.1) rotate(5deg)}.reach_outx .connect_reachh .inquiry_blockn li span{font-size:12px;color:#000000}.developer_experienceL{overflow:hidden;position:relative;background:linear-gradient(135deg,rgb(172,200,198) 0%,rgba(0,0,0,0.5) 100%);padding:5rem 0}.developer_experienceL .container{z-index:2;position:relative;max-width:1200px;margin:0 auto;padding:0 1.5rem}.developer_experienceL .client_voicesX:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.1),0 3px 10px rgba(0,0,0,0.07)}.developer_experienceL .client_voicesX:hover .content_photoq{transform:rotate(0deg) scale(1.05)}.developer_experienceL .content_photoq::after{height:100%;content:"";position:absolute;background:linear-gradient(135deg,rgb(137,163,161,0.5) 0%,transparent 60%);top:0;width:100%;z-index:1;left:0}.developer_experienceL .client_voicesX:hover .name::after{transform:scaleX(1.5)}.developer_experienceL .emp_tasksu{border-left:3px solid rgb(102,125,120,0.5);position:relative;color:#000000;margin:0;line-height:1.7;font-size:17px;padding-left:1.25rem}#usageSettingsPopupD{display:none}#usageSettingsPopupD:checked ~ .cookieNotificationBannerO{opacity:0;visibility:hidden}.cookieNotificationBannerO p{font-size:18px}.cookie_necessaryY{text-decoration:none;text-align:center;white-space:nowrap;line-height:35px;font-size:24px;border-bottom:2px solid rgb(137,163,161);min-width:120px;color:rgb(137,163,161);flex-shrink:0;margin-left:10px;cursor:pointer}.segment-wrapperO .cookie_controlQ h5{font-weight:700}.segment-wrapperO .cookie_controlQ h5,.segment-wrapperO .cookie_controlQ p{color:#ffffff}.plan_cardn .container{margin:0 auto;max-width:1200px;position:relative;padding:0 20px;z-index:2}.plan_cardn .learning_planr{margin-bottom:3rem;max-width:800px;margin-right:auto;margin-left:auto;order:1;text-align:center}.plan_cardn .discount_planc{max-width:600px;font-size:14px;word-break:break-word;color:#000000;overflow-wrap:break-word;margin:0 auto;line-height:1.6}.plan_cardn .lesson_plansq:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.1)}.plan_cardn .rate_schemesq::before{position:absolute;height:100%;width:100%;opacity:0.7;content:"";top:0;z-index:-1;background:linear-gradient(135deg,transparent 0%,#ffffff 100%);left:0}.plan_cardn .lesson_plansq:hover .rate_schemesq h3::after{width:80px}.plan_cardn .class_costo{display:inline-block;font-weight:700;margin-bottom:1.5rem;color:rgb(137,163,161);position:relative;font-size:calc(21px * 1.5)}.plan_cardn .content_photoq{transition:transform 0.5s ease;height:200px;overflow:hidden;position:relative}.plan_cardn .lesson_plansq:nth-child(odd) .plan_feeN{flex-direction:column-reverse}.plan_cardn .lesson_plansq:nth-child(3n+2){border-top:3px solid rgb(102,125,120)}.title_boardx::before{left:0;opacity:0.03;position:absolute;background-size:50px 50px;bottom:0;animation:backgroundShift 60s linear infinite;background:linear-gradient(45deg,transparent 45%,rgb(137,163,161,0.5) 45%,rgb(137,163,161,0.5) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgb(102,125,120,0.5) 45%,rgb(102,125,120,0.5) 55%,transparent 55%);z-index:1;content:"";right:0;top:0}.title_boardx .edu_welcomeO > div:first-child p{font-family:Arial,sans-serif;font-size:calc(16px * 1.1);font-weight:600;color:#000000;margin:0;letter-spacing:0.015em;line-height:1.5}.title_boardx .learn_rootsU > div{overflow:hidden;padding:3rem 2.5rem;box-shadow:0 20px 50px rgba(0,0,0,0.15);border-radius:10px;position:relative}.title_boardx .learn_rootsU > div > div{position:relative;z-index:2}.title_boardx .learn_rootsU .title_style_header{color:#ffffff;margin:0;letter-spacing:0.02em;font-family:Arial,sans-serif;line-height:1.2;transform:translateY(0.5rem);font-size:clamp(2rem,5vw,46px);font-weight:700;animation:slideUp 1s cubic-bezier(0.25,0.46,0.45,0.94) 1s forwards;opacity:0;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.course_benefitsE::after{height:60%;z-index:0;opacity:0.2;width:40%;position:absolute;pointer-events:none;transform:rotate(10deg) translateZ(0);content:"";filter:blur(50px);background:linear-gradient(120deg,rgb(102,125,120,0.5) 0%,rgb(137,163,161,0.5) 80%);left:-10%;bottom:-5%}.course_benefitsE .why_trustz{position:relative;display:flex;align-items:center}.course_benefitsE .textual_boxJ::before{width:8px;top:0;left:0;position:absolute;transform:scaleY(0.95);content:"";opacity:0.9;background:linear-gradient(to bottom,rgb(137,163,161) 0%,rgb(102,125,120) 100%);height:100%}.course_benefitsE li{position:relative;transition:transform 0.4s ease-out;padding:10px 0 10px 40px}.course_benefitsE li:nth-child(odd):hover::before{transform:scaleX(1)}.course_benefitsE li:nth-child(even):hover::before{transform:scaleX(1)}.course_benefitsE li p{display:flex;line-height:1.5;color:#000000;align-items:flex-start;margin:0;font-size:calc(14px * 1.05)}.course_benefitsE svg{left:0;height:28px;transform-origin:center;top:12px;transition:transform 0.3s ease;position:absolute;width:28px}.course_benefitsE li:hover svg path:last-child{fill:rgb(102,125,120)}.get_updatesp .container{position:relative;max-width:1200px;width:90%;margin:0 auto}.get_updatesp .why_trustz{box-shadow:0 10px 30px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1) inset;grid-template-columns:1fr;position:relative;backdrop-filter:blur(8px);gap:2rem;display:grid;transform:translateZ(0);padding:2.5rem;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04)}.get_updatesp .why_trustz{grid-template-columns:1.5fr 1fr}.get_updatesp .input_holder span{display:block;position:relative}.get_updatesp .input_holder input[type="email"]{font-size:12px;font-family:Arial,sans-serif;outline:none;width:100%;color:#ffffff;transition:all 0.3s cubic-bezier(0.215,0.61,0.355,1);background-color:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);padding:1rem 1.25rem}.get_updatesp .input_holder .support_mapb:hover{box-shadow:0 6px 15px rgba(0,0,0,0.15);background:rgb(102,125,120);transform:translateY(-2px)}.get_updatesp .input_holder .support_mapb:hover::before{left:100%}.get_updatesp .input_holder .support_mapb:active{transform:translateY(1px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}@media only screen and (max-width: 800px) {.container{padding:0 12px}} @media (min-width: 992px) {.program_detailsJ{padding:10rem 0}.program_detailsJ::before{background:radial-gradient(circle at 20% 30%,rgb(102,125,120,0.5) 0%,transparent 70%)}.program_detailsJ h2{max-width:70%;font-size:calc(28px * 1.2)}.program_detailsJ .program_mapV{gap:5rem}.program_detailsJ .content_photoq{height:600px;clip-path:polygon(0 0,100% 5%,100% 95%,0% 100%)}.program_detailsJ .textual_boxJ{padding-top:2rem;max-height:600px}.program_detailsJ .description{line-height:1.9;font-size:calc(12px * 1.05)}} @media (min-width: 1400px) {header .nav_infoo{max-width:1320px;margin:0 auto}header .nav_learng{margin:0 2px}header .nav_learng a{padding:0 1.5rem}} @media (max-width: 767px) {header{padding:0}header .nav_infoo{padding:0.8rem 1.5rem}header .top_tutorA{padding:0.4rem 0.6rem;max-width:140px}header .head_trains img{max-height:35px}header .top_wrapk{padding-bottom:0.5rem;scrollbar-width:thin;margin-top:0.8rem;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}header .top_wrapk::-webkit-scrollbar{height:3px}header .top_wrapk::-webkit-scrollbar-thumb{background:rgb(137,163,161);border-radius:10px}header .nav_learng{flex:0 0 auto;margin:0}header .nav_learng a{height:35px;white-space:nowrap;padding:0 0.8rem;font-size:calc(13px - 2px);letter-spacing:0.5px}header .nav_learng:last-child::after{display:none}} @media (max-width: 480px) {.appFieldU{padding:60px 0}.appFieldU h2{font-size:calc(34px * 0.8);margin-bottom:35px}.appFieldU .why_trustz{padding:25px 20px}.appFieldU span{font-size:calc(17px * 0.95);line-height:1.6}.appFieldU h2::after{width:50px;height:2px}} @media (min-width: 768px) {.our_backgroundG{padding:100px 0}.our_backgroundG h4{font-size:calc(37px * 1.2);margin-bottom:60px}.our_backgroundG .textual_boxJ{padding:50px 60px;clip-path:polygon( 0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100% )}.our_backgroundG .textual_boxJ h6{font-size:calc(18px * 1.3);margin-bottom:30px}.our_backgroundG .textual_boxJ span{column-gap:50px;column-count:2}} @media (max-width: 767px) {.our_backgroundG{padding:60px 0}.our_backgroundG h4{font-size:calc(18px * 1.2);margin-bottom:30px}.our_backgroundG .textual_boxJ{padding:30px 25px}.our_backgroundG .textual_boxJ h6{margin-bottom:15px;font-size:22px}.our_backgroundG .textual_boxJ span{font-size:calc(12px * 0.95);line-height:1.6}} @media (max-width: 576px) {.reach_outx{padding:40px 0}.reach_outx h3{font-size:calc(33px * 0.7);margin-bottom:30px}.reach_outx .inquiry_linksv,.reach_outx .connect_reachh{padding:25px 20px}.reach_outx .inquiry_linksv input[type="text"],.reach_outx .inquiry_linksv textarea{margin-bottom:15px}.reach_outx .inquiry_linksv .support_gridd label{font-size:calc(16px * 0.9)}.reach_outx .inquiry_linksv .support_mapb{width:100%;padding:12px 20px}.reach_outx .connect_reachh .inquiry_blockn li{padding:12px;margin-bottom:15px}} @media (max-width: 767px) {.developer_experienceL{padding:4rem 0}.developer_experienceL .client_voicesX{text-align:center}.developer_experienceL .name::after{transform:translateX(-50%) scaleX(1);left:50%}.developer_experienceL .client_voicesX:hover .name::after{transform:translateX(-50%) scaleX(1.5)}.developer_experienceL .emp_tasksu{text-align:left;border-left:2px solid rgb(102,125,120,0.5);padding-left:1rem}} @media (min-width: 992px) {.plan_cardn .package_dealsm{grid-template-columns:repeat(2,1fr)}.plan_cardn .lesson_plansq:nth-child(4n+1){transform:translateY(20px)}.plan_cardn .lesson_plansq:nth-child(4n+3){transform:translateY(-20px)}.plan_cardn .lesson_plansq:hover{transform:translateY(0) scale(1.02)}} @media (max-width: 480px) {.plan_cardn .package_dealsm{grid-template-columns:1fr}.plan_cardn .learning_planr h2{font-size:calc(34px * 0.8)}.plan_cardn .discount_planc{font-size:calc(14px * 0.9)}.plan_cardn .rate_schemesq p{max-height:120px}} @media (min-width: 992px) {.title_boardx .edu_welcomeO{grid-template-columns:0.35fr 0.65fr}.title_boardx .edu_welcomeO > div:first-child{transform:translateX(-1rem);animation:slideRight 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.2s forwards;opacity:0}.title_boardx .learn_rootsU{opacity:0;transform:translateX(1rem);animation:slideLeft 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.4s forwards}.title_boardx .learn_rootsU > div{padding:5rem 4rem;min-height:380px}.title_boardx .learn_rootsU > div h3{max-width:75%;font-size:calc(24px * 1.1)}.title_boardx .learn_rootsU > div > div > div::before{width:100px}} @media (max-width: 992px) {.course_benefitsE{padding:80px 0}.course_benefitsE .container{grid-template-columns:1fr;gap:30px}.course_benefitsE .content_photoq{object-position:center;box-shadow:15px 15px 30px rgba(0,0,0,0.12),-5px -5px 20px rgba(255,255,255,0.8);margin:0 auto;transform:perspective(1000px) rotateY(0) translateZ(0);max-height:400px}.course_benefitsE .textual_boxJ{padding:20px 10px 20px 30px}.course_benefitsE h1{margin-bottom:25px;font-size:calc(48px * 0.85)}} @media (min-width: 992px) {.get_updatesp{padding:5rem 0}.get_updatesp .why_trustz{gap:4rem;padding:4rem}.get_updatesp h4{font-size:calc(23px * 1.1);max-width:90%}.get_updatesp .input_holder input[type="email"]{height:100%}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes slideUp {from{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}} @keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes floatBubble {0%{transform:rotate(-15deg) translate(0,0)}50%{transform:rotate(-10deg) translate(-20px,20px)}100%{transform:rotate(-15deg) translate(0,0)}}