*{padding:0;margin:0;box-sizing:border-box}svg{width:30px;height:30px}header,footer{width:100%}.main-base{flex:1 0 auto}.inner-container{flex-direction:column;display:flex;min-height:100%;height:100%}html,body{font-family:Arial,sans-serif;height:100%;color:#000000;scroll-snap-type:none;auto contain touch-action:none;min-height:100%}.case-study{flex:0 0 auto}a{text-decoration:none;color:inherit}.container{margin:auto;width:1127px;max-width:100%}@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-hold{position:relative;background:linear-gradient(120deg,rgb(175,175,178),#ffffff);overflow:hidden;padding:5rem 2rem}.privacy-hold::before{left:0;opacity:0.15;top:0;pointer-events:none;width:100%;position:absolute;content:"";background:radial-gradient(circle at 80% 20%,rgb(102,102,105,0.5) 0%,transparent 60%),radial-gradient(circle at 20% 80%,rgb(138,138,141,0.5) 0%,transparent 60%);height:100%;z-index:0}.privacy-hold .container{max-width:1140px;margin:0 auto;z-index:1;background:#ffffff;transform:perspective(1000px) rotateX(1deg);padding:3rem;box-shadow:0 15px 40px rgba(0,0,0,0.08),0 5px 10px rgba(0,0,0,0.03);position:relative}.privacy-hold .container::before{background:linear-gradient(to bottom,rgb(138,138,141),rgb(102,102,105));height:100%;content:"";width:4px;left:0;position:absolute;top:0;transform:translateX(-2px)}.privacy-hold h1{color:#000000;margin-bottom:2rem;transform:translateX(1.5rem);position:relative;font-weight:700;font-size:39px;padding-bottom:1rem;font-family:Arial,sans-serif}.privacy-hold h1::after{transform-origin:left center;height:3px;transition:width 0.4s ease;left:0;content:"";position:absolute;width:80px;background:rgb(138,138,141);bottom:0}.privacy-hold:hover h1::after{width:120px}.privacy-hold h2{font-size:28px;font-family:Arial,sans-serif;color:rgb(102,102,105);margin:3rem 0 1.5rem;padding-left:1.5rem;position:relative;display:inline-block;font-weight:600}.privacy-hold h2::before{height:8px;left:0;position:absolute;width:8px;transform:translateY(-50%) rotate(45deg);background:rgb(138,138,141);content:"";top:50%}.privacy-hold h3{padding-left:1.25rem;font-weight:600;color:#000000;position:relative;margin:2.5rem 0 1.25rem;font-family:Arial,sans-serif;font-size:calc(28px * 0.85)}.privacy-hold h3::before{transform:translateY(-50%) rotate(45deg);width:6px;height:6px;left:0;background:rgb(102,102,105);top:50%;position:absolute;content:""}.privacy-hold h4{position:relative;font-size:calc(28px * 0.7);font-family:Arial,sans-serif;margin:2rem 0 1rem;color:#000000;padding-left:1rem;font-weight:600}.privacy-hold h4::before{width:4px;position:absolute;top:50%;height:4px;transform:translateY(-50%) rotate(45deg);background:rgb(138,138,141);content:"";left:0}.privacy-hold p{transform:translateZ(0);max-width:90%;font-family:Arial,sans-serif;position:relative;font-size:17px;line-height:1.8;margin-bottom:1.5rem;color:#000000}.privacy-hold p strong{display:inline-block;position:relative;color:#000000;font-weight:600}.privacy-hold p strong::after{content:"";position:absolute;background:rgb(138,138,141,0.5);height:1px;left:0;width:100%;bottom:-2px}.privacy-hold ul{margin:1.5rem 0 2rem;padding-left:1.5rem;list-style:none}.privacy-hold li{padding-left:1.5rem;font-size:17px;position:relative;font-family:Arial,sans-serif;line-height:1.6;margin-bottom:1rem;color:#000000}.privacy-hold li::before{content:"";width:6px;top:0.7em;transform:rotate(45deg);left:0;transition:all 0.3s ease;height:6px;position:absolute;border:1px solid rgb(138,138,141)}.privacy-hold li:hover::before{background:rgb(138,138,141);transform:rotate(135deg)}.privacy-hold span{font-size:17px;border-left:2px solid rgb(102,102,105,0.5);display:block;margin-bottom:1.5rem;line-height:1.7;font-family:Arial,sans-serif;padding:0.5rem 0 0.5rem 1rem;color:#000000}@media (min-width: 992px) {.privacy-hold{padding:7rem 3rem}.privacy-hold .container{transform:perspective(1200px) rotateX(1deg);padding:4rem 5rem}.privacy-hold h1{transform:translateX(2rem);font-size:calc(39px * 1.15)}.privacy-hold p{max-width:80%}.privacy-hold ul{padding-left:2.5rem}} @media (max-width: 991px) {.privacy-hold{padding:4rem 1.5rem}.privacy-hold .container{padding:2.5rem}.privacy-hold h1{transform:translateX(1rem)}} @media (max-width: 767px) {.privacy-hold{padding:3rem 1rem}.privacy-hold .container{padding:2rem 1.5rem;transform:perspective(800px) rotateX(0.5deg)}.privacy-hold h1{transform:translateX(0);font-size:calc(39px * 0.85)}.privacy-hold h2{font-size:calc(28px * 0.9)}.privacy-hold p,.privacy-hold li,.privacy-hold span{font-size:calc(17px * 0.95)}.privacy-hold p{max-width:100%}} @media (max-width: 480px) {.privacy-hold{padding:2rem 0.75rem}.privacy-hold .container{transform:none;padding:1.75rem 1.25rem}.privacy-hold .container::before{width:3px}.privacy-hold h1{margin-bottom:1.5rem;font-size:calc(39px * 0.75)}.privacy-hold h2{font-size:calc(28px * 0.8);padding-left:1.25rem}.privacy-hold h3,.privacy-hold h4{padding-left:1rem}.privacy-hold p,.privacy-hold li,.privacy-hold span{line-height:1.6;font-size:calc(17px * 0.9)}.privacy-hold ul{padding-left:0.75rem}.privacy-hold li{padding-left:1.25rem}}.company-info{overflow:hidden;position:relative;z-index:1;background:linear-gradient(145deg,rgb(138,138,141) 0%,rgb(102,102,105) 100%);padding:100px 0}.company-info::before{height:100%;z-index:-1;content:"";background:repeating-linear-gradient(135deg,transparent,transparent 30px,rgba(255,255,255,0.02) 30px,rgba(255,255,255,0.02) 60px);width:100%;left:0;position:absolute;top:0}.company-info::after{opacity:0.6;left:0;position:absolute;z-index:-1;top:0;height:100%;content:"";background:radial-gradient(circle at 30% 70%,rgba(255,255,255,0.1) 0%,transparent 50%);width:100%;animation:shiftGlow 20s ease-in-out infinite alternate}.company-info .container{z-index:2;margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.company-info .virtual-guides{overflow:hidden;grid-template-rows:auto auto;animation:fadeIn 1s ease-in-out;grid-template-areas:"director logo" "text text";display:grid;padding:60px;gap:40px;grid-template-columns:1fr 1fr;box-shadow:0 15px 30px rgba(0,0,0,0.15);background:rgb(175,175,178);border-radius:18px;position:relative}.company-info .virtual-guides::before{height:100%;position:absolute;background:linear-gradient(to bottom,rgb(138,138,141),rgb(102,102,105));left:0;width:5px;content:"";top:0}.company-info .pro-learning{transition:transform 0.6s ease;grid-area:director;padding-right:30px;display:flex;gap:30px;transform:translateY(0);align-items:center}.company-info .pro-learning:hover{transform:translateY(-5px)}.company-info .pro-learning .img-shadow{border-radius:10px;width:180px;transition:all 0.4s ease;box-shadow:0 10px 20px rgba(0,0,0,0.15);border:3px solid #ffffff;position:relative;overflow:hidden;height:220px}.company-info .pro-learning .img-shadow:hover{border-color:rgb(138,138,141);transform:scale(1.05)}.company-info .vision-mission{flex:1}.company-info .knowledge-center{margin:0 0 10px 0;color:#000000;font-weight:700;font-size:18px;padding-bottom:10px;position:relative}.company-info .knowledge-center::after{transition:width 0.3s ease;position:absolute;height:2px;content:"";bottom:0;left:0;background:rgb(138,138,141);width:40px}.company-info .knowledge-center:hover::after{width:60px}.company-info .skill-guides{color:#000000;font-weight:300;margin:0;font-size:13px}.company-info .learn-corner{border-left:1px solid rgba(rgb(138,138,141),0.2);display:flex;margin-bottom:20px;align-items:center;grid-area:logo;justify-content:flex-start}.company-info .learn-corner svg{fill:rgb(138,138,141);height:60px;margin-right:20px;width:60px;transition:transform 0.4s ease}.company-info .learn-corner:hover svg{transform:rotate(5deg) scale(1.1)}.company-info .learn-corner svg path{transition:fill 0.3s ease;fill:rgb(138,138,141)}.company-info .learn-corner:hover svg path{fill:rgb(102,102,105)}.company-info .text-pill-wrap{animation-delay:0.3s;grid-area:text;transform:translateY(20px);opacity:0;animation:slideUp 0.8s ease-out forwards;border-top:1px solid rgba(rgb(138,138,141),0.2);padding-top:30px}.company-info h2{margin:0 0 25px 0;font-size:28px;position:relative;color:#000000;font-weight:700}.company-info h2::after{content:"";bottom:-10px;left:0;height:3px;background:rgb(138,138,141);position:absolute;width:80px;animation:pulseWidth 3s ease-in-out infinite}.company-info p{margin:0;font-size:13px;line-height:1.8;color:#000000}@keyframes fadeIn {from{opacity:0}to{opacity:1}} @keyframes slideUp {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes pulseWidth {0%,100%{width:80px}50%{width:120px}} @keyframes shiftGlow {0%{background-position:0% 0%}100%{background-position:100% 100%}} @media screen and (max-width: 992px) {.company-info{padding:80px 0}.company-info .virtual-guides{grid-template-areas:"director" "logo" "text";padding:40px 30px;grid-template-columns:1fr;gap:30px}.company-info .pro-learning{padding-right:0;border-bottom:1px solid rgba(rgb(138,138,141),0.2);padding-bottom:30px}.company-info .learn-corner{border-bottom:1px solid rgba(rgb(138,138,141),0.2);border-left:none;padding-left:0;padding-bottom:30px}.company-info .text-pill-wrap{border-top:none;padding-top:0}} @media screen and (max-width: 767px) {.company-info{padding:60px 0}.company-info .virtual-guides{padding:30px 20px;gap:25px}.company-info .pro-learning{flex-direction:column;gap:20px;text-align:center;align-items:center}.company-info .knowledge-center::after{transform:translateX(-50%);left:50%}.company-info .knowledge-center:hover::after{width:60px}.company-info .learn-corner{justify-content:center}.company-info .text-pill-wrap{text-align:center}.company-info h2::after{transform:translateX(-50%);left:50%}} @media screen and (max-width: 480px) {.company-info{padding:40px 0}.company-info .virtual-guides{gap:20px;padding:25px 15px}.company-info .pro-learning .img-shadow{width:150px;height:180px}.company-info .knowledge-center{font-size:calc(18px * 0.9)}.company-info .skill-guides{font-size:calc(13px * 0.9)}.company-info .learn-corner svg{width:50px;height:50px;margin-right:15px}.company-info h2{margin-bottom:20px;font-size:calc(28px * 0.8)}.company-info p{font-size:calc(13px * 0.9)}}.get-in-touch{overflow:hidden;position:relative;padding:6rem 0}.get-in-touch::before{top:0;position:absolute;z-index:1;left:0;right:0;content:"";background-color:rgba(0,0,0,0.5);bottom:0}.get-in-touch::after{height:200%;background:linear-gradient(45deg,transparent 65%,rgba(255,255,255,0.08) 70%,transparent 75%);left:-50%;top:-50%;animation:shine 8s linear infinite;position:absolute;width:200%;z-index:2;content:""}.get-in-touch .container{z-index:3;max-width:1200px;position:relative;padding:0 15px;margin:0 auto}.get-in-touch .feedback-box{display:flex;overflow:hidden;border-radius:17px;padding:2rem;border:1px solid rgba(255,255,255,0.1);gap:2rem;backdrop-filter:blur(10px);position:relative;background:linear-gradient(145deg,rgba(255,255,255,0.03),rgba(0,0,0,0.3));box-shadow:0 15px 25px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.1);flex-wrap:wrap}.get-in-touch .feedback-box::before{background:linear-gradient(90deg,transparent,rgb(138,138,141),transparent);top:0;height:1px;content:"";left:-50%;width:200%;position:absolute}.get-in-touch .feedback-box::after{height:1px;content:"";background:linear-gradient(90deg,transparent,rgb(102,102,105),transparent);width:200%;position:absolute;right:-50%;bottom:0}.get-in-touch .connect-request{transform:translateZ(0);border:1px solid rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;position:relative;flex:1 1 300px;backdrop-filter:blur(5px);box-shadow:inset 0 0 10px rgba(0,0,0,0.1);background:linear-gradient(135deg,rgb(138,138,141,0.5),rgba(0,0,0,0.2));padding:2rem}.get-in-touch .connect-request::before{background:radial-gradient( circle at center,rgba(255,255,255,0.05) 0%,transparent 70%);animation:pulse 15s infinite linear;position:absolute;width:200%;z-index:-1;top:-50%;content:"";left:-50%;height:200%}.get-in-touch .connect-request h3{padding-bottom:1rem;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,0.2);position:relative;color:#ffffff;font-weight:600;font-size:19px}.get-in-touch .connect-request h3::after{width:50px;left:0;position:absolute;bottom:0;box-shadow:0 0 8px rgb(102,102,105);height:2px;content:"";background:rgb(102,102,105)}.get-in-touch .connect-request div{margin-bottom:1.5rem;display:flex;position:relative;align-items:center;padding-left:10px;transition:all 0.3s ease}.get-in-touch .connect-request div:hover{transform:translateX(5px)}.get-in-touch .connect-request div::before{top:50%;background:rgb(102,102,105);width:3px;transition:height 0.3s ease;content:"";height:0;left:0;position:absolute}.get-in-touch .connect-request div:hover::before{top:10%;height:80%}.get-in-touch .connect-request div svg{flex-shrink:0;margin-right:15px;width:20px;height:20px}.get-in-touch .connect-request div svg path{transition:all 0.3s ease;fill:rgb(102,102,105)}.get-in-touch .connect-request div:hover svg path{fill:rgb(138,138,141);filter:drop-shadow(0 0 2px rgb(138,138,141))}.get-in-touch .connect-request div span{letter-spacing:0.5px;font-size:calc(12px - 2px);color:#ffffff}.get-in-touch .connect-request div span a{color:#ffffff;transition:all 0.3s ease;text-decoration:none}.get-in-touch .connect-request div span a:hover{text-shadow:0 0 5px rgba(255,255,255,0.2);color:rgb(102,102,105)}.get-in-touch .message-box{position:relative;box-shadow:0 10px 20px rgba(0,0,0,0.1);background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(0,0,0,0.1));flex:1 1 400px;padding:2rem;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.05);overflow:hidden;border-radius:10px}.get-in-touch .message-box::before{position:absolute;content:"";border-radius:50%;opacity:0.3;width:200px;right:-100px;height:200px;background:radial-gradient( circle,rgb(138,138,141,0.5) 0%,transparent 70%);top:-100px}.get-in-touch .message-box form{flex-direction:column;gap:1.2rem;display:flex}.get-in-touch .message-box h3{font-weight:600;margin-bottom:1.5rem;font-size:17px;text-align:center;position:relative;color:#ffffff}.get-in-touch .message-box h3::after{content:"";background:rgb(102,102,105);width:50px;height:2px;position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;box-shadow:0 0 8px rgb(102,102,105)}.get-in-touch .message-box input[type="text"],.get-in-touch .message-box input[type="email"]{transition:all 0.3s ease;color:#ffffff;box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);font-size:12px;border-radius:10px;outline:none;width:100%;background:rgba(0,0,0,0.2);padding:12px 15px;border:1px solid rgba(255,255,255,0.1)}.get-in-touch .message-box input[type="text"]:focus,.get-in-touch .message-box input[type="email"]:focus{background:rgba(0,0,0,0.3);box-shadow:0 0 0 2px rgb(138,138,141,0.5);border-color:rgb(138,138,141)}.get-in-touch .message-box input[type="text"]::placeholder,.get-in-touch .message-box input[type="email"]::placeholder{color:rgba(255,255,255,0.5)}.get-in-touch .message-box .help-inquiry{align-items:flex-start;display:flex;margin:0.5rem 0;gap:10px}.get-in-touch .message-box .help-inquiry input[type="checkbox"]{margin-top:3px;-webkit-appearance:none;background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);appearance:none;position:relative;flex-shrink:0;width:18px;height:18px;cursor:pointer;border-radius:3px;transition:all 0.3s ease}.get-in-touch .message-box .help-inquiry input[type="checkbox"]:checked{border-color:rgb(102,102,105);background:rgb(102,102,105)}.get-in-touch .message-box .help-inquiry input[type="checkbox"]:checked::before{position:absolute;content:"✓";color:#ffffff;transform:translate(-50%,-50%);top:50%;font-size:12px;left:50%}.get-in-touch .message-box .help-inquiry label{font-size:calc(12px - 2px);color:rgba(255,255,255,0.8);line-height:1.5}.get-in-touch .message-box .help-inquiry label a{transition:all 0.3s ease;position:relative;text-decoration:none;color:rgb(102,102,105)}.get-in-touch .message-box .help-inquiry label a::after{left:0;width:0;transition:width 0.3s ease;height:1px;bottom:-2px;content:"";background:rgb(102,102,105);position:absolute}.get-in-touch .message-box .help-inquiry label a:hover::after{width:100%}.get-in-touch .message-box .inquiry-grid{padding:12px 20px;margin-top:1rem;border-radius:10px;background:linear-gradient(135deg,rgb(138,138,141),rgb(102,102,105));cursor:pointer;text-transform:uppercase;transition:all 0.3s ease;letter-spacing:1px;font-weight:600;box-shadow:0 4px 15px rgba(0,0,0,0.2);font-size:17px;color:#ffffff;overflow:hidden;position:relative;border:none}.get-in-touch .message-box .inquiry-grid::before{width:100%;position:absolute;height:100%;top:0;transition:all 0.6s ease;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);left:-100%}.get-in-touch .message-box .inquiry-grid:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.3)}.get-in-touch .message-box .inquiry-grid:hover::before{left:100%}@keyframes pulse {0%{transform:scale(1);opacity:0.3}50%{transform:scale(1.05);opacity:0.5}100%{transform:scale(1);opacity:0.3}} @keyframes shine {0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}} @media screen and (max-width: 992px) {.get-in-touch{padding:5rem 0}.get-in-touch .feedback-box{gap:2rem;flex-direction:column}.get-in-touch .connect-request,.get-in-touch .message-box{flex:1 1 100%}} @media screen and (max-width: 768px) {.get-in-touch{padding:4rem 0}.get-in-touch .feedback-box{padding:1.5rem}.get-in-touch .connect-request,.get-in-touch .message-box{padding:1.5rem}.get-in-touch .connect-request div svg{width:18px;margin-right:10px;height:18px}.get-in-touch .connect-request h3,.get-in-touch .message-box h3{font-size:calc(17px - 2px)}} @media screen and (max-width: 576px) {.get-in-touch{padding:3rem 0}.get-in-touch .feedback-box{padding:1rem;gap:1.5rem}.get-in-touch .connect-request,.get-in-touch .message-box{padding:1rem}.get-in-touch .connect-request div{margin-bottom:1rem}.get-in-touch .message-box form{gap:1rem}.get-in-touch .message-box input[type="text"],.get-in-touch .message-box input[type="email"]{padding:10px 12px}.get-in-touch .message-box .inquiry-grid{padding:10px 16px}}.cookie-modal-message{bottom:0;justify-content:center;z-index:100;box-shadow:0 -3px 10px rgba(0,0,0,0.5);width:100%;border-top:3px solid rgb(138,138,141);background:rgb(175,175,178);position:fixed;padding:20px 0;display:flex}.cookies-tech{width:90%;background:rgba(0,0,0,0.5);padding:20px;align-items:center;margin:auto;border-radius:28px;display:flex;max-width:1200px;justify-content:space-between;border:2px solid rgb(138,138,141)}.edu-cookie{margin-right:20px;flex-shrink:0}.edu-cookie svg{height:50px;fill:rgb(138,138,141);width:50px}.track-prefs{text-align:left;flex-grow:1;color:#ffffff}.track-prefs h5{color:rgb(138,138,141);margin-bottom:10px;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:23px}.track-prefs p{color:#ffffff;line-height:1.5;margin:0;font-size:15px}.track-prefs p a{text-decoration:underline;color:rgb(138,138,141)}.digital-tracking{text-align:center;padding:10px 20px;text-decoration:none;cursor:pointer;border-radius:10px;min-width:120px;flex-shrink:0;background:rgb(138,138,141);border:none;font-size:16px;color:#ffffff}.cookie_button.track-toggle{margin-right:10px}#cookiePromptAlert{display:none}#cookiePromptAlert:checked ~ .cookie-modal-message{visibility:hidden;opacity:0}@media only screen and (max-width: 1200px) {.cookies-tech{flex-direction:column;text-align:center;align-items:center}.edu-cookie{margin-bottom:20px;margin-right:0}.digital-tracking{margin:10px 0;width:100%;max-width:250px}} .sign-up{overflow:hidden;box-shadow:0 0 30px rgb(138,138,141,0.5);background-color:rgba(0,0,0,0.5);padding:4rem;position:relative}.sign-up::before{background:repeating-linear-gradient( -45deg,transparent,transparent 5px,rgb(138,138,141,0.5) 5px,rgb(138,138,141,0.5) 6px ),repeating-linear-gradient( 45deg,transparent,transparent 5px,rgb(102,102,105,0.5) 5px,rgb(102,102,105,0.5) 6px );position:absolute;clip-path:polygon(0 0,100% 0,100% 100%,30% 100%,0 70%);z-index:1;opacity:0.05;content:"";left:0;right:0;top:0;bottom:0}.sign-up::after{background:radial-gradient( circle at center,rgb(138,138,141,0.5) 0%,transparent 70% );top:-25%;height:150%;opacity:0.1;left:-25%;z-index:0;animation:pulse-glow 5s infinite alternate;position:absolute;content:"";width:150%}.sign-up .virtual-guides{display:grid;z-index:2;gap:2rem;grid-template-columns:1fr 1fr;position:relative;align-items:center}.sign-up p{grid-column:1 / 2;position:relative;font-size:23px;text-transform:uppercase;line-height:1.5;color:#ffffff;font-weight:700;font-family:Arial,sans-serif;padding-left:2rem;letter-spacing:1px}.sign-up p::before{box-shadow:0 0 5px rgb(138,138,141),0 0 10px rgb(138,138,141),0 0 15px rgb(138,138,141);top:0;width:4px;position:absolute;bottom:0;background:linear-gradient(to bottom,rgb(138,138,141),rgb(102,102,105));content:"";animation:pulse-neon 2s infinite alternate;left:0}.sign-up .input_holder{flex-direction:row;transform:perspective(1000px) rotateY(-5deg);display:flex;grid-column:2 / 3;transform-style:preserve-3d;position:relative}.sign-up .subscribe-wrap{box-shadow:inset 0 0 10px rgb(138,138,141,0.5);font-size:14px;color:#ffffff;font-family:Arial,sans-serif;transition:all 0.3s ease;flex:1;backdrop-filter:blur(5px);background-color:rgba(255,255,255,0.05);border-radius:10px 0 0 10px;border:1px solid rgb(138,138,141,0.5);padding:1rem 1.5rem}.sign-up .subscribe-wrap:focus{outline:none;box-shadow:inset 0 0 10px rgb(138,138,141,0.5),0 0 15px rgb(138,138,141,0.5);border-color:rgb(138,138,141)}.sign-up .subscribe-wrap::placeholder{color:rgba(255,255,255,0.5)}.sign-up .sub-block{transition:all 0.3s ease;font-family:Arial,sans-serif;padding:1rem 2rem;font-size:20px;position:relative;color:#ffffff;border:none;z-index:1;font-weight:600;background:rgb(138,138,141);border-radius:0 10px 10px 0;cursor:pointer;overflow:hidden}.sign-up .sub-block::before{top:0;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),transparent );z-index:-1;transition:all 0.6s ease;position:absolute;height:100%;left:-100%;content:"";width:100%}.sign-up .sub-block:hover::before{left:100%}.sign-up .sub-block:hover{background:rgb(102,102,105);box-shadow:0 0 10px rgb(102,102,105),0 0 20px rgb(102,102,105,0.5)}@keyframes pulse-neon {0%{opacity:0.7;box-shadow:0 0 5px rgb(138,138,141),0 0 10px rgb(138,138,141)}100%{opacity:1;box-shadow:0 0 10px rgb(138,138,141),0 0 20px rgb(138,138,141),0 0 30px rgb(138,138,141)}} @keyframes pulse-glow {0%{opacity:0.05;transform:scale(1)}100%{opacity:0.15;transform:scale(1.1)}} @media (max-width: 768px) {.sign-up{padding:2.5rem 1.5rem}.sign-up .virtual-guides{gap:1.5rem;grid-template-columns:1fr}.sign-up p{margin-bottom:0.5rem;grid-column:1 / 2;font-size:17px}.sign-up .input_holder{grid-column:1 / 2;transform:none;flex-direction:column}.sign-up .subscribe-wrap{border-radius:10px;width:100%;margin-bottom:1rem}.sign-up .sub-block{width:100%;border-radius:10px}}.teaching-experience{background:linear-gradient(135deg,rgb(175,175,178) 0%,rgba(0,0,0,0.5) 100%);padding:6rem 0;position:relative;overflow:hidden}.teaching-experience::before{width:100%;height:100%;top:0;content:"";left:0;opacity:0.2;animation:rotateBg 30s linear infinite;background:conic-gradient(from 45deg at 50% 50%,transparent 0deg,rgb(138,138,141,0.5) 90deg,transparent 180deg,rgb(102,102,105,0.5) 270deg,transparent 360deg);position:absolute}@keyframes rotateBg {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .teaching-experience .container{margin:0 auto;position:relative;max-width:1200px;padding:0 1.5rem;z-index:1}.teaching-experience .review-showcase{transition:transform 0.3s ease;padding:3rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);grid-gap:1.5rem;display:grid;grid-template-columns:minmax(250px,35%) 1fr;border-radius:29px;grid-template-areas:"photo quote" "photo name" "photo job";transform:perspective(1000px) rotateX(2deg);backdrop-filter:blur(8px);background-color:rgba(0,0,0,0.5)}.teaching-experience .review-showcase:hover{transform:perspective(1000px) rotateX(0)}.teaching-experience .img-shadow{transition:transform 0.3s ease;transform:translateZ(20px);box-shadow:0 10px 30px -5px rgba(0,0,0,0.5);clip-path:polygon(0 0,100% 0,92% 100%,0% 100%);min-height:350px;grid-area:photo;height:100%;border-radius:29px}.teaching-experience .review-showcase:hover .img-shadow{transform:translateZ(30px)}.teaching-experience .name{font-weight:700;font-size:31px;margin-bottom:0.5rem;color:#ffffff;grid-area:name;transform:translateZ(10px);text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.teaching-experience .review-showcase span:not(.name){transform:translateZ(5px);color:rgb(102,102,105);font-weight:600;margin-bottom:1rem;font-size:20px;grid-area:job}.teaching-experience .job-achievements{transform:translateZ(15px);padding:1.5rem;border-radius:10px;color:#ffffff;line-height:1.6;grid-area:quote;background:linear-gradient(to right,rgba(0,0,0,0.5),transparent);position:relative;font-size:15px;border-left:4px solid rgb(138,138,141)}.teaching-experience .job-achievements::before{mix-blend-mode:overlay;content:"";border-radius:10px;top:0;position:absolute;width:100%;opacity:0.1;left:0;background:linear-gradient(90deg,rgb(138,138,141,0.5) 0%,transparent 100%);height:100%}@media (max-width: 991px) {.teaching-experience .review-showcase{grid-template-columns:1fr 1fr;grid-template-areas:"photo photo" "name job" "quote quote"}.teaching-experience .img-shadow{min-height:300px;clip-path:polygon(0 0,100% 0,95% 95%,5% 95%)}} @media (max-width: 767px) {.teaching-experience{padding:3rem 0}.teaching-experience .review-showcase{grid-template-columns:1fr;grid-template-areas:"img-shadow" "name" "emp-progress" "job-achievements";padding:2rem}.teaching-experience .img-shadow{clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);min-height:250px}}.join-now{perspective:1000px;background:linear-gradient(135deg,rgb(102,102,105) 0%,rgb(138,138,141) 100%);transform-style:preserve-3d;overflow:hidden;padding:4.5rem 0;box-shadow:0 20px 40px rgba(0,0,0,0.15);position:relative}.join-now::before{z-index:1;position:absolute;left:0;top:0;background:repeating-linear-gradient( 45deg,rgb(102,102,105,0.5) 0px,transparent 2px,transparent 10px,rgb(102,102,105,0.5) 12px );opacity:0.1;width:100%;transform:translateZ(-5px);height:100%;content:""}.join-now::after{animation:lightShift 15s infinite alternate ease-in-out;z-index:0;height:200%;right:-50%;opacity:0.2;position:absolute;top:-50%;width:100%;transform:rotate(-30deg);background:radial-gradient( ellipse at center,rgb(255,255,255,0.5) 0%,transparent 70% );content:""}.join-now .container{margin:0 auto;max-width:1140px;transform:translateZ(10px);padding:0 15px;justify-content:center;z-index:2;display:flex;align-items:center;position:relative;flex-direction:column}.join-now h6{font-weight:700;text-align:center;line-height:1.6;margin-bottom:2.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.15);font-size:18px;letter-spacing:0.5px;transform:translateZ(20px);color:#ffffff;max-width:85%}.join-now div{width:100%;position:relative;transform:translateZ(30px);display:flex;justify-content:center}.join-now span{display:inline-block;position:relative}.join-now .inquiry-grid{overflow:hidden;padding:0.9rem 2.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.1);display:inline-flex;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);background:#ffffff;border-radius:10px;text-decoration:none;position:relative;font-size:17px;justify-content:center;font-weight:600;align-items:center;color:rgb(102,102,105)}.join-now .inquiry-grid::before{height:100%;transition:transform 0.6s ease;width:200%;top:0;content:"";left:0;position:absolute;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.2) 50%,transparent 100% );transform:translateX(-100%)}.join-now .inquiry-grid:hover{color:rgb(138,138,141);transform:translateY(-3px) scale(1.03);box-shadow:0 15px 30px rgba(0,0,0,0.25),0 0 0 2px rgba(255,255,255,0.2)}.join-now .inquiry-grid:active{box-shadow:0 5px 15px rgba(0,0,0,0.15);transform:translateY(1px) scale(0.98)}.join-now .inquiry-grid:hover::before{transform:translateX(100%)}.join-now .inquiry-grid span{z-index:1;pointer-events:none;position:relative}@keyframes lightShift {0%{opacity:0.1;transform:rotate(-30deg) translateX(0)}50%{opacity:0.3}100%{opacity:0.1;transform:rotate(-30deg) translateX(-10%)}} @media (max-width: 991px) {.join-now{padding:3.5rem 0}.join-now h6{max-width:90%;margin-bottom:2rem;font-size:calc(18px + 0.1rem)}.join-now .inquiry-grid{padding:0.8rem 2rem}} @media (max-width: 767px) {.join-now{padding:3rem 0}.join-now h6{margin-bottom:1.8rem;max-width:95%;line-height:1.5;font-size:18px}.join-now .inquiry-grid{padding:0.75rem 1.8rem;font-size:calc(17px - 0.1rem)}} @media (max-width: 575px) {.join-now{padding:2.5rem 0}.join-now h6{font-size:calc(18px - 0.1rem);margin-bottom:1.5rem;max-width:100%}.join-now .inquiry-grid{font-size:calc(17px - 0.15rem);padding:0.7rem 1.6rem}.join-now::after{opacity:0.15}} @media (hover: none) {.join-now .inquiry-grid:hover{transform:none;box-shadow:0 10px 25px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.1)}.join-now .inquiry-grid::before{display:none}}.course-overview{padding:100px 0;background-color:rgb(175,175,178);overflow:hidden;position:relative}.course-overview::before{background:linear-gradient(135deg,rgb(138,138,141,0.5) 0%,transparent 40%),linear-gradient(225deg,rgb(102,102,105,0.5) 0%,transparent 40%);content:"";left:0;z-index:1;width:100%;height:100%;top:0;position:absolute}.course-overview::after{background-size:120px 120px,120px 120px;background-image:radial-gradient(circle at 20% 30%,rgb(138,138,141,0.5) 0%,transparent 8%),radial-gradient(circle at 80% 70%,rgb(102,102,105,0.5) 0%,transparent 8%);z-index:1;top:0;position:absolute;width:100%;content:"";height:100%;left:0}.course-overview .container{max-width:1200px;margin:0 auto;padding:0 20px;z-index:3}.course-overview .lesson-route{flex-direction:column;display:flex}.course-overview .text-pill-wrap{backdrop-filter:blur(5px);border-top:3px solid rgb(138,138,141);border-bottom:3px solid rgb(102,102,105);padding:50px;position:relative;margin-bottom:60px;box-shadow:0 20px 40px rgba(0,0,0,0.1);border-radius:11px;background:rgba(255,255,255,0.3);z-index:4}.course-overview .text-pill-wrap::before{top:0;opacity:0.1;height:100%;content:"";position:absolute;background:linear-gradient(45deg,transparent 48%,rgb(138,138,141,0.5) 49%,rgb(138,138,141,0.5) 51%,transparent 52%) 0 0 / 20px 20px,linear-gradient(135deg,transparent 48%,rgb(102,102,105,0.5) 49%,rgb(102,102,105,0.5) 51%,transparent 52%) 0 0 / 20px 20px;left:0;z-index:-1;width:100%}.course-overview .text-pill-wrap h2{font-size:35px;padding:10px 25px;margin-bottom:30px;padding-bottom:15px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.6);background:rgba(0,0,0,0.5);display:inline-block;position:relative;border-radius:10px;color:#ffffff}.course-overview .text-pill-wrap h2::after{border-radius:10px;bottom:0;height:3px;width:80px;position:absolute;content:"";background:linear-gradient(90deg,rgb(138,138,141) 0%,rgb(102,102,105) 100%);left:0}.course-overview .text-pill-wrap .description{position:relative;font-weight:600;border-radius:10px;border-left:2px solid rgb(138,138,141);padding:15px 20px;backdrop-filter:blur(3px);line-height:1.8;color:#000000;background:rgba(255,255,255,0.6);text-shadow:0 1px 2px rgba(255,255,255,0.5);font-size:17px;margin-bottom:25px}.course-overview .text-pill-wrap .description:last-child{margin-bottom:0;padding:15px 20px;background:rgba(255,255,255,0.6);border-left:2px solid rgb(102,102,105)}.course-overview .img-shadow{left:0;width:100%;height:100%;position:absolute;z-index:2;top:0;transform:scale(1.05)}.course-overview .img-shadow::before{background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0.4) 100%);z-index:2;top:0;position:absolute;left:0;width:100%;content:"";height:100%}.course-overview .img-shadow::after{width:100%;top:0;position:absolute;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,0.05) 20px,rgba(255,255,255,0.05) 40px);height:100%;z-index:3;left:0;content:""}@keyframes gridAnimation {0%{background-position:0 0}100%{background-position:40px 40px}} @media (max-width: 992px) {.course-overview{padding:80px 0}.course-overview .text-pill-wrap{margin-bottom:40px;padding:40px}.course-overview .img-shadow{height:60%}} @media (max-width: 768px) {.course-overview{padding:60px 0}.course-overview .text-pill-wrap{margin-bottom:30px;padding:30px}.course-overview .text-pill-wrap h2{font-size:calc(35px * 0.9);margin-bottom:20px}.course-overview .img-shadow{clip-path:polygon(0 20%,100% 10%,100% 100%,0% 100%);height:50%}} @media (max-width: 576px) {.course-overview{padding:50px 0}.course-overview .text-pill-wrap{padding:25px 20px;margin-bottom:20px}.course-overview .text-pill-wrap h2{margin-bottom:15px;font-size:calc(35px * 0.8);padding-bottom:10px}.course-overview .text-pill-wrap .description{padding-left:15px;line-height:1.7;font-size:calc(17px * 0.95)}.course-overview .img-shadow{clip-path:polygon(0 15%,100% 5%,100% 100%,0% 100%);height:40%}} .course-overview::before,.course-overview::after,.course-overview .text-pill-wrap::before,.course-overview .container::before,.course-overview .container::after{pointer-events:none}.course-overview .lesson-route::after{left:0;position:absolute;height:100%;z-index:1;width:100%;background-size:30px 30px;content:"";background-image:radial-gradient(circle at 10% 10%,rgb(138,138,141,0.5) 0%,transparent 1%),radial-gradient(circle at 90% 90%,rgb(102,102,105,0.5) 0%,transparent 1%);pointer-events:none;top:0;opacity:0.3}.landing-page{position:relative;align-items:center;padding:80px 30px;display:flex;min-height:100vh;justify-content:center;overflow:hidden;background:linear-gradient(145deg,rgb(175,175,178),#f0f4f8)}.landing-page > div{z-index:2;gap:60px;flex-direction:column;width:100%;max-width:1200px;position:relative;display:flex}.landing-page::before{opacity:0.1;right:-50px;width:300px;animation:float 15s ease-in-out infinite alternate;position:absolute;content:"";border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;height:300px;top:-50px;background:linear-gradient(135deg,rgb(138,138,141,0.5),rgb(102,102,105,0.5))}.landing-page::after{opacity:0.08;position:absolute;background:linear-gradient(225deg,rgb(102,102,105,0.5),rgb(138,138,141,0.5));bottom:-100px;height:400px;left:-100px;animation:float 18s ease-in-out infinite alternate-reverse;content:"";border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;width:400px}.landing-page h1.fast-knowledge{font-weight:700;margin-bottom:20px;font-size:47px;opacity:0;color:#000000;position:relative;transform:translateY(20px);animation:slide-up 0.8s 0.2s forwards ease-out}.landing-page h1.fast-knowledge::after{height:4px;background:linear-gradient(90deg,rgb(138,138,141),rgb(102,102,105));width:80px;bottom:-10px;left:0;position:absolute;content:"";box-shadow:0 4px 12px rgba(rgb(138,138,141),0.2);transition:width 0.4s ease}.landing-page h1.fast-knowledge:hover::after{width:120px}.landing-page p{color:#000000;opacity:0;margin-bottom:30px;animation:slide-up 0.8s 0.4s forwards ease-out;max-width:680px;line-height:1.6;font-size:calc(17px + 2px);transform:translateY(20px)}.landing-page .learn-expressfast{transition:transform 0.3s ease,box-shadow 0.3s ease;background:linear-gradient(145deg,#f0f4f8,#ffffff);box-shadow:12px 12px 24px rgba(0,0,0,0.05),-12px -12px 24px rgba(255,255,255,0.9);border-radius:15px;animation:slide-up 0.8s 0.6s forwards ease-out;padding:20px;opacity:0;transform:translateY(20px);width:100%}.landing-page .learn-expressfast:hover{box-shadow:15px 15px 30px rgba(0,0,0,0.07),-15px -15px 30px rgba(255,255,255,1);transform:translateY(-5px)}.landing-page .mentor-approach{overflow:hidden;position:relative;transition:all 0.4s ease;height:300px;border-radius:10px}.landing-page .mentor-approach::before{height:100%;background:linear-gradient(to bottom,rgba(rgba(0,0,0,0.5),0.1),rgba(#000000,0.8));z-index:1;top:0;content:"";left:0;position:absolute;width:100%}.landing-page .mentor-approach span{position:absolute;transition:transform 0.3s ease;z-index:2;bottom:0;padding:30px;left:0;width:100%}.landing-page .mentor-approach:hover span{transform:translateY(-5px)}.landing-page .mentor-approach h3{line-height:1.5;font-weight:600;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.2);font-size:calc(21px - 2px)}@keyframes slide-up {0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}} @keyframes float {0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(15px,-15px) rotate(5deg)}100%{transform:translate(-15px,15px) rotate(-5deg)}} @media (min-width: 768px) {.landing-page{padding:100px 50px}.landing-page > div{gap:40px;flex-direction:row;align-items:center}.landing-page > div > div:first-child{flex:1}.landing-page .learn-expressfast{flex:1;margin-top:0}.landing-page h1.fast-knowledge{font-size:calc(47px + 5px)}.landing-page .mentor-approach{height:400px}} @media (max-width: 767px) {.landing-page{padding:60px 20px}.landing-page h1.fast-knowledge{font-size:calc(47px - 4px)}.landing-page p{font-size:17px}.landing-page .mentor-approach h3{font-size:calc(21px - 4px)}} @media (max-width: 480px) {.landing-page{padding:40px 15px}.landing-page h1.fast-knowledge{font-size:calc(47px - 8px)}.landing-page .mentor-approach{height:250px}.landing-page .mentor-approach span{padding:20px}} @media (hover: none) {.landing-page .learn-expressfast:hover{transform:none;box-shadow:12px 12px 24px rgba(0,0,0,0.05),-12px -12px 24px rgba(255,255,255,0.9)}.landing-page .mentor-approach:hover span{transform:none}}.teaching-process{overflow:visible;position:relative;padding:170px 0 140px;background:linear-gradient(130deg,rgb(175,175,178) 0%,rgb(102,102,105,0.5) 150%)}.teaching-process::before{top:0;background-image:linear-gradient(rgb(138,138,141,0.5) 1px,transparent 1px);position:absolute;width:100%;content:'';z-index:1;opacity:0.05;background-size:100% 40px;height:100%;left:0}.teaching-process .virtual-guides{margin:0 auto;position:relative;padding:0 20px;z-index:2;max-width:1200px}.teaching-process .text-pill-wrap{width:100%;padding:0;display:flex;position:relative;flex-wrap:wrap}.teaching-process .text-pill-wrap h2{transform:translate(-60px,-40px);margin:0;z-index:4;font-weight:700;position:relative;backdrop-filter:blur(10px);background:linear-gradient(120deg,rgb(138,138,141,0.5) 0%,rgba(255,255,255,0.1) 100%);box-shadow:0 20px 40px rgba(0,0,0,0.15);font-size:32px;color:#ffffff;align-self:flex-start;padding:35px 40px;border-radius:12px;width:40%}.teaching-process .text-pill-wrap p{position:relative;padding:40px 50px;line-height:1.8;backdrop-filter:blur(15px);border-radius:12px;width:60%;color:#ffffff;background:rgba(255,255,255,0.05);z-index:3;margin:0;box-shadow:0 20px 50px rgba(0,0,0,0.2);font-size:16px;align-self:flex-end;transform:translate(30px,40px)}.teaching-process .text-pill-wrap::before{width:80%;background:linear-gradient(140deg,rgb(138,138,141,0.5) 0%,transparent 70%);opacity:0.15;content:'';left:10%;filter:blur(40px);height:65%;border-radius:12px;top:15%;position:absolute;z-index:1}.teaching-process .text-pill-wrap::after{content:'';z-index:2;width:90%;height:80%;opacity:0.1;border-radius:12px;left:5%;top:10%;position:absolute;border:1px solid rgb(138,138,141,0.5)}.teaching-process .text-pill-wrap h2::before{content:'';border-radius:50%;height:120px;background:rgb(138,138,141);right:-60px;filter:blur(30px);opacity:0.05;z-index:-1;bottom:-60px;width:120px;position:absolute}.teaching-process .text-pill-wrap h2::after{height:80px;bottom:-90px;position:absolute;background:rgb(138,138,141);opacity:0.6;content:'';z-index:5;right:40px;width:3px}.teaching-process .text-pill-wrap p::before{content:'';height:1px;opacity:0.3;left:10%;position:absolute;background:linear-gradient(90deg,transparent,rgb(138,138,141,0.5),transparent);top:30px;width:80%}.teaching-process .text-pill-wrap p::after{left:20%;width:60%;position:absolute;content:'';opacity:0.3;background:linear-gradient(90deg,transparent,rgb(102,102,105,0.5),transparent);height:1px;bottom:30px}.teaching-process::after{content:'';border-radius:30% 70% 50% 50% / 30% 30% 70% 70%;right:10%;width:250px;filter:blur(80px);bottom:-100px;z-index:1;background:rgb(138,138,141,0.5);position:absolute;opacity:0.05;height:250px;animation:float-morph 20s infinite alternate}.teaching-process .virtual-guides::before{transform-origin:center;content:'';border:1px solid rgb(102,102,105,0.5);height:200px;left:12%;position:absolute;opacity:0.2;width:200px;animation:rotate-scale 25s infinite linear;top:-100px}.teaching-process .virtual-guides::after{animation:rotate-scale 20s infinite linear reverse;opacity:0.15;transform-origin:center;width:180px;content:'';position:absolute;bottom:-90px;border:1px dashed rgb(138,138,141,0.5);left:40%;height:180px}@keyframes float-morph {0%{border-radius:30% 70% 50% 50% / 30% 30% 70% 70%;transform:translate(0,0)}50%{border-radius:50% 50% 70% 30% / 60% 40% 30% 70%;transform:translate(-30px,-20px)}100%{border-radius:30% 70% 50% 50% / 30% 30% 70% 70%;transform:translate(0,0)}} @keyframes rotate-scale {0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}} .teaching-process .virtual-guides::before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.teaching-process .virtual-guides::after{clip-path:polygon(50% 0,83% 12%,100% 43%,94% 78%,68% 100%,32% 100%,6% 78%,0% 43%,17% 12%)}@media screen and (max-width: 1200px) {.teaching-process .text-pill-wrap h2{width:45%;transform:translate(-40px,-30px)}.teaching-process .text-pill-wrap p{transform:translate(20px,30px);width:65%}.teaching-process .virtual-guides::before,.teaching-process .virtual-guides::after{width:160px;height:160px}} @media screen and (max-width: 992px) {.teaching-process{padding:140px 0 120px}.teaching-process .text-pill-wrap h2{width:50%;transform:translate(-30px,-25px);padding:30px 35px}.teaching-process .text-pill-wrap p{transform:translate(15px,25px);width:70%;padding:35px 40px}.teaching-process .text-pill-wrap h2::after{height:60px;bottom:-70px}.teaching-process .virtual-guides::before{height:140px;top:-70px;width:140px}.teaching-process .virtual-guides::after{bottom:-70px;height:140px;width:140px}} @media screen and (max-width: 768px) {.teaching-process{overflow:hidden;padding:120px 0 100px}.teaching-process .text-pill-wrap{flex-direction:column}.teaching-process .text-pill-wrap h2{width:100%;transform:none;padding:25px 30px;font-size:calc(32px * 0.9);margin-bottom:40px}.teaching-process .text-pill-wrap p{transform:none;width:100%}.teaching-process .text-pill-wrap::before,.teaching-process .text-pill-wrap::after{display:none}.teaching-process .text-pill-wrap h2::after{right:50%;height:40px;bottom:-50px}.teaching-process .virtual-guides::before,.teaching-process .virtual-guides::after,.teaching-process::after{display:none}} @media screen and (max-width: 480px) {.teaching-process{padding:100px 0 80px}.teaching-process .text-pill-wrap h2{font-size:calc(32px * 0.8);margin-bottom:30px;padding:20px 25px}.teaching-process .text-pill-wrap p{font-size:calc(16px * 0.9);padding:25px 30px}.teaching-process .text-pill-wrap h2::after{height:30px;bottom:-40px}}.course-beneficiaries{padding:100px 0;overflow:hidden;position:relative;background:linear-gradient(120deg,rgb(175,175,178) 0%,#ffffff 100%)}.course-beneficiaries::before{background-position:0 0;right:0;background-image:radial-gradient(rgb(138,138,141,0.5) 20%,transparent 20%);z-index:1;bottom:0;content:"";width:60%;opacity:0.3;height:60%;position:absolute;background-size:20px 20px}.course-beneficiaries .container{z-index:2;max-width:1140px;padding:0 15px;position:relative;margin:0 auto}.course-beneficiaries .virtual-guides{position:relative}.course-beneficiaries h4{font-weight:700;font-size:41px;position:relative;text-align:center;margin-bottom:50px;color:rgb(138,138,141);transition:transform 0.5s ease;transform:perspective(1000px) rotateX(0deg)}.course-beneficiaries h4:hover{transform:perspective(1000px) rotateX(5deg)}.course-beneficiaries h4::after{transform:translateX(-50%);border-radius:5px;height:5px;position:absolute;width:100px;bottom:-15px;left:50%;background:linear-gradient(90deg,rgb(138,138,141),rgb(102,102,105));content:""}.course-beneficiaries div > div{grid-template-columns:repeat(3,1fr);gap:30px;display:grid;padding:0 20px}.course-beneficiaries p{background:#ffffff;position:relative;margin:0;z-index:1;color:#000000;transition:all 0.3s ease;height:200px;padding:40px 30px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,0.05);display:flex;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);align-items:center;text-align:center}.course-beneficiaries p:nth-child(even){transform:translateY(100px)}.course-beneficiaries p::before{position:absolute;height:100%;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);top:0;background:linear-gradient(135deg,#ffffff,rgb(175,175,178));z-index:-1;transition:opacity 0.3s ease;width:100%;content:"";left:0;opacity:0}.course-beneficiaries p:hover{color:#000000;box-shadow:0 15px 40px rgba(0,0,0,0.1)}.course-beneficiaries p:hover::before{opacity:1}.course-beneficiaries p svg{height:32px;transform:translateX(-50%);top:30px;width:32px;position:absolute;left:50%;transition:all 0.3s ease}.course-beneficiaries p svg path{fill:rgb(138,138,141);transition:fill 0.3s ease}.course-beneficiaries p span{display:block;width:100%;margin-top:50px}.course-beneficiaries p:hover svg{transform:translateX(-50%) scale(1.2)}.course-beneficiaries p:hover svg path{fill:rgb(102,102,105)}@keyframes hexSpin {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .course-beneficiaries::after{top:10%;border:2px dashed rgb(102,102,105,0.5);animation:hexSpin 30s linear infinite;width:200px;height:200px;opacity:0.5;content:"";z-index:1;position:absolute;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);left:5%}@keyframes fadeScale {from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}} .course-beneficiaries .virtual-guides > div p{animation:fadeScale 0.5s ease forwards;opacity:0}.course-beneficiaries .virtual-guides > div p:nth-child(1){animation-delay:0.1s}.course-beneficiaries .virtual-guides > div p:nth-child(2){animation-delay:0.2s}.course-beneficiaries .virtual-guides > div p:nth-child(3){animation-delay:0.3s}.course-beneficiaries .virtual-guides > div p:nth-child(4){animation-delay:0.4s}.course-beneficiaries .virtual-guides > div p:nth-child(5){animation-delay:0.5s}.course-beneficiaries .virtual-guides > div p:nth-child(6){animation-delay:0.6s}@media (max-width: 991px) {.course-beneficiaries{padding:80px 0}.course-beneficiaries h4{font-size:calc(41px * 0.85);margin-bottom:70px}.course-beneficiaries div > div{grid-template-columns:repeat(2,1fr);padding:0;gap:100px 20px}.course-beneficiaries p{padding:35px 25px;height:180px}.course-beneficiaries p:nth-child(3n+2){transform:translateY(0)}.course-beneficiaries p:nth-child(even){transform:translateY(90px)}.course-beneficiaries p svg{top:25px}.course-beneficiaries p span{margin-top:45px}.course-beneficiaries::after{width:150px;height:150px}} @media (max-width: 768px) {.course-beneficiaries{padding:70px 0}.course-beneficiaries h4{font-size:calc(41px * 0.7);margin-bottom:60px}.course-beneficiaries h4::after{width:80px;bottom:-12px}.course-beneficiaries div > div{grid-template-columns:1fr;gap:20px}.course-beneficiaries p{clip-path:none;padding:20px;border-radius:18px;aspect-ratio:1.73 / 1;height:auto}.course-beneficiaries p::before{border-radius:18px;clip-path:none}.course-beneficiaries p:nth-child(even){transform:translateY(0)}.course-beneficiaries p svg{width:28px;height:28px;transform:none;margin-right:15px;position:static}.course-beneficiaries p span{margin-top:0;display:inline}.course-beneficiaries p:hover{transform:translateY(0) scale(1.03)}.course-beneficiaries p:hover svg{transform:scale(1.2)}.course-beneficiaries::after{display:none}} @media (max-width: 576px) {.course-beneficiaries{padding:60px 0}.course-beneficiaries h4{margin-bottom:40px;font-size:calc(41px * 0.6)}.course-beneficiaries h4::after{width:60px;height:4px;bottom:-10px}.course-beneficiaries p{padding:15px;font-size:calc(13px * 0.9)}.course-beneficiaries p svg{height:24px;width:24px;margin-right:10px}}.tyWrapper{padding:4rem 0;position:relative;background:linear-gradient(135deg,rgb(175,175,178) 0%,rgb(138,138,141,0.5) 100%);overflow:hidden}.tyWrapper::before{height:100%;content:"";background:repeating-linear-gradient( 45deg,rgb(138,138,141,0.5) 0,rgb(138,138,141,0.5) 1px,transparent 1px,transparent 20px );z-index:1;left:0;opacity:0.05;position:absolute;width:100%;top:0}.tyWrapper::after{position:absolute;animation:pulse 10s infinite alternate ease-in-out;filter:blur(100px);width:300px;opacity:0.1;content:"";top:-10%;z-index:0;background:rgb(102,102,105);height:300px;border-radius:50%;right:-5%}.tyWrapper .container{margin:0 auto;padding:0 2rem;max-width:1200px;z-index:2;position:relative}.tyWrapper h2{color:rgb(138,138,141);text-shadow:0 1px 2px rgba(0,0,0,0.05);font-weight:700;animation-delay:0.3s;margin-bottom:2.5rem;animation:slideInTitle 0.8s forwards ease-out;line-height:1.3;transform:translateX(-10px);max-width:90%;opacity:0;font-size:30px;position:relative}.tyWrapper h2::after{background:rgb(102,102,105);left:0;animation-delay:1s;width:80px;height:3px;bottom:-15px;content:"";transform:scaleX(0);animation:expandLine 1s forwards ease-out;position:absolute;transform-origin:left}.tyWrapper .virtual-guides{position:relative;padding:2.5rem;clip-path:polygon( 0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100% );animation:fadeUpIn 1s forwards ease-out;box-shadow:0 15px 35px rgba(0,0,0,0.05),0 5px 15px rgba(0,0,0,0.03);transform:translateY(20px);background:linear-gradient(145deg,#ffffff 0%,rgba(255,255,255,0.9) 100%);opacity:0;animation-delay:0.5s}.tyWrapper .virtual-guides::before{right:20px;content:"";border:1px solid rgb(138,138,141,0.5);pointer-events:none;left:20px;position:absolute;bottom:20px;top:20px;opacity:0.1}.tyWrapper ul{margin:0;list-style-type:none;padding:0}.tyWrapper li{position:relative;padding-left:2rem}.tyWrapper li::before{transform:rotate(45deg);animation-delay:1.2s;background:rgb(102,102,105);position:absolute;width:8px;height:8px;animation:fadeIn 0.5s forwards ease-out;content:"";opacity:0;top:0.5rem;left:0}.tyWrapper li span{color:#000000;animation:fadeUpIn 0.8s forwards ease-out;line-height:1.7;font-family:Arial,sans-serif;transform:translateY(10px);font-size:calc(16px * 1.05);display:block;animation-delay:0.8s;position:relative;opacity:0;margin-bottom:1rem}.tyWrapper li span::after{position:absolute;height:1px;background:linear-gradient(90deg,rgb(138,138,141,0.5) 0%,transparent 100%);opacity:0.2;bottom:-15px;width:100%;left:0;content:""}@keyframes slideInTitle {0%{transform:translateX(-10px);opacity:0}100%{transform:translateX(0);opacity:1}} @keyframes expandLine {0%{transform:scaleX(0)}100%{transform:scaleX(1)}} @keyframes fadeUpIn {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}} @keyframes fadeIn {0%{opacity:0}100%{opacity:1}} @keyframes pulse {0%,100%{transform:scale(1);opacity:0.1}50%{transform:scale(1.1);opacity:0.15}} @media (max-width: 992px) {.tyWrapper{padding:3rem 0}.tyWrapper h2{font-size:calc(30px * 0.9);max-width:100%}.tyWrapper .virtual-guides{padding:2rem}} @media (max-width: 768px) {.tyWrapper h2{margin-bottom:2rem;font-size:calc(30px * 0.8)}.tyWrapper .virtual-guides{padding:1.75rem;clip-path:polygon( 0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100% )}.tyWrapper li span{font-size:16px}.tyWrapper::after{right:-10%;top:-5%;width:200px;height:200px}} @media (max-width: 576px) {.tyWrapper{padding:2.5rem 0}.tyWrapper .container{padding:0 1.5rem}.tyWrapper h2{font-size:calc(30px * 0.7)}.tyWrapper h2::after{width:60px;height:2px}.tyWrapper .virtual-guides{clip-path:polygon( 0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100% );padding:1.5rem}.tyWrapper li{padding-left:1.5rem}.tyWrapper li::before{width:6px;height:6px}.tyWrapper li span{line-height:1.6;font-size:calc(16px * 0.95)}}footer{position:relative}footer::before{background:linear-gradient(125deg,#000000 0%,rgb(102,102,105) 100%);content:'';top:0;left:0;opacity:0.95;bottom:0;z-index:1;position:absolute;right:0}.case-study{z-index:2;color:#ffffff;position:relative;padding:60px 0;font-family:Arial,sans-serif}.case-study .container{flex-wrap:wrap;display:flex}.case-study .company_holder{text-align:center;border-radius:28px;margin-bottom:40px;padding:25px;flex:0 0 100%;box-shadow:0 15px 30px rgba(0,0,0,0.15);background:rgba(0,0,0,0.2)}.case-study .company_holder h3{font-weight:700;letter-spacing:1px;font-size:31px;margin-bottom:20px;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.case-study .online-tools{border-radius:10px;max-width:80%;padding:15px 20px;margin:0 auto;font-size:12px;text-align:center;color:#ffffff;line-height:1.7;background:rgba(255,255,255,0.1)}.case-study .workshop-cta{flex:0 0 100%;margin-top:20px}.case-study .main-lead{display:flex;justify-content:center;flex-wrap:wrap;margin-top:30px;gap:30px}.case-study .main-start{padding:20px;background:rgba(255,255,255,0.05);flex:0 0 calc(50% - 30px);transition:all 0.3s ease;max-width:calc(50% - 30px);border-radius:28px}.case-study .main-start:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.case-study .main-start h5{color:#ffffff;font-size:22px;text-shadow:0 1px 3px rgba(0,0,0,0.2);font-weight:600;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:20px;text-align:center;padding-bottom:10px}.case-study .main-start .main-lead{flex-direction:column;margin-top:0;display:flex;gap:12px}.case-study .main-start .main-lead a{padding:8px 12px;border-radius:10px;font-size:12px;background:rgba(255,255,255,0.05);color:#ffffff;transition:all 0.3s ease;text-align:center;text-decoration:none}.case-study .main-start .main-lead a:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,0.1);color:#ffffff;background:rgba(255,255,255,0.15)}.a11y-tools{margin-top:40px;background:rgba(0,0,0,0.3);position:relative;padding:20px 0;z-index:2}.a11y-tools::before{opacity:0.2;left:20%;position:absolute;right:20%;background:linear-gradient(90deg,transparent,#ffffff,transparent);top:0;height:1px;content:''}.a11y-tools .container{display:flex;justify-content:center}.a11y-tools .price-table{letter-spacing:0.5px;text-align:center;color:#ffffff;font-size:14px}@keyframes gradientFlow {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @media (min-width: 768px) {.case-study .main-lead{justify-content:space-between}.case-study .company_holder{flex:0 0 30%;text-align:left}.case-study .workshop-cta{flex:0 0 65%}.case-study .container{align-items:flex-start;justify-content:space-between}.case-study .online-tools{text-align:left;max-width:100%;margin:0}} @media (max-width: 767px) {.case-study .main-start{margin-bottom:20px;max-width:100%;flex:0 0 100%}.case-study .company_holder{padding:20px 15px}.case-study .online-tools{max-width:100%;padding:15px}} @media (max-width: 576px) {.case-study{padding:40px 0}.case-study .company_holder h3{font-size:calc(31px * 0.8)}.case-study .main-start h5{font-size:calc(22px * 0.9)}.case-study .main-start .main-lead a{font-size:calc(12px * 0.95)}} @keyframes pulseLight {0%,100%{opacity:0.1;transform:scale(1)}50%{opacity:0.15;transform:scale(1.1)}} footer::after{z-index:1;top:0;content:'';left:0;height:100%;background-size:20px 20px;width:100%;position:absolute;background-image:linear-gradient(0deg,rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px)}.pricing-package{color:#ffffff;padding:120px 0;overflow:hidden;position:relative}.pricing-package::before{background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.65) 100%);content:"";left:0;z-index:1;bottom:0;right:0;top:0;position:absolute}.pricing-package .container{max-width:1200px;z-index:2;position:relative;padding:0 20px;margin:0 auto}.pricing-package .class-cost{position:relative}.pricing-package .class-cost::before{height:300px;left:-150px;background:radial-gradient(circle,rgb(138,138,141,0.5) 0%,transparent 70%);border-radius:50%;opacity:0.2;top:-50px;pointer-events:none;width:300px;position:absolute;content:""}.pricing-package .class-cost::after{height:250px;opacity:0.15;border-radius:50%;right:-120px;bottom:-80px;pointer-events:none;content:"";background:radial-gradient(circle,rgb(102,102,105,0.5) 0%,transparent 70%);position:absolute;width:250px}.pricing-package h2{transform:translateX(-5%);display:inline-block;margin-bottom:20px;position:relative;font-weight:700;font-size:35px;color:#ffffff}.pricing-package h2::after{height:3px;left:0;position:absolute;content:"";background:linear-gradient(90deg,rgb(138,138,141) 0%,rgb(102,102,105) 100%);width:60%;bottom:-8px}.pricing-package .pro-rates{transform:translateX(-3%);opacity:0.9;margin-bottom:50px;line-height:1.6;max-width:80%;font-size:calc(16px * 1.1)}.pricing-package .pricing-pack{list-style:none;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:0;display:grid;margin:0}.pricing-package .pricing-pack li{transition:transform 0.4s ease;perspective:1000px;transform-style:preserve-3d}.pricing-package .learn-packs{color:#ffffff;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;text-decoration:none;overflow:hidden;display:block;height:100%}.pricing-package .learn-packs:hover{transform:translateY(-8px) scale(1.02)}.pricing-package .price-choices{padding:5px;position:relative;border-radius:8px;box-shadow:0 15px 25px rgba(0,0,0,0.2),0 5px 10px rgba(0,0,0,0.1),inset 0 1px 1px rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease;overflow:hidden;height:100%;background:linear-gradient(145deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.05) 100%);backdrop-filter:blur(10px)}.pricing-package .price-choices::before{position:absolute;opacity:0;z-index:0;background:linear-gradient(45deg,rgb(138,138,141,0.5) 0%,transparent 50%,rgb(102,102,105,0.5) 100%);left:0;content:"";width:100%;height:100%;top:0;transition:opacity 0.4s ease}.pricing-package .learn-packs:hover .price-choices::before{opacity:0.15}.pricing-package .lesson-fees{flex-direction:column;padding:35px 30px;height:100%;position:relative;display:flex;z-index:1}.pricing-package .lesson-fees h4{transition:color 0.3s ease;font-weight:700;position:relative;font-size:calc(24px * 1.2);color:#ffffff;margin:0 0 20px}.pricing-package .lesson-fees h4::after{opacity:0.8;left:-15px;width:5px;height:70%;transform:translateY(-50%);background:linear-gradient(to bottom,rgb(138,138,141),rgb(102,102,105));top:50%;position:absolute;content:"";transition:all 0.3s ease}.pricing-package .learn-packs:hover .lesson-fees h4::after{opacity:1;height:100%}.pricing-package .lesson-fees p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:25px;flex-grow:1;scrollbar-color:rgb(138,138,141) rgba(255,255,255,0.1);overflow-y:auto;word-break:break-word;scrollbar-width:thin;font-size:16px;max-height:200px;overflow-wrap:break-word}.pricing-package .lesson-fees p::-webkit-scrollbar{width:5px}.pricing-package .lesson-fees p::-webkit-scrollbar-track{background:rgba(255,255,255,0.1);border-radius:10px}.pricing-package .lesson-fees p::-webkit-scrollbar-thumb{background:rgb(138,138,141);border-radius:10px}.pricing-package .skill-offers{font-size:calc(24px * 1.3);border-radius:4px;padding:5px 10px;transition:all 0.3s ease;font-weight:700;position:relative;align-self:flex-start;background:linear-gradient(135deg,rgb(138,138,141,0.5) 0%,rgb(102,102,105,0.5) 100%);display:inline-block;box-shadow:0 4px 10px rgba(0,0,0,0.2);color:#ffffff;margin-top:auto}.pricing-package .learn-packs:hover .skill-offers{box-shadow:0 6px 15px rgba(0,0,0,0.25);transform:scale(1.05)}@media (max-width: 1200px) {.pricing-package{padding:100px 0}.pricing-package .pricing-pack{gap:25px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pricing-package h2{transform:translateX(0)}.pricing-package .pro-rates{max-width:90%;transform:translateX(0)}} @media (max-width: 992px) {.pricing-package{padding:80px 0}.pricing-package .pricing-pack{gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.pricing-package .lesson-fees{padding:25px 20px}.pricing-package .lesson-fees p{font-size:calc(16px * 0.95);max-height:180px}.pricing-package .skill-offers{font-size:calc(24px * 1.2)}} @media (max-width: 768px) {.pricing-package{padding:70px 0}.pricing-package .pricing-pack{gap:20px;grid-template-columns:1fr 1fr}.pricing-package h2{font-size:calc(35px * 0.9)}.pricing-package .pro-rates{max-width:100%;font-size:16px;margin-bottom:40px}} @media (max-width: 576px) {.pricing-package{padding:60px 0}.pricing-package .pricing-pack{grid-template-columns:1fr}.pricing-package h2{font-size:calc(35px * 0.8);text-align:center;display:block}.pricing-package h2::after{left:20%;width:60%}.pricing-package .pro-rates{margin-bottom:30px;text-align:center}.pricing-package .lesson-fees h4{font-size:calc(24px * 1.1)}.pricing-package .lesson-fees p{max-height:150px}.pricing-package .skill-offers{font-size:calc(24px * 1.1)}}header{left:0;width:100%;position:fixed;top:0;background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.5) 100%);box-shadow:0 4px 30px rgba(0,0,0,0.2);z-index:100;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.5s ease}header::before{width:100%;opacity:0.3;background:radial-gradient(circle at 10% 20%,rgb(138,138,141,0.5) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgb(102,102,105,0.5) 0%,transparent 20%);top:0;height:100%;left:0;z-index:-1;animation:pulse 15s infinite alternate;position:absolute;content:""}header .container{position:relative;padding:1rem 2rem}header .header-top{z-index:2;display:flex;justify-content:space-between;position:relative;align-items:center}header .main-start{position:relative;gap:2rem;display:flex;align-items:center}header .main-start::before{height:calc(100% + 30px);top:-15px;content:"";width:calc(100% + 60px);opacity:0.1;background:linear-gradient(90deg,transparent 0%,rgb(138,138,141,0.5) 50%,transparent 100%);border-radius:22px;transform:skewX(-15deg);left:-30px;z-index:-1;position:absolute}header .top-sitewrap{position:relative;padding:0.5rem 0;transition:all 0.3s ease;font-family:Arial,sans-serif;text-transform:uppercase;color:#ffffff;font-weight:600;font-size:16px;letter-spacing:0.5px;text-decoration:none}header .top-sitewrap::before{background:linear-gradient(to right,rgb(138,138,141),rgb(102,102,105));bottom:0;left:0;content:"";height:2px;width:0;transition:width 0.3s ease;position:absolute}header .top-sitewrap:hover{transform:translateY(-2px);color:rgb(138,138,141)}header .top-sitewrap:hover::before{width:100%}header .top-know{align-items:center;z-index:2;text-decoration:none;position:relative;display:flex}header .top-know svg{filter:drop-shadow(0 0 8px rgba(255,255,255,0.3));transition:all 0.3s ease;width:auto;height:40px}header .top-know:hover svg{filter:drop-shadow(0 0 12px rgb(138,138,141,0.5));transform:scale(1.05)}@keyframes pulse {0%,100%{opacity:0.2}50%{opacity:0.4}} @media (max-width: 991px) {header .container{padding:0.8rem 1.5rem}header .main-start{gap:1.5rem}header .top-sitewrap{font-size:calc(16px - 1px)}} @media (max-width: 767px) {header{position:relative}header .header-top{padding:1rem 0;gap:1rem;flex-direction:column-reverse}header .top-know{margin-bottom:0.5rem}header .main-start{mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);justify-content:flex-start;width:100%;padding:0.5rem 0;overflow-x:auto}header .main-start::before{display:none}header .top-sitewrap{white-space:nowrap;border-radius:10px;background:rgba(255,255,255,0.05);padding:0.5rem 1rem}header .top-sitewrap::before{display:none}}