﻿.trade_mark{flex:0 0 auto}.trade_mark{position:relative;color:#000000;padding:4rem 0 2rem}header,footer{width:100%}header{padding:1.2rem 0;clip-path:polygon(0 0,100% 0,100% 85%,97% 100%,3% 100%,0 85%);background-color:rgb(224,226,233);position:relative;z-index:1000}.trade_mark::after{background:linear-gradient(90deg,rgb(179,186,208),rgb(120,136,183));width:100%;position:absolute;left:0;top:0;height:6px;content:""}.trade_mark .company_holder{flex:1 1 400px;background:#ffffff;border-radius:21px;padding:2rem 2.5rem;box-shadow:0 15px 40px rgba(0,0,0,0.1);position:relative}.trade_mark .company_holder h3::after{position:absolute;left:0;bottom:-0.5rem;width:80px;height:3px;background:rgb(120,136,183);content:""}.trade_mark .nav_expert{flex-wrap:wrap;gap:2.5rem;display:flex}.trade_mark .top_wrap h5{padding:1rem 1.5rem;font-weight:600;background:rgb(120,136,183);color:#ffffff;font-size:20px;margin:0;position:relative}.trade_mark .top_wrap .nav_expert a{position:relative;text-decoration:none;font-size:13px;color:#000000;display:flex;padding:0.8rem 1.5rem;transition:all 0.3s ease;align-items:center}.trade_mark .top_wrap .nav_expert a:hover::before{width:100%}.blog_ref{border-top:1px solid rgba(0,0,0,0.05);position:relative;margin-top:3rem;background:rgb(224,226,233);padding:2rem 0}.tariff_box{padding:100px 0;position:relative;color:#ffffff;overflow:hidden}.tariff_box .container{z-index:2;max-width:1200px;position:relative;margin:0 auto;padding:0 15px}.tariff_box h2{transform:translateX(-10px);position:relative;display:inline-block;color:#ffffff;margin-bottom:20px;font-size:32px;font-weight:700}.tariff_box .annual_fee{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));padding:0;list-style:none;display:grid;gap:30px;margin:0;perspective:1000px}.tariff_box .premium_cost:hover .bundle_price{box-shadow:0 20px 40px rgba(0,0,0,0.3);transform:translateZ(20px);background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(245,245,245,0.98) 100%)}.tariff_box .bundle_price::after{width:100px;transition:transform 0.5s ease;top:0;content:"";background:rgb(120,136,183);transform:rotate(45deg) translate(30px,-80px);right:0;height:100px;position:absolute;opacity:0.1}.tariff_box .deal_board p{margin-bottom:25px;flex-grow:1;word-wrap:break-word;font-size:15px;hyphens:auto;line-height:1.5;overflow-wrap:break-word;color:#000000}.tariff_box .plan_details::before{transform:translateY(-1px);top:0;width:30px;position:absolute;height:1px;background:rgb(179,186,208);content:"";left:0}.thanksFocus::before{width:40%;right:-10%;transform:rotate(15deg) skewX(-15deg);position:absolute;animation:float 15s ease-in-out infinite alternate;background:linear-gradient(135deg,rgb(179,186,208,0.5) 0%,rgb(120,136,183,0.5) 100%);z-index:0;top:-5%;opacity:0.07;height:70%;content:""}.thanksFocus h2::after{transform-origin:left;height:3px;content:"";background:linear-gradient(90deg,rgb(179,186,208) 0%,rgb(120,136,183) 100%);transform:scaleX(0);animation:expand 1s 0.8s ease-out forwards;bottom:-15px;position:absolute;left:0;width:80px}.thanksFocus ul{padding:0;list-style:none;margin:0}.stay_informed{padding:5rem 2rem;position:relative;overflow:hidden;background:linear-gradient(45deg,#000000 0%,rgb(179,186,208,0.5) 100%)}.stay_informed::after{content:"";position:absolute;animation:scanline 3s linear infinite;width:60%;right:0;bottom:0;filter:blur(2px);height:5px;background:linear-gradient(90deg,transparent,rgb(120,136,183),transparent)}.stay_informed h3{text-shadow:0 0 10px rgb(179,186,208),0 0 20px rgb(179,186,208,0.5);font-weight:700;font-family:Arial,sans-serif;color:#ffffff;font-size:33px;position:relative;text-transform:uppercase;margin-bottom:2.5rem;letter-spacing:2px;display:inline-block}.stay_informed .input_holder{position:relative;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);display:flex;transform-style:preserve-3d}.stay_informed input[type="email"]::placeholder{color:rgba(255,255,255,0.6)}.stay_informed .join_block{overflow:hidden;cursor:pointer;position:relative;font-size:19px;font-family:Arial,sans-serif;letter-spacing:1px;padding:1rem 2.5rem;color:#ffffff;transition:all 0.4s ease;font-weight:600;text-transform:uppercase;background:linear-gradient( to right,rgb(120,136,183),rgb(179,186,208) );border:none}.course_offering .container{z-index:2;margin:0 auto;max-width:1200px;position:relative;padding:0 15px}.course_offering .ready_skills{gap:2.5rem;transform:perspective(1000px) rotateX(0deg);grid-template-columns:1fr;display:grid;transition:transform 0.8s cubic-bezier(0.19,1,0.22,1)}.course_offering .hover_image::after{inset:0;z-index:1;content:'';position:absolute;background:linear-gradient( to bottom,transparent 60%,rgba(var(--primary-color-rgb,0,110,255),0.3) 100% )}.course_offering .text_box_wrapper:hover{box-shadow:0 20px 40px rgba(0,0,0,0.1);transform:translateZ(15px)}.course_offering h3{margin-bottom:1.5rem;transform:translateY(0);color:#000000;font-weight:700;padding-bottom:0.75rem;position:relative;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);font-size:20px}.course_offering .description{transform:translateY(20px);opacity:0;line-height:1.75;color:#000000;animation:fadeInUp 0.8s forwards 0.2s;margin-bottom:1.5rem;font-size:16px}.contact_panel .hover_image{height:100%;z-index:1;position:absolute;opacity:0.7;width:50%;top:0;left:0}.contact_panel .hover_image::before{content:'';top:0;right:0;background:linear-gradient(to right,#000000 0%,transparent 50%,#000000 100%);height:100%;position:absolute;width:100%}.contact_panel h3{font-size:35px;letter-spacing:3px;text-transform:uppercase;text-align:center;color:#ffffff;margin-bottom:60px;text-shadow:0 0 5px rgb(179,186,208),0 0 10px rgb(179,186,208),0 0 15px rgb(179,186,208);font-weight:700;font-family:Arial,sans-serif}.contact_panel input[type="text"]:focus,.contact_panel textarea:focus{border-color:rgb(179,186,208);box-shadow:inset 0 0 5px rgba(0,0,0,0.5),0 0 5px rgb(179,186,208,0.5);outline:none}.contact_panel textarea{height:140px;resize:none}.contact_panel .connect_request{align-items:flex-start;position:relative;display:flex;margin-bottom:25px}.contact_panel .connect_request input[type="checkbox"]:checked + label::before{background:rgb(179,186,208);box-shadow:0 0 8px rgb(179,186,208)}.contact_panel .connect_request a{transition:all 0.3s ease;text-decoration:none;color:rgb(179,186,208);text-shadow:0 0 3px rgb(179,186,208)}.contact_panel .inquiry_message{box-shadow:0 0 15px rgb(179,186,208,0.5);overflow:hidden;letter-spacing:1px;transition:all 0.3s ease;font-weight:600;font-family:Arial,sans-serif;cursor:pointer;border-radius:10px;text-transform:uppercase;border:none;background:rgb(179,186,208);font-size:16px;padding:15px 35px;position:relative;color:#ffffff}.contact_panel .inquiry_reach h4{letter-spacing:2px;font-size:23px;position:relative;text-transform:uppercase;text-shadow:0 0 5px rgb(179,186,208);font-family:Arial,sans-serif;color:#ffffff;font-weight:600;margin-bottom:30px}.contact_panel .message_reach li:hover{transform:translateX(5px)}.contact_panel .message_reach svg path{filter:drop-shadow(0 0 3px rgb(179,186,208));transition:fill 0.3s ease;fill:rgb(179,186,208)}.contact_panel .message_reach a{color:#ffffff;text-decoration:none;transition:all 0.3s ease}.welcome_section .edu_skill{height:100vh;padding:2rem;align-items:center;display:flex;width:100%;box-sizing:border-box;justify-content:center}.welcome_section .study_tech::after{top:0;width:100%;content:"";background:linear-gradient( to bottom,transparent 30%,rgba(0,0,0,0.5) 100% );height:100%;left:0;position:absolute;z-index:2}.welcome_section .study_tech h3{line-height:1.4;font-weight:600;border-left:5px solid #ffffff;padding:1rem 1.5rem;font-size:clamp(1rem,2.5vw,1.4rem);background:linear-gradient( 120deg,rgb(179,186,208) 0%,rgb(120,136,183) 100% );transform:skewX(-5deg);font-family:Arial,sans-serif;color:#ffffff;box-shadow:0 10px 20px rgba(0,0,0,0.1)}.welcome_section .study_tech p{position:relative;font-size:clamp(1rem,3vw,1.2rem);background:linear-gradient( 90deg,rgb(120,136,183,0.5) 0%,transparent 100% );border-left:3px solid rgb(120,136,183);line-height:1.6;margin-top:0.5rem;color:#ffffff;font-family:Arial,sans-serif;padding:1.2rem 1.5rem}.instructor_history .container{max-width:1140px;position:relative;margin:0 auto;z-index:1;padding:0 15px}.instructor_history .success_testimonials:hover{box-shadow:0 25px 55px rgba(0,0,0,0.09),0 8px 20px rgba(0,0,0,0.04);transform:perspective(1000px) rotateY(0)}.instructor_history .success_testimonials > div:nth-child(3){order:3}.instructor_history .success_testimonials:hover .hover_image{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateZ(30px)}.instructor_history .name::after{background:rgb(120,136,183);bottom:-5px;left:0;position:absolute;height:3px;content:"";width:0;transition:width 0.6s cubic-bezier(0.19,1,0.22,1)}.instructor_history .work_summary{line-height:1.7;transform:translateZ(5px);transition:transform 0.4s ease;position:relative;padding-left:1.5rem;color:#000000;margin:0;font-size:15px}.training_method{padding:6rem 2rem;overflow:hidden;background:rgb(224,226,233);position:relative}.training_method .study_space{display:grid;grid-template-columns:1fr;gap:3rem;position:relative;margin:0 auto;max-width:1000px}.training_method .study_space::before,.training_method .study_space::after{height:200px;content:"";position:absolute;border:2px solid rgb(179,186,208,0.5);width:200px;opacity:0.6;z-index:1}.training_method .study_space::before{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;top:-50px;animation:rotate 15s linear infinite,float 8s ease-in-out infinite alternate;left:-100px}.training_method span{border-radius:29px;padding:2rem;max-width:100%;text-align:center;display:block;background:rgba(255,255,255,0.1);z-index:2;font-size:13px;position:relative;color:#000000;backdrop-filter:blur(5px);line-height:1.8;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.privacy_holdfast{line-height:1.6;padding:50px 20px;color:#000000;font-family:Arial,sans-serif;background-color:rgb(224,226,233);box-shadow:0 10px 20px rgba(0,0,0,0.5)}.privacy_holdfast h2{padding-bottom:8px;font-weight:600;font-size:32px;border-bottom:1px solid rgb(120,136,183)}.privacy_holdfast li{color:#000000;font-size:13px;margin-bottom:10px;padding-left:20px;position:relative}.privacy_holdfast div{margin-bottom:20px}.cookie_popup_message{border-top:2px solid rgb(179,186,208);bottom:0;z-index:90;background:rgb(224,226,233);width:100%;position:fixed}.cookie_popup_message p{font-size:18px}.data_opt svg,.data_opt svg path,.data_opt img{width:100px;height:100px;fill:rgb(179,186,208)}.core-container .cookie_popup_message{box-shadow:rgb(120,136,183,0.5) 0px 0px 40px 39px;border:none;background:rgb(120,136,183);padding:40px 0}.core-container .edu_accept h5,.core-container .edu_accept p{color:#ffffff}.our_background::after{transform:rotate(15deg);content:"";right:-30px;opacity:0.15;animation:float 12s infinite ease-in-out;position:absolute;z-index:2;height:200px;top:-30px;border:2px solid rgb(120,136,183);width:200px}.our_background .text_box_wrapper:hover{transform:perspective(1000px) rotateY(0deg)}.our_background h1{transform:translateX(-10px);position:relative;font-size:46px;font-weight:700;padding-bottom:15px;margin-bottom:40px;color:#000000;transition:transform 0.5s ease}.our_background li{margin-bottom:25px}.our_background h4{font-size:calc(21px * 1.1);font-weight:600;letter-spacing:0.05em;transform:translateY(5px);opacity:0.9;color:rgb(179,186,208);transition:all 0.3s ease;margin-bottom:15px}header::before{content:'';height:100%;animation:gridMove 40s linear infinite;background:linear-gradient(90deg,transparent 49.5%,rgb(179,186,208,0.5) 49.5%,rgb(179,186,208,0.5) 50.5%,transparent 50.5%) 0 0 / 20px 100%,linear-gradient(0deg,transparent 49.5%,rgb(120,136,183,0.5) 49.5%,rgb(120,136,183,0.5) 50.5%,transparent 50.5%) 0 0 / 100% 20px;width:100%;left:0;z-index:-1;position:absolute;top:0;opacity:0.15}header .site_navbar{transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);text-decoration:none;font-family:Arial,sans-serif;font-size:15px;border-radius:10px;color:#ffffff;font-weight:400;position:relative;padding:0.7rem 1.2rem}header .site_navbar:hover{transform:translateY(-3px);color:#ffffff;box-shadow:0 5px 15px rgba(0,0,0,0.3)}header .main_mainwrap:hover::before{left:100%}header .main_mainwrap svg{position:relative;height:auto;z-index:2;width:160px}@media only screen and (max-width: 1200px) {.container{width:100%;padding:0 20px}} @media (max-width: 992px) {.trade_mark{padding:3.5rem 0 2rem}.trade_mark .container{gap:2.5rem;flex-direction:column}.trade_mark .company_holder,.trade_mark .partner_logo{min-width:100%;flex:1 1 100%}.trade_mark .top_wrap{min-width:200px;flex:1 1 calc(50% - 1rem)}} @media (max-width: 991px) {.tariff_box{padding:80px 0}.plan_options{transform:perspective(1000px) rotateX(1deg)}.tariff_box .learning_fee{max-width:90%;transform:translateX(5px)}.tariff_box .annual_fee{gap:25px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tariff_box .bundle_price{min-height:400px;padding:25px}} @media screen and (max-width: 992px) {.thanksFocus{padding:5rem 0}.thanksFocus h2{font-size:calc(35px - 0.2rem);margin-bottom:2.5rem}.thanksFocus .study_space{padding:2.5rem}} @media screen and (max-width: 768px) {.thanksFocus{padding:4rem 0}.thanksFocus h2{font-size:calc(35px - 0.4rem);margin-bottom:2rem}.thanksFocus h2::after{bottom:-12px;width:60px}.thanksFocus .study_space{padding:2rem}.thanksFocus .study_space::before{height:100px;width:100px}} @media (min-width: 768px) {.course_offering{padding:7rem 0}.course_offering .ready_skills{gap:3.5rem;align-items:center;grid-template-columns:40% 1fr}.course_offering .hover_image{clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);height:450px}.course_offering h3{font-size:calc(20px * 1.2)}.course_offering .description{column-count:2;column-gap:2.5rem}} @media (max-width: 767px) {.course_offering .container{padding:0 15px}.course_offering .hover_image{margin-bottom:1rem;margin-top:1rem}.course_offering .text_box_wrapper{padding:1.5rem}.course_offering h3{font-size:calc(20px * 0.9)}.course_offering .description{font-size:calc(16px * 0.95)}} @media (max-width: 576px) {.contact_panel{padding:60px 0}.contact_panel h3{font-size:calc(35px * 0.8);margin-bottom:30px}.contact_panel .reach_links,.contact_panel .inquiry_reach{padding:25px 20px}.contact_panel input[type="text"],.contact_panel textarea{padding:12px;margin-bottom:15px}.contact_panel .inquiry_message{width:100%;padding:12px}} @media (min-width: 768px) {.instructor_history .success_testimonials{grid-template-columns:300px 1fr;grid-template-rows:auto auto;gap:2.5rem;padding:3.5rem}.instructor_history .success_testimonials > div:nth-child(1){grid-row:1 / span 2;grid-column:1}.instructor_history .success_testimonials > div:nth-child(2){grid-column:2;align-self:end;grid-row:1}.instructor_history .success_testimonials > div:nth-child(3){grid-row:2;grid-column:2}.instructor_history .hover_image{height:100%;padding-bottom:0}.instructor_history .name{font-size:21px;margin-bottom:0.75rem}.instructor_history .work_summary{font-size:calc(15px * 1.05);padding-left:2rem}} @media (max-width: 768px) {.training_method{padding:4rem 1rem}.training_method::before{background-size:20px 20px}.training_method h3{font-size:calc(31px * 0.8)}.training_method span{padding:1.5rem;font-size:calc(13px * 0.95)}.training_method .study_space::before{height:100px;left:-40px;top:-20px;width:100px}.training_method .study_space::after{bottom:-40px;height:100px;right:-20px;width:100px}} @media (min-width: 768px) {.our_background{padding:150px 0}.our_background .text_box_wrapper{padding:70px 60px;width:90%;margin-left:5%}.our_background span{column-count:2}.our_background::after{height:300px;width:300px}} @media (max-width: 767px) {.our_background{padding:80px 0}.our_background .text_box_wrapper{padding:40px 30px;transform:perspective(1000px) rotateY(0deg)}.our_background h1{font-size:calc(46px * 0.9);margin-bottom:30px}.our_background h4{font-size:21px}.our_background span{line-height:1.6;font-size:calc(17px * 0.95)}.our_background::after{width:150px;height:150px}} @media (max-width: 480px) {header{padding:0.8rem 0 1.2rem}header .top_wrap{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}header .top_wrap::-webkit-scrollbar{height:3px}header .top_wrap::-webkit-scrollbar-thumb{background:rgb(179,186,208);border-radius:10px}header .site_navbar{white-space:nowrap}header .main_mainwrap svg{width:110px}} @keyframes expand {from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes scanline {0%{transform:translateX(-100%)}100%{transform:translateX(100%)}} @keyframes fadeInUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes slideInLeft {from{opacity:0;transform:translateX(-1rem)}to{opacity:1;transform:translateX(0)}} @keyframes float {0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}} @keyframes float {0%,100%{transform:rotate(15deg) translate(0,0)}50%{transform:rotate(10deg) translate(10px,15px)}}