﻿*{margin:0;padding:0;box-sizing:border-box}html,body{color:#000000;min-height:100%;scroll-behavior:auto;height:100%;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.skill-test{flex:0 0 auto}.main-learn{flex:1 0 auto}.container{max-width:100%;margin:auto;width:1172px}header,footer{width:100%}.wrapper-bundle{display:flex;min-height:100%;flex-direction:column;height:100%}svg{width:30px;height:30px}@media only screen and (max-width: 1200px) {.container{width:100%;padding:0 20px}} @media only screen and (max-width: 800px) {.container{padding:0 12px}} .privacy-refuge{font-family:Arial,sans-serif;overflow:hidden;box-shadow:0 10px 30px -15px rgba(0,0,0,0.5);padding:4rem 2rem;position:relative;background:linear-gradient(135deg,rgb(207,219,221),#ffffff 80%)}.privacy-refuge::before{top:0;left:0;transition:transform 0.6s cubic-bezier(0.19,1,0.22,1);transform:scaleX(0.97);width:100%;background:linear-gradient(90deg,rgb(159,192,198),rgb(106,176,190));transform-origin:left;position:absolute;content:"";height:5px}.privacy-refuge:hover::before{transform:scaleX(1)}.privacy-refuge::after{background:linear-gradient(to left,rgb(159,192,198,0.5),transparent);position:absolute;z-index:0;content:"";opacity:0.03;bottom:0;width:50%;transform:skewX(-12deg) translateX(30%);right:0;height:100%}.privacy-refuge .container{max-width:1140px;margin:0 auto;z-index:1;position:relative}.privacy-refuge h1{transform:translateX(-0.5rem);font-size:48px;color:rgb(159,192,198);margin-bottom:2rem;font-weight:700;transition:transform 0.3s ease;letter-spacing:-0.03em;position:relative;padding-bottom:1rem}.privacy-refuge h1::after{position:absolute;height:3px;transition:width 0.4s ease-out;bottom:0;width:80px;transform-origin:left;left:0;background:rgb(106,176,190);content:""}.privacy-refuge:hover h1::after{width:120px}.privacy-refuge h2{font-weight:600;margin-top:2.5rem;border-left:3px solid rgb(159,192,198);font-size:33px;color:#000000;padding-left:1rem;margin-bottom:1.25rem;transition:padding-left 0.3s ease;position:relative}.privacy-refuge h2:hover{padding-left:1.5rem}.privacy-refuge h3{color:#000000;margin-top:2rem;font-size:calc(33px * 0.85);position:relative;font-weight:600;margin-bottom:1rem}.privacy-refuge h4{margin-top:1.75rem;margin-bottom:0.75rem;font-size:calc(33px * 0.7);display:inline-block;color:#000000;font-weight:400;position:relative}.privacy-refuge h4::after{height:1px;content:"";position:absolute;left:0;background:linear-gradient(to right,rgb(106,176,190),transparent);width:100%;bottom:-5px}.privacy-refuge p{transition:transform 0.3s ease;font-size:12px;margin-bottom:1.5rem;color:#000000;padding-right:1rem;position:relative;line-height:1.7}.privacy-refuge p:hover{transform:translateX(5px)}.privacy-refuge p strong{position:relative;display:inline-block;font-weight:600;color:rgb(159,192,198)}.privacy-refuge p strong::after{width:100%;content:"";bottom:-2px;left:0;background-color:rgb(159,192,198,0.5);position:absolute;transform-origin:left;transition:transform 0.3s ease;height:1px;transform:scaleX(0.7)}.privacy-refuge p strong:hover::after{transform:scaleX(1)}.privacy-refuge span{line-height:1.7;border-left:1px dashed rgb(106,176,190,0.5);color:#000000;font-size:12px;display:block;margin-bottom:1.5rem;padding-left:1rem}.privacy-refuge ul{margin:1.5rem 0 2rem 1.5rem;list-style-type:none;padding:0}.privacy-refuge li{margin-bottom:1rem;position:relative;transition:transform 0.3s ease;font-size:12px;line-height:1.6;color:#000000;padding-left:1.5rem}.privacy-refuge li:hover{transform:translateX(5px)}.privacy-refuge li::before{top:0.5rem;transition:transform 0.3s ease,background-color 0.3s ease;position:absolute;transform:rotate(45deg);height:8px;background-color:rgb(106,176,190);width:8px;left:0;content:""}.privacy-refuge li:hover::before{transform:rotate(225deg);background-color:rgb(159,192,198)}@media (max-width: 991px) {.privacy-refuge{padding:3rem 1.5rem}.privacy-refuge h1{font-size:calc(48px * 0.9)}.privacy-refuge h2{font-size:calc(33px * 0.9)}.privacy-refuge p,.privacy-refuge span,.privacy-refuge li{font-size:calc(12px * 0.95)}} @media (max-width: 767px) {.privacy-refuge{padding:2.5rem 1.25rem}.privacy-refuge::after{display:none}.privacy-refuge h1{transform:translateX(0);font-size:calc(48px * 0.8)}.privacy-refuge h2{padding-left:0.75rem;font-size:calc(33px * 0.8)}.privacy-refuge h3{font-size:calc(33px * 0.7)}.privacy-refuge h4{font-size:calc(33px * 0.6)}.privacy-refuge p,.privacy-refuge span,.privacy-refuge li{font-size:calc(12px * 0.9);line-height:1.6}.privacy-refuge ul{margin-left:0.5rem}.privacy-refuge li{padding-left:1.25rem}} @media (max-width: 480px) {.privacy-refuge{padding:2rem 1rem}.privacy-refuge h1{margin-bottom:1.5rem;font-size:calc(48px * 0.7)}.privacy-refuge h1::after{width:60px}.privacy-refuge:hover h1::after{width:80px}.privacy-refuge h2{margin-bottom:1rem;margin-top:2rem;font-size:calc(33px * 0.7)}.privacy-refuge p,.privacy-refuge span,.privacy-refuge li{font-size:calc(12px * 0.85);line-height:1.5;margin-bottom:1.25rem}.privacy-refuge li::before{height:6px;top:0.4rem;width:6px}.privacy-refuge p:hover,.privacy-refuge li:hover{transform:translateX(3px)}}.meet-us{position:relative;overflow:hidden;isolation:isolate;padding:120px 0 80px}.meet-us::before{opacity:0.85;top:0;bottom:0;position:absolute;z-index:-1;left:0;right:0;background:#000000;content:""}.meet-us::after{width:150%;box-shadow:0 0 30px rgba(255,255,255,0.1);content:"";background:rgb(159,192,198);position:absolute;top:-75px;height:150px;left:-25%;opacity:0.05;z-index:-1;transform:rotate(-2deg)}.meet-us h4{margin-bottom:60px;text-transform:uppercase;letter-spacing:1px;font-weight:700;text-align:center;color:#ffffff;font-size:31px;position:relative}.meet-us h4::after{left:50%;background:rgb(159,192,198);height:3px;width:80px;position:absolute;transform:translateX(-50%);content:"";bottom:-15px}.meet-us .container{position:relative;margin:0 auto;padding:0 20px;max-width:1200px}.meet-us .text-section{position:relative;transform:perspective(1000px) rotateY(-2deg);border-left:5px solid rgb(159,192,198);box-shadow:0 15px 35px rgba(0,0,0,0.15);transform-origin:center left;transition:transform 0.5s cubic-bezier(0.19,1,0.22,1);background:rgba(255,255,255,0.95);overflow:hidden;padding:40px}.meet-us .text-section:hover{transform:perspective(1000px) rotateY(0deg)}.meet-us .text-section::before{z-index:0;height:100%;position:absolute;content:"";top:0;pointer-events:none;left:0;width:100%;background:linear-gradient(135deg,rgb(159,192,198,0.5) 0%,transparent 100%);opacity:0;transition:opacity 0.5s ease}.meet-us .text-section:hover::before{opacity:0.05}.meet-us .text-section::after{top:-10px;height:20px;position:absolute;left:-10px;background:rgb(159,192,198);content:"";transform:rotate(45deg);width:20px}.meet-us .text-section h6{font-weight:700;transform:translateX(0);font-size:calc(21px * 1.2);transition:transform 0.4s ease;position:relative;margin-bottom:25px;color:rgb(159,192,198)}.meet-us .text-section:hover h6{transform:translateX(8px)}.meet-us .text-section h6::before{position:absolute;width:40px;transform:scaleX(1);height:2px;left:0;content:"";transform-origin:left;background:rgb(159,192,198);bottom:-10px;transition:transform 0.4s ease}.meet-us .text-section:hover h6::before{transform:scaleX(1.5)}.meet-us .text-section div{position:relative;z-index:1}.meet-us .text-section span{position:relative;color:#000000;display:block;line-height:1.8;column-gap:40px;font-size:12px;column-count:1;font-family:Arial,sans-serif}@media (min-width: 768px) {.meet-us .text-section span{column-count:2}} @media (min-width: 992px) {.meet-us{padding:180px 0 120px}.meet-us::after{top:-90px;height:180px}.meet-us h4{margin-bottom:80px}.meet-us .text-section{padding:60px;margin:0 40px}.meet-us .text-section span{column-count:2}} @media (max-width: 767px) {.meet-us{padding:100px 0 60px}.meet-us h4{margin-bottom:40px;font-size:calc(31px * 0.8)}.meet-us .text-section{transform:perspective(1000px) rotateY(-1deg);padding:30px}.meet-us .text-section h6{margin-bottom:20px;font-size:calc(21px * 1.1)}} @media (max-width: 480px) {.meet-us{padding:80px 0 40px}.meet-us h4{font-size:calc(31px * 0.7)}.meet-us .text-section{transform:none;padding:25px 20px}.meet-us .text-section span{line-height:1.6;font-size:calc(12px * 0.95)}} @media (hover: none) {.meet-us .text-section{transform:none !important}.meet-us .text-section:hover h6{transform:none}.meet-us .text-section:hover h6::before{transform:scaleX(1)}}.welcome-page{overflow:hidden;justify-content:center;width:100%;display:flex;background:linear-gradient(135deg,#000000,rgb(106,176,190,0.5));height:100vh;position:relative;align-items:center}.welcome-page .article-image{height:100%;width:100%;filter:contrast(1.1) brightness(0.8);position:absolute;top:0;transition:transform 0.8s cubic-bezier(0.17,0.67,0.83,0.67);transform:scale(1.05);z-index:1;left:0}.welcome-page:hover .article-image{transform:scale(1.02)}.welcome-page .article-image::after{height:100%;z-index:2;content:'';top:0;left:0;backdrop-filter:blur(3px);width:100%;position:absolute;background:linear-gradient(135deg,rgba(56,73,98,0.85),rgba(rgb(106,176,190),0.75),rgba(rgb(159,192,198),0.65))}.welcome-page .pro-training{position:relative;width:90%;z-index:3;padding:30px;max-width:1200px;perspective:1000px;gap:40px;transform-style:preserve-3d;grid-template-columns:1fr 1fr;display:grid}.welcome-page h1{font-size:calc(48px * 1.2);grid-column:1 / -1;position:relative;opacity:0;margin-bottom:20px;transform:translateY(-30px);font-weight:700;color:#ffffff;animation:fadeInDown 0.8s cubic-bezier(0.215,0.61,0.355,1) forwards 0.2s;text-shadow:0 4px 12px rgba(0,0,0,0.25)}.welcome-page h1::after{background:rgb(106,176,190);position:absolute;left:0;transform-origin:left;bottom:-15px;opacity:0;content:'';height:4px;width:120px;animation:lineExtend 1s cubic-bezier(0.215,0.61,0.355,1) forwards 0.6s}.welcome-page .text-section{box-shadow:0 15px 35px rgba(0,0,0,0.2);padding:40px;transition:transform 0.5s ease;border:1px solid rgba(255,255,255,0.1);opacity:0;position:relative;transform:translateY(20px) rotateY(-5deg);backdrop-filter:blur(10px);animation:fadeIn 0.8s cubic-bezier(0.215,0.61,0.355,1) forwards 0.5s;background:rgba(255,255,255,0.12)}.welcome-page .text-section:hover{box-shadow:0 20px 40px rgba(0,0,0,0.3);transform:translateY(10px) rotateY(-2deg)}.welcome-page p{animation:fadeIn 0.8s cubic-bezier(0.215,0.61,0.355,1) forwards 0.7s;opacity:0;margin-bottom:30px;line-height:1.6;color:#ffffff;text-shadow:0 2px 5px rgba(0,0,0,0.15);font-size:calc(15px * 1.15)}.welcome-page .course-main{opacity:0;align-items:center;margin:30px 0;animation:fadeIn 0.8s cubic-bezier(0.215,0.61,0.355,1) forwards 0.9s;display:flex;justify-content:center}.welcome-page svg{filter:drop-shadow(0 5px 15px rgba(94,170,168,0.3));height:120px;width:120px;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.welcome-page svg:hover{transform:scale(1.1) rotate(3deg)}.welcome-page svg path{transition:fill 0.3s ease;fill:rgb(94,170,168)}.welcome-page svg:hover path{fill:rgba(114,190,188,1)}.welcome-page svg text{font-weight:700;transition:fill 0.3s ease}.welcome-page svg:hover text{fill:rgba(114,190,188,1)}.welcome-page h6{animation:fadeIn 0.8s cubic-bezier(0.215,0.61,0.355,1) forwards 1.1s;text-align:center;opacity:0;margin-top:30px}.welcome-page .inquiry-widget{font-weight:600;text-decoration:none;position:relative;color:#ffffff;border-radius:10px;display:inline-block;padding:16px 32px;background:linear-gradient(45deg,rgb(106,176,190),rgb(94,170,168));border:none;box-shadow:0 10px 25px rgba(94,170,168,0.4);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);font-size:15px;overflow:hidden}.welcome-page .inquiry-widget:hover{box-shadow:0 15px 30px rgba(94,170,168,0.5);transform:translateY(-5px)}.welcome-page .inquiry-widget::before{left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,0.2),transparent);transition:transform 0.6s ease;width:100%;transform:translateX(-100%);position:absolute;height:100%;content:'';top:0}.welcome-page .inquiry-widget:hover::before{transform:translateX(100%)}@keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes fadeInDown {from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}} @keyframes lineExtend {from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}} @media (max-width: 992px) {.welcome-page .pro-training{padding:20px;grid-template-columns:1fr;gap:30px}.welcome-page h1{font-size:calc(48px * 1.1);text-align:center}.welcome-page h1::after{left:50%;transform:translateX(-50%) scaleX(0)}.welcome-page .text-section{transform:translateY(20px) rotateY(0deg);padding:30px}.welcome-page p{font-size:15px;text-align:center}.welcome-page .inquiry-widget{padding:14px 28px}} @media (max-width: 768px) {.welcome-page{height:auto;padding:80px 0;min-height:100vh}.welcome-page .pro-training{width:95%;padding:15px;gap:20px}.welcome-page h1{font-size:48px}.welcome-page .text-section{padding:25px}.welcome-page svg{height:100px;width:100px}.welcome-page .inquiry-widget{padding:12px 24px;font-size:calc(15px * 0.9)}} @media (max-width: 576px) {.welcome-page{padding:60px 0}.welcome-page .pro-training{width:100%;padding:15px}.welcome-page h1{font-size:calc(48px * 0.9)}.welcome-page .text-section{padding:20px}.welcome-page p{font-size:calc(15px * 0.9)}.welcome-page svg{width:80px;height:80px}.welcome-page .inquiry-widget{padding:10px 20px;font-size:calc(15px * 0.85)}}.cookie-popup-overlay{box-shadow:0 4px 12px rgba(0,0,0,0.5);position:fixed;bottom:20px;font-family:Arial,sans-serif;z-index:1050;left:50%;max-width:600px;text-align:center;border-radius:11px;flex-direction:column;align-items:center;overflow:hidden;background:rgb(207,219,221);padding:20px;display:flex;width:90%;transform:translateX(-50%)}.tracking-policy{display:flex;align-items:center;flex-direction:column;z-index:1}.cookie-guard{animation:bounce 2s infinite;margin-bottom:20px}.cookie-guard svg,.cookie-guard svg path,.cookie-guard img{fill:rgb(159,192,198);height:80px;width:80px}@keyframes bounce {0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-10px)}} .cookie-popup-overlay h5{margin-bottom:10px;font-size:24px;font-weight:700;color:rgb(159,192,198)}.cookie-popup-overlay p{color:#000000;font-size:18px;margin-bottom:20px}.data-settings{font-size:18px;box-shadow:0 2px 4px rgba(0,0,0,0.5);border-radius:10px;display:inline-block;padding:10px 20px;transition:background 0.3s ease-in-out,transform 0.2s ease-in-out;text-decoration:none;color:#ffffff;cursor:pointer;width:calc(50% - 10px);background:rgb(159,192,198);margin:5px;text-align:center}.data-settings:hover{background:rgb(106,176,190);transform:translateY(-3px)}.cookie_button.user-choices{background:rgba(0,0,0,0.5)}.cookie_button.user-choices:hover{background:rgb(106,176,190,0.5)}.cookie-popup-overlay p a{transition:color 0.3s ease-in-out;color:rgb(159,192,198);text-decoration:underline}.cookie-popup-overlay p a:hover{color:rgb(106,176,190)}@media only screen and (max-width: 600px) {.cookie-popup-overlay{border-radius:0;width:100%;left:0;bottom:0;transform:none}.tracking-policy{padding:15px}.cookie-guard svg{width:50px;height:50px}.cookie-popup-overlay h5{font-size:calc(24px - 2px)}.cookie-popup-overlay p{font-size:calc(18px - 2px)}.data-settings{font-size:calc(18px - 2px);padding:8px 16px;width:calc(100% - 10px)}} #userPrivacyWindow{display:none}#userPrivacyWindow:checked ~ .cookie-popup-overlay{opacity:0;visibility:hidden}.skill-test{color:#ffffff;position:relative;background-color:rgb(106,176,190);font-family:Arial,sans-serif;padding:0}.skill-test .container{z-index:2;position:relative}.skill-test .telegram-ref{flex-direction:column;display:flex}.skill-test .contact-faq{z-index:3;position:relative;padding:3rem 1.5rem 5rem;display:grid;margin-bottom:-2rem;background-color:rgb(159,192,198);clip-path:polygon(0 0,100% 0,100% 85%,0 100%);grid-template-columns:repeat(4,1fr)}.skill-test .contact-faq::before{background:repeating-linear-gradient( -45deg,transparent,transparent 10px,rgba(255,255,255,0.03) 10px,rgba(255,255,255,0.03) 20px );width:100%;content:'';z-index:-1;height:100%;left:0;position:absolute;top:0}.skill-test .info_item{transition:transform 0.3s ease;position:relative;padding:0.5rem 1rem}.skill-test .info_item:hover{transform:translateX(10px)}.skill-test .info_item p,.skill-test .info_item a{gap:0.75rem;display:flex;align-items:center;color:#ffffff;text-decoration:none;transition:all 0.3s ease;font-size:14px}.skill-test .info_item svg{fill:#ffffff;height:20px;transition:transform 0.3s ease;width:20px}.skill-test .info_item:hover svg{transform:scale(1.2)}.skill-test .text_main_holder{gap:0;position:relative;grid-template-columns:1fr 1.5fr 1fr;display:grid;z-index:2}.skill-test .head-sitebar{padding:4rem 2rem 3rem;gap:1.5rem;position:relative;flex-direction:column;z-index:4;display:flex;background-color:rgb(106,176,190);clip-path:polygon(0 0,100% 10%,100% 100%,0 90%)}.skill-test .head-sitebar svg{height:auto;transition:all 0.3s ease;filter:brightness(0) invert(1);max-width:150px}.skill-test .head-sitebar:hover svg{transform:scale(1.05)}.skill-test .mobile-cta{font-size:12px;opacity:0.9;color:#ffffff;line-height:1.6}.skill-test .nav-learn{background-color:#000000;display:flex;position:relative;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);z-index:2;flex-direction:column;padding:5rem 2rem 3rem;gap:2rem}.skill-test .nav-learn::before{content:'';position:absolute;width:100%;top:0;z-index:-1;left:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.05) 0%,transparent 100%)}.skill-test .nav-learn h5{color:#ffffff;position:relative;font-size:19px;display:inline-block;font-weight:600;margin-bottom:1.5rem}.skill-test .nav-learn h5::after{height:3px;background-color:rgb(159,192,198);width:40px;position:absolute;bottom:-0.5rem;content:'';left:0}.skill-test .header-master{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skill-test .header-master:not(:last-child){margin-bottom:1rem}.skill-test .header-master a{position:relative;padding:0.5rem 0;opacity:0.8;font-size:14px;text-decoration:none;color:#ffffff;transition:all 0.3s ease}.skill-test .header-master a::before{bottom:0;height:2px;width:0;content:'';background-color:rgb(159,192,198);left:0;transition:width 0.3s ease;position:absolute}.skill-test .header-master a:hover{opacity:1;padding-left:10px}.skill-test .header-master a:hover::before{width:30px}.skill-test .subscribe_holder{gap:1.5rem;background-color:rgb(106,176,190);display:flex;padding:4rem 2rem 3rem;position:relative;z-index:3;flex-direction:column}.skill-test .subscribe_holder::before{position:absolute;z-index:-1;width:100%;content:'';top:0;background:repeating-linear-gradient( 45deg,transparent,transparent 10px,rgba(0,0,0,0.05) 10px,rgba(0,0,0,0.05) 20px );left:0;height:100%}.skill-test .subscribe_holder h5{font-weight:600;margin-bottom:1rem;font-size:19px;color:#ffffff}.skill-test .subscribe_holder p{margin-bottom:1rem;line-height:1.6;font-size:14px;color:#ffffff;opacity:0.9}.skill-test .input_holder{flex-direction:column;display:flex;gap:1rem}.skill-test .input_holder input[type="email"]{border-radius:10px;color:#ffffff;padding:1rem 1.25rem;font-size:14px;background-color:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease}.skill-test .input_holder input[type="email"]:focus{background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);outline:none}.skill-test .input_holder input[type="email"]::placeholder{color:rgba(255,255,255,0.6)}.skill-test .news-optin{background-color:rgb(159,192,198);border-radius:10px;transition:all 0.3s ease;position:relative;font-size:14px;font-weight:600;padding:1rem 1.25rem;color:#ffffff;overflow:hidden;border:none;cursor:pointer}.skill-test .news-optin::before{left:-100%;width:100%;transition:left 0.5s ease;content:'';position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);top:0;height:100%}.skill-test .news-optin:hover{background-color:rgb(159,192,198,0.5)}.skill-test .news-optin:hover::before{left:100%}.skill-test .music-edu{z-index:1;margin-top:0;padding:6rem 0 2rem;position:relative;clip-path:polygon(0 30%,100% 0,100% 100%,0 100%);background-color:rgb(106,176,190);text-align:center}.skill-test .music-edu::before{content:'';height:100%;position:absolute;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,0.3) 0%,transparent 70%);top:0;left:0;width:100%}.skill-test .law-res{color:#ffffff;opacity:0.7;font-size:12px}@media (max-width: 1200px) {.skill-test .contact-faq{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.skill-test .text_main_holder{grid-template-columns:1fr 1.5fr}.skill-test .subscribe_holder{grid-column:1 / -1}} @media (max-width: 991px) {.skill-test .text_main_holder{grid-template-columns:1fr}.skill-test .head-sitebar,.skill-test .nav-learn,.skill-test .subscribe_holder{clip-path:none}.skill-test .nav-learn{padding:3rem 2rem}.skill-test .head-sitebar{text-align:center;padding:3rem 2rem;align-items:center}.skill-test .subscribe_holder{padding:3rem 2rem}.skill-test .music-edu{clip-path:none;padding:3rem 0 2rem}} @media (max-width: 768px) {.skill-test .contact-faq{padding:2.5rem 1.5rem 3rem;grid-template-columns:1fr;clip-path:none;margin-bottom:0}.skill-test .header-master{grid-template-columns:1fr}.skill-test .nav-learn h5,.skill-test .subscribe_holder h5{text-align:center;display:block}.skill-test .nav-learn h5::after{transform:translateX(-50%);left:50%}.skill-test .subscribe_holder p{text-align:center}} @media (max-width: 576px) {.skill-test .head-sitebar,.skill-test .nav-learn,.skill-test .subscribe_holder{padding:2.5rem 1.5rem}.skill-test .music-edu{padding:2.5rem 0 1.5rem}.skill-test .info_item{padding:0.5rem 0}.skill-test .info_item p,.skill-test .info_item a{justify-content:center}}header{position:relative;width:100%;overflow:visible;background:linear-gradient(to bottom,rgb(207,219,221),rgba(0,0,0,0.5));z-index:99}header::before{height:100%;left:0;background-image:repeating-linear-gradient( -45deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5) 1px,transparent 1px,transparent 6px );position:absolute;content:"";top:0;width:100%;opacity:0.1}header .site-nav{position:relative;justify-content:space-between;padding:20px 30px;align-items:center;display:flex}header .site-nav::before{content:"";left:10%;width:80%;position:absolute;height:1px;bottom:0;background:linear-gradient(to right,transparent,rgb(159,192,198),transparent)}header .site-nav .head-sitebar{z-index:2;position:relative;margin-right:40px}header .site-nav .head-sitebar .header-nav{position:relative;display:block;padding:5px}header .site-nav .head-sitebar .header-nav::before{content:"";z-index:-1;opacity:0;top:-5px;transition:transform 0.3s ease,opacity 0.3s ease;border-radius:10px;background:rgba(0,0,0,0.5);left:-5px;position:absolute;bottom:-5px;transform:scale(0.9);right:-5px}header .site-nav .head-sitebar .header-nav:hover::before{transform:scale(1);opacity:0.1}header .site-nav .head-sitebar .header-nav svg{width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1));height:45px}header .site-nav .nav-learn{perspective:1000px;list-style:none;display:flex;margin:0;padding:0}header .site-nav .nav-learn .nav-pro{transform-style:preserve-3d;margin:0;position:relative}header .site-nav .nav-learn .nav-pro a{text-decoration:none;background:linear-gradient(to bottom,transparent,transparent);display:block;color:#000000;transition:color 0.3s ease,transform 0.3s ease;text-transform:uppercase;font-size:15px;font-weight:600;transform-style:preserve-3d;letter-spacing:0.5px;position:relative;padding:12px 20px;font-family:Arial,sans-serif}header .site-nav .nav-learn .nav-pro a::before,header .site-nav .nav-learn .nav-pro a::after{height:100%;position:absolute;content:"";left:0;pointer-events:none;transition:all 0.3s ease;top:0;width:100%}header .site-nav .nav-learn .nav-pro a::before{transform:translateZ(-1px) rotateX(10deg);transform-origin:top center;opacity:0;background:linear-gradient(to bottom,rgb(159,192,198,0.5),transparent)}header .site-nav .nav-learn .nav-pro a::after{background:linear-gradient(to top,rgb(106,176,190,0.5),transparent);opacity:0;transform-origin:bottom center;transform:translateZ(-2px) rotateX(-10deg)}header .site-nav .nav-learn .nav-pro:hover a{transform:translateZ(10px);color:rgb(159,192,198)}header .site-nav .nav-learn .nav-pro:hover a::before,header .site-nav .nav-learn .nav-pro:hover a::after{opacity:0.1}header .site-nav .nav-learn .nav-pro:hover a::before{transform:translateZ(-5px) rotateX(15deg)}header .site-nav .nav-learn .nav-pro:hover a::after{transform:translateZ(-10px) rotateX(-15deg)}@media (max-width: 992px) {header .site-nav{padding:15px;flex-direction:column}header .site-nav .head-sitebar{margin:0 0 15px 0}header .site-nav .nav-learn{flex-wrap:wrap;width:100%;justify-content:center;perspective:none}header .site-nav .nav-learn .nav-pro a{transform-style:flat;padding:10px 15px;font-size:calc(15px - 1px)}header .site-nav .nav-learn .nav-pro:hover a{transform:none}header .site-nav .nav-learn .nav-pro a::before,header .site-nav .nav-learn .nav-pro a::after{display:none}} @media (max-width: 767px) {header .site-nav .nav-learn .nav-pro a{font-size:calc(15px - 2px);padding:8px 12px}}.course-highlights{background:linear-gradient(45deg,rgb(106,176,190,0.5) 0%,rgb(207,219,221) 50%,rgb(159,192,198,0.5) 100%);position:relative;padding:8rem 2rem;overflow:hidden}.course-highlights::before{top:-50%;animation:rotate 60s linear infinite;height:200%;position:absolute;background:radial-gradient(ellipse at center,transparent 0%,transparent 65%,rgb(106,176,190,0.5) 100%);width:200%;content:"";z-index:1;left:-50%}.course-highlights::after{height:100%;top:0;position:absolute;z-index:2;width:100%;background:linear-gradient( rgb(106,176,190,0.5),transparent 20%,transparent 80%,rgb(159,192,198,0.5) );content:"";left:0}.course-highlights .container{position:relative;margin:0 auto;z-index:3;max-width:1400px}.course-highlights .program-guide{margin-bottom:2rem;display:flex;position:relative;flex-direction:column}.course-highlights .text-section{text-align:center;margin-left:auto;max-width:800px;margin-right:auto;margin-bottom:4rem}.course-highlights h2{position:relative;letter-spacing:2px;font-weight:700;display:inline-block;color:#000000;margin-bottom:3rem;text-transform:uppercase;font-size:46px}.course-highlights h2::before,.course-highlights h2::after{position:absolute;left:-25%;height:3px;width:150%;background:linear-gradient(to right,transparent,rgb(159,192,198),transparent);content:""}.course-highlights h2::before{top:-15px}.course-highlights h2::after{bottom:-15px}.course-highlights .description{position:relative;line-height:1.8;transform:translateY(30px);animation:slideUp 0.8s forwards;opacity:0;animation-delay:0.2s;font-size:calc(17px * 1.1);margin-bottom:1.5rem;color:#000000}.course-highlights .description:nth-of-type(2){animation-delay:0.5s}.course-highlights .article-image{margin-top:2rem;transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275);transform:scale(0.95);width:100%;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);border-radius:21px;position:relative;height:500px;overflow:hidden}.course-highlights .article-image::before{transition:opacity 0.5s ease;left:0;z-index:1;background:linear-gradient( to bottom,rgb(159,192,198,0.5) 0%,transparent 40%,transparent 60%,rgb(106,176,190,0.5) 100% );content:"";opacity:0.7;position:absolute;width:100%;height:100%;top:0}.course-highlights .article-image:hover{transform:scale(1)}.course-highlights .article-image:hover::before{opacity:0.4}@keyframes rotate {from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @keyframes slideUp {to{opacity:1;transform:translateY(0)}} @media screen and (max-width: 992px) {.course-highlights{padding:5rem 1.5rem}.course-highlights .text-section{margin-bottom:3rem}.course-highlights h2{font-size:calc(46px * 0.85)}.course-highlights .article-image{height:400px}} @media screen and (max-width: 768px) {.course-highlights{padding:4rem 1rem}.course-highlights .text-section{margin-bottom:2rem}.course-highlights h2{font-size:calc(46px * 0.7)}.course-highlights h2::before,.course-highlights h2::after{width:120%;left:-10%}.course-highlights .description{font-size:17px}.course-highlights .article-image{height:300px}}.academic-expertise{background:linear-gradient(135deg,rgb(207,219,221) 0%,rgb(159,192,198,0.5) 35%,rgb(106,176,190,0.5) 100%);position:relative;padding:6rem 2rem;overflow:hidden}.academic-expertise::before{animation:rotate 20s linear infinite;left:-10%;opacity:0.2;z-index:0;background:conic-gradient(from 225deg at 50% 50%,transparent 0deg,rgb(159,192,198,0.5) 120deg,transparent 180deg,rgb(106,176,190,0.5) 260deg,transparent 360deg);position:absolute;top:-50%;content:"";height:200%;width:200%}@keyframes rotate {from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .academic-expertise .container{max-width:1200px;z-index:1;perspective:1000px;margin:0 auto;position:relative}.academic-expertise .user-review{transition:transform 0.5s ease;transform-style:preserve-3d;gap:1.5rem;backdrop-filter:blur(10px);display:grid;box-shadow:0 15px 35px rgba(0,0,0,0.5),0 5px 15px rgb(159,192,198,0.5);grid-template-rows:auto auto;transform:rotateX(5deg) rotateY(-2deg);background:#ffffff;grid-template-columns:minmax(220px,1fr) 2fr;grid-template-areas:"photo quote" "name quote";padding:2.5rem;border-radius:11px}.academic-expertise .user-review:hover{transform:rotateX(0) rotateY(0)}.academic-expertise .article-image{transform:translateZ(20px);box-shadow:-5px 5px 0 rgb(106,176,190),-10px 10px 20px rgba(0,0,0,0.5);grid-area:photo;width:100%;border-radius:11px;aspect-ratio:1/1;transition:transform 0.3s ease}.academic-expertise .user-review:hover .article-image{transform:translateZ(30px) scale(1.05)}.academic-expertise .name{font-weight:700;transform:translateZ(10px);position:relative;font-size:22px;padding-left:1rem;margin-bottom:0.5rem;grid-area:name;display:block;color:rgb(159,192,198)}.academic-expertise .name + span{font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:0.8;font-size:12px;color:#000000;padding-left:1rem;grid-area:name;margin-top:2rem;align-self:end;transform:translateZ(5px)}.academic-expertise .career-tasks{transform:translateZ(15px);line-height:1.7;position:relative;border-radius:11px;background:linear-gradient(to right,#ffffff,rgb(207,219,221));box-shadow:inset 0 0 20px rgba(0,0,0,0.5);grid-area:quote;transition:transform 0.3s ease;color:#000000;font-size:calc(12px * 1.1);padding:2rem}.academic-expertise .career-tasks::before{background:linear-gradient(45deg,rgb(159,192,198,0.5) 0%,transparent 40%,transparent 60%,rgb(106,176,190,0.5) 100%);opacity:0.3;mix-blend-mode:overlay;content:"";width:100%;position:absolute;top:0;height:100%;border-radius:11px;left:0}.academic-expertise .user-review:hover .career-tasks{transform:translateZ(25px)}@media (max-width: 992px) {.academic-expertise .user-review{transform:none;grid-template-areas:"article-image" "name" "career-tasks";grid-template-columns:1fr;grid-template-rows:auto auto auto}.academic-expertise .article-image{max-width:200px;margin:0 auto}.academic-expertise .name,.academic-expertise .name + span{padding-left:0;text-align:center}.academic-expertise .name + span{margin-top:0.5rem}} @media (max-width: 576px) {.academic-expertise{padding:4rem 1rem}.academic-expertise .user-review{padding:1.5rem}.academic-expertise .career-tasks{padding:1.5rem}}.thankYouDiv{padding:120px 0;overflow:hidden;position:relative;background:linear-gradient(135deg,rgb(207,219,221) 0%,rgba(255,255,255,0.95) 100%)}.thankYouDiv::before{background:radial-gradient(circle at 10% 10%,rgb(159,192,198,0.5) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgb(106,176,190,0.5) 0%,transparent 50%);width:100%;content:"";z-index:0;top:0;opacity:0.1;position:absolute;animation:ambientGlow 15s infinite alternate ease-in-out;height:100%;left:0}.thankYouDiv::after{position:absolute;content:"";bottom:0;height:3px;background:linear-gradient(90deg,transparent,rgb(159,192,198),rgb(106,176,190),transparent);width:100%;z-index:1;left:0}.thankYouDiv .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.thankYouDiv h2{opacity:0;font-size:35px;animation:fadeUp 0.8s 0.2s forwards ease-out;position:relative;margin-bottom:40px;color:#000000;transform:translateY(20px);text-align:center;font-weight:700}.thankYouDiv h2::after{width:80px;transform:translateX(-50%);content:"";position:absolute;background:linear-gradient(90deg,rgb(159,192,198),rgb(106,176,190));height:3px;left:50%;bottom:-15px}.thankYouDiv .pro-training{padding:40px;animation:fadeUp 0.8s 0.4s forwards ease-out;box-shadow:0 15px 30px rgba(0,0,0,0.08),0 5px 15px rgba(0,0,0,0.05);background:#ffffff;position:relative;overflow:hidden;border-radius:13px;opacity:0;transition:transform 0.3s ease,box-shadow 0.3s ease;transform:translateY(30px)}.thankYouDiv .pro-training::before{width:5px;left:0;background:linear-gradient(to bottom,rgb(159,192,198),rgb(106,176,190));height:100%;content:"";position:absolute;top:0}.thankYouDiv .pro-training::after{height:100%;background:linear-gradient(135deg,transparent 0%,rgba(245,247,250,0.6) 100%);z-index:1;pointer-events:none;content:"";right:0;top:0;position:absolute;width:40%}.thankYouDiv .pro-training:hover{box-shadow:0 18px 35px rgba(0,0,0,0.1),0 8px 20px rgba(0,0,0,0.07);transform:translateY(27px)}.thankYouDiv ul{z-index:2;position:relative;padding:0;margin:0;list-style:none}.thankYouDiv li{padding-left:25px;position:relative}.thankYouDiv li::before{border-radius:50%;background:rgb(159,192,198);animation:scaleIn 0.4s 0.8s forwards ease-out;left:0;content:"";height:8px;width:8px;transform:scale(0);position:absolute;top:10px}.thankYouDiv span{display:block;font-size:18px;font-family:Arial,sans-serif;line-height:1.8;transform:translateX(20px);animation:fadeIn 0.8s 0.6s forwards ease-out;position:relative;color:#000000;opacity:0}.thankYouDiv span::after{bottom:-15px;left:0;background:linear-gradient(90deg,rgb(159,192,198,0.5),transparent);width:0;height:1px;position:absolute;animation:lineExpand 1.2s 1s forwards ease-in-out;content:""}@keyframes fadeUp {0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} @keyframes fadeIn {0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}} @keyframes scaleIn {0%{transform:scale(0)}70%{transform:scale(1.2)}100%{transform:scale(1)}} @keyframes lineExpand {0%{width:0}100%{width:100%}} @keyframes ambientGlow {0%{opacity:0.05;background-position:0% 0%,100% 100%}50%{opacity:0.15}100%{opacity:0.05;background-position:5% 5%,95% 95%}} @media (max-width: 991px) {.thankYouDiv{padding:90px 0}.thankYouDiv h2{margin-bottom:35px;font-size:calc(35px * 0.9)}.thankYouDiv .pro-training{padding:35px}.thankYouDiv .pro-training::after{width:30%}} @media (max-width: 767px) {.thankYouDiv{padding:70px 0}.thankYouDiv h2{margin-bottom:30px;font-size:calc(35px * 0.8)}.thankYouDiv h2::after{bottom:-12px;width:60px}.thankYouDiv .pro-training{padding:30px 25px}.thankYouDiv .pro-training::after{display:none}.thankYouDiv span{line-height:1.7;font-size:calc(18px * 0.95)}} @media (max-width: 480px) {.thankYouDiv{padding:50px 0}.thankYouDiv h2{margin-bottom:25px;font-size:calc(35px * 0.7)}.thankYouDiv .pro-training{padding:25px 20px;border-radius:10px}.thankYouDiv li{padding-left:20px}.thankYouDiv li::before{width:6px;height:6px;top:8px}.thankYouDiv span{line-height:1.6;font-size:calc(18px * 0.9)}}header .top_plank{color:#ffffff;background:rgb(159,192,198)}header .top_plank .study-techpro div svg,header .top_plank .study-techpro div svg path{fill:#ffffff}header .top_plank .study-techpro div span{color:#ffffff}header .top_plank .study-techpro{display:flex;font-size:16px;line-height:21px;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%;padding:15px 0 10px 0}header .top_plank .study-techpro div{align-items:center;margin-right:24px;display:flex;justify-content:flex-start}header .top_plank .study-techpro div img,header .top_plank .study-techpro div svg{margin-right:8px;height:16px;width:16px}.pricing-stack{position:relative;overflow:hidden;background:rgb(207,219,221);padding:120px 0}.pricing-stack::before{height:600px;background:linear-gradient(135deg,rgb(159,192,198,0.5),rgb(106,176,190,0.5));width:600px;filter:blur(80px);z-index:0;right:-10%;content:"";top:-15%;opacity:0.15;position:absolute}.pricing-stack::after{position:absolute;left:-10%;filter:blur(100px);bottom:-15%;z-index:0;opacity:0.1;content:"";height:500px;background:linear-gradient(225deg,rgb(106,176,190,0.5),rgb(159,192,198,0.5));width:500px}.pricing-stack .container{padding:0 20px;margin:0 auto;max-width:1400px;position:relative;z-index:1}.pricing-stack .study-offers{display:flex;gap:60px;flex-direction:column}.pricing-stack .bundle-rate{transform:translateX(5%);order:-1;position:relative;margin-bottom:20px;z-index:2}.pricing-stack .bundle-rate h2{font-weight:700;margin-bottom:15px;font-size:37px;transform:perspective(1000px) rotateX(0deg);background-clip:text !important;background:linear-gradient(90deg,#000000,rgb(159,192,198));transition:transform 0.5s ease;color:#000000;-webkit-background-clip:text !important;color:transparent}.pricing-stack .bundle-rate .pricing-pack{line-height:1.6;transform:translateY(0);margin-left:5px;color:#000000;max-width:700px;transition:transform 0.4s ease;font-size:16px}.pricing-stack .bundle-rate:hover h2{transform:perspective(1000px) rotateX(5deg)}.pricing-stack .bundle-rate:hover .pricing-pack{transform:translateY(3px)}.pricing-stack .pricing-catalog{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;perspective:1000px;display:grid}.pricing-stack .fee-struct{transform-style:preserve-3d;transform:translateZ(0) scale(1);overflow:hidden;text-decoration:none;transition:transform 0.6s cubic-bezier(0.165,0.84,0.44,1);height:100%;display:block;position:relative}.pricing-stack .fee-struct:hover{z-index:5;transform:translateZ(20px) scale(1.02)}.pricing-stack .plan-matrix{height:100%;box-shadow:0 15px 35px rgba(0,0,0,0.05);overflow:hidden;display:flex;transition:box-shadow 0.5s ease;flex-direction:column;background:#ffffff;position:relative}.pricing-stack .fee-struct:hover .plan-matrix{box-shadow:0 20px 40px rgba(0,0,0,0.1),0 0 0 1px rgb(159,192,198,0.5)}.pricing-stack .plan-matrix::before{left:0;background:linear-gradient(90deg,rgb(159,192,198),rgb(106,176,190));content:"";transform-origin:left;position:absolute;transform:scaleX(0);height:5px;right:0;transition:transform 0.5s cubic-bezier(0.19,1,0.22,1);top:0}.pricing-stack .fee-struct:hover .plan-matrix::before{transform:scaleX(1)}.pricing-stack .tuition-table{flex-direction:column;flex-grow:1;z-index:2;overflow:hidden;display:flex;padding:35px 30px;position:relative}.pricing-stack .tuition-table h3{overflow-wrap:break-word;word-break:break-word;transform:translateY(0);margin-bottom:15px;font-weight:600;color:#000000;transition:transform 0.4s ease,color 0.3s ease;font-size:calc(19px + 2px);position:relative}.pricing-stack .fee-struct:hover .tuition-table h3{transform:translateY(-2px);color:rgb(159,192,198)}.pricing-stack .tuition-table .fee-options{overflow-wrap:break-word;font-size:calc(19px + 6px);position:relative;color:rgb(159,192,198);font-weight:700;display:block;word-break:break-word;margin:5px 0 20px;transition:transform 0.5s cubic-bezier(0.19,1,0.22,1)}.pricing-stack .fee-struct:hover .tuition-table .fee-options{transform:scale(1.05)}.pricing-stack .tuition-table .fee-options::after{content:"";bottom:-10px;transition:width 0.4s ease;position:absolute;background:rgb(106,176,190,0.5);width:50px;height:2px;left:0}.pricing-stack .fee-struct:hover .tuition-table .fee-options::after{width:80px}.pricing-stack .tuition-table p{word-break:break-word;opacity:0.85;line-height:1.7;white-space:normal;transition:opacity 0.3s ease;overflow-wrap:break-word;flex-grow:1;font-size:16px;color:#000000;margin-top:10px}.pricing-stack .fee-struct:hover .tuition-table p{opacity:1}.pricing-stack .fee-struct .article-image{width:100%;height:220px;overflow:hidden;position:relative;transition:height 0.5s cubic-bezier(0.19,1,0.22,1)}.pricing-stack .fee-struct:hover .article-image{height:240px}.pricing-stack .fee-struct .article-image::after{transition:opacity 0.4s ease;background:linear-gradient(to top,rgba(0,0,0,0.3),transparent);content:"";top:0;right:0;left:0;bottom:0;position:absolute;opacity:0}.pricing-stack .fee-struct:hover .article-image::after{opacity:1}.pricing-stack .fee-struct:nth-child(odd) .plan-matrix{flex-direction:column-reverse}@media (min-width: 992px) {.pricing-stack{padding:140px 0}.pricing-stack .study-offers{align-items:flex-start;flex-direction:row}.pricing-stack .bundle-rate{position:sticky;align-self:flex-start;order:0;transform:translateX(0);margin-right:70px;top:100px;width:30%}.pricing-stack .pricing-catalog{grid-template-columns:repeat(2,1fr);width:70%}} @media (min-width: 1200px) {.pricing-stack .pricing-catalog{gap:40px;grid-template-columns:repeat(2,1fr)}.pricing-stack .bundle-rate h2{font-size:calc(37px + 5px)}} @media (max-width: 991px) {.pricing-stack{padding:80px 0}.pricing-stack .bundle-rate{transform:translateX(0);text-align:center}.pricing-stack .bundle-rate .pricing-pack{margin:0 auto}} @media (max-width: 767px) {.pricing-stack{padding:60px 0}.pricing-stack .pricing-catalog{grid-template-columns:1fr}.pricing-stack .tuition-table{padding:25px 20px}.pricing-stack .fee-struct .article-image{height:180px}.pricing-stack .bundle-rate h2{font-size:calc(37px - 2px)}} @media (max-width: 480px) {.pricing-stack{padding:50px 0}.pricing-stack .tuition-table h3{font-size:19px}.pricing-stack .tuition-table .fee-options{font-size:calc(19px + 2px)}.pricing-stack .tuition-table p{font-size:calc(16px - 1px)}}.contact-information{padding:100px 0;overflow:hidden;background:linear-gradient(125deg,rgb(207,219,221) 0%,rgb(106,176,190,0.5) 50%,rgb(207,219,221) 100%);z-index:1;position:relative}.contact-information::before{z-index:-1;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,0.02) 10px,rgba(0,0,0,0.02) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,0,0,0.02) 10px,rgba(0,0,0,0.02) 20px);left:0;opacity:0.7;position:absolute;content:'';height:100%;top:0;width:100%}.contact-information::after{left:-50%;position:absolute;content:'';background:conic-gradient( from 0deg at 50% 50%,transparent 0%,rgb(159,192,198,0.5) 5%,transparent 10%,transparent 90%,rgb(106,176,190,0.5) 95%,transparent 100% );opacity:0.2;top:-50%;width:200%;animation:rotate 120s linear infinite;z-index:-1;height:200%}.contact-information .article-image{width:100%;filter:contrast(120%) brightness(110%) blur(5px);z-index:0;height:100%;top:0;mix-blend-mode:luminosity;opacity:0.15;position:absolute;left:0}.contact-information .container{z-index:2;margin:0 auto;position:relative;padding:0 20px;max-width:1200px}.contact-information h3{text-transform:uppercase;text-align:center;font-family:Arial,sans-serif;font-size:34px;font-weight:700;margin-bottom:50px;letter-spacing:2px;color:#000000;position:relative}.contact-information h3::before{background:rgb(159,192,198);content:'';width:40px;transform:translateX(-50%);position:absolute;top:-15px;left:50%;height:4px;border-radius:10px}.contact-information h3::after{transform:translateX(-50%);background:rgb(159,192,198);border-radius:10px;height:4px;content:'';left:50%;width:80px;position:absolute;bottom:-15px}.contact-information .contact-inquiry{border-radius:22px;position:relative;display:flex;background:rgba(255,255,255,0.01);box-shadow:0 15px 35px rgba(0,0,0,0.2),0 5px 15px rgba(0,0,0,0.1),0 0 0 1px rgba(255,255,255,0.1) inset;overflow:hidden;backdrop-filter:blur(10px);flex-wrap:wrap}.contact-information .contact-inquiry::before{pointer-events:none;content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(135deg,transparent 20%,rgba(255,255,255,0.05) 40%,rgba(255,255,255,0.1) 60%,transparent 80%)}.contact-information .contact-inquiry::after{animation:pulse-border 4s infinite alternate;box-shadow:0 0 25px rgb(159,192,198,0.5);pointer-events:none;position:absolute;border:1px solid rgba(255,255,255,0.1);inset:0;border-radius:22px;content:''}.contact-information .support-links{flex:1 1 60%;background:#ffffff;padding:50px;overflow:hidden;position:relative}.contact-information .support-links::before{width:100%;left:0;z-index:0;top:0;height:100%;content:'';background:radial-gradient(circle at 20% 30%,rgba(0,0,0,0.02) 0%,transparent 25%),radial-gradient(circle at 80% 70%,rgba(0,0,0,0.02) 0%,transparent 25%);position:absolute}.contact-information .support-links::after{border-radius:0 0 0 150px;right:0;top:0;content:'';width:150px;z-index:0;background:linear-gradient(135deg,transparent 40%,rgb(159,192,198,0.5) 100%);position:absolute;height:150px;opacity:0.5}.contact-information .support-links #contact{z-index:2;position:relative}.contact-information .support-links h3{text-align:left;letter-spacing:1px;text-transform:uppercase;color:#000000;font-weight:600;margin-bottom:40px;font-size:20px}.contact-information .support-links h3::before{display:none}.contact-information .support-links h3::after{bottom:-10px;transform:none;background:rgb(159,192,198);left:0;width:60px}.contact-information .support-links input[type="text"],.contact-information .support-links textarea{transition:all 0.3s ease;border-radius:10px;border:1px solid rgba(0,0,0,0.05);font-size:14px;padding:18px 25px;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.03) inset;margin-bottom:25px;background-color:rgba(0,0,0,0.02);color:#000000;font-family:Arial,sans-serif}.contact-information .support-links input[type="text"]:focus,.contact-information .support-links textarea:focus{outline:none;box-shadow:0 2px 5px rgba(0,0,0,0.03) inset,0 0 0 3px rgb(159,192,198,0.5);border-color:rgb(159,192,198);background-color:#ffffff}.contact-information .support-links textarea{resize:vertical;height:150px}.contact-information .support-links .query-query{margin-bottom:30px;align-items:flex-start;display:flex}.contact-information .support-links .query-query input[type="checkbox"]{position:absolute;opacity:0}.contact-information .support-links .query-query label{cursor:pointer;padding-left:38px;position:relative;font-size:calc(14px - 2px);line-height:1.5;color:#000000}.contact-information .support-links .query-query label::before{border:1px solid rgba(0,0,0,0.1);height:24px;border-radius:10px;transition:all 0.3s ease;width:24px;position:absolute;top:2px;left:0;content:'';box-shadow:0 1px 3px rgba(0,0,0,0.05) inset;background-color:rgba(0,0,0,0.02)}.contact-information .support-links .query-query label::after{content:'';top:2px;opacity:0;width:15px;left:5px;transition:all 0.3s ease;background-color:rgb(159,192,198);transform:scale(0.6);position:absolute;border-radius:calc(10px - 2px);height:15px}.contact-information .support-links .query-query input[type="checkbox"]:checked + label::before{border-color:rgb(159,192,198)}.contact-information .support-links .query-query input[type="checkbox"]:checked + label::after{opacity:1;transform:scale(1)}.contact-information .support-links .query-query a{color:rgb(159,192,198);text-decoration:none;font-weight:600;position:relative;transition:color 0.3s ease}.contact-information .support-links .query-query a::after{content:'';background-color:rgb(159,192,198);transform-origin:right;transition:transform 0.3s ease;bottom:-2px;position:absolute;left:0;width:100%;transform:scaleX(0);height:1px}.contact-information .support-links .query-query a:hover{color:rgb(106,176,190)}.contact-information .support-links .query-query a:hover::after{transform-origin:left;background-color:rgb(106,176,190);transform:scaleX(1)}.contact-information .support-links .inquiry-widget{position:relative;display:inline-block;letter-spacing:1px;border-radius:22px;cursor:pointer;font-size:16px;overflow:hidden;font-weight:600;color:#ffffff;padding:16px 35px;border:none;box-shadow:0 5px 15px rgb(159,192,198,0.5),0 0 0 1px rgb(159,192,198,0.5) inset;text-transform:uppercase;background:linear-gradient(135deg,rgb(159,192,198) 0%,rgb(106,176,190) 100%);transition:all 0.3s ease}.contact-information .support-links .inquiry-widget::before{height:100%;transition:all 0.5s ease;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);left:-100%;top:0;position:absolute;content:'';width:100%}.contact-information .support-links .inquiry-widget::after{bottom:0;content:'';animation:glow 2s infinite;width:100%;height:3px;opacity:0.5;left:0;position:absolute;background:linear-gradient(90deg,transparent,#ffffff,transparent)}.contact-information .support-links .inquiry-widget:hover{background:linear-gradient(135deg,rgb(106,176,190) 0%,rgb(159,192,198) 100%);box-shadow:0 8px 25px rgb(159,192,198,0.5),0 0 0 1px rgb(159,192,198) inset;transform:translateY(-3px)}.contact-information .support-links .inquiry-widget:hover::before{left:100%}.contact-information .request-panel{background:linear-gradient(135deg,rgb(159,192,198) 0%,rgb(106,176,190) 100%);position:relative;padding:50px;flex:1 1 40%;overflow:hidden}.contact-information .request-panel::before{content:'';z-index:0;position:absolute;opacity:1;left:0;width:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.03) 10px,rgba(255,255,255,0.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,0.03) 10px,rgba(255,255,255,0.03) 20px);height:100%;top:0}.contact-information .request-panel::after{left:0;width:100%;top:0;z-index:0;background:linear-gradient(135deg,transparent 25%,rgba(255,255,255,0.05) 50%,transparent 75%);content:'';animation:shine 8s infinite linear;height:100%;position:absolute}.contact-information .request-panel h4{position:relative;color:#ffffff;font-weight:600;z-index:1;margin-bottom:40px;font-size:20px;text-transform:uppercase;letter-spacing:1px}.contact-information .request-panel h4::after{background:#ffffff;bottom:-10px;border-radius:10px;position:absolute;height:3px;width:60px;left:0;content:''}.contact-information .request-panel .reach-reach{position:relative;list-style:none;padding:0;margin:0;z-index:1}.contact-information .request-panel .reach-reach li{align-items:flex-start;position:relative;padding-bottom:20px;display:flex;margin-bottom:30px}.contact-information .request-panel .reach-reach li:not(:last-child)::after{content:'';bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);width:100%;position:absolute;left:0}.contact-information .request-panel .reach-reach li svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));width:26px;position:relative;margin-right:20px;flex-shrink:0;height:26px}.contact-information .request-panel .reach-reach li svg path{fill:#ffffff;transition:fill 0.3s ease}.contact-information .request-panel .reach-reach li:hover svg{transform:scale(1.1);transition:transform 0.3s ease}.contact-information .request-panel .reach-reach li:hover svg path{fill:rgba(255,255,255,0.9)}.contact-information .request-panel .reach-reach li span{position:relative;color:#ffffff;font-size:14px;line-height:1.5}.contact-information .request-panel .reach-reach li a{position:relative;color:#ffffff;transition:all 0.3s ease;text-decoration:none}.contact-information .request-panel .reach-reach li a::after{bottom:-2px;content:'';transition:transform 0.3s ease;left:0;transform:scaleX(0);height:1px;background-color:#ffffff;transform-origin:right;width:100%;position:absolute}.contact-information .request-panel .reach-reach li a:hover{color:rgba(255,255,255,0.9);text-shadow:0 0 10px rgba(255,255,255,0.3)}.contact-information .request-panel .reach-reach li a:hover::after{transform:scaleX(1);transform-origin:left}@keyframes rotate {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes pulse-border {0%,100%{box-shadow:0 0 15px rgb(159,192,198,0.5)}50%{box-shadow:0 0 25px rgb(106,176,190,0.5)}} @keyframes glow {0%,100%{opacity:0.3}50%{opacity:0.7}} @keyframes shine {0%{background-position:-200% 0}100%{background-position:200% 0}} @media (max-width: 992px) {.contact-information{padding:80px 0}.contact-information .container{padding:0 20px}.contact-information .contact-inquiry{flex-direction:column}.contact-information .support-links,.contact-information .request-panel{flex:1 1 100%}.contact-information .support-links{padding:40px}.contact-information .request-panel{padding:40px}} @media (max-width: 768px) {.contact-information{padding:60px 0}.contact-information h3{margin-bottom:40px;font-size:calc(34px - 4px)}.contact-information .support-links h3,.contact-information .request-panel h4{margin-bottom:30px;font-size:calc(20px - 2px)}.contact-information .support-links input[type="text"],.contact-information .support-links textarea{margin-bottom:20px;padding:15px 20px}.contact-information .support-links textarea{height:120px}.contact-information .support-links .inquiry-widget{padding:14px 30px;font-size:calc(16px - 1px)}.contact-information .request-panel .reach-reach li{padding-bottom:15px;margin-bottom:25px}.contact-information .request-panel .reach-reach li svg{margin-right:15px;height:22px;width:22px}} @media (max-width: 576px) {.contact-information{padding:40px 0}.contact-information .support-links,.contact-information .request-panel{padding:30px 20px}.contact-information h3{font-size:calc(34px - 6px);margin-bottom:30px}.contact-information .support-links .query-query label{font-size:calc(14px - 3px)}.contact-information .request-panel .reach-reach li:not(:last-child){margin-bottom:20px;padding-bottom:12px}}.data-analysis{position:relative;background:rgb(207,219,221);overflow:hidden;z-index:1;padding:8rem 0}.data-analysis::before{top:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgb(159,192,198,0.5),transparent) 0 0,linear-gradient(to right,transparent,transparent,rgba(255,255,255,0.05),transparent,transparent) 0 0;position:absolute;opacity:1;z-index:-1;content:"";left:0;animation:backgroundSweep 8s infinite ease-in-out;background-size:100% 100%,200% 100%}@keyframes backgroundSweep {0%{background-position:0 0,-100% 0}50%{background-position:0 0,100% 0}100%{background-position:0 0,-100% 0}} .data-analysis .container{margin:0 auto;flex-direction:column;display:flex;padding:0;max-width:1200px;position:relative}.data-analysis .container::before{content:"";background-image:linear-gradient(0deg,rgb(159,192,198,0.5) 1px,transparent 1px),linear-gradient(0deg,rgb(106,176,190,0.5) 1px,transparent 1px);z-index:-1;width:100%;opacity:0.03;height:100%;background-size:100% 50px,100% 100px;animation:lineShift 30s infinite linear;position:absolute;left:0;top:0}@keyframes lineShift {0%{background-position:0 0,0 0}100%{background-position:0 50px,0 100px}} .data-analysis h2{width:max-content;font-weight:700;align-self:center;font-size:31px;margin:0 0 6rem;position:relative;color:#000000;text-align:center}.data-analysis h2::after{height:8px;bottom:-20px;background:linear-gradient(90deg,transparent,rgb(159,192,198),transparent);left:-10%;opacity:0.3;position:absolute;border-radius:10px;content:"";width:120%}.data-analysis ul{padding:0;margin:0;min-height:300px;display:flex;flex-wrap:wrap;list-style:none;position:relative}.data-analysis ul::before{content:"";height:1px;background:linear-gradient(90deg,transparent,rgb(159,192,198,0.5),rgb(106,176,190,0.5),rgb(159,192,198,0.5),transparent);width:100%;animation:gradientMove 6s infinite linear;left:0;bottom:0;background-size:200% 1px;position:absolute}.data-analysis ul::after{width:100%;animation:gradientMove 6s infinite linear reverse;background-size:200% 1px;position:absolute;background:linear-gradient(90deg,transparent,rgb(106,176,190,0.5),rgb(159,192,198,0.5),rgb(106,176,190,0.5),transparent);height:1px;left:0;top:0;content:""}@keyframes gradientMove {0%{background-position:0% 0}100%{background-position:200% 0}} .data-analysis .benefits-track{display:flex;transition:all 0.4s ease;flex:0 0 20%;position:relative;flex-direction:column;background:linear-gradient(to bottom,transparent,rgba(rgb(159,192,198),0.02),transparent);transform:translateY(100%);animation:slideIn 0.5s forwards;height:0;align-items:center;opacity:0;padding:2rem 1rem;justify-content:center}@keyframes slideIn {to{height:auto;transform:translateY(0);opacity:1}} .data-analysis .benefits-track:nth-child(1){animation-delay:0.1s}.data-analysis .benefits-track:nth-child(2){animation-delay:0.2s}.data-analysis .benefits-track:nth-child(3){animation-delay:0.3s}.data-analysis .benefits-track:nth-child(4){animation-delay:0.4s}.data-analysis .benefits-track:nth-child(5){animation-delay:0.5s}.data-analysis .benefits-track:nth-child(6){animation-delay:0.6s}.data-analysis .benefits-track:nth-child(7){animation-delay:0.7s}.data-analysis .benefits-track:nth-child(8){animation-delay:0.8s}.data-analysis .benefits-track:nth-child(9){animation-delay:0.9s}.data-analysis .benefits-track:nth-child(10){animation-delay:1s}.data-analysis .benefits-track::before{right:0;width:1px;position:absolute;background:linear-gradient(to bottom,transparent,rgb(159,192,198,0.5),transparent);top:0;content:"";bottom:0}.data-analysis .benefits-track:nth-child(5n)::before{display:none}.data-analysis .benefits-track::after{transition:all 0.3s ease;width:80%;opacity:0.1;background:linear-gradient(90deg,transparent,rgb(159,192,198,0.5),transparent);content:"";left:10%;z-index:-1;bottom:-5px;position:absolute;height:2px}.data-analysis .benefits-track:hover::after{left:5%;width:90%;opacity:0.5;height:3px}.data-analysis .benefits-track p{font-weight:700;margin:0 0 1.5rem;position:relative;color:rgb(159,192,198);text-align:center;transition:all 0.3s ease;font-size:calc(38px * 1.3)}.data-analysis .benefits-track span{text-align:center;font-weight:400;max-width:100%;margin-top:auto;font-size:14px;transition:all 0.3s ease;color:#000000;position:relative}.data-analysis .benefits-track:nth-child(odd) p{color:rgb(159,192,198)}.data-analysis .benefits-track:nth-child(even) p{color:rgb(106,176,190)}.data-analysis svg{position:absolute;width:50px;opacity:0.1;bottom:-25px;left:50%;transition:all 0.3s ease;height:50px;transform:translateX(-50%);fill:rgb(159,192,198)}.data-analysis svg path{fill:inherit}.data-analysis .benefits-track:hover p{transform:translateY(-5px)}.data-analysis .benefits-track:hover svg{transform:translateX(-50%) scale(1.1);opacity:0.2}.data-analysis::after{bottom:0;background-size:200% 1px,200% 1px;position:absolute;animation:lineSweep 10s infinite linear;width:100%;opacity:0.15;background-position:0% 100%,100% 85%;left:0;z-index:-1;background-repeat:repeat-x;background-image:linear-gradient(90deg,transparent,rgb(159,192,198,0.5) 50%,transparent 100%),linear-gradient(90deg,transparent,rgb(106,176,190,0.5) 50%,transparent 100%);height:40%;content:""}@keyframes lineSweep {0%{background-position:0% 100%,100% 85%}50%{background-position:100% 100%,0% 85%}100%{background-position:0% 100%,100% 85%}} .data-analysis .benefits-track p::before{height:30px;opacity:0;transition:all 0.3s ease;right:-15px;transform:scale(0);background:rgb(159,192,198);width:30px;justify-content:center;position:absolute;align-items:center;top:-15px;display:flex;font-weight:600;font-size:21px;border-radius:50%;content:attr(data-count);color:#ffffff}.data-analysis .benefits-track:hover p::before{opacity:1;transform:scale(1)}.data-analysis .benefits-track:nth-child(1) p::before{content:"01"}.data-analysis .benefits-track:nth-child(2) p::before{background:rgb(106,176,190);content:"02"}.data-analysis .benefits-track:nth-child(3) p::before{content:"03";background:rgb(159,192,198)}.data-analysis .benefits-track:nth-child(4) p::before{background:rgb(106,176,190);content:"04"}.data-analysis .benefits-track:nth-child(5) p::before{background:rgb(159,192,198);content:"05"}.data-analysis .benefits-track:nth-child(6) p::before{content:"06";background:rgb(106,176,190)}.data-analysis .benefits-track:nth-child(7) p::before{background:rgb(159,192,198);content:"07"}.data-analysis .benefits-track:nth-child(8) p::before{content:"08";background:rgb(106,176,190)}.data-analysis .benefits-track:nth-child(9) p::before{background:rgb(159,192,198);content:"09"}.data-analysis .benefits-track:nth-child(10) p::before{background:rgb(106,176,190);content:"10"}@media screen and (max-width: 1024px) {.data-analysis{padding:6rem 0}.data-analysis ul{height:350px}.data-analysis .benefits-track p{font-size:calc(38px * 1.2)}} @media screen and (max-width: 768px) {.data-analysis{padding:5rem 0}.data-analysis h2{margin-bottom:4rem;font-size:calc(31px * 0.9)}.data-analysis ul{flex-wrap:wrap;height:auto}.data-analysis .benefits-track{margin-bottom:3rem;flex:0 0 33.33%;padding:0 1.5rem}.data-analysis .benefits-track:nth-child(5n)::before{display:block}.data-analysis .benefits-track:nth-child(3n)::before{display:none}.data-analysis .benefits-track:nth-child(3n+1){animation-delay:0.1s}.data-analysis .benefits-track:nth-child(3n+2){animation-delay:0.2s}.data-analysis .benefits-track:nth-child(3n){animation-delay:0.3s}} @media screen and (max-width: 480px) {.data-analysis{padding:4rem 0}.data-analysis h2{font-size:calc(31px * 0.8);margin-bottom:3rem}.data-analysis ul{display:flex;flex-wrap:wrap}.data-analysis .benefits-track{flex:0 0 100%;padding:0;margin-bottom:2.5rem}.data-analysis .benefits-track::before{display:none}.data-analysis .benefits-track:last-child{margin-bottom:0}.data-analysis .benefits-track p{font-size:calc(38px * 1.1)}.data-analysis .benefits-track:nth-child(n){animation-delay:calc(0.1s * var(--n))}}